label { margin-bottom:1px;
}
table tbody tr td.tdselect, .table-hover > tbody > tr:hover td.tdselect {
    background: #7cb342 !important;
    position: relative;
    overflow: initial;
    color: #fff;
    font-weight: bold;
}

    table tbody tr td.tdselect:before {
        border: medium solid transparent;
        content: "";
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        width: 0;
        z-index: 120;
        top: 98%;
        border-top-color: rgba(0,0,0,.2);
        border-width: 11px;
        margin-left: -11px;
        border-top-color: #7cb342 !important;
    }

    table tbody tr td.tdselect a {
        color: #fff !important;
        font-weight: bold;
    }

.closeBTN i {
    padding: 5px 10px;
}

tfoot td {
    font-size: 14px;
    font-weight: bold;
    color: #ab8610;
}

.alert-user {
    background-color: #e8e8e8;
    color: #222;
    border-color: #222;
    padding: 5px;
    margin: 3px;
    margin-bottom: 2px;
}

.scroller .alert {
    margin-top: 0px;
    padding: 6px;
}


.mt10 {
    margin-top: 10px;
}
.ma2 {margin:2px;
}

.topFilterSelection {
    font-size: 14px;
    color: #626262;
    margin-top: 10px;
    margin-right: 8px;
}

    .topFilterSelection label {
        font-weight: bold;
        color: #0485a3;
    }


.ui-widget-header {
    background: #e9e9e9;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
        top: -5px;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        color: #626262;
    }

.grandTotal {
    background: #18aacc !important;
    color: #fff;
}

    .grandTotal b {
        font-size: 15px;
    }

.table-bordered > tbody > tr.grandTotal > td {
    color: #fff;
}

.suspendSupplierModal .modal-sm {
    margin: 0 auto;
}

.modal .filterCriteria .AddWrapp ul.Addview {
    border: none !important;
    box-shadow: none;
}

.table-bordered > tbody > tr > td {color: #5a5757;
    font-weight: 500;
}

#POBrowseModal .modal-dialog{ width:90%;
}
.innerPageSet .pt6{ padding:2px 6px  4px;
}

#tblAdvanceBrowse tfoot {    
   
}
    #tblAdvanceBrowse tfoot td { background: #ddfefd;
    color: #24a19c;
    font-weight: bold;
    }

    .statApproved {
    background-color: rgba(0,207,232,.12);
    color: #148593;
    padding: 1px 6px;
    border-radius: 5px;
    /* border: solid 1px #24ffea; */
    font-weight: bold;
    display: inline-block;
    min-width: 84px;
    text-align: center;
}

    .table-bordered > tbody > tr > td.colBG3 {
    background: #e6f6f1;
    color: #0ca678; font-weight:bold;
}

    .table-bordered > tbody > tr > td.colBG2 {
    background: #ffe3e0;
    color: #73403c; font-weight:bold;
}

    .table-bordered > tbody > tr > td.colBG5 {
    background: #f7ebf9;
    color: #ae3ec9;font-weight:bold;
}

.table-bordered > tbody > tr > td.colBG4 {
    background: #f5f5f5;
    color: #4a4a4a;
    font-weight: bold;
}

 /******pagimnation*****/
    .paginationPanel{ float: right; padding: 3px; /*border: solid thin #dadada; padding: 2px 6px;  border-radius: 4px;*/}
    .paginationPanel a{ margin: 0px 1px; cursor: pointer;
    background: #f1f1f1;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #757575; }
    .paginationPanel a:hover, .paginationPanel a.active{     background: #0485A3;
    color: #fff; }
    .paginationPanel .paginationpage{ max-width: 32px; text-align: center; height: 21px;    
    border: solid thin #ccc; }
    .paginationPanel select{max-width: 48px; text-align: center; height: 21px;    
    border: solid thin #ccc; }
    .paginationPanel button{ background: #0485A3; color: #fff;border: none;
    border-radius: 3px;
    cursor: pointer; }
    .paginationPanel .borderleft{ border-left:solid thin #dadada; }
    /******pagimnation*****/


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px !important;
}

.form-control {
    padding: 3px !important;
    height: 28px !important;
    border-radius: 6px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}

textarea.form-control {
    height: auto !important;
}

.form-group {
    margin-bottom: 8px !important;
    /* min-height: 45px;*/
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    padding: 3px 3px !important;
    height: 28px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    border-radius: 6px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 41% !important;
    }
    .table .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
}
   .table .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 46% !important;
}

   .box-header {
    cursor: pointer;
    padding: 6px 8px;
}

.content-header > h1 {
    font-size: 17px;
    font-weight: bold;
}

.box-header .box-title {
    font-size: 14px;
    color: #1f384c;
    font-weight: 600;
}

.box {
    margin-bottom: 8px;
    border-bottom: 2px solid #7ddde3;
    border-radius: 6px;
}
.calendaricon {
    position: absolute;
    right: 22px !important;
    font-size: 16px;
    color: #333;
    z-index: 1;
    top: 25px !important;
    cursor: pointer;
}

/*.scroller {
    background: none !important;
}*/

.popover {
    max-width: 600px;
}

.popover-title {
    padding: 3px 8px;
}

.popover-content {
    padding: 4px 8px;
}

#tableDatapagination .pagination {
    float: right;
    padding-right: 4px;
    padding-top: 2px;
}

.popover {
    width: 200px;
}

.CanceldishonurRemark {
    margin-top: 10px;
    float: right;
    margin-bottom: 8px;
    margin-right: 4px;
}

.SavedishonurRemark {
    margin-top: 10px;
    float: right;
    margin-bottom: 8px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding:8px !important;
}

/*Mayur's Popover css*/
.table textarea {
    max-height: fit-content;
}

.table-responsive {
    overflow: inherit;
}

.table > tbody > tr > td {
    overflow: inherit !important;
}


.viewdiv {
    display: none;
    width: 200px;
    background-color: #fff;
    /*box-shadow: 0 0 4px 0 #ccc;*/
    border: 1px solid #ccc;
    border-radius: 6px;
    position: absolute;
    bottom: 50px;
    right: 85px;
    transform: translate(50px, 50px);
    z-index: 9999;
}

    .viewdiv:after,
    .viewdiv:before {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border: 2px solid #ccc;
        border-style: solid;
    }

    .viewdiv:after {
        bottom: 10px;
        border-color: transparent transparent transparent #fff;
        border-width: 10px;
    }

    .viewdiv:before {
        bottom: 10px;
        border-color: transparent transparent transparent #a00;
        border-width: 10px;
    }

.viewdiv-title {
    padding: 5px 8px;
    margin: 0;
    color: #222;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    text-align: left;
    display: block;
}

.viewdiv-content {
    padding: 4px 8px;
    color: #222;
    font-size: 13px;
}
/*Mayur's Popover css end*/