@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');


body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

h1 {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

h2 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.brdcums {
    font-size: 13px;
}

    .brdcums b, .brdcums strong {
        font-weight: 500;
    }

* {
    padding: 0;
    margin: 0;
}

.bodycontent {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.line-label {
    border-bottom: 1px solid #e9e9e9;
    margin-top: 28px;
}

.popupconatiner {
    background: url("../images/popup.png") no-repeat scroll 0 0 transparent;
    height: 333px;
    margin: 10% auto 0;
    width: 473px;
}

.popupcontent {
    float: left;
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    padding: 163px 0 0 66px;
    text-align: center;
    width: 73%;
}

.closebtn {
    background: url("../images/close.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 22px;
    margin: 28px 15px 0 0;
    width: 22px;
}

    .closebtn a {
        background: url("../images/close.png") no-repeat scroll 0 0 transparent;
        font-size: 0;
        height: 22px;
        float: right;
        color: #a10e0e;
        text-align: right;
        width: 22px;
    }


/* New UI CSS - 06 Oct 2022 */


body {
    font-family: 'Poppins', sans-serif;
}

.hb {
    display: flex;
    justify-content: right;
    position: absolute;
    right: 20px;
    top: 10px;
    background-color: #5c9e70;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 20px;
    border-radius: 3px;
    font-size: 14px;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
}

    .hb:hover {
        border-bottom: 2px solid #207fb7;
        color: #207fb7;
        background-color: #fff;
        text-decoration: none;
        transition: 0.5s;
        background-image: none;
    }

.nav-margin {
    margin-top: 55px;
}


.pname {
    color: #207fb7 !important;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    margin-left: 10px;
}

.select-location {
    background-color: #5c9e70;
    padding: 1.5rem 2rem;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    background-image: url(../Images/linesbar2.png), linear-gradient(to right, #207fb7, #25aeb1);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.select-location-inner {
    background-color: #5c9e70;
    padding: 0.2rem 2rem;
    background-image: linear-gradient(to right, #207fb7, #25aeb1) url(Images/linesbar.png) no-repeat;
    margin-bottom: 0px;
    background-image: url(../Images/linesbar2.png), linear-gradient(to right, #207fb7, #25aeb1);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.sales-chart-btn {
    background-color: #fff;
    color: #2188b5;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    position: relative;
    top: 8px;
}

    .sales-chart-btn:hover {
        border: 1px solid #fff;
        color: #fff;
        background-color: #5c9e70;
        font-size: 14px;
        text-decoration: none;
        transition: 0.5s;
    }

.location-form .form-control {
    font-size: 14px;
    border: none;
}

.container-ftr {
    background-color: #f1f3f1;
    padding: 1rem 1rem;
    margin-top: auto;
}

.container-body {
    /* min-height: 649px; */
    padding: 0px 0 30px;
}

.container-ftr p {
    color: #000;
    font-size: 14px;
    margin: 0
}

    .container-ftr p a {
        color: #000;
        font-weight: 500;
    }

.navbar-expand-lg .navbar-nav .dropdown-menu {
    /*  position: absolute; */
    padding: 20px 0px;
    background: #fff;
    box-shadow: 0 30px 80px rgb(0 0 0 / 25%);
    border: none;
}

.table td, .table th {
    border-top: none;
}

.item-style td {
    border: none;
    border-top: 1px solid #ccc;
}

.header-style td {
    border: 0;
    text-align: left;
    padding: 0.30rem 0.75rem;
    text-transform: uppercase;
}

.content-shadow {
    box-shadow: 0px 0px 15px 0px #efeded;
    padding: 20px;
    margin: 0px 0 30px;
    width: 100%;
}

select {
    text-transform: none;
    background-color: #f5f5f5;
    border: 0 !important;
    height: 30px;
    border-radius: 3px;
    width: 100%;
    font-size: 13px;
}


input {
    text-transform: none;
    background-color: #f5f5f5;
    border: 0 !important;
    height: 30px;
    border-radius: 3px;
    padding: 0 10px;
    width: 100%;
    font-size: 13px;
}

textarea {
    text-transform: none;
    background-color: #f5f5f5;
    border: 0 !important;
    outline: 0;
    border-radius: 3px;
    width: 100%;
    font-size: 13px;
    color: #353535;
    padding: 10px;
}

.content-shadow-form {
    box-shadow: 0px 0px 15px 0px #efeded;
    padding: 20px;
    margin: 0px 0 30px;
    width: 100%;
}

    .content-shadow-form .table td, .content-shadow-form .table th {
        padding: 0.3rem 0.5rem;
    }


.parentDisable {
    position: fixed;
    top: 0;
    background: #000;
    opacity: 0.5;
    z-index: 1;
    height: 100%;
    width: 100%;
    left: 0;
}

.tablestyle {
    font-family: Calibari, Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: black;
}

.textboxstyle {
    BORDER-LEFT: None;
    BORDER-REGHT: None;
    BORDER-UPPER: None;
    BORDER-BOTTOM: None;
    FONT-SIZE: 11px;
    /* WIDTH: 80px; */
    COLOR: blue;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-WEIGHT: Bold;
    FONT-FAMILY: Calibari,Geneva,Arial, Helvetica, sans-serif;
    /* HEIGHT: 14px; */
}

.container-second-menu {
}


.header-style {
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
}

.button-common {
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
}

.chkboxlist input {
    text-transform: none;
    background-color: #f5f5f5;
    border: 0 !important;
    outline: 0;
    height: auto;
    border-radius: 3px;
    width: auto;
    float: left;
    margin-right: 5px;
}


.tablestyle {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: black;
}

.textboxstyle {
    border-left: None;
    border-right: None;
    border-top: None;
    border-bottom: None;
    font-size: 11px;
    /* width: 80px; */
    color: blue;
    line-height: normal;
    font-style: normal;
    font-weight: Bold;
    font-family: 'Poppins', sans-serif;
    /* height: 14px; */
}

.auto-style1 {
    border-style: None;
    border-color: inherit;
    border-width: medium;
    font-size: 11px;
    color: #222222;
    line-height: normal;
    font-style: normal;
    font-weight: Bold;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #c2c2c2;
}




/*login*/
a: hover {
    text-decoration: none;
}

.login-bg {
    background-image: url("../images/login.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center;
}

.login-page {
    padding: 25px 0;
}

.flex-container-login {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 605px;
}

.flex-items-login {
    min-width: 480px;
    box-shadow: 0px 0px 8px 1px #e8e8e8;
    border-radius: 5px;
    padding: 20px 10px 10px 10px;
    margin: 14px;
    background-color: #fff;
}


    .flex-items-login img {
        margin: 0 auto;
        display: block
    }

    .flex-items-login h3 {
        color: #000000;
        font-size: 30px;
        text-align: center;
        margin: 20px 0 20px;
    }

    .flex-items-login input {
        background-color: #f4f2f2;
        border: none;
        font-size: 14px;
        border-radius: 3px;
        height: 46px;
    }

.submit-login {
    width: 100%;
    height: 42px;
    border: 0;
    background-color: #5c9e70;
    color: #fff;
    border-radius: 3px;
}

    .submit-login:hover {
        background-color: #47905d;
    }

.radio-list label {
    font-size: 14px !important;
}

.radio-list h3 {
    color: #000000;
    font-size: 30px;
    text-align: center;
    margin: 30px 0 10px;
}

.erp-box {
    padding: 70px 0;
}

    .erp-box h3 {
        font-size: 40px;
        font-weight: 400;
        margin-bottom: 18px;
    }

        .erp-box h3 span {
            color: #5c9e70;
            margin-top: 20px;
            display: block;
        }

.copyright {
    font-size: 14px;
}


.arrowbtn .button-common {
    padding: 12px;
    color: #333;
    background-color: #edf1ee;
    background-image: none;
    margin-bottom: 5px;
    margin-top: 9px;
    clear: both;
    min-width: 40px;
    min-height: 40px;
    margin-left: 12px;
}

.radio-form input {
    height: auto;
    /* margin-left: 10px; */
    margin-right: 5px;
    top: 3px;
    position: relative;
}

header .dropdown {
    width: auto;
    display: flex;
    border: none;
    align-items: flex-start;
    margin: 8px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.6rem 1.2rem;
}

.page-heading {
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.location-form2 {
    display: flex;
    float: right;
}

.location-language {
    color: #fff;
    margin-right: 10px;
    padding-top: 11px;
}

    .location-language label {
        color: #fff;
        line-height: 40px;
    }

.location-help {
    color: #fff;
    padding: 1.3em 0 0;
}

.flex-items-modules a {
    color: #000;
}

.location-help a {
    color: #fff;
}

.pager-style span {
    position: relative;
    padding: 0.4rem 0.8rem;
    margin: 1rem 4px 0;
    border: solid  #207FB6;
}

.pager-style a {
    position: relative;
    padding: 0.4rem 0.8rem;
    margin: 1rem 4px 0;
    border: solid #f7f7f9;
}

    .pager-style a:hover {
        background-color: #F7F7F7;
    }

.arrowbtn {
    margin-top: 10px;
    margin-top: 0px;
}

.btns-table td {
    padding: 0.3rem 0.7rem 0 0 !important;
}

h4 {
    font-size: 20px;
}



.button-common {
    margin-right: 10px;
}

.textboxdate {
    width: 86%;
}


.main-form {
}

label {
    font-family: 'Poppins', sans-serif;
}

.checkboxlist {
    margin: 0px 0 0px 37px;
    font-family: 'Poppins', sans-serif;
    color: #333;
    padding: 0px 0px 0px 0px;
    position: relative;
    top: -30px;
}

.entrydate .textboxdate {
    width: 93%;
    padding: 0 10px;
}

.lable-space {
    display: block;
    min-height: 22px;
}

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

.tablestyle {
    font-size: 15px;
}

.textboxstyle {
    border-left: None;
    border-right: None;
    border-top: None;
    border-bottom: None;
    font-size: 11px;
    /* width: 80px; */
    color: blue;
    line-height: normal;
    font-style: normal;
    font-weight: Bold;
    font-family: 'Poppins', sans-serif;
    /* height: 14px; */
}

.mandatory {
    position: relative;
    left: 6px;
    color: red;
    font-size: 20px;
    top: 2px;
    line-height: 0;
}

.mandatory2 {
    position: relative;
    left: 6px;
    color: white;
    font-size: 20px;
    top: 2px;
    line-height: 0;
}

.textbox2 {
    width: 83%;
}

.lable-space2 {
    display: block;
    min-height: 27px;
}

.hdg-ml {
    margin-left: -15px;
}


.container-modules {
    padding: 40px 0;
}

.flex-container-modules {
    display: flex;
    justify-content: center;
    align-items: normal;
    flex-wrap: wrap;
}

.flex-items-modules {
    width: 200px;
    height: 172px;
    box-shadow: 0px 0px 17px 10px #f4f1f1;
    border-radius: 5px;
    padding: 30px 15px;
    margin: 14px;
    background-color: #fff;
    position: relative;
    text-decoration: none;
}

    .flex-items-modules a {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        padding-top: 30px;
        transition: 0.5s;
    }

    .flex-items-modules img {
        display: block;
        margin: auto;
    }

    .flex-items-modules h3 {
        font-size: 14px;
        text-align: center;
        margin-top: 15px;
        color: #000000;
        line-height: 24px;
    }

    .flex-items-modules h3 {
        text-decoration: none;
    }

        .flex-items-modules h3 a {
            color: #000000;
        }

            .flex-items-modules h3 a:hover {
                text-decoration: none;
            }



    .flex-items-modules:hover {
        transition: 1s;
        text-decoration: none;
    }

.menus {
    display: none;
}



.right-arrow {
    display: none;
    float: right;
    top: 10px;
    position: relative;
}


.flex-items-modules:hover .right-arrow {
    display: block;
    position: relative;
    right: 15px;
}

.modules-text {
    top: 0px;
    position: relative;
}


.flex-items-modules:hover {
    border-bottom: 4px solid #207fb7;
    transition: 0.2s;
}

    .flex-items-modules:hover .modules-text {
        top: -20px;
        position: relative;
        transition: 0.2s;
    }

.flex-items-modules:hover {
    box-shadow: 0px 0px 17px 20px #f4f1f1;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgb(104 172 239 / 80%);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(80, 183, 215, 0.6);
    outline: 1px solid #207fb738;
}

.textboxdate88 {
    width: 88%;
    padding: 0 10px;
}

.logo img {
    width: 70%;
}

.search-invoice {
}

.radio-list input {
    height: auto;
    margin-left: 10px;
    margin-right: 5px;
    top: 3px;
    position: relative;
}

.btn-full .button-common {
    padding: 12px 24px;
    color: #fff;
    margin: 5px 10px 15px 0px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    cursor: pointer;
    float: left;
    border-radius: 3px;
    border: 0;
    background-color: #5c9e70;
    display: block;
}

.SelectedItemStyle td {
    font-weight: normal !important;
}

.radio-form label {
    font-size: 13px;
    margin-right: 20px;
}

.checkout-input input[type=checkbox] {
    float: left;
}

.searchbtn {
}

.required .dropdown {
    width: 100%;
}

.button-common2 {
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    background-color: #5c9e70;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    margin-bottom: 10px;
}

    .button-common2 a {
        color: #fff;
        text-decoration: none;
    }

    .button-common2:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
        text-decoration: none;
    }

    .button-common2 a:hover {
        text-decoration: none;
    }

.checkboxautoheight input[type=checkbox] {
    height: auto;
}

.checkboxcs {
    float: left;
    text-align: left;
    font-weight: 600;
}


.dropdown-menu {
    font-weight: 600;
}

.dropdown-menu {
    font-size: 0.9rem;
}

.calendar-rt {
    /* float: right; */
    /* margin-right: 20px; */
}

.chkbox label {
    font-family: 'Poppins', sans-serif;
}


.smlbtn .button-common {
    padding: 5px 10px;
    color: #fff;
    margin: 5px 10px 5px 0px;
    font-size: 11px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    display: block;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 600;
}

.smlbtn .buttonHTML {
    padding: 5px 10px;
    color: #fff;
    margin: 5px 10px 5px 0px;
    font-size: 11px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    display: block;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 600;
}

.dropdown-menu {
    font-size: 0.9rem;
}

.calendar-rt {
    display: inline-block;
}

.calendar-rt2 {
    display: inline-block;
    float: revert;
}

.chkbox label {
    font-family: 'Poppins', sans-serif;
}

.note {
    color: red;
    font-size: 13px;
}

.margin-table2 .table-responsive {
    /* margin-left: -11px; */
    /* width: 99%; */
}

.calendar-right {
    float: right;
    margin-right: 2px;
}

th {
    font-weight: 600;
    color: #fff;
}

.smlbtn3 .buttonLinkBt {
    padding: 5px 10px;
    color: #fff;
    margin: 5px 10px 5px 0px;
    font-size: 12px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    display: table;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 500;
    float: right;
    text-decoration: none;
}

    .smlbtn3 .buttonLinkBt a {
        text-decoration: none;
    }

    .smlbtn3 .buttonLinkBt:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
    }

.smlbtn-link a {
    padding: 5px 10px;
    color: #fff !important;
    margin: 5px 10px 5px 0px;
    font-size: 12px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    display: table;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 500;
    text-decoration: none;
}


    .smlbtn-link a:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
        text-decoration: none;
    }

.smlbtn-cancel-cheque a {
    padding: 4px 4px !important;
    color: #fff !important;
    margin: 5px 10px 5px 0px;
    font-size: 11px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    display: block;
    display: table-cell;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 500;
    text-decoration: none;
}


    .smlbtn-cancel-cheque a:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
        text-decoration: none;
    }

.sal-employee-old-data-table th {
    font-weight: 600;
    color: #fff;
    background-color: #207fb7;
}

.table-employee-old-data th, .table-employee-old-data td {
    border: 1px solid #cecbcb;
    padding: 0.75rem;
}

.detail-box {
    padding: 10px;
    margin: 20px 0;
    width: 100%;
    border: 1px solid #e9e8e8;
}

.textboxdate96 {
    width: 100%;
    padding: 0 10px;
}

#Anthem_ctl00_ContentPlaceHolder1_V_txtDOB__ {
    float: left !important;
    margin-right: 3px;
    width: 92%;
}

    #Anthem_ctl00_ContentPlaceHolder1_V_txtDOB__ input {
        width: 99%;
    }

.customized-right-show-hide {
    text-align: right;
    margin-right: 0;
}

.float-right-resp-left {
    float: right;
}

.calendar-rt-position {
    float: left;
    margin-right: 20px;
    position: absolute;
    top: 24px;
    left: 158px;
}

.print-common {
    float: right;
    margin-top: 26px;
}

.radio-form-mt {
    margin-top: 37px;
}

.btn2 {
    display: inline-block;
    border: 1px solid #1881b3;
    border-radius: 3px;
    padding: 5px 18px;
    font-size: 12px;
    font-weight: 500;
    color: #1881b3;
    margin-right: 10px;
    margin-bottom: 15px;
}

#bodyContent p {
    background: transparent;
    font-weight: normal;
    text-align: left;
    text-transform: none;
}

#bodyContent h1 {
    clear: both;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0 0;
    text-transform: none;
}

