body, #head {
    background: #f1f4f5;
}

.right-0 {
right:0 !important}

.font-familyR {
    font-family: "Roboto", sans-serif !important;
}

.border-bottom-dash {
    border-bottom: 1px dashed #dee2e6;
}

.marginRight-5 {
    margin-right: 5px;
}

.marginTop-10 {
    margin-top: 10px;
}

.marginTop-20 {
    margin-top: 20px;
}


.site-menu .site-menu-sub .site-menu-item.active > a {
    color: #ffffff;
}


.site-menu .site-menu-sub .site-menu-item.active > a {
    color: #fff;
    background: RGBA(76,175,80,0.8) !important;
}

.site-menu > .site-menu-item.active.open > a {
    background: #4CAF50;
    color: #fff;
}

.none {
    display: none !important;
}

 

.navbar-brand {
    height: auto;
    padding: 0.5715rem 1.429rem;
}

#head_menu {
    background: none;
    width: auto;
    padding: 0 0px 0px 0px
}

.site-navbar {

}

.page-login-v3:before {
    background: #2196f3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: linear-gradient(to bottom, #2196f3 0%, #283593 100%);
    background-repeat: repeat-x;
}

.page-content {
    padding: 15px 15px;
}

.navbar-brand-logo {
    display: inline-block;
    margin-top: 2px;
    height: 55px;
}

.nav-top a {
    color: #2e65ad;
    font-size: 13px;
    padding: 5px;
    margin: 5px;
    font-weight: 400;
}

    .nav-top a:hover {
        background: #2e65ad;
        color: #fff;
        text-decoration: none;
    }

.menuSecond {
    width: 100%;
    float: left;
    background-color: #2e65ad;
}


.loginName {
    float: left;
    width: 50%;
    background: none;
    color: #fff;
}

    .loginName h6 span {
        color: #fff;
    }

#submenu {
    float: right;
    width: 50%;
    background: none;
}

    #submenu table.ctl00_MainMenu_2 {
        float: right;
    }

    #submenu a {
        font-size: 13px;
        color: #f1f1f3;
        font-weight: 500;
        padding: 13px 4px;
        display: inline-block;
    }


        #submenu a:hover, #submenu a .ctl00_MainMenu_0 a:hover {
            color: #2e65ad;
            background: #fff;
            text-decoration: none;
        }

    #submenu img {
        padding: 14px 0;
    }

    #submenu .ctl00_MainMenu_0 {
        display: block;
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,1) !important;
        -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,1) !important;
        box-shadow: 0px 2px 6px 0px rgba(0,0,0,1) !important;
        color: #757575 !important;
        background: #fff;
    }


        #submenu .ctl00_MainMenu_0 a {
            color: #757575 !important;
            padding: 5px 8px
        }

.dxbButton_Office2010Blue {
    background: none;
    padding: 0.3rem;
    line-height: 1em;
}



#sitemap {
    font-size: 1rem;
    font-weight: 300;
    color: #757575;
    margin: 0 0 15px 0;
}

    #sitemap a {
        font-size: 1rem;
        font-weight: 300;
        color: #757575;
        padding: 0;
    }

.page-title {
    margin-bottom: 0;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #424242;
}

.filterContracted {
    background-color: #fff;
    border-bottom: 1px solid #cccccc;
    border-bottom-color: #C4BF66;
    height: 55px;
    padding-left: 5px;
    overflow: hidden;
}


.btnDownload, .btnRegnrate, .btnApprove {
    background: #11c26d;
    background-image: none;
    font-size: 0.8rem;
}

.dxgvTable_Office2010Blue {
    width: 100%;
    max-width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
    padding: 0;
}


    .dxgvTable_Office2010Blue td {
        border-top: 1px solid #dee2e6;
    }

.invoiceTable > table, .invoiceTable > table td {
    border: 0;
}

.invoiceTable .dxgvSearchPanel_Office2010Blue .dxic {
    padding: 0;
    border: none;
}



.invoiceTable .dxgvSearchPanel_Office2010Blue input {
    height: 24px;
    border-color: #dee2e6;
    display: block;
    padding: 1px 4px;
    font-size: 13px;
    line-height: 16px;
    color: #757575;
    background-color: #fff;
    font-family: Roboto,sans-serif !important;
}


