body {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    color: #223035;
    background: #f7f7ff;
    font-size: 14px;
    line-height: 24px;
    /*zoom:90%;*/
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

a {
    color: #008cff;
    font-weight: 400;
    cursor: pointer;
}

.divWaiting {
    background-color: #FAFAFA;
    z-index: 2147483647 !important;
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    padding-top: 20%;
    font: bold 14px Calibri, 'Segoe UI','Century Gothic',Arial;
}


.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

    .scrollbar-inner > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-inner > .scroll-element.scroll-x {
        bottom: 2px;
        height: 8px;
        left: 0;
        width: 100%;
    }

    .scrollbar-inner > .scroll-element.scroll-y {
        height: 100%;
        right: 2px;
        top: 0;
        width: 8px;
    }

    .scrollbar-inner > .scroll-element .scroll-element_outer {
        overflow: hidden;
    }

    .scrollbar-inner > .scroll-element .scroll-element_outer,
    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity: 0.4;
    }

    .scrollbar-inner > .scroll-element .scroll-element_track {
        background-color: #e0e0e0;
    }

    .scrollbar-inner > .scroll-element .scroll-bar {
        background-color: #c2c2c2;
    }

    .scrollbar-inner > .scroll-element:hover .scroll-bar {
        background-color: #919191;
    }

    .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
        background-color: #919191;
    }


    /* update scrollbar offset if both scrolls are visible */

    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
        left: -12px;
    }

    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
        top: -12px;
    }


    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: -12px;
    }

    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
        top: -12px;
    }



a.MnuItem {
    color: black;
    text-decoration: none;
}

    a.MnuItem:Hover {
        text-decoration: underline;
        color: black;
    }

.popbox {
    display: none;
    position: absolute;
    z-index: 99999;
    /*width: 400px;*/
    padding: 10px;
    background: #EEEFEB;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    left: 100px;
}

    .popbox h2 {
        background-color: #4D4F53;
        color: #E3E5DD;
        font-size: 14px;
        display: block;
        width: 100%;
        margin: -10px 0px 8px -10px;
        padding: 5px 10px;
    }

.hidden {
    display: none !important;
}

.pagebreak {
    page-break-before: always;
}

.errorRow {
    border: 2px solid red !important;
    background-color: #ffe7e7;
}

.redBorder {
    border: 2px solid red !important;
}

.selRow, .highlight {
    background-color: #FFFFAA !Important;
}

.white {
    background-color: white !Important;
    color: white !Important;
    border: none !Important;
}

