g@font-face {
    font-family: 'BarcodeFont';
    src: url('../fonts/BarcodeFont.TTF');
    src: local("?"), url('../fonts/BarcodeFont.woff') format("woff"), url('../fonts/BarcodeFont.TTF') format("truetype");
}

@font-face {
    font-family: 'idautomationhc39m_code_39_barcode';
    src: url('../fonts/idautomationhc39m_code_39_barcode.TTF');
    src: local("?"), url('../fonts/idautomationhc39m_code_39_barcode.woff') format("woff"), url('../fonts/idautomationhc39m_code_39_barcode.TTF') format("truetype");
}

@font-face {
    font-family: 'alro-bold';
    src: url('../fonts/alro-bold.TTF');
    src: local("?"), url('../fonts/alro-bold.woff') format("woff"), url('../fonts/alro-bold.TTF') format("truetype");
}

body {
    background: #efefef;
    color: #333;
    font-size: 12px;
    font-family: Arial;
}
/*font-size:12px*/
.cardbox.min .cardbox-body {
    min-height: auto;
}

.Gray {
    color: #a2a2a2;
    font-weight: bold;
}

.Green {
    color: #01837d;
    font-weight: bold;
}

.col-lg-3.col-md-3.mb-3.qa-spc {
    width: 23%;
    padding-right: 2px;
    padding-left: 2px;
}

.company_name {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase; /*color:#020263;*/
    font-family: alro-bold;
}

.report_title {
    color: #999999;
    font-size: 15px;
    font-weight: bold; /* text-transform:uppercase;*/
}

.packinglabel_company_name {
    font-weight: bold;
    font-size: 27px;
    text-transform: uppercase;
    text-align: center;
    font-family: alro-bold;
    line-height: 20px;
}

.home_bg {
    background: url(../images/home_bg.jpg) no-repeat;
    padding: 170px 20px;
    background-size: cover;
}

.home_title {
    font-size: 80px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    line-height: 80px;
    padding: 30px 0;
}

.cardbox-body.foundry-overview {
    min-height: 395px !important;
}

.sm-textbox {
    height: 26px;
    font-size: 12px;
}

.tab_nav.section-pad {
    margin-bottom: 5px !important;
}

.mtr-2 {
    margin-right: 2%;
}

.box_header.border-bottom.mb-3.pad-right-0 {
    width: 100%;
}

.col-lg-2.col-md-2.mb-3.pad-right-0 {
    padding-right: 0;
    width: 20%;
}

.col-lg-2.col-md-2.mb-3.plus-text {
    padding-left: 2px;
    padding-right: 0;
}

select.form-select.form-select-sm.plus-icon {
    padding-right: 0;
}

.col-lg-3.col-md-3.mt-3.pad-right-0 {
    padding-right: 0;
    padding-top: 5px;
}

.col-lg-2.col-md-2.mb-3.pad-0 {
    width: 19%;
    padding: 2px;
}

    .col-lg-2.col-md-2.mb-3.pad-0.text-end.fnl {
        width: 24%;
    }

.col-lg-3.col-md-3.mb-3.pad-right-0 {
    padding-right: 0;
    padding-top: 5px;
}

.converty {
    width: 100%;
    float: left;
}

.cardbox-body.pp-overview {
    min-height: 290px !important;
}

.Customer_popup.customer_create.AutoSearch_List {
    width: 505px;
}

.top-dropdow.show {
    margin-top: 5px !important;
}

.menu-bar {
    font-size: 18px;
    color: #01837d;
}

.action_dot_grid {
    color: #1bb5ae;
    display: grid;
    font-size: 12px;
}

table.coposit th {
    text-align: center;
}

.cardbox-body.comp {
    min-height: 250px !important;
}

.compositiondiv {
    margin: 0 0 10px;
    height: 70px;
}

table.cmptn td {
}

table.composition td {
    text-align: center;
}

.TileIcon img {
    padding: 5px;
}

.navbar-brand a span {
    color: #1ab9b1;
}

.navbar-brand a {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: Arial;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
}

    .navbar-brand a:hover {
        color: #fff;
    }

.col-lg-2.col-md-2.top-logo {
    text-align: center;
}

.cardbox-body.die {
    min-height: 280px !important;
}

.die-h {
    height: 190px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.col-lg-2.col-md-2.top-logo {
    width: 15.3%;
}

.col-lg-2.col-md-2.sudal-logo {
    padding: 7px 0px 7px 10px;
}

.Customer_popup {
    width: 238px;
    position: absolute;
    z-index: 991;
    background: #fff;
    display: none;
    white-space: nowrap;
    margin: 0;
    box-shadow: 0 0 10px #999;
}

.pad-btm {
    padding: 10px 0;
    line-height: 20px;
}

.cardbox-body.cnew {
    min-height: 190px !important;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #26afa8;
    border-color: #26afa8;
}

i.fa.fa-tachometer {
    font-size: 18px;
    padding: 11px 14px 8px 0px;
}

input.form-control.form-control-sm.icon1 {
    padding-left: 22px;
}

input.form-control.form-control-sm.icon2 {
    padding-left: 22px;
}

input.form-control.form-control-sm.icon3 {
    padding-left: 22px;
}

h2.head-ttl {
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-family: arial;
    text-transform: uppercase;
    margin: 5px 0;
}

.textarea-h {
    min-height: 100px !important;
}

.fl {
    float: left;
}

.cardbox-title {
    font-size: 14px;
    padding: 5px 12px;
    font-weight: bold;
}

.icon1 {
    background: #fff url(../images/plus.png) left center no-repeat;
    background-position: 5px;
    background-repeat: no-repeat;
}

.icon2 {
    background: #fff url(../images/minus.png) left center no-repeat;
    background-position: 5px;
    background-repeat: no-repeat;
}

.icon3 {
    background: #fff url(../images/plus-and-minus.png) left center no-repeat;
    background-position: 5px;
    background-repeat: no-repeat;
}

.dropdown-item.active, .dropdown-item:active {
    background: #01837d !important;
    color: #fff !important;
}

.row-tbl {
    width: 100%;
    float: left;
}

.icon1.overview {
    padding: 0 12px 0 25px;
    float: left;
}

.icon2.overview {
    padding: 0 12px 0 25px;
    float: left;
}

.icon3.overview {
    padding: 0 12px 0 25px;
    float: left;
}

.plandiv.half {
    width: 50%;
    float: left;
}

.multi-inpput-range input {
    width: 42%;
    float: left;
    margin-right: 5px;
}

.input-group.multi-inpput {
    width: 30% !important;
    float: left;
    margin-right: 5px;
}

.welcome-titel {
    width: 100%;
    padding: 5px;
    margin: 0;
    display: block;
    font-size: 22px;
}

.controls .form-check {
    float: left;
    padding-right: 15px;
}

.TileTax_Bg {
    display: inline;
    margin: 0;
    padding: 5px 0px;
    list-style-type: none;
    float: left;
}

    .TileTax_Bg ul li {
        padding: 5px 0;
        list-style-type: none;
        width: 140px;
        line-height: 22px;
        vertical-align: middle;
        color: #fff;
        text-align: center;
        cursor: pointer;
        float: left;
        transition: all 0.3s;
        background: #01837d; /*background-image: linear-gradient(115deg, #016560, #15c3bb);*/
        border-radius: 5px;
        margin: 0px 5px 5px 0;
    }

        .TileTax_Bg ul li a span {
            padding-top: 12px;
            display: block;
        }

    .TileTax_Bg ul {
        padding: 0px;
        margin: 0px;
    }

        .TileTax_Bg ul li a {
            color: #fff;
            text-align: center;
            font-size: 15px;
            height: auto;
            float: left;
            width: 100%;
            padding: 0 5px;
        }

        .TileTax_Bg ul li:hover {
            background: #26afa8; /*background-image: linear-gradient(115deg, #15c3bb, #016560);*/
            box-shadow: 0 4px 10px #26afa8;
            text-decoration: none;
        }

        .TileTax_Bg ul li .fa {
            font-size: 35px;
            color: #fff;
            margin: 4px 0 10px 0;
        }

.TileIcon {
    font-size: 22px;
    width: 100%;
    height: auto;
    float: left;
}

.pt-100 {
    padding-top: 100px !important;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #f5f5f5;
    background-color: #f1f1f1;
}

    /*Style the buttons inside the tab*/
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 9px 16px;
        transition: 0.3s;
        font-size: 15px;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #01837d;
            color: #fff;
        }
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 5px;
    border: 1px solid #f5f5f5;
    border-top: none;
    min-height: 305px;
    background: #fff;
}

.tab.dashboad-tab {
    margin: 5px 0 0 0;
    background: #fff;
}

.ActionText {
    font-size: 12px;
    color: #999;
}

    .ActionText .ActionHead {
        font-weight: bold;
        color: #555 !important;
        font-size: 12px;
    }

    .ActionText .ActionSubText {
        color: #666 !important;
    }

.ActionNo {
    background: #007bff;
    color: #fff;
    width: 70px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}

.ActionText td {
    padding: 5px 0;
}

.Red {
    color: #dc3545;
    font-weight: bold;
}

