@media (max-width: 768px) {
    .panel {
        margin-top: 15px;
    }
}

.panel-primary {
    border-color: #ddd;
}

.panel {
    padding: 5px;
    border: 1px solid transparent;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.navbar .nav > li > span {
    color: #818386;
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

.nav > li > span {
    display: block;
}

.modal.fade.in {
    top: 9%;
}

.modal-body {
    max-height: 350px;
}

.alert {
    text-align: center;
    padding-right: 50px;
}

.divMessage {
    position: fixed;
    top: 0;
    z-index: 1045;
    margin: 0;
}

input.input-validation-error, select.input-validation-error, textarea.input-validation-error {
    border-color: #A00000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

    input.input-validation-error:focus, select.input-validation-error:focus, textarea.input-validation-error:focus {
        border-color: #6D0000;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #FF0707;
    }

.required label:after {
    content: '*';
    color: red;
}

label {
    display: inline-block;
}

.footer {
    padding: 5px;
}

.nav-collapse.collapse {
    height: auto;
}

.navbar-app .navbar-inner .container-fluid .brand {
    padding: 11px 10px;
}

.navbar-app .navbar-inner {
    background-image: none;
}

/* Starter Styles
-------------------------------------------------- */

body {
    position: relative;
    padding-top: 40px;
    min-width: 262px;
}

/* Sections
-------------------------------------------------- */
section {
    padding-top: 30px;
    padding-bottom: 50px;
}

/* Footer
-------------------------------------------------- */

/*.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin-top: 0px;
}*/

/* Responsive
-------------------------------------------------- */

/* Desktop
------------------------- */
@media (max-width: 980px) {
    /* Unfloat brand */
    body > .navbar-fixed-top .brand {
        float: left;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
}
/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 980px) {
    /* Remove any padding from the body */
    body {
        padding-top: 0;
    }
}

/* Tablet
------------------------- */
@media (max-width: 767px) {
    /* Remove any padding from the body */
    body {
        padding-top: 0;
    }
}
/* Landscape phones
------------------------- */
@media (max-width: 480px) {
    /* Remove padding above jumbotron */
    body {
        padding-top: 0;
    }

    /* Change up some type stuff */
    h2 small {
        display: block;
    }

    /* Tighten up footer */
    .footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
        /* Unfloat the back to top in footer to prevent odd text wrapping */
        .footer .pull-right {
            float: none;
        }
}

input[type="checkbox"] {
    padding: 0px;
    margin-top: -2px;
}

    input[type="checkbox"] + input[type="hidden"] + label {
        margin-left: 5px;
    }

input[type="radio"] {
    padding: 0px;
    margin-top: -2px;
}

    input[type="radio"] + label {
        margin-right: 10px;
    }

.fontBold {
    font-weight: bold;
}

    .fontBold label {
        font-weight: bold;
    }

.field-validation-error {
    color: #A00000;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
    line-height: 15px;
}

.modal-body .row {
    line-height: 30px;
}

.custommodal {
    width: 650px !important;
}

.customspan2 {
    width: 200px !important;
}

.customspan3 {
    width: 250px !important;
}

.customspan1 {
    width: 100px !important;
}

.customspan12 {
    width: 75% !important;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    right: auto;
}

.customRow {
    background-color: #FBF0DF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 82%;
}

.customtable thead tr th {
    border: 1px solid #C6C6C6;
}

    .customtable thead tr th[colspan] {
        text-align: center;
    }

.customPrompt {
    margin: 20px 10px !important;
}

    .customPrompt b {
        font-size: 16px !important;
    }

    .customPrompt ul {
        margin-left: 15px !important;
        font-size: 14px !important;
    }

.customHr {
    margin: 5px 0px !important;
}

.table-condensed select[disabled] {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

textarea {
    resize: none;
}

.fixedHeightDiv {
    max-height: 120px;
    overflow: auto;
}

.collapseDiv {
    max-width: 480px;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #CCCCCC;
}

.condensedCustom {
    margin-top: 5px;
    margin-bottom: 5px;
}

.tdHighlight {
    background-color: #E7E7E7;
    font-size: 82%;
    text-transform: uppercase;
}

.divFilter {
    background-color: #F5F5F5;
    padding: 5px;
    overflow-y: auto;
    max-height: 260px;
}

.expanderContainer {
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
    margin: 0px 0px 10px;
    border-top: 0px;
}

.expanderPadding {
    padding: 10px;
}

.divBar {
    background-image: linear-gradient(to bottom, #FFFFFF, #F0F0F0);
    background-repeat: repeat-x;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    content: "";
    display: table;
    border: 1px solid #CCCCCC;
    padding: 5px 0px;
}

    .divBar:hover {
        background-image: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
        background-repeat: repeat-x;
    }

.disabledText, option:disabled {
    color: #CCCCCC;
    cursor: not-allowed;
}

.validationError {
    border: 1px solid #A00000;
}

.spanValidationError {
    color: #A00000;
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin: 10px 0px;
}

.detailLineHeight {
    line-height: 18px;
    padding: 2px 0px 5px 0px;
}

.removedRows {
    font-style: italic;
    color: #CCCCCC;
}

.lblLink {
    color: #0083BF;
    text-decoration: none;
}

    .lblLink:hover {
        text-decoration: underline;
        color: #226F92;
    }

.requiredlabel:after {
    content: '*';
    color: red;
}

.tableItemList {
    margin-left: -25px;
    list-style: none;
}

.smallTextBox {
    text-align: center;
    width: 50px;
}

.noRecords {
    text-align: center;
}

.DTTT_container {
    margin-bottom: 10px !important;
}

.emptyPrompt {
    background-image: none !important;
    margin: 20px 10px !important;
    padding: 0 !important;
}

.hintBtnFloat {
    float: right;
}

.popover-content {
    line-height: 20px !important;
}


/*Here We will add some css for style our treeview*/
.c1 {
    width: 15px;
    background-image: url('../content/Images/ui-icons_454545_256x240.png');
    background-repeat: no-repeat;
    background-position: -50px -17px;
    display: inline-block;
    cursor: pointer;
}

.e1 {
    width: 15px;
    background-image: url('../content/Images/ui-icons_454545_256x240.png');
    background-repeat: no-repeat;
    background-position: -36px -17px;
    display: inline-block;
    cursor: pointer;
}

.curpt {
    cursor: pointer;
}

.s1:hover {
    background-color: #e38a13;
    display: inline-block;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #f39518, #cc790b);
    background-repeat: repeat-x;
}

.s2 {
    background-color: #e38a13;
    display: inline-block;
    /*border: solid black;
border-width: 1px;*/
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #f39518, #cc790b);
    background-repeat: repeat-x;
}

    .s2 a {
        color: white;
    }

.treeview ul {
    font: 14px Arial, Sans-Serif;
    margin: 0px;
    padding-left: 20px;
    list-style: none;
}

.treeview > li > a {
    font-weight: bold;
}

.treeview li {
}

    .treeview li a {
        padding: 4px;
        font-size: 17px;
        display: inline-block;
        text-decoration: none;
        width: auto;
        line-height: 20px;
        color: black;
    }



    .treeview li:hover {
    }

.bottomspace {
    margin-bottom: 10px;
}

.leftspace {
    margin-left: 5px;
}

.topspace {
    margin-top: 5px;
}

.rightspace {
    margin-right: -20px;
}

.bottomspaceMinus {
    margin-bottom: -10px;
}


/*----css for book parameter---------*/

#dvParaContainer .row {
    margin-bottom: 0.7em;
    margin-top: 0.3em;
}

#dvParaContainer table {
    background: none !important;
}

#dvParaContainer .dvAssetIdOpt {
    /* background-color:#ccc;*/
    border-radius: 3px;
    min-height: 20px;
    line-height: 20px;
    margin: 2px 2px 3px 2px;
    text-align: center;
    vertical-align: middle;
    /*color:#fff;*/
    /*font-weight:bold;*/
    cursor: pointer;
    /* border:solid 1px;*/
}

#dvParaContainer .selectedAssetOpt {
    background-color: #D6800E;
    color: #fff;
}
/*----end css for book parameter-----*/

/*--------css for CostBreakupCatg-----*/

.UpperText {
    text-transform: uppercase;
}

.wd-150px {
    width: 150px !important;
}

.wd-120px {
    width: 120px !important;
}

.margin-bottom-10px {
    margin-bottom: 10px !important;
}
/*------------End--------------------*/

#sg1.splitter-group {
    height: 450px;
    margin-bottom: 40px;
}