.logo {
    -webkit-filter: drop-shadow(5px 5px 5px #ffffff);
    filter: drop-shadow(5px 5px 5px #ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#ffffff')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#fffff')";
}

.banner1 {
    background: #3498db;
    background-image: -webkit-linear-gradient(left, #ffffff, #2980b9);
    background-image: -moz-linear-gradient(left, #ffffff, #2980b9);
    background-image: -ms-linear-gradient(left, #ffffff, #2980b9);
    background-image: -o-linear-gradient(left, #ffffff, #2980b9);
    background-image: linear-gradient(to right, #ffffff, #2980b9);
}

.banner {
    background-color: #ffffff;
    /*margin-left:9px;*/
    /*background-image: -webkit-linear-gradient(top, #ffffff, #e8f1ff);
    background-image: -moz-linear-gradient(top, #ffffff, #e8f1ff);
    background-image: -ms-linear-gradient(top, #ffffff, #e8f1ff);
    background-image: -o-linear-gradient(top, #ffffff, #e8f1ff);*/
    /*background-image: linear-gradient(to right, #E2F0FA, #2981BA);*/
    /*background-image:url(../Images/_ContentPane/bg.jpg);*/
    /*border-bottom: 2px solid #2981BA;*/
    /*box-shadow: 0px 5px 10px #c3c2c2;*/
    /*margin-bottom: 10px;*/
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 0px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 1px 0px;
}

.left-right-wrapper {
    display: flex;
    margin-left: 0px;
    /*height:89vh;*/
}

    .left-right-wrapper .rightPane {
        flex-grow: 1;
    }

.leftPane .nav {
    padding: 0px;
    padding-top: 13px;
}

    .leftPane .nav hr {
        margin: 10px 0;
    }

.leftPane {
    /*width: 280px;*/
    vertical-align: top;
    /*background-color: #E8F1FF;*/
    background-color: #fff;
    overflow: auto;
    float: left;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    position: fixed;
    width: 260px;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 20px;
    z-index: 999;
}

.iframe-wrapper {
    /*height:calc(100vh - 95px);*/
}

.right-nav-wrapper {
    flex-basis: 260px;
    transition: all cubic-bezier(0.2, 0, 0, 1) 0.7s;
}

.banner .slide-menu-icon {
    font-size: 16px;
    color: #575757;
    padding-left: 10px;
}

.banner .c-date {
    display: flex;
    align-items: center;
    font-size: 20px;
}

    .banner .c-date span {
        color: #223035;
        font-size: 14px !important;
        padding: 0px;
        width: initial;
        font-weight: 400;
        margin: 0px 3px;
    }

.leftPane .nav > li {
    width: 100%;
}

.leftPane a {
    display: block;
}

.leftPane .main-logo-holder {
    padding: 5px 20px;
    border-bottom: 1px solid #e9eaea;
}

.nav a, .menuLink {
    border-radius: 0px !important;
}

.nav > li > a {
}

input[type="date"] {
    width: 140px;
}

input[type="submit"], input[type="button"], .btn, .btn1 {
    background-color: #008cff;
    
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 4px 5px 4px 5px;
    text-decoration: none;
    border: none;
    text-transform: capitalize;
    cursor: pointer;
    margin: 2px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 20px;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn::before{
            color:white !important;
            margin-right: 3px;
        }

input[type="submit"], input[type="button"], .btn {
    min-width: 100px !important;
}

    input[type="submit"]:disabled, .btn:disabled, .btnApprove:disabled, .btnReject:disabled, #btnApprove:disabled, #btnReject:disabled, .btnAddNew:disabled, .btnGreen:disabled, .aspNetDisabled .btnGreen, .aspNetDisabled .btnBlue {
        background-image: none !Important;
        background-color: #aaaaaa !Important;
    }

.btnDoc, .btnDoc:link, .btnDoc:visited {
    color: #008cff !important;
    border: 1px solid #184e72;
    border-radius: 4px;
    padding: 3px;
    padding-left: 33px;
    /*height: 22px;*/
    display: inline-block;
    line-height: 22px !important;
    vertical-align: middle;
    /*width: 150px;*/
    font-weight: bold;
    background-color: rgba(0, 140, 255, 0.15);
    padding: 10px 15px;
    text-align: center;
    border: none;
    transition: all .3s;
}

    .btnDoc::before, .btnDoc:link::before, .btnDoc:visited::before {
        content: '\f0c6';
        font-family: FontAwesome;
    }


    .btnDoc:hover {
        background-color: #008cff;
        color: #fff !important;
    }

.btnAdd, .btnAdd a, .btnAdd a:link, .btnAdd a:hover, .btnAdd a:visited {
    margin: 0px;
    padding-left: 25px;
    padding-right: 0px;
    height: 25px;
    display: inline-block;
    width: 0px;
    vertical-align: middle;
    font-size:20px !important;
}

.btnAddNew, .btnAddNew a, .btnAddNew a:link, .btnAddNew a:hover, .btnAddNew a:visited,
.btnUpload, .btnUpload a, .btnUpload a:link, .btnUpload a:hover, .btnUpload a:visited {
    margin-left: 10px;
    background-color: #008cff;
    padding-left: 15px;
    padding-right: 15px;
    height: 32px !important;
    line-height: 32px !important;
    display: inline-block;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    /*min-width: 100px !important; disabled for btnSearch*/
    text-transform: capitalize;
    margin: 10px 0px;
    transition: all .3s;
    cursor: pointer;
}

.btnNext, .btnNext a
{
    margin-right: 10px;
    background-color: #33B5E5;
    padding-left: 15px;
    padding-right: 10px;
    height: 32px !important;
    line-height: 32px !important;
    display: inline-block;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    /*min-width: 100px !important; disabled for btnSearch*/
    text-transform: capitalize;
    margin: 0px 10px;
    transition: all .3s;
    cursor: pointer;
}

    .btnNext::after, .btnNext a::after {
        content: '\f061';
        font-family: FontAwesome;
        margin-left: 4px;
    }


    .btnAddNew::before, .btnAddNew a::before, .btnAddNew a:link::before, .btnAddNew a:hover::before, .btnAddNew a:visited::before, .btnAdd::before {
        content: '\f055';
        font-family: FontAwesome;
        margin-right: 4px;
    }

    .btnAddNew:hover {
        background: #0062cc;
    }


.btnGraph, .btnGraph a, .btnGraph a:link, .btnGraph a:hover, .btnGraph a:visited {
    background-image: url(../Images/_Buttons/graph.png);
    background-size: 22px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-color: #f3f8ff;
    padding-left: 28px;
    padding-right: 5px;
    height: 32px !important;
    line-height: 32px !important;
    display: inline-block;
    color: #184e72 !important;
    border: 1px solid #184e72;
    border-radius: 4px;
    min-width: 100px !important;
    text-transform: capitalize;
}

    .btnGraph:hover {
        background-image: url(../Images/_Buttons/graph.png);
        background-size: 22px;
        background-position-y: center;
        background-repeat: no-repeat;
        background-color: #aec2e0;
        padding-left: 28px;
        padding-right: 5px;
        height: 32px !important;
        line-height: 32px !important;
        display: inline-block;
        color: #184e72 !important;
        border: 1px solid #184e72;
        border-radius: 4px;
        min-width: 100px !important;
        text-transform: capitalize;
    }


/*.btnExcel, .btnExcel a, .btnExcel a:link, .btnExcel a:hover, .btnExcel a:visited,*/
.btnRefresh1, .btnRefresh1 a, .btnRefresh1 a:link, .btnRefresh1 a:hover, .btnRefresh1 a:visited,
.btnSearch1,
.btnPrint, .btnPrint a, .btnPrint a:link, .btnPrint a:hover, .btnPrint a:visited,
.btnPlusMinus, .btnPlusMinus a, .btnPlusMinus a:link, .btnPlusMinus a:hover, .btnPlusMinus a:visited {
    border: 1px solid #184e72;
    border-radius: 4px;
    padding: 3px;
    padding-left: 33px;
    display: inline-block;
    line-height: 22px !important;
    vertical-align: middle;
    font-weight: bold;
    background-color: #008cff;
    color: #fff !important;
    /*padding: 10px 15px;*/
    padding: 6px 15px;
    text-align: center;
    border: none;
    transition: all .3s;
}


a.btnRefresh1::before {
    content: '\f021';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
}


a.btnSearch1::before {
    content: '\f002';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
}

a.btnSearch::before {
    content: '\f002';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
}

a.btnDown::before {
    content: '\f0ab';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
}

a.btnUp::before, a.btnUpload::before {
    content: '\f0aa';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
}


a.btnPrint::before {
    content: '\f02f';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
}

a.btnDelete::before {
    content: '\f014 ';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    color: #138cb9;
    font-size: 16px;
    cursor: pointer !important;
}

a.btnCopy::before {
    content: '\f0c5 ';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    color: #138cb9;
    font-size: 16px;
    cursor: pointer !important;
}

a.btnCancel::before {
    content: '\f00d ';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    color: #138cb9;
    font-size: 16px;
    cursor: pointer !important;
}

a.btnCancel1:link, a.btnCancel1:visited, a.btnCancel1:hover {
    color: #138cb9;
    font-size: 12px;
    cursor: pointer !important;
}

a.btnCancel1::before {
    content: '[ \f00d ';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    color: #138cb9;
    font-size: 16px;
    cursor: pointer !important;
}

a.btnCancel1::after {
    content: ' ]';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    color: #138cb9;
    font-size: 16px;
    cursor: pointer !important;
}
a.btnEdit,a.btnView,a.btnDelete,a.btnCopy,a.btnCancel,a.btnCancel1,a.btnAdd1,a.btnPrint1,a.btnWarning,a.btnHistory,a.btnRefresh,a.btnZip,a.btnPie,a.btnUser{
    color: #138cb9;
}

a.btnPie{
    display:block;
    padding:5px;
}

a.btnEdit::before
/*.fa-edit,
.btnEdit*/ {
    content: '\f044 ';
    font-family: 'FontAwesome';
    font-weight: 400;
    margin-right: 3px;
    color: #138cb9;
    font-size: 16px !important;
    cursor: pointer !important;
}

a.btnAdd1::before
/*.fa-edit,
.btnEdit*/ {
    content: '\f055';
    font-family: 'FontAwesome';
    font-weight: 400;
    margin-right: 3px;
    color: #138cb9;
    font-size: 20px !important;
    cursor: pointer !important;
}

.clsBlinkWarning {
    display: inline-block;
    color: #ad0000 !important;
    font-weight: bold;
    padding: 5px;
}

    .clsBlinkWarning::before {
        font-family: 'FontAwesome';
        content: "\f071";
        animation: blinker 1s linear infinite;
    }

a.btnView::before {
    content: '\f08e';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnUser::before {
    content: '\f2c0';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnPie::before {
    content: '\f200';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

.fa::before {
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    /*color: #138cb9 !important;*/
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnPrint1::before {
    content: '\f02f';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnWarning::before {
    content: '\f071';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnHistory::before {
    content: '\f1da';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnRefresh::before {
    content: '\f021';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnZip::before, .zip::before {
    content: '\f1c6';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}


a.btnTicket {
    color: black !important;
    font-size: 14px !important;
}

    a.btnTicket::before {
        content: '\f145';
        font-family: 'FontAwesome';
        /*font-weight: 900;*/
        margin-right: 3px;
        color: Black !important;
        font-size: 15px !important;
        cursor: pointer !important;
    }

a.btnFav::before {
    content: '\f005';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnNotFav::before {
    content: '\f006';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnBarcode::before {
    content: '\f02a';
    font-family: 'FontAwesome';
    margin-right: 3px;
    color: black !important;
    font-size: 22px !important;
    cursor: pointer !important;
}

a.btnQRCode::before {
    content: '\f029';
    font-family: 'FontAwesome';
    margin-right: 3px;
    /*color: black !important;*/
    font-size: 22px !important;
    cursor: pointer !important;
}

a.btnFile::before {
    content: '\f016';
    font-family: 'FontAwesome';
    /*font-weight: 900;*/
    margin-right: 3px;
    font-size: 18px !important;
    cursor: pointer !important;
}


a.btnAttachment::before {
    content: '\f0c6';
    font-family: 'FontAwesome';
    font-weight: 900;
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnTransfer::before {
    content: '\f064';
    font-family: 'FontAwesome';
    font-weight: 900;
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

a.btnExchange::before {
    content: '\f0ec';
    font-family: 'FontAwesome';
    font-weight: 900;
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer !important;
}

.word-btn::before {
    content: '\f1c2' !important;
}



a.btnDownload::before {
    content: '\f15b';
    font-family: 'FontAwesome';
    font-weight: 900;
    margin-right: 3px;
    color: #138cb9;
    font-size: 15px !important;
    cursor: pointer;
}

.btnCrossRef, .btnCrossRef:link, .btnCrossRef:visited {
    background-image: url(../Images/_Buttons/crossref.png);
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /*height: 20px !important;*/
    line-height: 20px !important;
    display: inline-block;
    color: #042167 !important;
    border: 2px solid #b8c6db;
    width: 60px !important;
    background-color: #e7effc;
}

    .btnCrossRef:hover {
        background-image: url(../Images/_Buttons/crossref.png);
        background-position-y: center;
        background-repeat: no-repeat;
        padding-left: 25px;
        /*height: 20px !important;*/
        line-height: 20px !important;
        display: inline-block;
        color: white !important;
        border: 2px solid #b8c6db;
        width: 60px !important;
        background-color: #7d95bb;
    }

.btnReminder, .btnReminder:link, .btnReminder:visited {
    background-image: url(../Images/_General/reminder1.png);
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 25px;
    height: 20px !important;
    line-height: 20px !important;
    display: inline-block;
    color: #042167 !important;
    border: 2px solid #b8c6db;
    /*width: 60px !important;*/
    background-color: #e7effc;
}

    .btnReminder:hover {
        background-image: url(../Images/_General/reminder1.png);
        background-position-y: center;
        background-repeat: no-repeat;
        padding-left: 25px;
        height: 20px !important;
        line-height: 20px !important;
        display: inline-block;
        color: white !important;
        border: 2px solid #b8c6db;
        /*width: 60px !important;*/
        background-color: #7d95bb;
    }

.btnGreen, .btnGreen:link, .btnGreen:visited {
    /*height: 20px !important;*/
    line-height: 20px !important;
    display: inline-block;
    color: #32742d !important;
    border: 2px solid #32742d;
    background-color: #def3dc;
    /*min-width: 100px;*/
    text-align: center;
    padding:2px;
    margin:2px;
    min-width:65px;
}

    .btnGreen:hover {
        /*height: 20px !important;*/
        line-height: 20px !important;
        display: inline-block;
        color: #ffffff !important;
        border: 2px solid #32742d;
        background-color: #32742d;
        /*min-width: 100px;*/
        text-align: center;
    }

.btnRed, .btnRed:link, .btnRed:visited {
    height: 20px !important;
    line-height: 20px !important;
    display: inline-block;
    color: #c23737 !important;
    border: 2px solid #c23737;
    background-color: #ffdede;
    /*min-width: 100px;*/
    text-align: center;
    padding:2px;
    margin:2px;
    min-width:65px;
}

    .btnRed:hover {
        height: 20px !important;
        line-height: 20px !important;
        display: inline-block;
        color: #ffffff !important;
        border: 2px solid #c23737;
        background-color: #c23737;
        /*min-width: 100px;*/
        text-align: center;
    }

.btnBlue, .btnBlue:link, .btnBlue:visited {
    /*height: 20px !important;*/
    line-height: 20px !important;
    display: inline-block;
    color: #54739c !important;
    border: 2px solid #d7e3f3;
    background-color: #eef5ff;
    min-width: 100px;
    text-align: center;
    margin-right: 3px;
    cursor: pointer;
}

.btnBlue1, .btnBlue1:link, .btnBlue1:visited {
    padding: 5px;
    /*height: 17px !important;*/
    line-height: 17px !important;
    display: inline-block;
    color: #eef5ff !important;
    border: 2px solid #3784b7;
    background-color: #3498db;
    min-width: 100px;
    text-align: center;
}

.btnBlue:hover {
    /*height: 20px !important;*/
    line-height: 20px !important;
    display: inline-block;
    color: #eef5ff !important;
    border: 2px solid #54739c;
    background-color: #54739c;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
}


.btnBlueBox, .btnBlueBox:link, .btnBlueBox:visited {
    height: 100px !important;
    line-height: 30px !important;
    display: inline-block;
    color: #54739c !important;
    border: 2px solid #d7e3f3;
    background-color: #eef5ff;
    width: 200px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    margin: 5px;
}

    .btnBlueBox:hover {
        height: 100px !important;
        line-height: 30px !important;
        display: inline-block;
        color: #eef5ff !important;
        border: 2px solid #54739c;
        background-color: #54739c;
        width: 200px;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        vertical-align: middle;
        margin: 5px;
    }


.btnApprove, #btnApprove {
    background-color: #1E810D !Important;
    background-image: none !Important;
}

.btnReject, #btnReject {
    background-color: #880606 !Important;
    background-image: none !Important;
}

input[type="submit"], input[type="button"]:hover, .btn:hover {
    background: #0062cc;
    /*background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);*/
    text-decoration: none;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], input[type="date"], textarea {
    /*display: block;*/
    /*width: 100%;*/
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-sizing: border-box;
    margin-left: 0px;
}

    /*input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], input[type="date"] {
    height: 20px;
}*/

    input[type="text"]:focus, input[type="password"]:focus, .txtIns:focus {
        border: 2px solid #89cfff !Important;
        /*border-radius: 5px;*/
    }

.txtSearch {
    font-size: 14px !important;
    border: 1px solid #aaaaaa !important;
    color: #2c2c2c !important;
    height: 30px;
    width: 200px;
    margin-right: 5px;
}

.txtInst {
    font-size: 12px;
    border: 1px solid #aaaaaa;
    width: 320px;
    /*height: 80px;*/
    /*border-radius: 4px;*/
    color: #2c2c2c;
    width: 100%;
    min-height: 80px;
}

.txtInstBig {
    font-size: 12px;
    border: 1px solid #aaaaaa;
    width: 500px;
    height: 150px;
    /*border-radius: 4px;*/
    color: #2c2c2c;
}

select {
    font-size: 12px;
    border: 1px solid #aaaaaa;
    /*width: 200px;*/
    /*height:24px;*/
    /*border-radius: 4px;*/
    /*color: #2c2c2c;*/
}


.tblEl input[type="text"] {
    width: 50px;
    border-radius: 4px;
}

.tblEl td {
    padding-right: 3px;
}


/***************************/



td {
    font-size: 13px;
    direction: ltr;
    margin-left: 120px;
}

th {
    font-weight: bold;
}

/*input[type="submit"],input[type="button"] {
    
    font-size:12px;
    border:1px solid #787878;
    width:100px;
}*/


.btnbg {
    text-align: center;
    background-color: #E2EEFE;
    /*line-height: 35px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px !important;
    font-weight: bold;
}

/*.btnbgL {
    text-align: left;
    background-color: transparent;
    line-height: 35px;
    padding: 5px 10px;
}*/

.p-sow .lbl {
    font-weight: 400;
}

.btnbgGrey {
    text-align: left;
    background-color: #e1e1e1;
    line-height: 35px;
}

.bgGray,.btnbgL {
    text-align: left;
    background-color: #f1f1f1;
    min-height: 45px;
    font-size: 14px !important;
    font-weight: bold;
    padding-top:15px;
}

    .bgGray div, .bgGray td {
        font-weight: bold;
    }

.dvLeft {
    text-align: left;
    background-color: #f1f1f1;
    font-size: 12px !important;
    font-weight: bold;
    position: absolute;
    z-index: 999;
    opacity: 0.9;
    border: 1px solid #808080;
}

.bgGray1 {
    text-align: left;
    background-color: #f1f1f1;
    font-size: 12px !important;
}

.tblGray {
    text-align: left;
    background-color: #f1f1f1;
    font-size: 12px !important;
}

    .tblGray td:first-child {
        font-weight: bold;
    }


.tblGray2 td:first-child {
    /*font-weight:bold;*/
    background-color: #f1f1f1;
}

.bgGreen {
    background-color: #e3ffe1 !important;
    color: #32742d !important;
}

.bgBlue{
    background-color: #eef5ff !important;
    color: #54739c !important;
}


.bgYellow {
    background-color: #fffbd7 !important;
    color: #b4a100 !important;
}

.bgRed {
    background-color: #ffe7e7;
    color: #ad0000;
}

.bigLine {
    line-height: 35px;
}


.msg, .expiringsoon {
    margin-right: 15px;
    font-size: 12px;
    font-weight: bold;
    color: red;
}


.blink_me {
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
    /*text-shadow: 0px 0px 5px #ffffff;*/
    /*width:150px;
    height:30px;
    display:block;
    vertical-align:middle;
    text-align:center;*/
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

.blink_alert {
    font-size: 14px;
    font-weight: bold;
    /*color: white;*/
    color: #ff6262 !important;
    padding: 5px;
    border-radius: 30px;
    /*text-shadow: 0px 0px 5px #ffffff;*/
    /*width:150px;
    height:30px;
    display:block;
    vertical-align:middle;
    text-align:center;*/
    animation: blinker 1s linear infinite;
}

a.btnBlinkWarning {
    color: #ff6262 !important;
}

    a.btnBlinkWarning::before {
        content: '\f071';
        font-family: 'FontAwesome';
        /*font-weight: 900;*/
        margin-right: 3px;
        color: #ff6262 !important;
        font-size: 15px !important;
        cursor: pointer !important;
        animation: blinker 1s linear infinite;
    }


.trGreen {
}

    .trGreen td, .trGreen a {
        /*font-size: 12px;
    color: #21AC08 !Important;*/
        background-color: #f2fff1 !important;
        color: #32742d !important;
    }

    .trGreen > td {
        border: 1px solid #bbddb8;
        padding-left:5px;
    }

.lbl2 {
    font-size: 11px;
    font-weight: bold;
    color: navy;
}

.toFill {
    background-color: #e1f3ff !Important;
}

a, a:link, a:hover, a:active, a:visited {
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    /*display:block;*/
}

.tblFooter {
    padding-left: 5px;
    border: 1px solid black;
    background-color: #f5f3f3;
}

.MainHeading {
    text-align: center;
    background-color: #E2EEFE;
    line-height: 35px;
    font-weight: bold;
    font-size: 18px !important;
    color: #007FFF;
    border-bottom: 2px solid #007FFF;
}

.MainHeading1 {
    text-align: center;
    background-color: #c6dfff;
    line-height: 35px;
    font-weight: bold;
    font-size: 18px !important;
    color: #007FFF;
    border-bottom: 2px solid #007FFF;
}



H1, .H1, .H1:hover {
    font-size: 15px;
    font-weight: bold;
    color: #007FFF;
    border-bottom: 2px solid #007FFF;
}

.header1 {
    font-size: 14px;
    font-weight: bold;
    background-color: #007FFF;
    color: white;
}

.headingBlack {
    font-size: 14px;
    font-weight: bold;
    color: black;
}

H2, .H2 {
    font-size: 16px;
    font-weight: bold;
    color: #007FFF;
}


.H3, H3 {
    font-size: 12px;
    border: none;
    text-align: left;
    color: #ad0000;
    font-weight: bold;
}

.H6, H6 {
    font-size: 14px;
    border: none;
    text-align: left;
    color: #ad0000;
    font-weight: bold;
}

.H31 {
    /*font-size: 14px !important;
    border-bottom: 2px solid #ad0000 !important;
    text-align: left;
    color: #ad0000 !important;
    font-weight: bold;*/
    font-size: 15px !important;
    border-bottom: 1px solid rgb(236, 236, 253);
    text-align: left;
    color: #223035 !important;
    font-weight: bold;
    padding-bottom: 5px;
}

.H3_2 {
    font-size: 12px;
    border: none;
    text-align: left;
    color: #ad0000;
    font-weight: bold;
    background-color: #ffe8e8;
}

H4, .H4 {
    font-size: 14px;
    font-weight: bold;
    color: #0652AE;
    background-color: #cee7ff;
    height: 30px;
    vertical-align: middle;
}

.H41 {
    font-size: 14px;
    font-weight: bold;
    color: #0652AE;
    background-color: #cee7ff;
    height: 30px;
    vertical-align: top;
}


h5, .H5 {
    font-size: 24px;
    text-transform: uppercase;
    color: #8f8f8f;
    text-align: center;
}

.H51 {
    font-size: 16px;
    color: #8f8f8f;
    text-align: center;
    text-transform: none !important;
}



h7, .H7 {
    font-size: 16px;
    color: #3255a9;
    text-align: center;
}

H8, .H8 {
    font-size: 20px;
    font-weight: bold;
    color: black;
    background-color: rgb(225, 225, 225);
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
}

h9, .H9 {
    font-size: 28px;
    text-transform: uppercase;
    color: #3FA9F5;
    text-align: center;
    letter-spacing: 5px;
    font-weight: bold;
    font-family:monospace, 'Courier New',Calibri;
    /*text-decoration: underline;*/
}


.auth {
    font-size: 18px !important;
    text-align: left;
    color: #ad0000;
    font-weight: bold;
}

.title {
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #82AADE;
}


.lbl, .divRight, .divLeft, .dcolH {
    font-size: 13px;
    border: none;
    text-align: left;
    font-weight: bold;
    /*color:#146da8;*/
}

.dcolLbl {
    font-size: 14px;
    border: none;
    text-align: left;
    font-weight: 600;
    color: #146da8;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d3d3d3;
}

.lbl3 {
    font-size: 13px !important;
    border: none;
    text-align: left;
    font-weight: bold;
}

.normal {
    font-size: 13px;
    border: none;
    text-align: left;
    font-weight: normal !important;
}

.normal1 {
    font-size: 11px;
    border: none;
    text-align: left;
    font-weight: normal !important;
    color: #818181;
}

.lbl1 {
    font-size: 11px;
    border: none;
    text-align: left;
    font-weight: bold;
    color: white;
}


.shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tree {
}

    .tree a, .tree a:link, .tree a:visited, .tree a:hover {
        display: inline;
        margin: 0px;
        /*background-color: #e8f1ff;*/
        background: none;
        border: none !Important;
    }

.level {
    font-size: 12px;
    border: none;
    text-align: left;
    color: #ad0000;
    font-weight: bold !important;
}

.lpad {
    padding-left: 5px;
}

.lpad20 {
    padding-left: 20px;
}

.lrpad10 {
    padding-left: 10px;
    padding-right: 10px;
}

.lrpad5 {
    padding-left: 5px;
    padding-right: 5px;
}

.hand {
    cursor: pointer;
}

.link {
    cursor: pointer !important;
    text-decoration: underline !important;
}

.txtB {
    font-size: 11px;
}

.txt300 {
    width: 300px !important;
}

.alnL {
    text-align: left;
}

.alnR {
    text-align: right !important;
}

.alnC {
    text-align: center;
}

.txtS {
    width: 70px !important;
    font-size: 11px;
}

.Number, .Perc {
    width: 60px !important;
    /*font-size: 11px;*/
    /*font-family: Consolas, Century, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/
    text-align: right;
}

.clsFormatNum {
    /*font-family: Consolas, Century, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/
    text-align: right;
}

.BigNumber {
    width: 100px !important;
    /*font-size: 11px;*/
    text-align: right;
    /*font-family: Consolas, Century, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/
}


.DigitalDisplay {
    font-size: 30px !important;
    text-align: right !important;
    background-color: rgba(255, 255, 255, 0.00) !important;
    border: none !important;
    /*font-family: Consolas, Century, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/
    color: #184e72 !important;
    font-weight: bold;
}

.ddlList {
    width: 300px;
}

.tblForm {
    background-color: #fff;
    vertical-align: top;
    width: 100%;
}

    .tblForm td {
        vertical-align: top;
    }

    .tblForm th {
        /*background-image:url(../IMAGES/_Grid/gridTop.jpg);
	background-repeat:repeat-x;*/
        background-color: #295A9A;
        color: #ffffff;
        font-size: 11px;
        height: 21px;
        border: none;
        text-align: center;
    }

.tblForm1 {
    /*background-color: #f3f6ff;
    border: 1px solid #e1e9ff;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;*/
    width: 100%;
}

.tblForm2 {
    /*background-color: #fbfbff;
    border: 1px solid #0c4080;
    padding: 3px;
    border-radius: 4px;*/
}


    .tblForm td, .tblForm1 td, .tblForm2 td {
        font-weight: 400;
        padding-left: 5px;
        color: #223035;
    }

.innerTab {
    overflow: auto;
}

.tblList {
    background-color: white;
}

    .tblList th {
        background-color: #f2f2f2;
        color: Black;
        border: 1px dotted black;
        border-collapse: collapse;
        font-size: 11px;
        font-weight: bold;
        height: 15px;
        text-align: left;
    }

    .tblList td {
        border: 1px dotted black;
        border-collapse: collapse;
        font-size: 11px;
        font-weight: normal;
    }

.tblReport {
    background-color: white;
    border: none;
    border-collapse:collapse;
}

    .tblReport > tbody > tr > td {
        border: 1px solid #DADADA;
        border-collapse: collapse;
        font-size: 12px;
        vertical-align: top;
    }

    .tblReport th, .tbl_th {
        border: 1px solid #DADADA;
        border-collapse: collapse;
        font-size: 12px;
        background-color: #e9e9e9;
        color: #223035;
        text-align: left;
        font-weight: bold !important;
        vertical-align: top;
    }

        .tblReport th a {
            color: #223035;
            font-weight: 600;
        }

.bg1 {
    border: 1px solid #DADADA;
    border-collapse: collapse;
    font-size: 11px;
    background-color: #F0F0F0;
    color: black;
    text-align: left;
    font-weight: bold;
}

.bg2 {
    border: 1px solid #DADADA;
    border-collapse: collapse;
    font-size: 11px;
    background-color: #faf9f9;
    color: black;
    text-align: left;
    font-weight: bold;
}

.bg3 {
    text-align: center;
    background-color: #E2EEFE;
    text-align: left;
}

.tblView {
    background-color: white;
}

    .tblView input[type="text"], .tblView textarea, .tblView select {
        border: none;
        overflow: hidden;
    }

.tblNoBorder, .tblNoBorder td, .tblNoBorder th {
    border: none;
    text-align: left;
}

.tblNoBorder1, .tblNoBorder1 > tbody > tr > td, .tblNoBorder1 > tr > th {
    border: none;
    text-align: left;
}

.ht70{
    height:70px;
}

.ht50{
    height:70px;
}

.dv {
    float: left;
}

.vtop {
    vertical-align: top;
}

.vmid {
    vertical-align: middle;
}

.overflow {
    max-height: 500px;
    overflow: auto;
    vertical-align: top;
}

.submitted, .responsesubmitted, .final,.resubmitted {
    font-weight: bold;
    color: #0665CA !important;
}

.pending, .pendingresponse, .cancelled,.pendingapproval {
    font-weight: bold !Important;
    color: red !Important;
}

.low {
    font-weight: bold !Important;
    color: orange !Important;
}

.resubmit, .requested, .revised,.offline {
    font-weight: bold !Important;
    color: #e06aed !Important;
}

.rejected, .expired, .high, .responserejected, .no, .closed, .declined,.incomplete,.noquote,.notawarded {
    font-weight: bold !Important;
    color: #800000 !Important;
}

.draft, .preliminary {
    font-weight: bold !Important;
    color: #828282 !Important;
}

.saved, .extensionrequested, .medium,.notrequired,.scheduled {
    font-weight: bold !Important;
    color: #06C4C4 !Important;
}

.approved, .resolved, .received, .valid, .shortlisted, .responseaccepted, .yes, .open, .issuedpo, .published, .accepted, .updated,.complete,.completed,.approvedasnoted,.awarded {
    font-weight: bold !Important;
    color: #21AC08 !Important;
}



.date, .date1 {
    width: 80px;
}

.lb {
    color: #0652AE;
    border: 1px solid #0652AE;
    padding: 1px;
    font-size: 9px !Important;
    background-color: white;
}


/*.btnAdd, .btnAdd:link, .btnAdd:active, .btnAdd:visited, .btnAdd:hover
{
    line-height: 27px;
    height: 27px;
    width: 150px;
    display: inline-table;
    vertical-align: middle;
    font-size: 12px;
    padding-left: 3px;
    border: 1px solid #0652AE;
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
}*/

.tblLogin {
    background-color: #fbfbff;
    /*border-radius: 10px;*/
    box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.2), 0 16px 30px 0 rgba(0, 0, 0, 0.19);
    border: 2px solid #328bf7;
    margin-top: 100px;
}

    .tblLogin td {
        padding-left: 15px;
        padding-right: 15px;
    }

.txtLogin {
    font-size: 14px !Important;
}

.rowAlert {
    background-color: #d5efd4;
}

.icon {
    text-align: center !important;
    /*color:#174A97;*/
    color: #223035;
    position: relative;
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.month {
    width: 54px;
    display: block;
    text-align: center;
    color: white;
    padding-top: 10px;
    font-weight: bold;
}

.dt {
    width: 54px;
    display: block;
    text-align: center;
    color: #007EE4;
    font-size: 24px !important;
    line-height: 25px;
}

.day {
    width: 54px;
    display: block;
    text-align: center;
    color: #989898;
    font-size: 6px !important;
}

.UserTitle {
    text-align: center !important;
    /*color:#174A97;*/
    color: white;
    font-size: 16px !important;
    display: block;
    text-shadow: -4px 3px 6px #174A97;
    vertical-align: bottom;
}


.dashboardDiv1, .dashboardDiv2, .dashboardDiv3, .dashboardDiv4, .dashboardDiv5, .dashboardDiv6, .dashboardDiv7, .dashboardDiv8 {
    width: 90%;
    vertical-align: top;
    min-height: 200px;
    padding: 0px;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 15px;
    float: left;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    background-color: #fff;
}

    .dashboardDiv1 .header, .dashboardDiv2 .header, .dashboardDiv3 .header, .dashboardDiv4 .header, .dashboardDiv5 .header, .dashboardDiv6 .header, .dashboardDiv7 .header, .dashboardDiv8 .header {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        text-transform: uppercase !important;
        font-weight: 600;
        display: block;
        padding-left: 5px;
        padding-top: .65rem;
        padding-bottom: .65rem;
        margin-bottom: 5px;
    }

    .dashboardDiv1 td, .dashboardDiv1 th, .dashboardDiv1 table,
    .dashboardDiv2 td, .dashboardDiv2 th, .dashboardDiv2 table,
    .dashboardDiv3 td, .dashboardDiv3 th, .dashboardDiv3 table,
    .dashboardDiv4 td, .dashboardDiv4 th, .dashboardDiv4 table,
    .dashboardDiv5 td, .dashboardDiv5 th, .dashboardDiv5 table,
    .dashboardDiv6 td, .dashboardDiv6 th, .dashboardDiv6 table .dashboardDiv7 td, .dashboardDiv7 th, .dashboardDiv7 table .dashboardDiv8 td, .dashboardDiv8 th, .dashboardDiv8 table {
        border: none;
        text-align: left;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px !important;
        color: #444444;
        margin-top: 5px;
    }

.tblReport td a {
    color: #223035;
}

.tblReport td {
    border-top: 1px solid #dee2e6;
    padding-right: 3px;
}

.dashboardDiv1 {
    /*border: 1px solid #5969a4;*/
}

    .dashboardDiv1 .header {
        background-color: #33b5e5;
    }
/*.dashboardDiv1 td,.dashboardDiv1 th, .dashboardDiv1 table{color:#5969a4 !important;}*/

.dashboardDiv2 {
    /*border: 1px solid #8d3030;*/
}

    .dashboardDiv2 .header {
        background-color: #2BBBAD;
    }
/*.dashboardDiv2 td,.dashboardDiv2 th, .dashboardDiv2 table{color:#8d3030;}*/

.dashboardDiv3 {
    /*border: 1px solid #2e9243;*/
}

    .dashboardDiv3 .header {
        background-color: #00C851;
    }
/*.dashboardDiv3 td,.dashboardDiv3 th, .dashboardDiv3 table{color:#2e9243;}*/

.dashboardDiv4 {
    /*border: 1px solid #925121;*/
}

    .dashboardDiv4 .header {
        background-color: #ff4444;
    }
/*.dashboardDiv4 td,.dashboardDiv4 th, .dashboardDiv4 table{color:#925121;}*/

.dashboardDiv5 {
    /*border: 1px solid #74358d;*/
}

    .dashboardDiv5 .header {
        background-color: #aa66cc;
    }
/*.dashboardDiv5 td,.dashboardDiv5 th, .dashboardDiv5 table{color:#74358d;}*/

.dashboardDiv6 {
    border: 1px solid #8d316f;
}

    .dashboardDiv6 .header {
        background-color: #8d316f;
    }
/*.dashboardDiv6 td,.dashboardDiv6 th, .dashboardDiv6 table{color:#8d316f;}*/

.dashboardDiv7 {
    border: 1px solid #239292;
}

    .dashboardDiv7 .header {
        background-color: #239292;
    }
/*.dashboardDiv7 td,.dashboardDiv7 th, .dashboardDiv7 table{color:#239292;}*/ 99 .dashboardDiv8 {
    border: 1px solid #7b8526;
}

.dashboardDiv8 .header {
    background-color: #7b8526;
}
/*.dashboardDiv8 td,.dashboardDiv8 th, .dashboardDiv8 table{color:#7b8526;}*/

.vertical {
    transform: rotate(-90deg);
    transform-origin: center top;
}

.tick {
    font-family: Wingdings;
    font-size: 20px;
    color: green;
}

.cross {
    font-family: Wingdings;
    font-size: 20px;
    color: red;
}

.divLeft {
    float: left;
    padding: 4px;
}

.divRight {
    float: right !important;
    padding: 4px;
    vertical-align: middle;
    position: relative;
    z-index: 100;
}

.divRight1 {
    float: right !important;
    padding: 4px;
    vertical-align: middle;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 100;
}

.divClear {
    clear: both;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.dtable {
    display: table;
    width: auto;
    border-spacing: 5px; /* cellspacing:poor IE support for  this */
    margin-bottom: 20px;
}

.drow {
    display: table-row;
    width: auto;
    clear: both;
    line-height: 20px;
}


.dtable1 {
    display: table;
    width: auto;
    border-spacing: 5px; /* cellspacing:poor IE support for  this */
}

.drow1 {
    display: table-row;
    width: auto;
    clear: both;
    line-height: 20px;
}

.dcol {
}

.dcolH {
    float: left; /* fix for  buggy browsers */
    display: table-column;
    min-width: 175px;
    padding: 3px;
}

.dcol1 {
    float: left; /* fix for  buggy browsers */
    display: table-column;
    min-width: 100px;
    padding: 3px;
}

.dcolLbl {
    float: left; /* fix for  buggy browsers */
    display: table-column;
    padding: 3px;
}

.dcolAuto {
    float: left; /* fix for  buggy browsers */
    display: table-column;
    width: inherit;
    padding: 3px;
}

.divTable {
    display: table;
    width: auto;
    border-spacing: 5px; /* cellspacing:poor IE support for  this */
}

.divRow {
    display: table-row;
    width: auto;
    clear: both;
}

.divCol {
    float: left; /* fix for  buggy browsers */
    display: table-column;
    width: inherit;
    padding: 3px;
}


.aspNetDisabled,:disabled,*:disabled {
    background-color: #e8e8e8 !important;
}


.chkContainer {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: fit-content;
}

    /* Hide the browser's default checkbox */
    .chkContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .chkContainer label {
        margin-left: 6px;
        /*color: #6b6b6b;*/
        font-weight:bold;
        font-size: 13px;
    }
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #eee;
    width: 20px;
    height: 20px;
    border: 1px solid #D3CFC8;
    border-radius: 0px;
}

/* On mouse-over, add a grey background color */
.chkContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chkContainer input:checked ~ .checkmark {
    background-color: #008cff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chkContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chkContainer .checkmark:after {
    left: 7px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dropbtn {
    background-color: #edf2fa;
    color: #2980b9;
    padding: 5px;
    font-size: 12px;
    border: 2px solid #b5d0e2;
    cursor: pointer;
    font-weight: bold;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 110;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 5px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #dfecff;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #2980b9;
    color: white;
}


.width5 {
    width: 5%;
}

.width10 {
    width: 10%;
}

.width15 {
    width: 15%;
}

.width20 {
    width: 20%;
}

.width25 {
    width: 25%;
}

.width30 {
    width: 30%;
}

.width40 {
    width: 40%;
}

.width49 {
    width: 49%;
}

.width50 {
    width: 50%;
}

.width60 {
    width: 60%;
}

.width70 {
    width: 70%;
}

.width75 {
    width: 75%;
}

.width80 {
    width: 80%;
}

.width89 {
    width: 89%;
}

.width90 {
    width: 90%;
}

.width100 {
    width: 100%;
}

.width98 {
    width: 98%;
}


.divBottom {
    position: sticky;
    bottom: 15px;
    left: 0;
    width: 98%;
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.divBottom1 {
    position: sticky;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding:3px;
    color:#1f1f1f;
    font-weight:bold;
    background-color: rgba(199, 199, 199, 0.85) !important;
}

.divBottomGray {
    position: sticky;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 5px;
    border-top: 2px solid #3384e9;
    background-color: rgba(202, 231, 255, 0.88) !important;
}

/*.divBottom_body {
    padding-bottom:50px !important;
    
}*/

.divCard {
    border-radius: 4px;
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    background-color: white !important;
    border: 1px solid #aaaaaa;
    padding: 5px;
    margin: 5px;
}

.rbl td {
    border: none;
}

.required:after {
    content: " *";
    color: red;
    font-weight: bold;
}

.missing:after {
    content: " Missing";
    color: red;
    font-weight: bold;
}

.fixedHeader {
    background-color: #c0c0c0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.barcode {
    font-weight: bold;
    font-size: 11px;
    border-radius: 4px;
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    background-color: white !important;
    border: 1px solid #aaaaaa;
    padding: 5px;
    margin: 5px;
    display: inline-block;
}

.bold {
    font-weight: bold;
}

.card-box {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 15px;
    border: 1px solid rgba(0,0,0,.125);
    background: #fff;
    border-radius: .25rem;
    margin: 20px;
}

body.v-users .tblReport tr th {
    padding: 10px;
}

body.v-users .tblReport tr td {
    padding: 10px;
}

.badge {
    /*padding-left: 9px;
  padding-right: 9px;*/
    color: #fff;
    padding: 0 5px;
    vertical-align: top;
    /*margin-left: -10px;*/
    top: -5px;
    right: -3px;
    border-radius: 50%;
    font-size: 12px;
}

.banner .badge {
    position: absolute;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.text1 {
    font-size: 18px;
}

.disableMenu {
    color: #c6e0f1 !important;
}

.leftPane .nav li a.menu-links, .leftPane .menuLink {
    margin-bottom: 0px;
    padding: 11px 10px 11px 10px;
    font-size: 13px;
    font-weight: 400;
    border-left: 3px solid transparent;
    color: #223035;
    transition: all 0.3s ease-out;
}

    .leftPane .nav li a.menu-links:hover, .leftPane .nav li.active a.menu-links, .leftPane .menuLink:hover, .leftPane .menuLink.activeLnk, .activeLnk {
        color: #008cff;
        background: rgba(0, 140, 255, 0.15);
        border-left-color: #008cff;
        text-decoration: none;
    }

    .leftPane .nav li a.menu-links i {
        margin-right: 5px;
        font-size: 16px;
    }

z .leftPane .nav li.active ul {
    margin: 0px;
    padding-left: 5px;
}

.leftPane .nav li.active ul li {
    margin: 0px;
}

.leftPane .nav li.active ul a {
    padding: 5px 13px 5px 13px;
    font-size: 13px;
    color: #223035;
    position: relative;
    border-left: solid 3px #dadada;
}
    /*.leftPane .nav li.active ul a:before {
            content: '\f10c';
            font-family: FontAwesome;
            font-size: 10px;
            position: absolute;
            top: 8px;
            left: 17px;
        }*/
    .leftPane .nav li.active ul a:hover {
        color: #008cff;
        background: rgba(0, 140, 255, 0.15);
    }

.leftPane .nav li.open ul li.open a.activeLnk {
    color: #008cff;
    border-left: solid 3px #008cff;
}

.leftPane .nav li.open {
    color: #008cff;
}

.leftPane #trSearchPanel {
    margin-right: 10px;
    margin-left: 4px;
    position: relative;
}

    .leftPane #trSearchPanel select {
        width: 100%;
        height: calc(2rem + 2px);
        padding: 5px 7px;
        font-size: 14px;
        /* line-height: 1.5; */
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 3px;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        margin: 8px 0px;
        margin-bottom: 0px;
    }

    .leftPane #trSearchPanel #btnSearch {
        bottom: 0px;
        color: #2c2c2c;
        border-left: none;
    }

    .leftPane #trSearchPanel .search-icon {
        position: absolute;
        left: 210px;
        top: 22%;
    }

    .leftPane #trSearchPanel #txtSearch {
        width: 230px;
        height: calc(1.8rem + 2px);
        padding: 5px 7px;
        font-size: 13px;
        /*border-radius: 2px 0px 0px 2px;*/
        border-radius: 50px;
    }

.banner .icon span i {
    font-size: 21px !important;
}

.banner .user-profile img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}

.banner .user-details .media .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.banner .user-details .media .media-body .user-title {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 2px;
}

.banner .user-details .media .media-body .user-subtitle {
    font-size: 13px;
    color: #232323;
    margin-bottom: 0;
}

.banner .dropdown-item {
    padding: .70rem 1.5rem;
}

.banner .dropdown-menu {
    border: 0px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54) !important;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54) !important;
    font-size: 15px;
    right: -22px;
    left: auto;
    top: 98%;
}

.banner .dropdown-divider, .dropdown-divider {
    margin: 0;
    border-top: 1px solid rgb(236, 236, 253);
}

.banner tr {
    display: flex;
    align-items: center;
}

.banner td {
    margin-left: 0px;
    margin-left: 12px;
    margin-right: 12px;
}

.banner .date-holder {
    margin-left: auto;
}

.pane-slide {
    flex-basis: 0;
    transform: translateX(-400px);
}

.banner .dropdown-menu a {
    text-decoration: none;
}

.banner .dropdown-toggle::after {
    display: none;
}

.banner a.dropdown-toggle {
    padding-left: 0px;
    padding-right: 0px;
}

.banner .dropdown:hover > .dropdown-menu {
    display: block;
}

.banner .dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.dash-title {
    font-weight: 500;
    color: #223035;
}

#contentFrame::-webkit-scrollbar {
    width: 5px;
}
/* Track */
iframe::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
iframe::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    iframe::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.search-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

input[type="text"]:focus, input[type="password"]:focus, .txtIns:focus {
    outline: none;
}

#trSearchPanel a:before {
    display: none;
}

#trSearchPanel a {
    padding: 0px;
}

.leftPane #UpdatePanel1 {
    border-bottom: 1px solid #ddd;
    padding: 0px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    box-shadow: none;
    border: 0;
    background: #fff;
    border-radius: 0;
}

.banner .dropdown {
    margin: 0px;
    padding: 10px 12px;
}

    .banner .dropdown a.nav-link {
        padding: 0px;
    }

.page-title {
    color: #223035;
    font-weight: 500;
}

.page-breadcamb {
    font-size: 16px !important;
    text-align: left;
    font-weight: 600;
    color: #223035 !important;
    border-bottom: none !important;
    margin-bottom: 0px;
}

    .page-breadcamb .width49 {
        padding-left: 10px;
        padding-top: 10px;
    }

.level {
    color: #6c757d;
    padding-left: 3px;
    padding-bottom: 8px;
}
/*----form Styling-----*/
.user-dash-page #UpdatePanel1 {
    box-shadow: none;
    padding: initial;
    border: none;
    background: transparent;
    border-radius: 0;
}

.user-dash-page .dtable .drow {
    align-items: flex-start;
}
/*iframe {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 15px;
    border: 1px solid rgba(0,0,0,.125);
    background: #fff;
    border-radius: .25rem;
}*/
#cp_UpdatePanel1m, #UpdatePanel1, #cp_UpdatePanel1, #FindComponent_UpdatePanel1, #ctl00_cp_UpdatePanel1 {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 15px;
    border: 1px solid rgba(0,0,0,.125);
    background: #fff;
    border-radius: .25rem;
}

.gp-page-wrapper {
}

select {
    /*display: block; by yasser on 10/04/2020*/
    /*width: 100%;*/
    /*height: calc(2.25rem + 2px);*/
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*input {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}*/
.dtable .drow {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .dtable .drow .dcol {
        flex-grow: 1;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }

.dtable .dcolH {
    /*flex-basis: 200px;*/
    font-weight: bold;
}

.txtInst {
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-sizing: border-box;
    padding: .375rem .75rem;
}

.dtable.page-breadcamb .drow {
    margin-bottom: 0px;
}

.stakeholder-wrapper #cp_UpdatePanel1 {
    box-shadow: none;
    border: none;
    padding: 10px 0px;
}

    .stakeholder-wrapper #cp_UpdatePanel1 td, .stakeholder-wrapper td {
        color: #6b6b6b;
        font-size: 14px;
        font-weight: 400;
    }

.pg-setup-page td.search-box {
    position: relative;
}

    .pg-setup-page td.search-box .search-icon {
        top: 7px;
        position: absolute;
        right: 51%;
    }

body.pj-srv-page, body.specesgnmul-page {
    background: transparent;
}

    body.pj-srv-page .ui-widget, body.pg-ass-page .ui-widget, body.specesgnmul-page #UpdatePanel1 {
        box-shadow: none;
        border: none;
        padding-left: 0;
        padding-right: 0px;
    }

.c-slepc {
    padding: 15px;
}
/*.c-slepc .txtSearch {
    height: 30px;
}*/
.pg-ass-page .search-box {
    position: relative;
}

    .pg-ass-page .search-box .search-icon {
        margin-left: -23px;
        position: absolute;
        top: 8px;
    }

.excel-holder {
    padding: 10px;
    padding-left: 0px;
}

    .excel-holder a {
        display: flex;
        align-items: center;
        font-weight: 500;
    }

        .excel-holder a img {
            margin-right: 5px;
        }

.soiv-page #UpdatePanel1 {
    margin-bottom: 15px;
}

    .soiv-page #UpdatePanel1 .btnbgL input {
        display: block;
    }

body.md-sp-page table {
    width: 100%;
}

body.ex-itm-alc .ex-it-al-table tr th {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

body.ex-itm-alc .ex-it-al-table tr td {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.pphqt-page-wrapper .tblNoBorder tr th {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.pphqt-page-wrapper .tblNoBorder tr td {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.pphqt-page-wrapper .tblNoBorder .tblReport {
    border: none;
}

.gp-report-page .gp-table-wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

    .gp-report-page .gp-table-wrapper .gp-table-wrapper-inner {
        align-items: flex-start;
        justify-content: space-between;
        flex-basis: 20%;
        flex-direction: column;
    }

        .gp-report-page .gp-table-wrapper .gp-table-wrapper-inner .gp-table-wrapper {
            width: 100%;
            box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
            padding: 15px;
            background-clip: border-box;
            border: 1px solid rgba(0,0,0,.125);
            border-radius: .25rem;
            background: #fff;
            margin-bottom: 20px;
        }

            .gp-report-page .gp-table-wrapper .gp-table-wrapper-inner .gp-table-wrapper .tblReport {
                width: 100%;
            }

        .gp-report-page .gp-table-wrapper .gp-table-wrapper-inner .dcol {
            flex-grow: initial;
            width: 100%;
        }

        .gp-report-page .gp-table-wrapper .gp-table-wrapper-inner .dcolAuto {
            box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
            padding: 15px;
            background-clip: border-box;
            border: 1px solid rgba(0,0,0,.125);
            border-radius: .25rem;
            background: #fff;
            width: 100%;
        }

    .gp-report-page .gp-table-wrapper .bar-gp-wrapper {
        box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
        background: #fff;
        border-radius: .25rem;
        flex-basis: 30%;
    }

#chart-area-b1 {
}

.gp-report-page .gp-table-wrapper .bar-gp-wrapper .dcol {
}

.gp-report-page .gp-table-wrapper .bar-gp-wrapper .dcolAuto {
}

.gp-report-page .ui-widget {
    box-shadow: none;
    padding: 15px;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
    background: transparent;
}

.gp-report-page .gp-table-wrapper .gp-table-wrapper-inner .gp-table-wrapper .tblReport th, .gp-report-page .gp-table-wrapper .gp-table-wrapper-inner .gp-table-wrapper .tblReport td {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 5px;
    padding-right: 5px;
}

.top-val-wrapper .card {
    margin-bottom: 18px;
}

.card-body {
    padding: 1rem;
}

.media-body h4 {
    font-size: 14px;
    line-height: 22px;
    background-color: transparent;
}

.w-circle-icon i {
    position: relative;
    top: 15px;
    font-size: 20px;
}

.w-circle-icon {
    width: 50px;
    height: 50px;
    text-align: center;
}

.gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(45deg, #17ead9, #6078ea) !important;
    background: linear-gradient(45deg, #17ead9, #6078ea) !important;
}

.gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
    background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
}

.gradient-quepal {
    background: #42e695;
    background: -webkit-linear-gradient(45deg, #42e695, #3bb2b8) !important;
    background: linear-gradient(45deg, #42e695, #3bb2b8) !important;
}

.gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(45deg, #ffdf40, #ff8359) !important;
    background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
}

.text-info {
    color: #0dceec !important;
}

.card {
    margin-bottom: 30px;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    border: none;
}

.border-left-sm {
    border-left: 2px solid !important;
}

.border-info {
    border-color: #0dceec !important;
}

.btnGraph {
    margin-left: 12px;
    margin-top: 8px;
}

.gp-report-page .ui-tabs .ui-tabs-nav {
    padding-left: 0px;
}

.top-val-wrapper {
    padding: 0px 4px;
}

    .top-val-wrapper .pd-adj {
        padding-left: 10px;
        padding-right: 10px;
    }

.pems-wrapper {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 15px;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    background: #fff;
    margin: 15px;
    /*overflow-x:auto;*/
}

    .pems-wrapper #cp_UpdatePanel1m, .pems-wrapper #UpdatePanel1, .pems-wrapper #cp_UpdatePanel1, .pems-wrapper .ui-widget {
        box-shadow: none;
        padding: 0px;
        border: none;
        background: #fff;
        border-radius: 0;
    }

.asccomp #UpdatePanel1 .ui-widget, #pnl .ui-widget, .cmp-new-page #cp_UpdatePanel1m, .cmp-new-page #UpdatePanel1, .cmp-new-page #cp_UpdatePanel1, body.shop-dv #UpdatePanel1 .ui-widget, .ex-schd #cp_UpdatePanel1, body.pj-items #UpdatePanel1, body.rm-drawing .ui-widget #UpdatePanel1, #cp_UpdatePanel1 .ui-widget, .ui-widget #UpdatePanel1, #UpdatePanel1 .ui-widget, .ui-widget-header #cp_UpdatePanel1 {
    box-shadow: none;
    padding: 0px;
    border: none;
    background: #fff;
    border-radius: 0;
}

body.shop-dv #UpdatePanel1 .ui-widget {
    padding-top: 30px;
}

.cmp-new-page {
}

body.menustp-page #UpdatePanel1 {
    display: flex;
}

.asccomp .btnbg {
    padding-top: 15px;
    padding-bottom: 25px;
    background: transparent;
    text-align: left;
}

.login-page #UpdatePanel1 {
    box-shadow: none;
    padding: 15px;
    border: 0;
    background: transparent;
    border-radius: 0;
}

.login-page .tblLogin {
    background-color: #ffffff;
    border-radius: 5px;
    border: none;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: #008cff;
    max-width: 320px;
    /*min-height: 420px;*/
    display: block;
}

    .login-page .tblLogin tbody {
        display: block;
        width: 100%;
    }

        .login-page .tblLogin tbody tr {
            display: block;
            width: 100%;
            margin-bottom: 6px;
        }

            .login-page .tblLogin tbody tr td {
                width: 100%;
                display: block;
                margin-left: 0;
                box-sizing: border-box;
                height: initial !important;
            }

                .login-page .tblLogin tbody tr td .lbl tr td {
                    padding-left: 0px;
                }

.ui-dialog-titlebar-close {
}

.cnt-dshbd .btnExcel {
    padding: 6px 15px;
}

.cnt-dshbd .btnAddNew {
    margin: 0px 5px;
}

.c-dashbd-holder .btnExcel {
    padding: 6px 15px;
    margin-right: 5px;
}

.imp-itm-btn::before {
    content: '\f382';
}



.sch-holder {
    padding-top: 30px;
    padding-right: 25px;
    position: relative;
}

    .sch-holder #cp_btnSearch {
        position: absolute;
        right: 32px;
        bottom: 12px;
    }
/*.sch-holder .txtSearch {
        height: 30px;
    }*/
.btnPdf, .btnWord, .btnExcel, .btnDown1,.btnRefresh2 {
    border: 1px solid #008cff !important;
    border-radius: 4px;
    padding: 3px;
    padding-left: 33px;
    display: inline-block;
    line-height: 22px !important;
    vertical-align: middle;
    font-weight: bold;
    background-color: rgba(0, 140, 255, 0.15);
    /* padding: 10px 15px; */
    padding: 6px 15px;
    text-align: center;
    border: none;
    transition: all .3s;
    color: #008cff !important;
}

    .btnPdf::before, a.btnPdf::before {
        content: '\f1c1';
        font-family: FontAwesome;
        font-weight: 400;
        margin-right: 3px;
        font-size: 18px !important;
    }


a.btnExcel::before {
    content: '\f1c3';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    font-size: 18px !important;
}


a.btnDown1::before {
    content: '\f0ab';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    font-size: 18px !important;
}

a.btnRefresh2::before {
    content: '\f021';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    font-size: 18px !important;
}



.btnWord::before, a.btnWord::before {
    content: '\f1c2';
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    font-size: 18px !important;
}

.btnPdf:hover, .btnWord:hover, .btnExcel:hover, .btnDown1:hover,.btnRefresh2:hover {
    background-color: #0062cc;
    color: #fff !important;
}

a.pdf::before, a.xls::before, a.xlsx::before, a.doc::before, a.docx::before, a.iconFile::before, a.png::before, a.jpg::before, a.jpeg::before {
    font-family: FontAwesome;
    font-weight: 400;
    margin-right: 3px;
    color: #138cb9;
    font-size: 16px;
}

a.pdf::before {
    content: '\f1c1';
    color: #d81c1c;
}

a.xls::before, a.xlsx::before {
    content: '\f1c3';
    color: #0a8642;
}

a.doc::before, a.docx::before {
    content: '\f1c2';
}

a.png::before, a.jpg::before, a.jpeg::before {
    content: '\f1c5';
}

a.iconFile::before {
    content: '\f016';
}

.c-dashbd-holder .btnPdf {
    margin-right: 10px;
}

.manuf-apl #gvManuf {
    width: 100%;
}

.gp-wrapper-bx {
    align-items: flex-start !important;
    margin-bottom: 40px !important;
    height: 350px;
}

    .gp-wrapper-bx .gp-wp-col {
        flex-basis: 42%;
        border: 1px solid #e2e2e2;
        border-radius: 3px;
        padding: 10px;
        margin-left: 10px;
    }

.gp-ptable-bx {
    flex-basis: 15%;
}

    .gp-ptable-bx #spn1, .gp-ptable-bx #spn2, .gp-ptable-bx #spn3 {
        width: 100%;
    }

    .gp-ptable-bx .tblReport {
        width: 100%;
    }

.req-eqp .tblReport th, .req-eqp .tblReport td, .sve-page .tblReport th, .sve-page .tblReport td {
    padding: 10px;
}

.msgs-page {
    display: flex;
}

    .msgs-page .ui-tabs-nav {
        position: static;
        margin-right: 20px !important;
        border-radius: .25rem !important;
        padding: 0 !important;
        box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
        padding: 15px;
        border: 1px solid rgba(0,0,0,.125);
        background: #fff;
        flex-basis: 180px;
    }

        .msgs-page .ui-tabs-nav li.ui-tabs-active, .msgs-page .ui-tabs-nav li {
            margin: 0 !important;
            border-radius: 0;
        }

    .msgs-page .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: .8em 1em;
    }

.ui-tabs-anchor {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    width: 100%;
    box-sizing: border-box;
}

.lbl {
    font-weight: 400;
    padding-left: 5px;
    color: #223035;
    font-size: 13px;
}

.reqstn-tabs .dtable .drow .dcol {
    flex-grow: 0;
    min-width: 190px;
}

.reqstn-tabs .reqbtm-align .drow .dcol {
    flex-grow: 1;
    min-width: auto;
}

.ifb-inpalign {
    max-width: 235px;
    margin-right: 15px;
}

    .ifb-inpalign select {
        max-width: 235px;
    }

.mngepgitms .dtable .drow {
    align-items: flex-start;
}

    .mngepgitms .dtable .drow .dcol {
        min-width: 195px;
        flex-grow: 0;
    }

.mngepgitms {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 15px;
    border: 1px solid rgba(0,0,0,.125) !important;
    background: #fff !important;
    border-radius: .25rem !important;
}

@media only screen and (max-width: 991px) {
    .user-dash-page .dtable .drow {
        flex-direction: column;
    }

        .user-dash-page .dtable .drow .width49 {
            width: 100%;
        }
}

.btnRem {
    display: block;
    color: #008cff !important;
    text-decoration: underline !important;
}

    .btnRem:hover {
        display: block;
        color: #7e0000 !important;
        text-decoration: underline !important;
    }

    .btnRem::before {
        content: '\f0f3';
        font-family: FontAwesome;
        font-weight: 400;
        margin-right: 3px;
        color: #008cff;
        font-size: 16px;
    }

    .btnRem:hover::before {
        content: '\f0f3';
        font-family: FontAwesome;
        font-weight: 400;
        margin-right: 3px;
        color: #7e0000;
        font-size: 16px;
    }

.tblFixHeader div {
    overflow-x: unset !important;
    width: unset !important;
}

.fa-chart-bar, .fas, .fa {
    /*color:#2671B1;*/
    font-size: 16px;
    cursor: pointer;
}

.fa-blue {
    color: #2671B1;
    font-size: 16px !important;
}

.lblNumber {
    font-family: Consolas;
    text-align: right;
}

tr.group,
tr.group:hover {
    background-color: #d6e2ef !important;
    font-size: 11px;
    height: 17px;
    line-height: 20px;
    color: #0652AE;
    font-weight: bold;
}


.btnProject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 84%;
    display: inline-flex;
    font-size: 14px !important;
}