.tabcontent .Action_table {
    width: 100%;
}

    .tabcontent .Action_table td {
        padding: 5px;
    }

/*------------------- Start Inbox CSS ------------------*/
.Mail_Scroll {
    max-height: 385px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

    .Mail_Scroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .Mail_Scroll::-webkit-scrollbar-track {
        border-radius: 10px;
        background: #f3f3f3;
    }

    .Mail_Scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ccc;
    }

        .Mail_Scroll::-webkit-scrollbar-thumb:hover {
            background: #bbb;
        }

.Mail_left_section ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    padding: 5px;
    border-left: 3px solid #f5f9fe;
    position: relative;
}

    .Mail_left_section ul li a {
        color: #666;
    }

    .Mail_left_section ul li:hover {
        background: #f5f9fe;
        border-left: 3px solid #01837d;
    }

    .Mail_left_section ul li.active {
        border-left: 3px solid #01837d;
        background: #dbe3e3;
    }

    .Mail_left_section ul li .Mail_Title {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .Mail_left_section ul li .Mail_SubTitle {
        font-size: 11px;
        color: #999;
        font-weight: normal;
    }

    .Mail_left_section ul li .Delete_Icon {
        position: absolute;
        top: 15px;
        right: 5px;
        display: none;
        font-size: 14px;
        cursor: pointer;
    }

    .Mail_left_section ul li:hover .Delete_Icon {
        display: block;
    }

.Unread {
    font-weight: bold;
}

.Mail_right_section {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0 0;
}

.Mail_right_Scroll {
    max-height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 10px;
}

    .Mail_right_Scroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .Mail_right_Scroll::-webkit-scrollbar-track {
        border-radius: 10px;
        background: #f3f3f3;
    }

    .Mail_right_Scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ccc;
    }

        .Mail_right_Scroll::-webkit-scrollbar-thumb:hover {
            background: #bbb;
        }

.Mail_right_section .Mail_Body_Title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
}

.Mail_right_section .Mail_Body_Sub_Title {
    font-size: 13px;
    margin: 0 0 15px;
}

.Mail_right_section .Mail_Body_Sub {
    font-size: 13px;
}
/*------------------- End Inbox CSS ------------------*/

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    padding: 0 0 0 25px;
}

/* Provide sufficient contrast against white background */
a {
    color: #26afa8;
    text-decoration: none;
}

    a:hover {
        color: #01837d;
    }

/* Sticky footer styles
-------------------------------------------------- */

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
    width: 100%;
    display: block;
}

.company_logo {
    box-shadow: 0 0 20px #fff;
    border-radius: 5px;
    background: #fff;
    padding: 0 5px;
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}
/* Sticky footer styles
-------------------------------------------------- */

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.clearfix {
    width: 100%;
    clear: both;
}

    .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

.top-header {
    background-color: #5e97c7 !important;
}

/*--------------------------------------------------------------
# Start Top Navigation Menu
--------------------------------------------------------------*/

.TopNav {
    background: #01837d;
    padding: 5px;
    width: 100%;
    display: block;
}

.navbar-brand {
    display: inline-block;
    width: 210px;
    padding: 20px 15px 2px 20px;
}

    .navbar-brand a img {
        height: 40px;
    }
/*.main-nav{margin:5px 0 0 !important;}*/
.main-nav,
.main-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .main-nav > ul > li {
        position: relative;
        white-space: nowrap;
        float: left;
        color: #333;
        margin: 5px 7px;
    }

    .main-nav a {
        display: block;
        position: relative;
        color: #c6c6c6;
        padding: 0;
        margin: 0;
        transition: 0.3s;
        font-size: 14px;
        font-weight: 500;
    }

        .main-nav a:hover {
            color: #5e97c7;
            text-decoration: none;
            border-radius: 5px;
        }

    .main-nav .active > a {
        color: #fff;
        text-decoration: none;
        background: #007bff;
        border-radius: 5px;
    }

    .main-nav .drop-down ul {
        display: block;
        position: absolute;
        left: 0;
        top: calc(100% + 30px);
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: ease all 0.3s;
    }

    .main-nav .drop-down:hover > ul {
        opacity: 1;
        top: 85%;
        visibility: visible;
    }

    .main-nav .drop-down li {
        min-width: 180px;
        position: relative;
        padding: 7px 10px
    }

    .main-nav .drop-down ul a {
        padding: 0;
        font-size: 13px;
        color: #333;
    }

        .main-nav .drop-down ul a:hover,
        .main-nav .drop-down ul .active > a,
        .main-nav .drop-down ul li:hover > a {
            color: #01837d;
        }

    .main-nav .drop-down > a:after {
        content: "\f107";
        font-family: FontAwesome;
        padding-left: 5px;
        color: #fff;
    }

    .main-nav .drop-down .drop-down ul {
        top: 0;
        left: calc(100% - 30px);
    }

    .main-nav .drop-down .drop-down:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
    }

    .main-nav .drop-down .drop-down > a {
        padding-right: 35px;
    }

        .main-nav .drop-down .drop-down > a:after {
            content: "\f105";
            position: absolute;
            right: 15px;
        }

/* Mobile Navigation */
.mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(19, 39, 57, 0.8);
    transition: 0.4s;
}

    .mobile-nav * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobile-nav a {
        display: block;
        position: relative;
        color: #fff;
        padding: 10px 20px;
        font-weight: 500;
        font-size: 13px;
    }

        .mobile-nav a:hover,
        .mobile-nav .active > a,
        .mobile-nav li:hover > a {
            color: #74b5fc !important;
            text-decoration: none;
        }

    .mobile-nav .drop-down > a:after {
        content: "\f078";
        font-family: FontAwesome;
        padding-left: 10px;
        position: absolute;
        right: 15px;
    }

    .mobile-nav .active.drop-down > a:after {
        content: "\f077";
    }

    .mobile-nav .drop-down > a {
        padding-right: 35px;
        color: #fff;
    }

        .mobile-nav .drop-down > a:focus {
            color: #007bff;
        }

    .mobile-nav .drop-down.active > a {
        color: #007bff;
    }

    .mobile-nav .drop-down ul {
        display: none;
        overflow: hidden;
    }

    .mobile-nav .drop-down li {
        padding-left: 20px;
    }

.mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
}

    .mobile-nav-toggle i {
        margin: 18px 18px 0 0;
        color: #004289;
    }

.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(19, 39, 57, 0.8);
    overflow: hidden;
    display: none;
}

.mobile-nav-active {
    overflow: hidden;
}

    .mobile-nav-active .mobile-nav {
        left: 0;
    }

    .mobile-nav-active .mobile-nav-toggle i {
        color: #fff;
    }



.navbar-collapse {
    margin: 0 15px 0 0;
}

.sidebar-menu img {
    width: 18px;
    margin: 0 15px 0 5px;
}

.top_m {
    margin: 15px 0 0;
}

.sidebar-collapse .sidebar-menu li label {
    height: 20px;
    line-height: 0px;
}

.nav-link {
    color: #333;
    font-weight: bold;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #01837d;
    border-color: #fff;
}

.footer_pagignation {
    font-size: 10px;
}
/*--------------------------------------------------------------
# End Top Navigation Menu
--------------------------------------------------------------*/
.main-contener {
    min-height: 535px;
    margin: 0 0 10px;
}
/*--------------------------------------------------------------
# Start Form CSS
--------------------------------------------------------------*/

.DatePick {
    background: #fff url(../images/CalIcon.png) right center no-repeat;
    background-position: right;
    background-repeat: no-repeat;
}

.DatePick_F {
    background: #fff url(../images/CalIcon.png) right center no-repeat;
    background-position: right;
    background-repeat: no-repeat;
}

.DatePick_B {
    background: #fff url(../images/CalIcon.png) right center no-repeat;
    background-position: right;
    background-repeat: no-repeat;
}

.DatePick:read-only {
    background-color: #fff;
}

.DateTimePick {
    background: #fff url(../images/CalIcon.png) right center no-repeat;
    background-position: right;
    background-repeat: no-repeat;
}

    .DateTimePick:read-only {
        background-color: #fff;
    }

.datetimepicker table {
    width: 100%;
}

.DatePick:disabled {
    background-color: #e9ecef;
}

.Multiselect_disabled .ms-options-wrap button {
    background-color: #e9ecef;
    pointer-events: none;
}

.DateTimePick_Head {
    background: #a0a0a0;
    color: #fff;
}

    .DateTimePick_Head th {
        height: 25px;
        border-radius: 0px !important;
        background: #a0a0a0;
    }

.datetimepicker {
    left: 0;
    top: 0;
}

.capital-form-input {
    text-transform: uppercase;
}

.form-check-input {
    width: 1.2em;
    height: 1.2em;
}

.form-control {
    font-size: 12px;
}

.form-control-sm {
    font-size: 12px;
    padding: 0 5px;
}

.form-select-sm {
    font-size: 12px;
    padding: 4px 30px 4px 5px
}

.input-group-text {
    font-size: 12px;
}
/*.form-select-sm option{color:#999;}*/
.form-check-inline {
    line-height: 25px;
}

.btn-primary {
    color: #fff;
    background-color: #01837d;
    border: 2px solid #01837d;
    white-space: nowrap;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #26afa8;
        border-color: #26afa8;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #c0c5c9;
        border-color: #c0c5c9;
    }