.invoiceTable .dxgvSearchPanel_Office2010Blue a {
    padding: 1px 5px;
    color: #fff;
    background-color: #2e65ad;
    border-color: #2e65ad;
    border-radius: .215rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 16px;
    margin-left: -1px !important;
    margin-top: 0px !important;
    font-family: Roboto,sans-serif;
    font-size: 0 !important;
}

    .invoiceTable .dxgvSearchPanel_Office2010Blue a:before {
        content: "";
        font-family: "Material Design Iconic";
        position: relative;
        display: inline-block;
        font-style: normal;
        font-weight: 400;
        text-rendering: auto;
        speak: none;
        width: 1em;
        text-align: center;
        line-height: inherit;
        margin: 4px 3px 0;
        font-size: 20px;
    }

.dxHideContent.dxeButton.dxeButtonEditButton_Office2010Blue.dxeButtonEditClearButton_Office2010Blue {
    background: #fff;
}

#bodyMain table.dxgvControl_Office2010Blue.invoiceTable.dxgv {
    background: #fff !important;
}

.footer_buttons label {
    font-weight: 500;
}

.dxbs-gridview .table tr th a {
    font-weight: 500;
}

.btnDecline {
    background-color: #f44336;
    border-color: #f44336;
    font-size: 0.8rem;
}

.btnDownload .dx-vam, .btnRegnrate .dx-vam {
    font-family: "Roboto", sans-serif;
}

.btnDownload.btn.icon, .btnRegnrate.btn.icon {
    padding: 0.3rem;
    line-height: 1em;
}

.btnDownload.fa-download:before, .btnRegnrate.fa-refresh:before {
    top: 4px;
    position: inherit;
    left: 8px;
    font-size: 14px;
}

.btnDecline.md-close:before, .btnApprove.md-check:before {
    top: 4px;
    position: inherit;
    left: 8px;
    font-size: 14px;
    font-family: "Material Design Iconic" !important;
}

.btnDecline.btn, .btnApprove.btn {
    font-family: "Roboto", sans-serif !important;
    padding: 0.3rem !important;
}

.ajax__calendar .ajax__calendar_container {
    width: auto;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) !important;
    font-size: 1rem;
    color: #757575 !important;
    background-color: #fff;
    border: 0 !important;
    z-index: 9999;
}

.ajax__calendar_body {
    width: auto;
}

.ajax__calendar_container {
    font-family: "Roboto", sans-serif;
}

.ajax__calendar .ajax__calendar_footer {
    font-size: 12px !important;
    padding-top: 0 !important;
}

.dxgvTable_Office2010Blue td {
    border-top: 0;
}



#bodyMain > table > table tbody tr:first-child td {
    /*border: 0 !important;
        background: none !important;
        background-image: none !important;*/
    border: 1px solid #8ba0bc !important;
    background: #2e65ad !important;
    background-image: none !important
}

.dxeButtonEditButton_Office2010Blue, .dxeSpinLargeIncButton_Office2010Blue, .dxeSpinLargeDecButton_Office2010Blue {
    background: #2e65ad;
}

.dxgvHeader_Office2010Blue {
    cursor: pointer;
    white-space: nowrap;
    padding: 5px 6px;
    border: 1px solid #cfddee;
    background: #2e65ad;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
    font-family: Roboto,sans-serif !important;
    font-size: 1rem !important;
}

    .dxgvHeader_Office2010Blue table td {
        font-family: Roboto,sans-serif !important;
        font-size: 0.9rem !important;
    }

.dxgvSearchPanel_Office2010Blue {
    border-bottom: 0;
    padding: 0;
}

.invoiceTable {
    border: 0;
}

    .invoiceTable > tbody > tr > td {
        position: relative;
    }

.dxgvSearchPanel_Office2010Blue {
    position: absolute;
    top: -38px;
    width: 42%;
}

.dxgvGroupPanel_Office2010Blue {
    color: #3f51b5;
    background-color: rgba(197,202,233,.8);
    border-color: #3f51b5;
    padding-right: 40px;
    border-left: 3px solid #3f51b5;
    border-bottom: 0;
    border-bottom: 0;
    border-bottom: 0;
    border-bottom: 0;
    padding-left: 20px;
    position: relative;
    padding: 12px 20px;
    margin-bottom: 0.5rem;
    margin-top: 0rem;
    border-radius: .215rem;
    font-family: Roboto,sans-serif;
    font-size: 1rem;
}