.wraptext {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 350px;
    max-width: 350px;
    display: inline-block;
}


.dashboard-wrapper .media i {
    padding-right: 10px;
}

.dashboard-wrapper .media,
.dashboard-wrapper .fa {
    font-size: 14px !important;
    color: #565656 !important;
}


.dashboard-wrapper .border-primary .media,
.dashboard-wrapper .border-primary .fa {
    color: #007bff !important;
}

.dashboard-wrapper .border-info .media,
.dashboard-wrapper .border-info .fa {
    color: #17a2b8 !important;
}

.dashboard-wrapper .border-danger .media,
.dashboard-wrapper .border-danger .fa {
    color: #dc3545 !important;
}

.dashboard-wrapper .border-success .media,
.dashboard-wrapper .border-success .fa {
    color: #28a745 !important;
}

.dashboard-wrapper .border-warning .media,
.dashboard-wrapper .border-warning .fa {
    color: #ffc107 !important;
}

.dashboard-wrapper .border-warning,
.dashboard-wrapper .border-success,
.dashboard-wrapper .border-danger,
.dashboard-wrapper .border-info,
.dashboard-wrapper .border-primary {
    cursor: pointer;
}



.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}


.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.clsGreen {
    color: #1a9320 !important;
    font-weight: bold !important;
}