.AutoSearchflip {
    padding: 0.25rem 0.5rem 0.25rem 25px;
}

.AutoSearchflip2 {
    padding: 0.25rem 0.5rem 0.25rem 25px;
}

.AutoSearchflip3 {
    padding: 0.25rem 0.5rem 0.25rem 25px;
}

.AutoSearchflip4 {
    padding: 0.25rem 0.5rem 0.25rem 25px;
}

.AutoSearchflip5 {
    padding: 0.25rem 0.5rem 0.25rem 25px;
}

.btn-success {
    color: #fff;
    background-color: #3ea973;
    border: 2px solid #3ea973;
}

.btn-sm {
    font-size: 12px;
    padding: 0.2rem 0.5rem;
}

.btn-danger {
    border: 2px solid #dc3545;
}

.input-group-text-sm {
    padding: 2px 10px;
}

.prv-btn {
    background: #c0c5c9;
    border: 2px solid #c0c5c9;
    color: #fff;
}

.save-btn {
    background: none;
    border: 2px solid #fff;
    padding: 0.25rem 0rem;
}

    .save-btn:focus {
        background: none !important;
        border: 2px solid #fff !important;
    }

.disabled-btn {
    pointer-events: none;
    opacity: .5;
}

.btn-margin {
    margin: 0 20px;
}

.text-warning {
    color: #fb9700 !important;
}

.btn:focus {
    outline: 0;
    box-shadow: none !important;
    background: #26afa8;
    border-color: #26afa8;
}

.btn-warning:focus {
    outline: 0;
    box-shadow: none !important;
    background: #ffca2c;
    border-color: #ffc720;
}

.text-primary {
    color: #01837d !important;
}

.text-success {
    color: #02d774 !important;
}

.ChangePassword_Tips {
    margin: 50px 0 0 0;
    line-height: 30px;
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: inherit;
    background: #ddd;
    border: 1px solid #aaa
}

.form-check {
    line-height: 22px;
}

.form-check-input.disabled_blue {
    background: #0d6efd;
}
/*--------------------------------------------------------------
# End Form CSS
--------------------------------------------------------------*/

.title-bar {
    width: 100%;
    padding: 5px;
    margin: 0 0 5px;
    display: block; /*background-image: linear-gradient(90deg, rgb(57 133 215), rgb(237, 242, 249)); border-radius:5px;*/
}

.border {
    border: 1px solid #dee2e6 !important;
    padding: 15px;
    margin: 10px 0 0;
}

.overview-header {
    font-size: 16px;
    margin: 0 0 15px;
}

/*------------------------ Start Top Header CSS ----------------*/
.head-title {
    font-size: 16px;
    margin: 0;
    color: #333;
    font-weight: 500;
}

.breadcrumb {
    margin: 0;
    color: #fcfcfc;
}

.EditIcon {
    margin: 0 5px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    background: #01837d;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

    .EditIcon:hover {
        color: #fff;
        background: #01837d;
    }

.ArrowIcon a {
    margin: 0;
    color: #01837d;
    font-size: 25px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin: -5px 0 0;
}

    .ArrowIcon a:hover {
        color: #01837d;
    }

.InrIcon a {
    margin: 2px 0 0;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    background: #01837d;
    padding: 6px 5px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    line-height: 12px;
}

    .InrIcon a:hover {
        color: #fff;
    }
/*------------------------ End Top Header CSS ----------------*/

/*--------------------------------------------------------------
# Start Datatable CSS
--------------------------------------------------------------*/
/*table.dataTable{border-collapse: collapse;}
.table thead{background:#f8f7fc; /*color:#a2a2a2;*/ color:#333; border-bottom:#e8e8e8; z-index:99; position:relative;
}

table.dataTable thead th {
    padding: 3px;
}

table.dataTable tbody td {
    padding: 3px;
    color: #333;
    vertical-align: top !important;
}

.table td {
    padding: 3px;
    color: #333;
}

table.dataTable tbody tr {
    background-color: #ffffff;
    border-bottom: #e1e1e1;
}

*/

table.dataTable {
    border-collapse: collapse;
}

table.dataTable tr:nth-child(even) {
    background: #e3e2e2;
}

table.dataTable tr:nth-child(odd) {
    background: #fafafa;
}

.table tr:nth-child(even) {
    background: #e3e2e2;
}

.table tr:nth-child(odd) {
    background: #fafafa;
}

.table thead th {
    padding: 3px 5px;
    color: #fff;
}

.table thead td {
    padding: 3px 5px;
    color: #fff;
}

.table thead tr {
    background: #01837d !important;
    color: #fff;
    border-bottom: #e8e8e8;
    z-index: 99;
    position: relative;
}

table.dataTable thead th {
    padding: 3px 5px;
}

table.dataTable tbody td {
    padding: 3px 5px;
    color: #333;
    vertical-align: top !important;
}

.table td {
    padding: 3px;
    color: #333;
}

table.dataTable tbody tr {
    background-color: #ffffff;
    border-bottom: #e1e1e1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px 11px;
    border: 1px solid #ccc;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #fff;
        color: #333 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        border: 1px solid #ccc;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
            border: 1px solid #ccc;
        }

.dataTables_scrollHead {
    background: #f8f7fc;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    outline: none;
}

.dataTables_length {
    display: none;
}

.dataTables_filter {
    display: none;
}

.dataTables_info {
    font-size: 10px;
    font-weight: bold;
    margin: 5px 0;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    font-size: 10px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #333 !important;
        border: 1px solid #dee2e6;
        background-color: #e9ecef;
        background: linear-gradient(to bottom, #e9ecef 0%, #e9ecef 100%);
    }

.Records_no {
    font-size: 11px;
    font-weight: bold;
    float: left;
    margin: 10px 0 0;
}

.table {
    color: #757575;
    margin-bottom: 0;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #e1e1e1;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #e1e1e1;
}

.table td, .table th {
    padding: 3px;
}

.pagination {
    float: right;
    margin: 5px 0 0;
}

    .pagination .page-link {
        color: #666;
    }

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #01837d;
    border-color: #01837d;
}

.VM_table td {
    vertical-align: middle;
}

/*.table-responsive{overflow-x:visible; overflow-y:visible;}*/
/*--------------------------------------------------------------
# End Datatable CSS
--------------------------------------------------------------*/
.toplink {
    margin: 0 20px 0 0;
    padding: 0;
    float: right;
}

    .toplink li {
        margin: 0 2px;
        padding: 0;
        display: inline-block;
        list-style-type: none;
    }

.notification {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    position: relative;
}

    .notification a {
        color: #333;
    }

.topmessage {
    width: 30px;
    height: 30px;
    background: #01837d;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    position: relative;
}

    .topmessage a {
        color: #fff;
    }