/*#bodyMain table table tbody tr:first-child td td,
#bodyMain table .dxeButtonEditSys.dxeButtonEdit_Office2010Blue td.dxic,
#bodyMain table.invoiceTable div.dxgvSearchPanel_Office2010Blue table,
#bodyMain table.invoiceTable div.dxgvSearchPanel_Office2010Blue table tbody td {
    border: 0 !important;
    background: none !important;
    background-image: none !important;
    padding: 0px !important;
}*/



    #bodyMain table.invoiceTable div.dxgvSearchPanel_Office2010Blue table.dxeButtonEditSys {
        border: 1px solid #dee2e6 !important;
        border-radius: .215rem;
    }

.dxgvHeader_Office2010Blue table {
    color: #ffffff !important;
}

.dxpcDropDown_Office2010Blue {
    z-index: 9999;
}

.dxpLite_Office2010Blue b.dxp-num.dxp-current {
    background-color: #3f51b5;
    color: #fff !important;
    display: block;
    padding: .643rem 1.072rem;
    margin-left: -1px;
    line-height: 1.57142857;
    border: 1px solid #3f51b5;
    margin: 2px;
}

.dxpLite_Office2010Blue a.dxp-num {
    position: relative;
    display: block;
    padding: .643rem 1.072rem;
    margin-left: -1px;
    line-height: 1.57142857;
    color: #757575 !important;
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin: 2px;
}

.dxgvPagerBottomPanel_Office2010Blue {
    background: #f7f5f5 none;
    text-align: center;
}

.btn .btnNone {
    background: none;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
}


.footer_buttons .btnGenrate input {
    background-color: #3f51b5;
    border: 1px solid #3f51b5;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
}

.padTop7 {
    padding-top: 7px;
}

.lastInput .form-control {
    width: 100px !important;
    display: inline-block;
}

    .lastInput .form-control span {
        width: 100px !important;
        display: inline-block;
    }

/*.dxgvTable_Office2010Blue.dxgvRBB tr:nth-child(even) {
    background: #efefef !important;
}


.dxbs-icon-plus, .dxbs-icon-minus {
    font-family: "Material Design Iconic" !important;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 20px !important;
    position: absolute;
    right: 30px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Font Awesome";
}

    .dxbs-icon-plus::before {
        content: "\f105";
    }

    .dxbs-icon-minus::before {
        content: "\f107";
    }
*/

.dropdown-toggle:empty::after {
    margin-top: 10px;
}

.table th a {
    text-decoration: none;
}

.btn .badge {
    padding: .25em .0em !important;
    font-size: 100% !important;
    background-color: rgba(255, 255, 255, 0.00) !important;
}



.customLabel {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
}

.exportRow {
    float: right;
    padding-bottom: 10px;
}

    .exportRow .btn {
        padding: .2rem 0.8rem;
    }

.modal-header .close {
    padding: 0px 10px;
}




.generateInvoiceGrid .card,
.mbGrid-0 .card{
    margin-bottom: 0;
}


/*******************************/
.row_balanced td {
    background-color: #DEEEFE;
}

.row_surplus {
    background-color: #C9FEBC !important;
}

.row_deficit {
    background-color: #FFC1C2;
}

/*.cancellation_pending {
}*/


.cancellation_queried {
    background-color: #FFFF99;
}

.cancellation_approved {
    background-color: #C9FEBC;
}

.cancellation_declined {
    background-color: #FFC1C2;
}

input[type=submit].btn-custom {
    color: #fff !important;
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    box-shadow: none !important;
    border: 1px solid transparent;
    padding: .429rem 1.072rem;
    font-size: 1rem;
    line-height: 1.57142857;
    border-radius: .215rem; 
    cursor:pointer;
}


.editFormControl .form-group input.form-control,
.editFormControl .form-group select.form-control,
.inputWidth100 .form-group input.form-control,
.inputWidth100 .form-group select.form-control {
    width: 100% !important;
}

.editFormControl .form-group {
    margin-bottom: 0.429rem;
}