.clsGlobalDB, .nomanuf, .noclnt, .noprint, .clsAdmin, .clsDBAdmin {
}

.clsYellow {
    color: #ffc107 !important;
    font-weight: bold !important;
}

.clsWarning {
    color: #ad0000 !important;
    font-weight: bold !important;
}

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

.clsAdd {
    color: #44ce4f;
    font-size: 20px;
    padding-left: 3px;
}

.divBlock {
    display: inline-block;
}


.sorting_desc > .DataTables_sort_wrapper::before {
    content: '🡅';
}


.sorting_asc > .DataTables_sort_wrapper::before {
    content: '🡇';
}


.plus:before {
    content: '\f0fe';
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 20px !important;
    cursor: pointer;
}

.minus:before {
    content: '\f146';
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 20px !important;
    cursor: pointer;
}

.plusSmall:before {
    content: '\f0fe';
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 13px !important;
    cursor: pointer;
}

.minusSmall:before {
    content: '\f146';
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 13px !important;
    cursor: pointer;
}

.tblFix > tbody > tr > th,
.tblFix > thead > tr > th {
    position: sticky;
    top: 0px;
    left: 0;
    z-index: 100;
}


.clsFix, .clsFixRow td {
    position: sticky;
    top: 0px;
    left: 0;
    z-index: 101 !important;
}