.UserPhoto {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.noof_notification {
    width: auto;
    height: auto;
    background: #f44336;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    border-radius: 2px;
    position: absolute;
    right: -5px;
    top: -5px;
    line-height: 13px;
    text-align: center;
    padding: 2px 5px;
}

i.fa.fa-bell-o {
    font-size: 22px;
    color: #fff;
}

.noof_file {
    width: 8px;
    height: 8px;
    background: #f33;
    color: #fff;
    font-size: 3px;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: 0;
    line-height: 12px;
}

.dropdown_arrow {
    background: url(../images/dropdown_arrow.png);
    width: 16px;
    height: 10px;
    position: absolute;
    right: 4px;
    top: -10px;
}

/*-------------------------- Start Dashboard CSS -----------------*/
.inner-container {
    background: #fff;
    padding: 5px 15px;
    margin: 0 0 0;
    border-radius: 15px;
    min-height: 85vh;
}

.content_section {
    padding: 15px 10px 0;
    min-height: 380px;
    background: url(../images/content_section_bg.png) repeat-x;
}

.overview_section {
    background: #f5f9f9;
    padding: 20px 20px 5px;
    border-radius: 15px;
}

.content {
    min-height: 250px;
    padding: 20px 0px 0px 0px;
    margin-right: auto;
    margin-left: auto;
}

.box {
    position: relative;
    border-top: 0;
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
    padding: 0px;
    -webkit-transition: .5s;
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}

.box-body {
    padding: 1.25rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.box-header {
    color: #455a64;
    display: block;
    padding: 0.5rem 1.25rem;
    position: relative;
    border-bottom: 1px solid rgba(97, 106, 120, 0.07);
}

.SearchPannel {
    width: 100%;
    height: auto;
    padding: 0 0 5px;
    margin: 0;
    display: block;
}

.search_head {
    font-size: 25px;
    color: #333;
    padding: 0 5px;
    margin: 0 0 10px;
    border-bottom: 1px solid #888;
    font-weight: bold;
}

.form-label {
    margin: 0;
    font-weight: bold;
}

.FormLabel {
    margin: 0;
    font-weight: bold;
}

.form-check-label {
    font-weight: bold;
}

.SearchIcon {
    float: right;
    font-size: 18px;
    line-height: 16px;
    cursor: pointer;
}

.box-title {
    line-height: 22px;
    font-size: 18px;
    color: #c6c6c6;
}

.claim_searchicon {
    position: absolute;
    left: 20px;
    top: 23px;
    color: #999;
    cursor: pointer;
}

.search_setting_icon {
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    padding: 2px 3px;
    margin: 2px 0 0;
    float: left;
}

    .search_setting_icon img {
        width: 100%;
    }

.topsearch {
    margin: 0;
    position: relative;
}

.searchicon_top {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #fff;
    cursor: pointer;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 3px;
    background: #01837d;
    line-height: 26px;
}

.action .dropdown-toggle:after {
    content: "";
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

.action_dot_icon {
    color: #999;
}

.action .dropdown-menu a {
    font-size: 12px;
    color: #222;
}

.dropdown-menu.show {
    display: block;
    padding: 3px 0;
}

.statistic_card {
    border: none;
    border-radius: 0;
    box-shadow: 0px 0px 20px rgb(127 137 161 / 30%);
    margin-bottom: 10px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 10px 10px;
    background-image: url(../Images/logo_white.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50px;
}

    .statistic_card .Figure {
        font-size: 28px;
        font-weight: 700;
        text-align: center;
    }

    .statistic_card p {
        margin: auto auto;
    }

.box_header {
    padding: .5rem 0;
    display: inline-block;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-weight: bold;
    font-size: 14px;
}

.ProfilePhoto_Section {
    float: left;
    width: 100%;
}

.ProfilePhoto {
    position: relative;
    width: 170px;
    height: 170px;
    margin: 0 auto;
}

    .ProfilePhoto img {
        border: 3px solid #cfe2ff;
        padding: 0;
        border-radius: 50%;
        width: 170px;
        height: 170px;
    }

.CameraIcon {
    cursor: pointer;
    position: absolute;
    bottom: 12px;
    right: 13px;
    background: #01837d;
    color: #fff;
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
}

    .CameraIcon img {
        cursor: pointer;
        width: 16px;
        height: 14px;
        border: none;
        border-radius: 0;
    }

    .CameraIcon input[type=file] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 25px;
        cursor: pointer;
    }

.DependantsPhoto {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

    .DependantsPhoto img {
        border: 3px solid #cfe2ff;
        padding: 0;
        border-radius: 50%;
        width: 120px;
        height: 120px;
    }

    .DependantsPhoto .CameraIcon img {
        cursor: pointer;
        width: 16px;
        height: 14px;
        border: none;
        border-radius: 0;
    }

.serviceprovider_logoSection {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.serviceprovider_logo {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border: 3px solid #cfe2ff;
    border-radius: 50%;
    overflow: hidden;
}

    .serviceprovider_logo img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

    .serviceprovider_logo .CameraIcon img {
        cursor: pointer;
        width: 16px;
        height: 14px;
        border: none;
        border-radius: 0;
    }

.serviceprovider_img {
    position: relative;
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 50%;
    margin: 0 auto 20px;
    overflow: hidden;
}

    .serviceprovider_img img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.thumb_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
}

.avatar {
    width: 100%; /* margin-left: 10px; */
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.cardbox {
    min-height: 186px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

    .cardbox .cardbox-body {
        padding: 5px 15px;
        background: #fff;
        border-radius: 10px;
        min-height: 320px;
    }

    .cardbox .cardbox-title {
        font-size: 14px;
        padding: 10px 0;
        font-weight: bold;
    }

.memberimg {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    margin: 0 auto 20px;
    overflow: hidden;
}

    .memberimg img {
        width: 100%;
        height: 100%;
    }

.memberename {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.membereemail {
    margin: 0 0 15px;
    word-break: break-all;
}

.memberid {
    width: 100%;
    background: #01837d;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    margin: 0 0 7px;
}

.PracticeNumber {
    border-top: 1px solid #e5e5e5;
    height: 60px;
    margin: 16px 0 0;
    padding: 15px 0 0;
    text-align: left;
}

.text-gray { /*color:#999;*/
    color: #333;
    font-weight: 600;
}

.text_green {
    color: #3ea973
}

.gender {
    border-bottom: 1px solid #e5e5e5;
    height: 60px;
    margin: 25px 0 15px;
}

.phoneno {
    border-bottom: 1px solid #e5e5e5;
    height: 135px;
    margin: 25px 0 15px;
}

.plandiv {
    margin: 0 0 15px;
    min-height: 42px;
}

.file-document {
    border: 1px solid #f4f4f4;
    padding: 10px 5px 10px 10px;
    margin: 10px 0 19px;
    border-radius: 5px;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

    .file-document .fa {
        color: #999;
        margin: 0 7px;
    }

    .file-document .form-check {
        float: left;
        margin: -1px 0 0;
    }

.document-scroll {
    height: 275px;
    overflow-x: visible;
    overflow-y: scroll;
}

    .document-scroll::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .document-scroll::-webkit-scrollbar-track {
        border-radius: 10px;
        background: #fff;
    }

    .document-scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ccc;
    }

        .document-scroll::-webkit-scrollbar-thumb:hover {
            background: #bbb;
        }

.addfile {
    float: right;
    font-size: 13px;
    font-weight: 500;
}

    .addfile img {
        margin: 0 5px 0 0;
        float: left;
    }

.downloadicon {
    float: right;
    width: auto;
    display: none;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
/*.file-document:hover{color:#01837d;}*/
/*.file-document:hover .fa{color:#01837d;}
.file-document:hover .downloadicon{float:right; width:auto; display:block;}*/

.Overview_Btn {
    color: #fff;
    background-color: #01837d;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #01837d;
    margin: 0 0 0 20px;
}

    .Overview_Btn:hover {
        color: #fff;
    }

.Inner_SubMenu {
    width: 100%;
    height: auto;
    margin: 5px 0 0;
}

    .Inner_SubMenu ul {
        margin: 0;
        padding: 0;
        display: block;
    }

        .Inner_SubMenu ul li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: inline-block;
            width: 170px;
        }

            .Inner_SubMenu ul li a {
                margin: 0;
                padding: 5px 7px;
                display: block;
                font-size: 13px;
                font-weight: normal;
            }

.mandatory {
    color: #cd1414;
}

.error_msg {
    color: #cd1414;
    position: absolute;
    font-size: 11px;
}

.error_msg_tbl {
    color: #cd1414;
    position: relative;
    font-size: 11px;
}

.action {
}

    .action a {
        margin: 0 0 0 0px;
    }

.approve {
    background: #ccc;
    border-radius: 50%;
    padding: 5px;
    float: left;
    width: 22px;
    height: 22px;
    line-height: 10px;
    text-align: center;
}

/*-------------  Plan CSS ----------------*/
.planTable {
    width: 100%;
    margin: 0 0 20px;
    float: left;
}

    .planTable table {
        width: 100%;
    }

.PlanHead {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    line-height: 32px;
    background: #dae8f7;
}

.planTable table td {
    vertical-align: middle;
    padding: 15px;
    background: #fff;
    border-right: 15px solid #ebf4ff;
}

    .planTable table td:last-child {
        border-right: none;
    }

.planTable td:nth-child(2n) {
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}

.planTable td:nth-child(3n) {
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}

.taday_date_time {
    padding: 10px 3px;
    color: #fff;
}

.Status_Green {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c3da5e;
    display: inline-block;
    margin: 0 5px 0 0;
}

.Status_Orenge {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f39f1d;
    display: inline-block;
    margin: 0 5px 0 0;
}

.Status_Red {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ea4c4e;
    display: inline-block;
    margin: 0 5px 0 0;
}

.Status_Blue {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #125ea9;
    display: inline-block;
    margin: 0 5px 0 0;
}

.Status_Sky {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #45fddb;
    display: inline-block;
    margin: 0 5px 0 0;
}

.Status_Maintenance {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c0c5c9;
    display: inline-block;
    margin: 0 5px 0 0;
}

.Status_Deepgreen {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #006400;
    display: inline-block;
    margin: 0 5px 0 0;
}


.update_icon {
    color: #3ea973;
    width: 20px;
    height: 20px;
    text-align: center;
    display: none;
    margin: 5px 0 0 -15px;
    float: left;
}

.failure_icon {
    color: #ea4c4e;
    width: 20px;
    height: 20px;
    text-align: center;
    display: none;
    margin: 5px 0 0 -12px;
    float: left;
}
/*-------------------------- End Dashboard CSS -------------------*/

/*--------------------- Start Advance Search ------------------*/
.AdvSearchMask {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: none;
    z-index: 9999;
}

.Adv_search {
    width: 500px;
    min-height: 350px;
    background: #fff;
    position: relative;
    top: 180px;
    left: 0;
    right: 0;
    padding: 20px;
    margin: auto;
    z-index: 99999;
    box-shadow: 0 0 10px #ccc;
}

    .Adv_search .close {
        float: right;
        font-size: 18px;
        color: #fff;
        line-height: 18px;
        font-weight: bold;
        width: 18px;
        height: 18px;
        background: #3f3f3f;
        border-radius: 50%;
        padding: 0 0 0 1px;
    }

.Adv_search_scroll {
    max-height: 330px;
    overflow-x: visible;
    overflow-y: scroll;
}

    .Adv_search_scroll::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .Adv_search_scroll::-webkit-scrollbar-track {
        border-radius: 10px;
        background: #fff;
    }

    .Adv_search_scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ccc;
    }

        .Adv_search_scroll::-webkit-scrollbar-thumb:hover {
            background: #bbb;
        }

.adv-search {
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background: #ea4c4e;
    float: left;
    margin: 0 0 0 -5px;
}
/*---------------------- End Advance Search -------------------*/

.arrow {
    width: auto;
    margin: 0 0 0 -27px;
    float: left;
    vertical-align: middle;
    position: fixed;
    top: 330px;
}

.BigPopUpMask {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    display: none;
    background: rgba(183, 181, 181, 0.7);
    z-index: 9999;
}

.PopupHead {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

.PopUpMinHeight {
    height: 430px;
    margin: 10px 0 15px;
    width: 100%;
    float: left;
    overflow-y: scroll;
}

    .PopUpMinHeight::-webkit-scrollbar {
        width: 4px;
        background-color: #fff;
    }

    .PopUpMinHeight::-webkit-scrollbar-track {
        border-radius: 10px;
        background: transparent;
    }

    .PopUpMinHeight::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ccc;
    }

        .PopUpMinHeight::-webkit-scrollbar-thumb:hover {
            background: #bbb;
        }

.ViewDataManage {
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99991;
    width: 75%;
    height: 100%;
    padding: 20px;
}

.ViewDataManageHeader {
    width: 100%;
    color: #333;
    padding: 10px 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
}

    .ViewDataManageHeader .close {
        float: right;
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        margin: 0;
        width: 18px;
        height: 18px;
        background: #3f3f3f;
        border-radius: 50%;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.close_btn {
    width: 18px;
    height: 18px;
    float: right;
    cursor: pointer;
}

.paid_amount {
    color: #0337a4;
    font-weight: bold;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 16px;
    font-weight: bold;
}

.modal-header .close {
    float: right;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    font-weight: bold;
    width: 18px;
    height: 18px;
    background: #3f3f3f;
    border-radius: 50%;
}

.Benefits_tooltip {
    position: relative;
    display: inline-block;
}

    .Benefits_tooltip .tooltiptext {
        display: none;
        width: 300px;
        background-color: #fff;
        border: 1px solid #ccc;
        color: #333;
        text-align: left !important;
        padding: 10px;
        border-radius: 6px;
        left: -115px;
        position: absolute;
        z-index: 1;
        box-shadow: 0 0 10px #999;
    }

    .Benefits_tooltip:hover .tooltiptext {
        display: block;
    }

    .Benefits_tooltip td {
        padding: 2px !important;
        height: auto !important;
        font-weight: normal;
        border-bottom: 1px solid #e3e3e3;
    }

.AvailBenefits {
    width: 100%;
    padding: 5px 0;
}

    .AvailBenefits td {
        padding: 5px 2px !important;
        height: auto !important;
        font-size: 12px;
        font-weight: normal;
        border-bottom: 1px solid #e3e3e3;
    }
/*.AvailBenefits{height:275px; overflow-x: visible; overflow-y: scroll;}
.AvailBenefits::-webkit-scrollbar {width:4px; height:4px;}
.AvailBenefits::-webkit-scrollbar-track {border-radius: 10px; background:#fcfcfc;}
.AvailBenefits::-webkit-scrollbar-thumb {border-radius: 10px; background:#ccc;}
.AvailBenefits::-webkit-scrollbar-thumb:hover {background: #bbb;}*/

.DiagnosisCode {
    width: 100%;
    height: auto;
}

    .DiagnosisCode ul {
        margin: 0;
        padding: 0;
    }

        .DiagnosisCode ul li {
            margin: 0;
            padding: 5px 0 0 25px;
            display: block;
        }

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

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #01837d;
        background: #01837d;
        color: #ffffff;
    }

.accordion-item {
    background-color: #fff;
    border: 0;
    margin: 0 0 20px;
    border-radius: 10px;
}

.accordion-button:not(.collapsed) {
    color: #333;
    background-color: #fff;
    box-shadow: none;
}

.accordion-item:first-of-type {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

.accordion-button {
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: 500;
    background-color: transparent;
    padding: 1rem;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.accordion-body {
    padding: 0 1rem .8rem;
}

.accordion-button {
    font-size: 16px;
}

.SucessMsg {
    background: #4fc187;
    color: #fff;
    padding: 5px;
    text-align: center;
    position: absolute;
    width: 50%;
    margin: auto;
    left: 20%;
    right: 0;
    z-index: 9999;
    display: none;
}

/*//Auto Complete CSS*/

.Customer_popup.AutoSearch_List3 {
    width: 500px;
}

.AutoSearch_List4 ul {
    margin: 0;
    padding: 0;
}

    .AutoSearch_List4 ul li {
        margin: 0;
        padding: 5px;
        list-style-type: none;
        display: block;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        white-space: break-spaces;
    }

        .AutoSearch_List4 ul li:hover {
            background: #efefef;
        }

.Customer_popup.AutoSearch_List3 ul {
    margin: 0;
    padding: 0;
}

    .Customer_popup.AutoSearch_List3 ul li {
        margin: 0;
        padding: 5px;
        list-style-type: none;
        display: block;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        white-space: break-spaces;
    }

        .Customer_popup.AutoSearch_List3 ul li:hover {
            background: #efefef;
        }

.price {
    background: url(../images/icon/price.svg) no-repeat left center;
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 0 0 0 35px;
    height: 19px;
}

.sidebar-menu > li:hover .price {
    background: url(../images/icon/price-active.svg) no-repeat left center;
}

.active .price {
    background: url(../images/icon/price-active.svg) no-repeat left center;
}

.report-table td {
    padding: 0.5rem;
    border: 1px solid #999;
}

.report-table th {
    padding: 0.5rem;
    border: 1px solid #999;
}

.tooltip {
    position: absolute;
    z-index: 99999;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
    padding: 0.4rem 0;
}

    .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
        bottom: 0;
    }

        .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
            top: -1px;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #01837d;
        }

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
    padding: 0 0.4rem;
}

    .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
            right: -1px;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #01837d;
        }

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
    padding: 0.4rem 0;
}

    .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
        top: 0;
    }

        .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
            bottom: -1px;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #01837d;
        }

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
    padding: 0 0.4rem;
}

    .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
            left: -1px;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #01837d;
            bottom: 8px;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #01837d;
    border-radius: 0.25rem;
}