.tablemargin2 .table-responsive {
    margin-left: -11px;
    width: 100%;
}

.rt {
    float: right;
}

.btns-inline {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.btn3 {
    display: inline-block;
    border: 1px solid #1881b3;
    border-radius: 3px;
    padding: 5px 18px;
    font-size: 12px;
    font-weight: 500;
    color: #1881b3;
    margin-right: 15px;
    margin-bottom: 15px;
}

.iframe-calendar {
    width: 305px;
    height: 305px;
    visibility: visible;
    z-index: 119;
    position: absolute;
    top: -500px;
    left: -500px;
}

.radio-form {
    margin-top: 0px;
    color: #444343
}

.search-icon-filenote {
}

    .search-icon-filenote img {
        padding: 10px;
        border-radius: 5px;
        box-shadow: 1px 1px 8px 0px #e4e3e3;
        margin-top: 6px;
        margin-bottom: 10px;
        margin-left: -3px;
    }

.bookno input {
    background-color: #fff;
    height: 36px;
}

.radio-form-inline .radio-form td {
    display: inline-block
}

.radio-form-inline {
    margin-top: -30px;
}

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

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

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

.employee-officer-search {
    text-align: center;
    margin: 0 auto;
    display: flex;
}

.width98 {
    width: 100%;
}

.edit-delete-input input {
    height: auto;
    width: auto;
    background: transparent;
}

.sal-tax-textboxlong .textboxlong {
    width: 100%;
}

.acct-narration-table .header-style a {
    color: #fff;
    text-decoration: underline;
}

.sal-register {
}

    .sal-register label {
        float: left;
        margin-right: 20px;
    }

    .sal-register td {
        float: left;
        margin-right: 5px;
        margin-top: 12px;
    }

    .sal-register input {
        margin-right: 5px;
        display: inline-block;
        position: relative;
        top: 4px;
    }

    .sal-register span {
        display: inline-block;
        float: left;
    }

.secContent .pager-style td {
    padding: 28px 0px !important;
}

.gridalternativerowstyle {
    border: 1px solid #C5CDBB;
    font-size: 13px;
    color: #333 !important;
}

    .gridalternativerowstyle td {
        border: none;
        font-size: 13px;
    }

.content-shadow-border {
    border: 1px solid #e7e4e4;
    padding: 20px;
    margin: 30px 0;
    width: 98%;
    border-radius: 5px;
}


.smlbtn4 .buttonLinkBt {
    padding: 6px 10px;
    color: #fff;
    margin: 0px 10px 5px 0px;
    font-size: 12px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    display: table;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 500;
    text-decoration: none;
}

    .smlbtn4 .buttonLinkBt a {
        text-decoration: none;
    }

    .smlbtn4 .buttonLinkBt:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
    }