.clsFixHead {
    position: sticky;
    top: 0px;
    left: 0;
    z-index: 102 !important;
}

.clsFix a {
    color: white !important;
}



.tblBorder, .tblBorder td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
    padding-left: 5px;
    padding-right: 2px;
}

.tblBorderBlack, .tblBorderBlack td, .tblBorderBlack th {
    border: 1px solid black;
    border-collapse: collapse;
    padding-left: 5px;
    padding-right: 2px;
}


.tblBorder2, .tblBorder3, .tblBorder2 > tbody > tr > td {
    border: 1px solid black !important;
    border-collapse: collapse;
}

.BorderDouble {
    border: black !important;
    border-collapse: collapse;
    border-style: double !important;
}

.tblBorder2, .tblBorder3 {
    padding: 5px;
}

.PriorityLevelGreen {
    background-color: #c0eeb4;
}

.PriorityLevelYellow {
    background-color: #fffd8f;
}

.PriorityLevelBrown {
    background-color: #ffbb87;
}

.PriorityLevelRed {
    background-color: #fc7474;
}

.noty_message {
    text-align: left !important;
}

a.clsLink1::before
{
    content: '\f022';
    font-family: 'FontAwesome';
    font-weight: 400;
    margin-right: 3px;
    color: #007FFF;
    font-size: 20px !important;
    cursor: pointer !important;
}

.clsLink1 {
            font-size: 16px !important;
            padding-bottom: 3px !important;
            display: block;
            color: #007FFF;
            width: fit-content;
        }

.fa-user-circle::before{
            font-size:36px !important;
            color:#bebebe;
        }

.greenDot {
  height: 25px;
  width: 25px;
  background-color: #00a121;
  border-radius: 50%;
  display: inline-block;
}

.redDot {
  height: 25px;
  width: 25px;
  background-color: #ff3636;
  border-radius: 50%;
  display: inline-block;
}

.orangeDot {
  height: 25px;
  width: 25px;
  background-color: #ffe937;
  border-radius: 50%;
  display: inline-block;
}