/*---------------------------- CSS Tooltip -----------------------------------*/
[tooltip] {
    position: relative;
}

    /* Applies to all tooltips */
    [tooltip]::before,
    [tooltip]::after {
        text-transform: none;
        font-size: 12px;
        line-height: 1;
        user-select: none;
        pointer-events: none;
        position: absolute;
        display: none;
        opacity: 0;
    }

    [tooltip]::before {
        content: '';
        border: 5px solid transparent;
        z-index: 1001;
    }

    [tooltip]::after {
        content: attr(tooltip);
        text-align: center;
        min-width: 3em;
        max-width: 700em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 8px;
        border-radius: 3px;
        background: #01837d;
        color: #fff;
        z-index: 99999;
    }

    /* Make the tooltips respond to hover */
    [tooltip]:hover::before,
    [tooltip]:hover::after {
        display: block;
    }

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #01837d;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #01837d;
}

[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #01837d;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}

[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #01837d;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}

[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

.TableData {
    max-height: 550px;
    overflow-x: auto;
    margin: 0 0 10px;
}

    .TableData::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        border-radius: 5px;
    }

    .TableData::-webkit-scrollbar-track {
        background: #f5f9fe;
    }

    .TableData::-webkit-scrollbar-thumb {
        background: #CCC;
        border-radius: 5px;
    }
/*.table>:not(caption)>*>* {border-bottom-width: 0;}*/
.Description {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.PossibleRights {
}

    .PossibleRights ul {
        margin: 0;
        padding: 0;
    }

        .PossibleRights ul li {
            margin: 0 15px 0 0;
            padding: 0;
            display: inline-block;
            list-style-type: none;
            line-height: 23px;
        }

.Information {
    margin: 70px auto;
    padding: 20px 0 50px;
    float: none;
    text-align: center;
    min-height: 295px;
    background: #fff;
}

    .Information .InfoIcon {
        width: auto;
        height: auto;
        margin: 0 0 30px;
    }

.accessdenied {
    font-size: 30px;
    font-weight: bold;
}

.Information .InfoMsg {
    font-size: 18px;
    color: #333;
}

.tab_nav {
    width: 100%;
    border-bottom: 1px solid #dee2e6;
    margin: 5px 0 5px !important;
    ;
    height: 27px;
}

    .tab_nav ul {
        margin: 0;
        padding: 0;
    }

        .tab_nav ul li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            display: inline;
            float: left;
        }

            .tab_nav ul li a {
                margin: 0 3px 0 0;
                padding: 10px 16px;
                border-radius: 5px 5px 0 0;
                border: 1px solid #26afa8;
                border-bottom: none;
                font-weight: bold;
                color: #333;
            }

                .tab_nav ul li a:hover {
                    border: 1px solid #26afa8;
                    border-bottom: none;
                    color: #26afa8;
                }

                .tab_nav ul li a.active {
                    background: #01837d;
                    color: #fff;
                }

.loader {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #0337a4; /* Blue */
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
}

.loader_bg {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

#loader {
    border: 0px solid #eee;
    border-radius: 50%;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #15e7dc;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.loader_icon {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*----------------------- Start Invoice CSS -----------------------*/
.Invoice_Section {
    width: 100%;
}

    .Invoice_Section td {
        padding: 10px;
        vertical-align: top;
    }

.invoice_table th {
    padding: 2px 10px;
    vertical-align: top;
}

.invoice_table td {
    padding: 2px 10px;
    vertical-align: top;
}
/*----------------------- Start Invoice CSS -----------------------*/

@media (min-width:1980px) {
    body {
        font-size: 10px;
    }

    .box_header {
        font-size: 11px;
    }

    .company_logo {
        width: 130px;
    }
}

/*@media (min-width: 1920px) and (max-width: 2560px)  {
 body{font-size:10px;}
.box_header{font-size:11px;}
.company_logo{width:130px;}
}*/

@media (max-width:1024px) {
    body {
        font-size: 8px;
    }

    .box_header {
        font-size: 12px;
    }

    .company_logo {
        width: 150px;
    }
}

@media (max-width: 768px) {
    .content-header > .breadcrumb, .content-header > .container > .breadcrumb {
        top: 15px;
    }
    /*.responsive_table{width:100%; overflow-x:scroll; overflow-y:visible;}
.responsive_table .table{width:1000px;}*/

    .table-responsive {
        width: 100%;
        overflow-x: scroll;
        overflow-y: visible;
        padding: 0 0 15px;
    }

        .table-responsive .table {
            width: 1000px;
        }

    .top_m {
        margin: 0;
    }

    .navbar-collapse {
        margin: -15px 0px 0 0;
        width: 100%;
    }

    .main-nav {
        float: right;
        margin: -60px 0 0;
    }

    .Mobile {
        display: none;
    }

    .Adv_search {
        width: 90%;
        min-height: 350px;
        top: 100px;
    }

    .ViewDataManage {
        width: 90% !important;
    }

    .TileTax_Bg ul li {
        width: 48%;
    }

    .col-12.inner-container.dashboard1 {
        margin-top: 160px !important;
    }

    .col-12.inner-container {
        margin-top: 0 !important;
    }

    h2.head-ttl {
        text-align: left;
        padding: 10px 0 0 27px;
    }
}


@media (max-width:480px) {
    .Adv_search_scroll {
        max-height: 500px;
    }

    .img {
        display: none;
    }
}

.autocomplete {
    max-height: 300px;
    overflow: scroll;
}

    .autocomplete option {
        background: red;
    }

.dataTables_scrollBody {
    height: 330px !important;
}

.border-right {
    border-right: 3px solid #01837d;
}

.lot-table {
    height: 380px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 43px 0 0;
}

    .lot-table th {
        padding: 3px;
        color: #333;
    }

    .lot-table td {
        padding: 3px;
        color: #333;
    }

    .lot-table tbody, td, tfoot, th, thead, tr {
        border-color: inherit;
        border-style: inset;
        border-width: 0;
    }

.lot_dashboard {
    width: 98%;
    margin: 60px auto 0;
}

.dashboard_table {
    height: 170px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .dashboard_table tr {
        cursor: pointer;
    }

    .dashboard_table th {
        padding: 3px;
        color: #fff;
        background: #01837d;
    }

    .dashboard_table td {
        padding: 3px;
        color: #333;
    }
/*--------------  Start Table Header & Footer Fixed CSS ------------------*/
.table-scroll {
    position: relative;
    overflow: auto;
}

    .table-scroll table {
        border-collapse: separate;
        border-spacing: 0;
    }

.dashboard_table.table-scroll.tool-table.border.p-0 table thead {
    position: relative;
    z-index: 1;
}

.dashboard_table.table-scroll.tool-table.border.p-0 table tfoot {
    position: relative;
    z-index: 1;
}

.dashboard_table.table-scroll.border.p-0 .table thead {
    position: relative;
    z-index: 1;
}

.dashboard_table.table-scroll.border.p-0 .table tfoot {
    position: relative;
    z-index: 1;
}

.table-scroll thead th {
    position: -webkit-sticky;
    position: sticky;
    top: -2px;
    background: #01837d;
    color: #fff;
}

.table-scroll tfoot, .table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #f8f7fc;
}
/*--------------  End Table Header & Footer Fixed CSS ------------------*/

.AutoSearch_popup.die-auto.AutoSearch_List {
    width: 240px;
}

.Print_paper_size {
    width: 1450px;
}

.PopUpMinHeightDie {
    height: 150px;
    margin: 0 0 15px;
    width: 100%;
    float: left;
    overflow-y: scroll;
}

.AutoSearch_popup.AutoSearch_List.DieTrail {
    width: 220px;
}

.upload-drawing {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-drawing-btn {
    border: 1px solid #01837d;
    color: #fff;
    background-color: #01837d;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 13px;
}

.upload-drawing input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 33px;
}

.border-left {
    border-left: 3px solid #01837d;
    padding-left: 20px !important;
}

.fl-r {
    float: right;
}


@media print {
    .pagebreak {
        page-break-before: always;
    }

    / page-break-after works, as well /
}


.input-group-bg {
    background: #64b5b1;
    color: #fff;
    height: 28px;
}


.table-profoma td {
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
}

.h-300 {
    height: 520px;
}

.total-qty {
    width: 485px;
    text-align: right;
    float: left;
}

.tbody-h-170 {
    height: 118px;
}

ul.resp-tabs-list.resp-tabs-list_Scroll {
    height: 550px !important;
}

.search-ml {
    margin-left: 5px !important;
}

.dataTables_scrollHeadInner {
    background: #f8f7fc; /*width: 100% !important;*/
}

table.dataTable.no-footer {
    border-bottom: none;
    width: 100% !important;
}

.box_header.data-text {
    width: 100%;
}

.text-end.top-btn {
    margin: -33px 0 5px 0px;
}

.EditDeleteIcon a {
    margin: 0 0 0 2px;
    background: #01837d;
    border-radius: 50%;
    padding: 4px 6px;
    color: #fff;
}

.overviw-table {
    overflow-x: scroll;
}

    .overviw-table::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        border-radius: 5px;
    }

    .overviw-table::-webkit-scrollbar-track {
        background: #f5f9fe;
    }

    .overviw-table::-webkit-scrollbar-thumb {
        background: #CCC;
        border-radius: 5px;
    }

.check-box {
    float: left;
    padding-right: 25px;
}

.cr-tbl td {
    cursor: pointer;
}

.tbl_error_msg {
    color: #cd1414;
    position: absolute;
    font-size: 11px;
    padding-bottom: 10px;
    display: contents;
}

.table_bdr td {
    border: 1px solid #ccc;
}

.tool-table {
    height: 180px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 15px 0 0;
}

.col-lg-5.col-md-5.tool-tbl-width {
    width: 43%;
}

.col-lg-5.col-md-5.tool-tbl-width1 {
    width: 49%;
}

.col-lg-2.col-md-2.tool-tbl-width2 {
    width: 2%;
    padding: 120px 0px 0;
}

.issuedie-tbl tr:nth-child(2n) {
    border-bottom: 1px solid #e8e8e8 !important;
}

.issuedie-tbl td {
    border: none;
}

table.table.issuedie-tbl tr {
    border-bottom: none;
}

.issuedie-tbl > :not(caption) > * > * {
    border-bottom: none;
}

.die-row-dlt span {
    padding: 0px 5px;
}

.tool-table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #f8f7fc;
}

.tool-table tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0; /* z-index: 4; */
    background: #f8f7fc;
}