.smlbtn4 {
    display: inline-block
}

.gridcheckbox .chkbox {
    color: white !important;
}

.print-input input {
    text-transform: none;
    background-color: white;
    border: 0 !important;
    height: auto;
    border-radius: 3px;
    padding: 10px;
    width: auto;
}


.print-input2 input {
    text-transform: none;
    border: 0 !important;
    height: auto;
    border-radius: 3px;
    padding: 10px;
    width: auto;
    margin-right: 15px;
}


.acct-narration-table .item-style {
    background-color: white !important;
}

.acct-narration-table .header-style th {
    padding: 10px !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/*.acct-narration-table .item-style td {
    text-align: center !important;
}*/

.addnarration-rt-mg {
    margin-right: 15px;
}

.depot-phyverification-mst-arrows {
    margin-top: 88px;
    display: inline-block;
}

.style1 {
    height: 12.75pt;
    width: 1584pt;
    color: windowtext;
    font-size: 10.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Arial;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
    border-bottom: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style2 {
    height: 12.75pt;
    color: windowtext;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style3 {
    color: windowtext;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style4 {
    height: 38.25pt;
    color: navy;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-left: .5pt solid windowtext;
    border-right: .5pt solid windowtext;
    border-top: .5pt solid windowtext;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style5 {
    color: navy;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-left: .5pt solid windowtext;
    border-right: .5pt solid windowtext;
    border-top: .5pt solid windowtext;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style6 {
    color: red;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-left: .5pt solid windowtext;
    border-right: .5pt solid windowtext;
    border-top: .5pt solid windowtext;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: medium;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style7 {
    color: navy;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style8 {
    color: navy;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-left: .5pt solid windowtext;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top: .5pt solid windowtext;
    border-bottom: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style9 {
    height: 12.75pt;
    color: navy;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style10 {
    height: 12.75pt;
    color: navy;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: general;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style11 {
    color: navy;
    font-size: 10.0pt;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: general;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style12 {
    height: 12.75pt;
    color: windowtext;
    font-size: 10.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: general;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.style13 {
    color: windowtext;
    font-size: 10.0pt;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-family: Arial, sans-serif;
    text-align: general;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}


.depot-closingbalance-table td {
    padding: 0.75rem;
    font-size: 13px;
    border: none;
    border-top: 1px solid #ccc;
}

.pager-style20 .pager-style td {
    padding: 20px 10px;
}

.pager-style20 .table td, .pager-style20 .table th {
    border-top: none;
    border-right: none;
    border-left: none;
}

.box-border {
    background-color: #fff;
    color: #000;
    padding: 10px 20px;
    border-left: 4px solid #4CAF50;
    word-wrap: break-word;
    border: 1px solid #ccc;
    width: 100%;
    box-sizing: border-box;
}

.btns-center {
    display: inline-flex;
    margin: 0 auto;
}

/*new menu*/

#jquery-script-menu {
    position: absolute;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.16);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.jquery-script-center {
    max-width: 960px;
    margin: 0 auto
}

    .jquery-script-center ul {
        width: 212px;
        float: left;
        line-height: 45px;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .jquery-script-center a {
        text-decoration: none
    }

.jquery-script-ads {
    max-width: 728px;
    height: 90px;
    float: right
}

.jquery-script-clear {
    clear: both;
    height: 0
}

#carbonads {
    display: block;
    overflow: hidden;
    max-width: 728px;
    position: relative;
    font-size: 22px;
    box-sizing: content-box
}

    #carbonads > span {
        display: block
    }

    #carbonads a {
        color: #4078c0;
        text-decoration: none
    }

        #carbonads a:hover {
            color: #3664a3
        }

.carbon-wrap {
    display: flex;
    align-items: center
}

.carbon-img {
    display: block;
    margin: 0;
    line-height: 1
}

    .carbon-img img {
        display: block;
        height: 90px;
        width: auto
    }

.carbon-text {
    display: block;
    padding: 0 1em;
    line-height: 1.35;
    text-align: left
}

.carbon-poweredby {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6px 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600;
    font-size: 8px;
    border-top-left-radius: 4px;
    line-height: 1;
    color: #aaa !important
}

@media only screen and (min-width:320px) and (max-width:759px) {
    .carbon-text {
        font-size: 14px
    }
}

@media only screen and (max-width:1023px) {
    .jquery-script-ads {
        display: none
    }
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a::after {
        transform: rotate(-0deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #000;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #000;
}

.bg-dark {
    background-color: #fff !important;
}

.bg-dark {
    border-color: #fff;
}

.navbar {
    border: none;
}

.menu-resp .navbar-brand {
    display: none;
}

.menu-resp .navbar-expand-lg .navbar-nav .dropdown-menu {
    box-shadow: 0 14px 40px rgb(0 0 0 / 12%);
}

.menu-resp .nav-item {
    padding-left: 0;
    padding-right: 1.3rem;
}

.menu-resp .dropdown-item {
    padding: 0.4rem 1.2rem;
}

.menu-resp .dropdown-item {
    color: rgba(0,0,0,0.9);
    font-size: 14px;
}

.menu-resp .navbar-expand-lg .navbar-collapse {
    border-bottom: 3px solid #2296b4;
    padding-bottom: 5px;
}

.menu-resp .navbar-expand-lg .navbar-nav .dropdown-menu {
    padding: 0px 0px;
}

.brdcums {
    padding: 0.5rem 1rem;
}

.gridalternativerowstyle td {
    border: none;
    font-size: 13px;
    padding: 0.5rem;
    padding: 0.75rem;
}

.manuallotmst .chkbox {
    padding: 0 10px;
}

.calendar-left .textboxdate {
    width: 88%;
    float: left;
}

.customized-right-show-hide .radio-form {
    float: right
}

.liblabel {
    margin-right: 20px;
}

.lib-book .textboxdate {
    width: 74%;
    padding-bottom: 10px;
    width: 99%;
}

.download-btn {
    padding: 5px 10px;
    color: #fff;
    margin: 5px 10px 5px 0px;
    font-size: 11px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    display: block;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 600;
    text-align: center;
}

.dropdown-item {
    color: #222;
}

.widthstyle .DivStyleWithScroll {
    width: 100%;
}

.widsize .dropdown1 {
    width: 100%;
}

.sap-direct-purchase-select .dropdownlong {
    width: 100%;
}

.sap-direct-purchase-select2 .qty {
    min-width: 100px;
}

.float-left-calendar {
    float: left !important;
    width: 88%;
}

    .float-left-calendar #Anthem_ctl00_ContentPlaceHolder1_V_txtDOB__ {
        width: 98%;
    }



.input-82 input {
    width: 82%;
    margin-right: 5px;
}

.checkboxcs input {
    width: auto;
    margin-right: 10px;
}


ol.listol {
    margin: 20px;
}

    ol.listol li {
        margin-bottom: 20px;
    }


.libradio td {
    display: inline-table;
    position: relative;
    line-height: 35px;
}


.libradio input[type=checkbox], .libradio input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 3px;
    width: 14px;
    font-family: 'Poppins', sans-serif;
    height: 20px;
    position: relative;
    top: 1px;
}

.liblabel {
    margin-right: 20px;
}

.lib-book .textboxdate {
    width: 74%;
    padding: 0 10px;
}

.cbv select {
    margin-bottom: 15px;
}

.libradio td {
    display: inline-table;
    position: relative;
    line-height: 35px;
}


.libradio input[type=checkbox], .libradio input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 3px;
    width: 14px;
    font-family: 'Poppins', sans-serif;
    height: 20px;
    position: relative;
    top: 1px;
}

.liblabel {
    margin-right: 20px;
}

.lib-book .textboxdate {
    width: 74%;
    padding: 0 10px;
}

.d-box-color {
    position: relative;
    box-shadow: 0px 0px 17px 3px #edeaea;
    border-radius: 5px;
    min-height: 180px;
    padding: 10px 10px 0px 10px;
    margin-bottom: 30px;
}

    .d-box-color:hover {
        animation-name: rulesani;
        animation-duration: 2s;
    }

@keyframes rulesani {
    0% {
        left: 0px;
        top: 0px;
    }

    100% {
        left: 0px;
        top: -20px;
    }
}

.d-box-color img {
    position: absolute;
    right: 10px;
}

.d-box-color h2 {
    font-size: 30px;
    font-weight: 500;
    margin-top: 90px;
}

.d-box-color p {
    font-size: 15px;
}

.green-box {
    background-color: #27b6af;
}

.wt-box {
    background-color: #fff;
    color: #27b6af;
}

.wt-box2 {
    background-color: #fff;
    color: #1f7bb6;
}

.blue-box {
    background-color: #1f7bb6;
}

    .green-box h2, .blue-box h2, .green-box p, .blue-box p {
        color: #fff;
    }

.container-dashboard {
    padding: 70px 40px;
}

ul#list-dashboad {
    margin: 0 0 0 16px;
    padding: 0;
}

    ul#list-dashboad li {
        list-style: none;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 500;
        border-bottom: 1px solid #e8e8e8;
        line-height: 25px;
    }

        ul#list-dashboad li:before {
            content: "\f111";
            font-family: FontAwesome;
            font-size: 6px;
            color: #2178b2;
            position: relative;
            top: -4px;
            left: -2px;
        }

    ul#list-dashboad a {
    }

.container-dashboard {
    background-color: #f7f7f7;
}


.msgtext {
    display: inline-block;
    margin-top: 10px;
}



.textboxdate6 .textboxdate {
    width: 91%;
    padding: 0 10px;
}

.textboxdate6 .textboxmultiline {
    width: 100%;
    padding: 0 10px;
}

.textboxmultiline98 .textboxmultiline {
    width: 100%;
    padding: 0 10px;
}

.textboxdate6 .textboxlong {
    width: 100%;
}

.divStyleWithScroll98 .DivStyleWithScroll {
    width: 100%;
}

.chkbox span {
}

.pager-style td {
    border-color: #c5cdbb;
}



h1, h2, h3, h4, h5, h6 {
    margin-top: 15px;
}

.checkboxinput input {
    height: auto;
}

ul.list-checkbox {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.list-checkbox li {
        float: left;
        display: inline-block;
    }

.list-checkbox-first {
    width: 47%
}

.list-checkbox-second {
    width: 6%
}

.label-blank {
    display: block;
    width: 100%;
    border: 1px solid #f9f4f4;
    height: 30px;
    margin-top: 5px;
    color: #828282;
    font-size: 14px;
    padding: 8px;
}

/*
.content-shadow-form .form-row {
     margin-right: -10px;
}
.content-shadow .form-row {
 
    margin-right: -10px;
}
*/
.checkbox97 .DivStyleWithScroll {
    width: 100%;
}

ul.list-checkbox .DivStyleWithScroll {
    width: 100%;
}

.checkboxcsmt .checkboxcs {
    margin-top: 5px;
}

.optimaizationd-left h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 15px;
    color: #333;
    text-align: center;
}

.optimaizationd-left:hover {
    transform: scale(1.1);
}

.optimaizationd-left {
    border-radius: 10px;
    box-shadow: 0 0 3px #33333330;
    transition: transform .2s;
    background-color: white;
    text-align: center
}

    .optimaizationd-left p {
        font-size: 18px !important;
        font-weight: bold !important;
        color: #dc8989 !important;
        background-color: white !important;
        text-align: center !important;
    }

.se-rightbox {
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
}

.se-left {
    padding: 5px 15px;
}

.box-wht {
    color: #fff;
}

.pager-style2 .pager-style td {
    padding: 15px 7px !important;
}

.tablebn td, .tablebn th {
    border: none;
}

.tablepadding td {
    padding: 6px;
}

.partyworkorder-popup .white_content-new {
    position: fixed;
}

.clndr {
    position: relative;
}

    .clndr .iframe-calendar {
        bottom: 30%;
        top: auto;
    }

.partyworkorder-popup .white_content-new {
    position: absolute;
    bottom: 10%;
    top: auto;
}

.lable-space3 {
    height: 16px;
}

.tablepadding6 td {
    padding: 6px;
}

.content-shadow-border2 .content-shadow-border {
    width: 100%;
}

.taxarea98 textarea {
    width: 100%;
}

.printableArea table {
    width: 100% !important;
}

.textboxprnt .textbox1 {
    width: 85%;
}

.copylink a {
    padding: 2px 8px !important;
    color: #fff;
    margin: 2px 10px 5px 0px;
    font-size: 12px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
}

    .copylink a:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
        text-decoration: none !important;
    }

.printlink input {
    padding: 5px 16px !important;
    color: #fff;
    margin: 2px 10px 5px 0px;
    font-size: 12px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 500;
    text-decoration: none;
    display: block;
    width: auto;
    margin: 0 auto;
}

    .printlink input:hover {
        background-image: linear-gradient(to right, #47905d, #29ad51);
        color: #fff;
        text-decoration: none !important;
    }

.clickhere .button-common {
    padding: 2px 8px !important;
    color: #fff;
    margin: 5px 10px 5px 0px;
    font-size: 12px;
    cursor: pointer;
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    border-radius: 3px;
    border: 0;
    font-family: 'Poppins', sans-serif;
    height: auto;
    font-weight: 500;
    text-decoration: none;
}

.copylink .button-common:hover {
    background-image: linear-gradient(to right, #47905d, #29ad51);
    color: #fff;
    text-decoration: none !important;
}

.textboxdate73 .textboxdate {
    width: 79%;
}

.textboxdate89 .textboxdate {
    width: 100%;
}

.calendar-textboxdate {
    float: left;
    width: 40%;
}

    .calendar-textboxdate .textboxdate {
        width: 95%;
    }

.input300 input {
    min-width: 300px;
}

.all-text .chkbox label {
    color: #fff !important;
}

.all-text {
    color: #fff !important;
}

    .all-text .chkbox label {
        font-family: 'Poppins', sans-serif;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        padding-bottom: 0;
        line-height: 30px;
        margin-bottom: 0;
    }

.content-shadow-form table {
    width: 99.8% !important;
}

.textboxdate6 .textbox6 {
    width: 100%;
    padding: 0 10px;
}

.textboxdate6 .textbox2 {
    width: 100%;
    padding: 0 10px;
}

.mt-1, .my-1 {
    margin-top: 0.50rem !important;
}

.input92 input {
    width: 92%;
}

.main-form {
    /* margin-right: -10px;*/
}

ul.enotesheet-btns {
    list-style: none;
    float: right;
    display: inline-block;
    margin: 10px 0 0 0;
}

    ul.enotesheet-btns li {
        margin: 0 0 0 10px;
        float: left;
        display: inline-block;
    }

.white_content-new-fn .white_content-new {
    height: 400px;
}

.btns-table2 {
    text-align: center;
    float: none;
    display: inline-flex;
    margin: 0 auto;
}

.editbg input {
    height: auto;
    width: auto;
    background: none;
}

.input93 input {
    width: 93%;
}


.epf-clndr input {
    width: 120px;
    float: left;
}

.select89 select {
    width: 89%;
}

.box-border98 {
    background-color: #fff;
    color: #000;
    padding: 20px;
    border: 1px solid #ccc;
    width: 100%;
}

    .box-border98 .dropdownlong {
        width: 100%;
    }

    .box-border98 .dropdown8 {
        width: 100%;
    }

.textshow {
    line-height: 35px;
}

.all-parent .dropdownlong {
    margin: 0px 5px 2px 0px;
}

.input100both input {
    min-width: 100px;
}

.dropdown3-92 .dropdown3 {
    width: 92%;
}

.textboxdate73 .dropdownverylong {
    width: 72%;
}

.dropdownverylong99 .dropdownverylong {
    width: 100%;
    margin-bottom: 5px;
}

.dropdown91 .dropdown5 {
    width: 91%;
}

.textboxdate89 input {
    width: 100%;
}

.radio-form span:nth-child(odd) {
}

.radio-form span:nth-child(even) {
    margin-right: 15px;
}

.percentage-input .textbox5 {
    width: 87%;
}

.percentage-input .textbox2 {
    width: 87%;
}

.percentage-input .textboxdate89 input {
    width: 73%;
}

.logging-plan input {
    width:75%;
}

.logging-plan .textbox2 {
    width: 52%;
}

.divStyleWithScroll96 .DivStyleWithScroll {
    width: 100%;
}

.radio-responsive label {
    margin-right: 15px;
}

.bookissue td {
    padding: 0.50rem;
}

.bookissue .textboxdate {
    width: 75%;
}

.inputshow {
    color: #807e7e;
    padding-top: 10px;
}

.textboxdate60 .textboxdate {
    width: 79%;
}

.textboxdate74 .textboxdate {
    width: 74%;
}

.dropdownlong99 .dropdownlong {
    width: 99%;
}

.dropdownlong80 .dropdownlong {
    width: 80%;
}

.dropdownlong83 .dropdownlong {
    width: 83%;
}

.textbox291 .textbox2 {
    width: 100%;
}

.textbox291 .dropdown4 {
    width: 100%;
}

.enotesheet-btns2 ul.enotesheet-btns li {
    margin: 0 0 0 0;
    float: left;
    display: inline-block;
}

.input100 input {
    width: 100%;
}

.sal-register .required {
    color: #333;
}

.dropdown699 .textbox6 {
    width: 99%;
}

.dropdown698 .textbox6 {
    width: 98%;
}

.divStyleWithScroll95 .DivStyleWithScroll {
    width: 100%;
}

.textbox899 .textbox8 {
    width: 99%;
}

.dropdown886 .dropdown8 {
    width: 86%;
}

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

.divStyleWithScroll-mr0 .DivStyleWithScroll {
    margin: 0;
}

.detail-box100 .detail-box {
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    border: 1px solid #e9e8e8;
}

.table10pd table td {
    padding: 10px;
}

.rt-minus5 {
    margin-right: 0;
    float: right;
    display: inline-block;
}

.lable-margin .label {
    font-family: 'Poppins', sans-serif;
    margin-right: 20px;
}

.chkboxlist label {
    font-family: 'Poppins', sans-serif;
    margin-right: 20px;
}

.tableborder td {
    border: 1px solid #ccc;
    text-align: right;
}

.printright {
}

.chkbox2pd .chkbox2 {
    margin: 0;
    padding: 0;
}

.calendar-absolute {
    position: relative;
}

    .calendar-absolute img {
        position: absolute;
        left: 311px;
        top: 1px;
    }

.textboxdate83 .textboxdate {
    width: 88%;
    padding: 0 10px;
}

.label-ht {
    height: 42px;
    padding-top: 19px !important;
}

.logging-plan .logging-plan2 .textbox5 {
    width: 100%;
}

.logging-plan3 input {
    width: 100%;
}

.logging-plan4 .textbox2 {
    width: 83%;
}

ul.myd {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.myd li {
        float: left;
        display: inline-block;
        margin-right: 10px;
        width: 32%;
    }

        ul.myd li .textbox1 {
            width: 100%;
        }

.calendar-textboxdate2 {
    float: left;
    width: 100%;
}

    .calendar-textboxdate2 .textboxdate {
        width: 100%;
        padding: 0 10px;
    }

/*.SelectedItemStyle2 .SelectedItemStyle td {
    background: #fff;
}*/

.bidderid {
    position: relative;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    min-height: 500px;
}

.bidderidbox {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    position: absolute;
    margin: 0 auto;
    margin-left: -250px;
    border: 1px solid #000;
    height: auto;
    width: 500px;
    border: 1px solid black;
    border-radius: 5px;
    /* box-sizing: border-box; */
    padding-bottom: 70px;
    left: 50%;
    display: block;
}

.bidderidtext {
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.form-group {
    margin-bottom: 0.4rem;
    top: 0px;
    left: 0px;
}

.navbar {
    padding: 0rem 1rem;
}


.td-fnn td {
    width: auto;
    display: inline-block;
}

.radio-form td {
    width: auto;
    display: inline-block;
}

.rt .button-common {
    margin-right: 0px;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #333;
}

.remove-image-btn {
    margin: 9px 0 0 0px;
}

.removebtn {
    margin: 2px 0 0 0;
    display: inline-block;
}

select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}


#Anthem_ctl00_ContentPlaceHolder1_V_txtDOB__ {
    float: left !important;
    margin-right: 0;
    width: 42%;
}

    #Anthem_ctl00_ContentPlaceHolder1_V_txtDOB__ input {
        width: 95%;
    }
/*.formnew .PopcalTrigger {
    width: 25px;
    padding-top: 0px;
}*/

.PopcalTrigger {
    width: 25px;
    padding-top: 0px;
}

.formnew .textboxdate87 .textboxdate {
    width: 40%;
    padding: 0 10px;
}

.empImage-img img {
    width: 80px;
}

.formnew .vtext {
    padding: 10px 0 0px 0;
}

.textboxdate {
    width: 72%;
    padding: 0 3px;
    font-size: 12px;
}

.employeemst .textboxdate {
    width: 72%;
    padding: 0 3px;
    font-size: 12px;
    height: 20px;
}

.employeemst .PopcalTrigger {
    width: 20px;
    padding-top: 0px;
}

.employeemst h2 {
    margin-top: 0;
}



.smlbtn3 .buttonLinkBt {
    margin: 5px 0;
}

.content-shadow-form .table99 table {
    width: 99.4% !important;
}

.upload-img {
    margin-top: 21px;
}

.textboxdate86 .textboxdate {
    width: 86%;
    padding: 0 10px;
}

.textboxdate100 .textboxdate {
    width: 100%;
    padding: 0 10px;
}

.mt10 {
    margin-top: 4px;
}

.textboxselect .sal-employee .DivStyleWithScroll {
    width: 100%;
}

.imagetext {
    color: #9f9c9c;
    font-size: 12px;
}

.bordert .tableborder td {
    border-left: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
    border-top: none;
    padding: 5px;
}

.bordert .tableborder {
    border-right: solid 1px #e9e9e9;
}

    .bordert .tableborder td {
        border: 1px solid #ccc;
        text-align: center;
    }

/*
.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}

.form-row {
    margin-right: -15px;
    margin-left: -15px;
}
    */
.radio-form-lr {
    display: table;
}

    .radio-form-lr tr {
        width: 20%;
        display: inline-block;
        float: left;
    }

.remarks50 .textboxmultiline {
    width: 100%;
    height: 50px;
}

.header-style15 .header-style td {
    border: 0;
    text-align: left;
    padding: 0.15rem 0.75rem;
    text-transform: uppercase;
}

.header-style15 td {
    padding: 0.15rem 0.75rem;
}

ul.myd li:last-child {
    margin-right: 0;
}

.ht-lable-new {
    height: 31px
}

.buttonLinkBt-rt .buttonLinkBt {
    padding: 2px 0px 2px 4px;
    margin: 5px 0px 5px 0px;
}

.input100both .chkbox input {
    min-width: auto;
}

.cal-epf-main {
    position: relative;
}

    .cal-epf-main span {
        width: 70%;
    }

.cal-epf {
    position: relative;
    right: 0;
    top: 4px;
    float: right;
    display: inline-block;
}

.cal-epf-left {
    float: left;
    display: inline-block;
    width: 70%;
}

.checkboxautoheight-main .checkboxautoheight input[type=checkbox] {
    height: auto;
    text-align: left;
    float: left;
    display: inline-block;
    width: auto;
    margin: 2px 5px 0 0;
}

.mt-6px {
    margin-top: 6px !important;
}

.wordbrk {
    word-break: break-word;
    hyphens: auto;
}

.tdalign {
    text-align: left;
}

.companyLogo1 {
    background: url("Images/logo1.jpg");
    height: 51px;
    left: 10px;
    position: absolute;
    top: -27px;
    width: 53px;
}


.table99 .content-shadow-form table {
    width: 99% !important;
}

.note-text {
    font-size: 13px;
    line-height: 33px;
}

select:disabled {
    background-color: #dcdcdc;
}

.broadsheet-manual input {
    min-width: 100px;
}

.broadsheet-manual .textboxdate {
    min-width: 150px;
}

.uploadstackimage .button-common {
    margin-top: 22px;
}

tr.form34{
    background: #207fb7;
}
.table100 .content-shadow-form table {
    width: 100% !important;
}

.flex-items-login .otpinput input {
    width: 46%;
    margin-right: 0px;
    padding: 10px;
}
.flex-items-login .otpinput .button-common {
    width: auto!important;
    margin-top: 6px;
    margin-right: 0;
    margin-left: 10px;
    padding: 10px 25px;
}

ul.list-tick { list-style:none; margin:0; padding:0;
}
    ul.list-tick li {
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

        ul.list-tick li .textboxdate {
            width: 100%;
 
        }

.fnboxfnn .fnbox {
    margin-bottom: 15px;
    padding: 20px;
}


    .fnbox {
    border: 1px solid #e0dfdf;
    padding: 20px 20px 0px 20px;
    box-sizing: border-box;
}

.fnboxmain h5 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 10px;
}

.search-narration-dropdown2 h2 { padding-top:0; margin-top:0;}

.nav-margin {
    margin-top: 0px; 
}

.printbtn-fnn #print {
    background-image: linear-gradient(to right, #207fb7, #25aeb1);
    width: 60px;
    color: #fff;
    font-weight: 500;
}

.gridviewcss tbody tr:nth-of-type(odd) {
    background-color: white;/*rgba(0,0,0,0.05) !important;*/
}
 
.thgrid {
    padding: 0.30rem 0.35rem !important;
}

 
.td3 {
    padding: 4px 2px !important;
}



ul.sub-modules {
    margin: 0px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: normal;
    flex-wrap: wrap;
}

    ul.sub-modules li {
        width: 200px;
        margin: 14px;
        background-color: #fff;
        position: relative;
        text-decoration: none;
        padding: 0;
      
        border-radius: 5px;
        text-transform: none;
        width: 22%;
        box-shadow: 0px 0px 15px 0px #efeded;
    }

        ul.sub-modules li a {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding-top: 0;
            transition: 0.5s;
            cursor: pointer;
            position: relative;
            width: 100%;
        }

.sub-modules-list {
    top: 0px;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}



ul.sub-modules li h2 {
    margin-top: 15px;
    margin-left: 15px;
    width: 60%;
    font-size: 16px;
    line-height: 24px;
    min-height: 60px;
    color: #333;
}

.btnarrow {
    display: block;
    margin-left: 15px;
    margin-bottom: 15px;
}

    .btnarrow img {
        width: 47px; 
        box-shadow: 0px 0px 15px 0px #f0f0f0;
        padding: 10px 15px;
        box-sizing: border-box;
        border-radius: 50px;
    }

.sdm-bg {
    background-image: url(../img/sdm-bg.png);
    color: #000;
}
.arf41-bg {
    background-image: url(../img/arf41-bg.png);
    color: #000;
}

.lpa-bg {
    background-image: url(../img/lpa-bg.png);
    color: #000;
}

.sr-bg {
    background-image: url(../img/sr-bg.png);
    color: #000;
}

.laas-bg {
    background-image: url(../img/laas-bg.png);
    color: #000;
}

.rpr-bg {
    background-image: url(../img/rpr-bg.png);
    color: #000;
}

.tig-bg {
    background-image: url(../img/tig-bg.png);
    color: #000;
}

.epf-bg {
    background-image: url(../img/epf-bg.png);
    color: #000;
}

.per-bg {
    background-image: url(../img/per-bg.png);
    color: #000;
}

.tsm-bg {
    background-image: url(../img/tsm-bg.png);
    color: #000;
}

.fsm-bg {
    background-image: url(../img/fsm-bg.png);
    color: #000;
}

.lm-bg {
    background-image: url(../img/lm-bg.png);
    color: #000;
}

.pslc-bg {
    background-image: url(../img/pslc-bg.png);
    color: #000;
}

.solr-bg {
    background-image: url(../img/solr-bg.png);
    color: #000;
}

.epf-bg {
    background-image: url(../img/epf-bg.png);
    color: #000;
}

.iif33-bg {
    background-image: url(../img/iif33-bg.png);
    color: #000;
}

.rrf1-bg {
    background-image: url(../img/rrf1-bg.png);
    color: #000;
}

.rrf2-bg {
    background-image: url(../img/rrf2-bg.png);
    color: #000;
}



.uals-bg {
    background-image: url(../img/uals-bg.png);
    color: #000;
}

.slmt-bg {
    background-image: url(../img/slmt-bg.png);
    color: #000;
}

.vrct-bg {
    background-image: url(../img/vrct-bg.png);
    color: #000;
}

.ior-bg {
    background-image: url(../img/ior-bg.png);
    color: #000;
}

.mrp-bg {
    background-image: url(../img/mrp-bg.png);
    color: #000;
}

.csatnh-bg {
    background-image: url(../img/csatnh-bg.png);
    color: #000;
}

.sfatvr-bg {
    background-image: url(../img/sfatvr-bg.png);
    color: #000;
}

.managedevice-bg {
    background-image: url(../img/managedevice-bg.png);
    color: #000;
}
 
.ensn-bg {
    background-image: url(../img/ensn-bg.png);
    color: #000;
}

.enssn-bg {
    background-image: url(../img/enssn-bg.png);
    color: #000;
}

.ensr-bg {
    background-image: url(../img/ensr-bg.png);
    color: #000;
}

.ensa-bg {
    background-image: url(../img/ensa-bg.png);
    color: #000;
}

.crv-bg {
    background-image: url(../img/crv-bg.png);
    color: #000;
}

.managedevice-bg {
    background-image: url(../img/managedevice-bg.png);
    color: #000;
}

.cpv-bg {
    background-image: url(../img/cpv-bg.png);
    color: #000;
}

.ledger-master-bg {
    background-image: url(../img/ledger-master-bg.png);
    color: #000;
}

.brv-bg {
    background-image: url(../img/brv-bg.png);
    color: #000;
}
.bpv-bg {
    background-image: url(../img/bpv-bg.png);
    color: #000;
}

.tb-bg {
    background-image: url(../img/tb-bg.png);
    color: #000;
}
.em-bg {
    background-image: url(../img/em-bg.png);
    color: #000;
}
.sreport-bg {
    background-image: url(../img/sreport-bg.png);
    color: #000;
}
.employee-a-bg {
    background-image: url(../img/employee-a-bg.png);
    color: #000;
}
.attendence-a-bg {
    background-image: url(../img/attendance-a-bg.png);
    color: #000;
}
.auto-sp-bg {
    background-image: url(../img/auto-sp-bg.png);
    color: #000;
}
.pfr-bg {
    background-image: url(../img/pfr-bg.png);
    color: #000;
}
.dropdown-space {
    display: block;
    min-height: 7px;
}
 .ddlMRec {
        width: 120px;
    }

 .input-txt {
    text-transform: none!important;
    background-color: #f5f5f5;
    border: 2px solid #ffffff !important;
    height: 30px !important;
    border-radius: 3px !important;
    /*padding: 0 10px !important;*/
    width: 84% !important;
    font-size: 13px !important;
}