.editFormControl .checkbox-custom {
    padding-left: 10px;
}

.padding-top7{
    padding-top: 7px;
}

.tool-item {
    width: auto !important;
    height: auto !important;
    padding: 5px 10px !important;
    color: #fff !important;
    text-decoration: none !important; font-weight:500; 
}

.tool-container.tool-top {
    height: auto !important;
}

.btn-icon-custom {
    padding: .2rem .5rem !important;
    font-size: 1.2rem !important;
}

.dxbs-spin-edit input[type=text]{ text-align:right;}

span.col-form-label {
    font-size: 1rem !important;
    font-family: Roboto,sans-serif !important;
}

/*.modal-backdrop {
    z-index: 5550 !important;
}
.modal-dialog {
    z-index: 99999 !important;
}*/

.modal-header .modal-title {
   order: 0;
}
.modal-header {
    border-bottom: 1px solid #dee2e6;
}
.modal-title {
    font-size: 1.286rem;
}

.headerCustome .panel-title
{
    padding-left:0;
    padding-right:0;
}

.page-aside-section .ui-draggable {
    cursor: move;
}

.customeLink a {
    text-decoration: none;
    color: #fff;
    background-color: #f9bc0b;
    border-color: #f9bc0b;
    box-shadow: none;
    border-radius: .143rem;
    padding: .2rem .4rem;
    font-size: .858rem;
    line-height: 1.5;
}
.ui-widget-header .ui-icon, .ui-icon {
    margin-top: 8px;
}



.dxbs-gridview > .card > table > thead > tr > th > a 
{
    font-weight: 500 !important;
}

.dxbs-fixed-header-content > span
{ font-weight: 500;}


.summayTable th {
    color: #fff;
    background: #2196f3;
}

.list-group-item {
    background:none;
}
.page-aside .list-group-item:hover, .page-aside .list-group-item:focus {
    background: #f9bc0b;
    border: none;
    color: #fff;
}
    /*.ui-draggable:nth-child(odd) {
    background: #ececec47 !important;
}*/

.ui-draggable:nth-child(even) {
    background: #d6d6d66e !important;
}

.ui-draggable:hover {
   color:#fff;
}
.page-aside .list-group-item {
    padding: 7px 30px;
}

.search-form-control {
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-color: rgba(0, 0, 0, 0.06);
    padding: 10px 60px 10px 30px;
    height: 56px;
}

.bootpag li a {
    color: #757575;
    background-color: transparent;
    border: 1px solid #dee2e6;
    position: relative;
    display: block;
    padding: .643rem 1.072rem;
    margin-left: -1px;
    line-height: 1.57142857;
}