#alloylist td {
    border: 1px solid #e1e1e1;
}

table.table.allylist.dataTable.no-footer thead tr th {
    border: 1px solid #e1e1e1;
}

#alloylist td:last-child {
    background: #fff;
    width: 30px;
}

table.table.allylist.dataTable.no-footer thead tr th:last-child {
    border: none;
}

.front-w {
    width: 30%;
    float: left;
}

.DropDown_Arrow {
    background: #fff url(../images/dropdown_arrow_down.png) no-repeat center right !important;
    padding: 5px 20px 5px 10px;
}

.DropDown_Arrow_Disabled {
    background: #e9ecef url(../images/dropdown_arrow_down.png) no-repeat center right !important;
    padding: 5px 20px 5px 10px;
    pointer-events: none;
}

.AutoSearch_Table {
    width: 400px !important;
}

    .AutoSearch_Table tbody tr:hover {
        background: #aedfdd;
    }

.nav-tabs .nav-link {
    border: 1px solid #26afa8;
    border-bottom: none;
    margin: 0 3px 0px 0;
}

.nav-link:focus, .nav-link:hover {
    color: #26afa8;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #26afa8;
}

.leftright-btn {
    margin: 80px 0 0;
    text-align: center;
}

    .leftright-btn a {
        background: #01837d;
        color: #fff;
        padding: 5px 15px;
        border-radius: 5px;
        display: inline-block;
        margin: 0 0 10px;
    }

        .leftright-btn a:hover {
            color: #fff;
            background-color: #26afa8;
        }