.clsYellowBgrColor {
    background-color: yellow;
}

/*------------------Collapsible in Asset Acquisition third tab--------------*/
.dvCollapsible {
    cursor: pointer;
}

    .dvCollapsible strong {
        line-height: 40px;
        font-size: 14px;
    }

    .dvCollapsible i {
        margin-left: 3px;
        margin-right: 3px;
    }
/*---------------------------End--------------------------------------------*/

.dvUnderline {
    text-decoration: underline;
    color: black;
    font-weight: 900
}

.its-link {
    cursor: pointer;
}





.panel-primary .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading, .panel-info .panel-heading, .panel-primary .panel-title, .panel-success .panel-title, .panel-warning .panel-title, .panel-danger .panel-title, .panel-info .panel-title {
    color: #fff;
}

.panel-primary > .panel-heading {
    border-color: #ddd;
    background-color: #FF9100;
    color: #fff;
}

.panel-default > .panel-heading {
    border-color: #ddd;
    background-color: #E7E7E7;
    color: #666;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    -ms-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -ms-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

/*.customspan4 {
  width: 414px !important;
}*/

.modal-footer-thin {
    padding: 14px 15px 3px;
    margin-bottom: 0;
    text-align: left;
    background-color: #ebebeb;
    border-top: 1px solid #bebebe;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.ZeroPadding {
    padding: 0px 0px;
}




/**Dashboard card */
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;
    position: relative;
}

    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.card-container {
    padding: 10px 16px;
}

.card-container-overlay {
    background-color: rgb(180 177 177 / 85%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-image: url("../Images/BentoImages/loading-51.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 55px 55px;
    display: none;
}

.show {
    display: block;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

.bg-success {
    background-color: #dff0d8;
}

.bg-info {
    background-color: #d9edf7;
}

.bg-warning {
    background-color: #fcf8e3;
}

.bg-danger {
    background-color: #f2dede;
}

.ms-choice {
    height: 30px;
    border-radius: unset;
}


    .ms-choice > div.icon-close {
        position: absolute;
        top: 7px;
        right: 16px;
        height: 100%;
        width: 16px;
    }

    .ms-choice > span {
        position: absolute;
        top: 4px;
        left: 0;
        right: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: 8px;
    }



.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}