.bootpag li.active a {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.bootpag li.prev a {
    margin-left: 0;
    border-top-left-radius: .215rem;
    border-bottom-left-radius: .215rem;
}
    .bootpag li.next a
    {  border-top-right-radius: .215rem;
    border-bottom-right-radius: .215rem;}



.dxpgColumnFieldValue_Office2010Blue,
.dxpgRowFieldValue_Office2010Blue {
    background: #2196f3 !important;
    background-image: none;
    color: #fff;
}

.dxpgMainTable_Office2010Blue {
    border-collapse: collapse !important;
    /*background-color: #cccccc36 !important;*/
}

.dxpgGrandTotalCell_Office2010Blue {
    background-color: #9c9c9c !important;
    color: #fff !important;
}

.table-bordered th, .table-bordered td,
.dxpgControl_Office2010Blue, 
.dxpgCustForm_Office2010Blue {
    font-family: "Roboto", sans-serif !important;
}

/*.table-hover th {
    background-color: #e9ecef;
}*/

.dxpgFilterArea_Office2010Blue {
 background:none !important;
 }

.dxpgControl_Office2010Blue {
    font-size: 1rem !important;
    font-family: "Roboto", sans-serif !important;
}

.dxpgHeader_Office2010Blue {
    /*color: #776501 !important;
    background: #ffd700 !important;*/
    background: #f9bc0b !important;
    border: 1px solid #f9bc0b !important;
    color: #fff !important;
}


.dxpgControl_Office2010Blue, .dxpgCustForm_Office2010Blue {
    color: #757575 !important;
}

.dxpgHScrollBarAreaCell_Office2010Blue {
    background: #2196f3 !important; 
}

.dxFixedHeader
{position:absolute !important;}
/*.modal-body .btn-link {
    background-color: #f9bc0b;
    border: 1px solid #f9bc0b;
    color: #fff;
    padding: .429rem .929rem;
    font-size: .858rem;
    line-height: 1.5;
    border-radius: .143rem;
}*/
.table-bordered .card {
    margin-bottom: 0 !important;
}

.btn.btn-link.dxbs-button.icon-only {
    padding: .5rem 0.3rem;
    margin-right: 5px;
    line-height:1.9rem;
}

.step-title {
    font-size: 14px;
    color: #616161;
     font-weight: 500;
}

.dxbs-spin-btn-group 
{
 display:none !important;
}

.btn-primary {
    background-color: #f9bc0b;
    border: 1px solid #f9bc0b;
    color: #fff;
}
    .btn-primary:hover,
    .btn-primary:active, .btn-primary:focus {
        background-color: #f2c742 !important;
        border: 1px solid #e5ac06;
        
        color: #795548;
    }


.nav-link {
    position: relative;
    display: block;
    padding: 0.315rem 0.572rem;
    overflow: hidden;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .nav-link:hover, .nav-tabs .nav-item.show .nav-link:focus, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-item.open .nav-link:focus {
    color: #fff;
    background-color: #f2c742;
}

/*.nav-tabs .nav-item .nav-link {
    background-color: #eeeeee;
}*/


.ui-dialog {
    z-index: 9999; background:#fff;
}
.ui-widget-overlay {
    position: fixed !important;
}

.table-striped tbody tr:nth-of-type(odd).row_deficit {
    background-color: #FFC1C2;
}

.dxbs-search-panel button {
    background-color: #4caf50;
    border-color: #4caf50;
}

.btn-yellow .btn.btn-link, .btn-yellow .dxbs-hyperlink.btn, .btn-yellow .btn {
    background-color: #f9bc0b;
    border: 1px solid #f9bc0b;
    color: #fff;
    padding: .429rem .929rem;
    font-size: .858rem;
    line-height: 1.5;
    border-radius: .143rem;
}

.dxbs-tabs span.image {
     line-height: 1.5;
}

.ui-daterangepicker-arrows
{
    width:100% !important;
}

    .ui-daterangepicker-arrows input.ui-rangepicker-input,
    .ui-daterangepicker-arrows input.ui-rangepicker-input {
        width: 100% !important;
        height: 2.6em !important;
    }

.ui-widget-header .ui-icon {
    background-image: none !important;
    font-family: "Themify icons";
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-top: 6px !important;
    height: 18px !important;
    text-indent: unset !important;
    width: 20px !important;
}
.ui-icon.ui-icon-circle-triangle-w:before {
    content: "\e65e";
    
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    text-indent: unset;
    margin-right:5px;
    margin-left:2px;
}

.ui-icon.ui-icon-circle-triangle-e:before {
    content: "\e65d";
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    text-indent: unset;
    margin-right: 5px;
    margin-left: 2px;
}

.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
   display:none !important ;
      background: #868e96 !important;
}

.dxeImage.dxe-loadingImage
{
    width:auto !important;
    height:auto !important;
}

.navbar-brand-logo-small {
    display: none;
}





.timeline-left .timeline-content:before {
    right: auto;
    left: 30px;
    border-right-color: #ebebeb;
    border-left-color: transparent;
}

.timeline-content:before {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 0;
    height: 0;
    content: '';
    border: 5px solid transparent;
    border-left-color: #ebebeb;
}


.footer-logo-small{display:none;}

.viewCancelIcon {
    height: 16px;
    width: 16px;
    background-image: url('../../material/base/assets/images/viewCancel2.png');
    /*background-image: url('../../material/base/assets/images/viewCancel2.png');*/
    
}

.viewCancelIconBtn {
    padding: .092rem .43rem !important;
}

.mark, .mark {
    color: #fff !important;
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    box-shadow: none;
    padding:5px 5px !important; 
    margin-top:5px;
    line-height:normal !important;
     }

    .mark label {
        margin-bottom: 0;
    }

.btn-brown {
    color: #fff;
    background-color: #d07f06;
    border-color: #d07f06;
}