.ProfilePhoto_Section.Contact img {
    border-radius: 0;
}

.section-list {
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
}

.TemperatureStandard {
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
    margin: 0 0 15px;
}

.table th {
    vertical-align: top;
}

.word-break {
    word-break: break-all;
}

.changepassword_header {
    background: #01837d;
    padding: 0;
    width: 100%;
    padding: 5px 0;
}

.red_textinput {
    background: #f44336;
}

.acrive_row {
    background: #87cfca !important;
}

.active_row {
    background: #87cfca !important;
}

.Barcode {
    font-family: idautomationhc39m_code_39_barcode;
    font-size: 24px;
    font-weight: normal;
    font-weight: normal;
    letter-spacing: 0;
    margin: 45px 0 0;
    text-align: center;
}

.Packing_Label_Barcode {
    font-family: idautomationhc39m_code_39_barcode;
    font-size: 24px;
    font-weight: normal;
    font-weight: normal;
    letter-spacing: 0;
    margin: 38px 0 0;
    text-align: center;
}

.draw_img {
    width: 60px;
    margin: 0 auto;
}

    .draw_img img {
        width: 100%;
    }

.viewprint_draw_img {
    float: right;
    margin: 0;
}

.draw_profileimg {
}

    .draw_profileimg img {
        width: 60px;
    }


.Popup_Scroll {
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0 0 10px;
}

    .Popup_Scroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .Popup_Scroll::-webkit-scrollbar-track {
        background: #fff;
    }

    .Popup_Scroll::-webkit-scrollbar-thumb {
        background: #CCC;
    }

    .Popup_Scroll thead th {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
    }

    .Popup_Scroll tfoot, .Popup_Scroll tfoot td {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
    }

.ui-widget.ui-widget-content {
    z-index: 99999 !important;
}

/*---------------------- Start Reconcile CSS ----------------------*/
.Reconcile_PCDA {
    position: relative;
}

    .Reconcile_PCDA:hover .Reconcile_PCDA_Section {
        display: block;
    }

.Reconcile_PCDA_Section {
    width: 400px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    display: none;
    position: absolute;
    z-index: 99;
    box-shadow: 0 0 10px #999;
}

.reconcile_left_section {
    position: relative;
    min-height: 450px;
}

.reconcile_details_left {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 50px;
    text-align: center;
}

.reconcile_details_right {
    width: 90%;
    margin: 0 0 0 60px;
}

.details_right_one {
    border-left: 5px solid #01837d;
    min-height: 50px;
    padding: 10px;
}

.details_right_one_topdot {
    width: 15px;
    height: 15px;
    background: #01837d;
    border-radius: 20px;
    float: left;
    margin: -20px;
}

.hold_reg_content {
    border: 2px solid #01837d;
    padding: 5px;
}

.details_right_content {
    width: 100%;
    margin: 2px 0;
    background: #f1f1f1;
    padding: 5px;
}

.details_right_two {
    border-left: 5px solid #2774bb;
    min-height: 60px;
    padding: 10px;
}

.details_right_two_text {
    float: left;
    margin: -20px 0 0 -65px;
    border: 2px solid #2774bb;
    background: #fff;
    padding: 1px 5px;
    width: 110px;
    text-align: center;
    border-radius: 20px;
}

.details_right_three {
    border-left: 5px solid #dd9e31;
    min-height: 60px;
    padding: 10px;
}

.details_right_three_text {
    float: left;
    margin: -20px 0 0 -65px;
    border: 2px solid #dd9e31;
    background: #fff;
    padding: 1px 5px;
    width: 110px;
    text-align: center;
    border-radius: 20px;
}

.details_right_four {
    border-left: 5px solid #238c0b;
    min-height: 60px;
    padding: 10px;
}

.details_right_four_text {
    float: left;
    margin: -20px 0 0 -65px;
    border: 2px solid #238c0b;
    background: #fff;
    padding: 1px 5px;
    width: 110px;
    text-align: center;
    border-radius: 20px;
}

.details_right_five {
    border-left: 5px solid #8a2fa1;
    min-height: 60px;
    padding: 10px;
}

.details_right_five_text {
    float: left;
    margin: -20px 0 0 -65px;
    border: 2px solid #8a2fa1;
    background: #fff;
    padding: 1px 5px;
    width: 110px;
    text-align: center;
    border-radius: 20px;
}

.details_right_six {
    border-left: 5px solid #18b3a6;
    min-height: 60px;
    padding: 10px;
}

.details_right_six_text {
    float: left;
    margin: -20px 0 0 -65px;
    border: 2px solid #18b3a6;
    background: #fff;
    padding: 1px 5px;
    width: 110px;
    text-align: center;
    border-radius: 20px;
}

.details_right_seven {
    border-left: 5px solid #7e9914;
    min-height: 60px;
    padding: 10px;
    position: relative;
}

.details_right_seven_text {
    float: left;
    margin: -20px 0 0 -65px;
    border: 2px solid #7e9914;
    background: #fff;
    padding: 1px 5px;
    width: 110px;
    text-align: center;
    border-radius: 20px;
}

.details_right_eight {
    border-left: 5px solid #ff9b3a;
    min-height: 60px;
    padding: 10px;
    position: relative;
}

.details_right_eight_text {
    float: left;
    margin: -20px 0 0 -65px;
    border: 2px solid #ff9b3a;
    background: #fff;
    padding: 1px 5px;
    width: 110px;
    text-align: center;
    border-radius: 20px;
}

.details_right_one_btmdot {
    width: 15px;
    height: 15px;
    background: #7e9914;
    border-radius: 20px;
    float: left;
    margin: 0 0 0 -20px;
    position: absolute;
    bottom: -5px;
}

.gray_bdr {
    border-left: 5px solid #999 !important;
}

.gray_box_bdr {
    border: 2px solid #999 !important;
}

.pcs_kg {
    width: auto;
    height: auto;
    float: left;
    border: 2px solid #ccc;
    border-radius: 20px;
    padding: 0 20px;
    margin: -18px 0 0 20px;
}

    .pcs_kg:before {
        content: "";
        width: 23px;
        background-color: #01837d;
        height: 3px;
        margin: 8px 0 0 -44px;
        float: left;
        border-radius: 20px;
    }

/*---------------------- End Reconcile CSS ----------------------*/

.Draftcopy {
    font-size: 25px;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
}

/*-------------------- Left Nav Scroll -------------------*/
.slimScrollDiv {
    height: 100vh !important;
}

.slimScrollBar {
    opacity: 0 !important;
}

.sidebar {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    height: 100vh !important;
    margin: 0 0 10px;
}

    .sidebar::-webkit-scrollbar {
        width: 8px;
        height: 0;
    }

    .sidebar::-webkit-scrollbar-track {
        background: #01837d;
    }

    .sidebar::-webkit-scrollbar-thumb {
        background: #034e4a;
    }

/*-------------------- Start Date Time Picker CSS ------------------*/
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
    background: #01837d !important;
}

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
    background: #01837d !important;
}

.datetimepicker td.day {
    width: 20px !important;
    margin: 3px;
    font-size: 13px;
}

.datetimepicker .datetimepicker-hours span {
    font-size: 13px;
}

.datetimepicker .datetimepicker-minutes span {
    font-size: 13px;
}

.glyphicon-chevron-left {
    background: url(../images/cal-left-arrow.png) no-repeat;
    width: 15px !important;
    height: 15px !important;
    margin: 5px;
    float: left;
}

.glyphicon-chevron-right {
    background: url(../images/cal-right-arrow.png) no-repeat;
    width: 15px !important;
    height: 15px !important;
    margin: 5px;
    float: right;
}
/*-------------------- Start Date Time Picker CSS ------------------*/

.ReviewBy {
    color: #008d86 !important;
}

.outsidelog {
    color: #ff9800;
}

.inhouselog {
    color: #0991d1;
}

.border-bottom {
    border-bottom: 1px solid #b0b6bb !important; /*border-bottom-style: dashed !important;*/
}

.border-top {
    border-top: 1px solid #b0b6bb !important; /*border-bottom-style: dashed !important;*/
}

.border-end {
    border-right: 1px solid #b0b6bb !important;
}

.Print_table th {
    border: 1px solid #333;
    font-weight: bold;
    padding: 2px;
}

.Print_table td {
    border: 1px solid #333;
    padding: 2px;
}

.graph_body {
    height: 245px;
}

.chartjs-legend ul {
    margin: 0;
    padding: 0;
}

    .chartjs-legend ul li {
        display: inline;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 15px 0 0;
        float: left;
    }

        .chartjs-legend ul li span {
            width: 12px;
            height: 12px;
            margin: 2px 5px 0 0;
            float: left;
            display: inline-block;
            font-size: 0.875rem;
            border-radius: 3px;
        }

.Po_checkBox {
    background-color: #eafcf2;
    border-color: #17af5a;
}

    .Po_checkBox:checked {
        background-color: #17af5a;
        border-color: #17af5a;
    }

.radio_btn_checked:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.poitem_tbl_scroll {
    height: auto;
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .poitem_tbl_scroll thead {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: #fff;
    }

    .poitem_tbl_scroll tfoot, .table-scroll tfoot td {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background: #f8f7fc;
    }

.poitem_tbl {
    width: 100%;
}

    .poitem_tbl td {
        border: none;
        padding: 8px 3px;
    }

    .poitem_tbl tr:nth-child(2n) {
        border-bottom: 1px solid #01837d !important;
    }

table.table.poitem_tbl tr {
    border-bottom: none;
}

.poitem_tbl > :not(caption) > * > * {
    border-bottom: none;
}

.AutoSearch_popup {
    width: 100%;
    position: absolute;
    z-index: 991;
    background: #fff;
    display: none; /* white-space: nowrap;*/
    margin: 0;
    box-shadow: 0 0 10px #999;
}

    .AutoSearch_popup table {
        width: 100%;
        margin: 0;
    }

.AutoSearch_TableScrl {
    max-height: 300px;
    overflow: auto;
}

    .AutoSearch_TableScrl thead {
        background: #01837d !important;
        color: #fff;
    }

    .AutoSearch_TableScrl td {
        border: none;
        padding: 3px !important;
        cursor: pointer;
    }

    .AutoSearch_TableScrl tr {
        border-bottom: 1px solid #e8e8e8;
    }

        .AutoSearch_TableScrl tr:nth-child(2n) {
            border-bottom: 1px solid #e8e8e8 !important;
        }
    /*.AutoSearch_TableScrl::-webkit-scrollbar {width: 4px;height: 4px;}
.AutoSearch_TableScrl::-webkit-scrollbar-track {border-radius: 10px;background: transparent;}
.AutoSearch_TableScrl::-webkit-scrollbar-thumb{border-radius: 10px; background: #ccc;}
.AutoSearch_TableScrl::-webkit-scrollbar-thumb:hover {background: #bbb;}*/

    .AutoSearch_TableScrl ul {
        margin: 0;
        padding: 0;
    }

        .AutoSearch_TableScrl ul li {
            margin: 0;
            padding: 5px;
            list-style-type: none;
            display: block;
            border-bottom: 1px solid #ccc;
            cursor: pointer;
            white-space: break-spaces;
        }

            .AutoSearch_TableScrl ul li:hover {
                background: #efefef;
            }

.AutoSearch_TableScrl4 {
    max-height: 300px;
    overflow: auto;
}

    .AutoSearch_TableScrl4 thead {
        background: #01837d !important;
        color: #fff;
    }

    .AutoSearch_TableScrl4 td {
        border: none;
        padding: 3px !important;
        cursor: pointer;
    }

    .AutoSearch_TableScrl4 tr {
        border-bottom: 1px solid #e8e8e8;
    }

        .AutoSearch_TableScrl4 tr:nth-child(2n) {
            border-bottom: 1px solid #e8e8e8 !important;
        }

.Green_bg {
    background: #64b5b1;
    color: #fff !important;
}

/*------------------- Draw Bench CSS --------------*/
.sm-textbox {
    height: 26px;
    font-size: 12px;
    padding: 0 5px;
}

.sm-selectbox {
    height: 26px;
    font-size: 12px;
    padding: 0 30px 0 5px;
}

.search-textbox {
    height: 26px;
    font-size: 12px;
    padding: 0 0.5rem 0 25px;
}

.sm-input-group-text {
    font-size: 12px;
    padding: 0 5px;
}

.sm_searchicon {
    position: absolute;
    left: 20px;
    top: 22px;
    color: #999;
    cursor: pointer;
}

.Calendar_Table {
    width: 100%;
}

    .Calendar_Table td {
        padding: 3px;
        vertical-align: top;
    }

.Calendar_Head {
    font-weight: bold;
    color: #01837d;
    font-size: 14px;
    border-bottom: 1px solid #b0b6bb;
    padding: 0 0 5px;
    margin: 5px 0;
}

.Calendar_Completed {
    background: #c3da5e;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.Calendar_InProgress {
    background: #125ea9;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.Calendar_Scheduled {
    background: #aaaaaa;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.Calendar_NotStarted {
    background: #7829c3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.Calendar_Overdue {
    background: #f39f1d;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.Calendar_Canceled {
    background: #dc3545;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.Text_Completed {
    color: #c3da5e;
}

.Text_InProgress {
    color: #125ea9;
}

.Text_Scheduled {
    color: #aaaaaa;
}

.Text_NotStarted {
    color: #7829c3;
}

.Text_Overdue {
    color: #f39f1d;
}

.Text_Canceled {
    color: #dc3545;
}

.Table_Row_Bg_First {
    background: #cbe9e7;
}

.Table_Row_Bg_Second {
    background: #fafafa;
}

.Process_Status_Green { /*background:#39b854; border-radius:50%; padding:3px 4px;*/
    color: #39b854;
}

.Process_Status_Red { /*background:#dc2e2e; border-radius:50%; padding:3px 6px;*/
    color: #dc2e2e;
}

.tab-content {
    padding: 10px;
    border: 1px solid #01837d;
    border-top: 0;
}

.Chemical_Composition_table {
    width: 100%;
    height: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}

/*--------------  Start Table Header & Footer Fixed CSS ------------------*/
.scroll_table {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .scroll_table th {
        padding: 3px;
        color: #fff;
        background: #01837d;
        border: 1px solid #ccc;
    }

    .scroll_table td {
        padding: 3px;
        border: 1px solid #ccc;
        vertical-align: middle;
    }

    .scroll_table::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .scroll_table::-webkit-scrollbar-track {
        border-radius: 10px;
        background: #f3f3f3;
    }

    .scroll_table::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ccc;
    }

        .scroll_table::-webkit-scrollbar-thumb:hover {
            background: #bbb;
        }

    .scroll_table thead th {
        position: -webkit-sticky;
        position: sticky;
        top: -2px;
        background: #01837d;
        color: #fff;
    }

    .scroll_table tfoot, .table-scroll tfoot td {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background: #f8f7fc;
    }

.Top_Message_Scroll {
    color: #01837d;
    font-size: 15px;
}

.dashboard_text {
    font-size: 15px;
    color: #999;
}

.value {
    color: #01837d;
    font-size: 20px;
    font-weight: bold;
}

.crn_change_details {
    width: 100%;
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}


.plc_report_box1 {
    background: #01837d;
    background-image: linear-gradient(#19a19b, #01837d);
    border-radius: 5px;
    margin: 0 0 20px;
    box-shadow: 0 0 10px #999;
    padding: 5px 10px;
    color: #fff;
    height: 60px;
}

.plc_report_box2 {
    background: #106d94;
    background-image: linear-gradient(#3ab1e2, #106d94);
    border-radius: 5px;
    margin: 0 0 20px;
    box-shadow: 0 0 10px #999;
    padding: 5px 10px;
    color: #fff;
    height: 60px;
}

.plc_report_box3 {
    background: #fff;
    border-radius: 5px;
    margin: 0 0 20px;
    box-shadow: 0 0 10px #999;
    padding: 5px 10px;
}

.plc_title {
    font-size: 16px;
}

.plc_data {
    font-size: 16px;
    font-weight: bold;
}

.plc_updated {
    font-size: 16px;
    font-weight: bold;
    color: #f00;
    text-align: right;
    padding: 10px;
    font-style: italic;
}

.plc_refresh_icon {
    font-size: 18px;
    color: #01837d;
    cursor: pointer;
}

.plc_customer_name {
    font-size: 16px;
    font-weight: bold;
}

.info_msg {
    font-size: 14px;
    color: #f5f800;
    font-style: italic;
}

.info_msg_green {
    font-size: 14px;
    color: #29ff06;
    font-style: italic;
}

.refresh_text {
    font-size: 14px;
    color: #f00;
}

.camera_icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    background: #26afa8;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
    line-height: 25px;
}

    .camera_icon input[type=file] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 25px;
        cursor: pointer;
    }

.cast_details {
    cursor: pointer;
    padding: 5px;
}

.cast_active {
    background: #64b5b1;
    color: #fff;
    padding: 5px;
}

.color_code {
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 5px 0 0;
}

.unit {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0 10px;
}

.mcr_details_tooltip {
    position: relative;
    display: inline-block;
}

.unpacked_mcr_details {
    position: absolute;
    background: #fff;
    display: none;
    width: 300px;
    z-index: 999;
    left: 0;
}

.mcr_details_tooltip:hover .unpacked_mcr_details {
    display: block;
}

.unpacked_mcr_details .mcr_details_table {
    border: 1px solid #ccc;
    border-style: dashed;
    width: 100%;
}

    .unpacked_mcr_details .mcr_details_table thead tr {
        background: #fff !important;
        color: #333 !important;
    }

        .unpacked_mcr_details .mcr_details_table thead tr th {
            background: #fff !important;
            color: #333 !important;
            border: 1px solid #ccc !important;
            border-style: dashed !important;
        }

    .unpacked_mcr_details .mcr_details_table tbody tr td {
        border: 1px solid #ccc !important;
        border-style: dashed !important;
    }

    .unpacked_mcr_details .mcr_details_table tbody tr:nth-child(odd) {
        background: #fff;
    }

    .unpacked_mcr_details .mcr_details_table tbody tr:nth-child(even) {
        background: #fff;
    }