html{zoom:-moz-transform:scale(.9,.9);zoom:.9;zoom:94%}
/*.zoom_ef{zoom:-moz-transform:scale(.9,.9);zoom:.9;zoom:90%}*/

/*.banner{background-color: #fff;}*/
    .box p{margin-bottom: 9px;color: #fff;font-size: 10px;margin-top: 9px;}
    .box h2{text-align: center;font-size: 21px;}
    .box-height{height: 51.6vh;}

/* STYLE 1 */
    #style-1::-webkit-scrollbar-track{
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
        cursor: pointer;
    }

    #style-1::-webkit-scrollbar{
        width: 8px;
        background-color: #F5F5F5;
        height: 8px;
        cursor: pointer;
    }

    #style-1::-webkit-scrollbar-thumb{
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #2c4e6c;
        cursor: pointer;
    }
/* STYLE 3 */

#style-3::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar{
    width: 6px;
    height: 0px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb{
    background-color: #153048;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: none;
    border-color: none;
    box-shadow: none;
}

/*============28-9-23===============*/
    .left_col_width{flex: 0 0 64.666667%;max-width: 64.666667%;}
    .right_col_width{flex: 0 0 35.333333%;max-width: 35.333333%;}
    .table-bordered {border: 1px solid #dee2e6 !important;}
    .note ul li{font-size: 12px;}
    .note{display: flex;}
/*============28-9-23===============*/

.pad_rem{padding-right: 5px;padding-left: 5px;}
.mob_over_scroll{white-space: nowrap;width: 98%;display: inline-flex;}
.mob_over_scroll_span{overflow-x: auto;width: 98%;}
body{font-family: 'Poppins', sans-serif;background: #f1f9ff;}
.loader{position: absolute;z-index: 9999999;width: 100%;height: 100%;background: #ffffffd1;text-align: center;overflow: hidden;}
.loader img{width: 9%;vertical-align: middle;margin-top: 12%;}
.dash_table table{height: 275px;overflow-y: scroll;display: inline-block;}
.noti ul{height: 113px;padding-inline-start: 16px;margin-bottom: 0px;}
.company_logo_update{width: 290px;border-radius: 10px;height: 150px;overflow: hidden;vertical-align: middle;text-align: center;display: table-cell;}
.title2 h4{font-size: 16px; font-weight: 400 !important; color: #fff;}
tfoot{position: sticky;bottom: 0;}
label {font-size: 13px;}
.update-logo img{width: 60%;}
.cheque h4{font-size: 20px;}
.table .thead-light th {font-size: 11px;}
.form-control{height: 25px;font-size: 12px;padding: 1px;padding-left: 5px;}
.navbar .nav-item a{font-size: 14px;}
.border_hide{height: 20px;border: 0;padding: 0px 0px 0px 7px;}
.form-control:disabled, .form-control[readonly] {background-color: #c8d8e4;opacity: 1;}
.active{color: #2c4e6c;font-weight: 500;border-bottom: 1px solid #ffffff;}
.noti h3{font-size: 18px;color: #fffffffc;}
.box{padding:10px;border-radius: 11px;background: linear-gradient(to right, #267871, #136a8a);}   /*box-shadow: 0px 0px 4px 0px #ccc;*/
.banner h2, a{color: #000;font-size: 21px;margin-bottom: 0px;}
.carousel-indicators li {background-color: #1E6C99;}
.carousel-indicators{bottom: -90px;}
.forget p a{font-size: 12px;color: #fff;text-decoration: none;font-weight: 500;}
.banner h2 span{font-weight: 300;}
.modal-header {display: block;border-bottom: none;}
.form-control:focus {box-shadow: none;}
.btn-primary {border-radius: 0px;color: #fff;background-color: #014457;border-color: #014457; padding: 5px 20px 5px 20px; font-weight: 500;font-size: 10px;}
.btn-primary:hover{color: #fff;background-color: #2c4e6c;border-color: #2c4e6c; }
.modal-content {border-radius: 20px;padding: 30px;margin-top: 150px;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 15px;padding-left: 15px;}
#header{padding: 4px 0px 4px 0px;background: linear-gradient(200deg, #2c4e6c, #b3dcff);}
.container-large{width: 97%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.btn-logo{border-radius: 0px;font-size: 10px;font-weight: 500;padding: 5px;width: 100%;}
.btn-logo2{border-radius: 0px;border: 1px solid #8aa3b5;font-size: 10px;font-weight: 500;padding: 5px;width: 80px;background-color: #8aa3b5;}
.btn-group{padding-top: 10px;}

body{color: #2D2D2D;font-family: 'Poppins', sans-serif;}
section{padding: 5px 0px 5px 0px;}
.company-details h4{line-height: 18px;font-size: 14px;font-weight: 600;}
.company-details h4 span{font-weight: 400;}
.company-details h3{font-weight: bold;font-size: 24px;}
.company-details{padding-top:30px;}
.home-table{padding-top: 10px;}
.home-table .table-bordered td, .table-bordered th{font-size: 13px;}
.noti ul li{color: #ffffffcc;line-height: 27px;font-size: 13px;}
.padd{padding-top: 0px;}
.btn-primary5 {border-radius: 0px;color: #fff !important;background-color: #2c4e6c;border-color: #2c4e6c;padding: 5px 20px 5px 20px;font-size: 10px; font-weight: 500;margin-top: 40px;}
.pad-right{margin-left: 60px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #555;cursor: default;background-color: #fff;
border: 1px solid #ddd;border-bottom-color: transparent;}
.nav-tabs>li {float: left;margin-bottom: -1px;}
.nav-tabs>li>a {text-decoration: none !important;margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}
.nav>li>a {font-size: 14px; position: relative;display: block; padding: 10px 15px;text-transform: none;}
.table-bordered {border: none;}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate(-180deg);
}

.accordion-body {
    padding: 1rem 1.25rem;
}

button:focus { outline: none;}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.table-bordered td, .table-bordered th {
    border: 1px solid #afbac569;
    padding: 1px 5px 1px 5px;
    background-color: #c8d8e4;
}
.table .thead-dark th {font-weight: 500;width: 1%;font-size: 11px;position: sticky;top: 0;background-color: #2c4e6c; border-color: #e7ecf0;}
.navbar-expand-lg {float:right;}
.para_list li a{font-size: 11px;text-decoration: none;}
.para_list li{}
.member_billing_table{display:block;overflow-x: auto;white-space: nowrap;height: 297px;margin-bottom: 0px;}
.table_dark_back{background: #2c4e6c !important;color: #fff;}

/* new css*/
.data_box .data_box_title h3{font-size: 17px;color: #2c4e6c;}
.data_box .data_box_attatchment a{font-size: 13px;color: #2c4e6c;text-decoration: none;}
.data_box{border-bottom: 1px solid #ccc;padding-bottom: 7px;padding-top: 7px;}
.data_box_disc p{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.captcha_result{display: flex;}
.captcha_result span{cursor: pointer;}
#preload h2{text-align: left;font-size: 20px;}
.input-group-text{height: 25px;border-radius: 0px 5px 5px 0px;}
#basic-addon2 a{font-size: 14px;color: #464646;}
.scroll_hide{overflow: hidden !important;}
.psw_style p{font-size: 12px !important;}
.psw_style h3{font-size: 19px !important;color: #fff;}
.psw_style span{font-size: 70px;color: #ccc;}
.pad1{padding: 1px 15px;}
.pad0{padding: 0px !important}
.body_background{background: linear-gradient(272deg, #e0fdff, white);}
.Border0{border: 0px;}
.home-logo img{width: 70%;}
.navbar-light .navbar-nav .nav-link {color: rgb(255 255 255);}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: rgb(255 255 255);}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: rgb(255 255 255);}
.grid_sis{vertical-align: middle;display: grid;float: right;text-align: right;}
.kyc1 p{font-size: 15px;}

/*===============new css 2-6-23===================*/
.log_left_img img{border-radius: 10px;width: 150vh;height: 83.5vh;}
.color-white{color: #fff;}
.color-black{color: #000;}
.logo img{width: 60%;}
#footer{background: linear-gradient(to right, #267871, #136a8a);color: #fff;margin-top: -7px;position: fixed;bottom: 0;width: 100%;}
.banner p{padding-top: 13px; margin-bottom: 0px;padding-bottom: 0px;}
.login_conatct p{font-size: 14px;display: inline-flex;margin-bottom: 0px;}
.login_conatct p b{padding-top: 0px;padding-left: 10px;}
.login_conatct p label{padding-top: 2px;padding-left: 10px;}
.login_conatct h4{padding-top: 6px;font-size: 20px;}
.login_conatct hr{margin-top: 0px; margin-bottom: 8px;}
/*.login_heading h2{margin-left: -150px;}*/
.box-height .modal-header {padding: 1px 2px;}
.social_media ul li{list-style-type: none; display: inline;padding-right: 15px;}
.social_media ul li a{color: #fff;font-size: 16px;}
.social_media ul{margin-bottom: 0px; margin-right: 19px;}
.footer_page_links a{font-size: 16px;padding-right: 22px;font-size: 14px;color: #fff;}
.footer_links p{margin-bottom: 7px;color: #000;font-size: 14px;}
#footer{width: 100%;position: relative;bottom: 0;overflow: hidden;}
.cust_wrapper{min-height: 82vh;
    display: flex;
    flex-direction: column;}
/*===============new css-17-7-23====================*/
.log_out{cursor: pointer;}
.img_error_msg p{font-size: 12px;color: red;text-transform: capitalize;}
.log_out .dropdown{width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0px auto;
    justify-content: center;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
}
.log_out img{width: 100%;}
.dropdown-item{font-size: 13px !important;}
.log_out .dropdown-toggle::after{color: #fff;}
@media only screen and (max-width: 1340px) { 

  .login_conatct p {
    font-size: 12px;}
    label {
    font-size: 11px;
}
.material-symbols-outlined{
    font-size: 20px !important;
}
.login_conatct h4{
    font-size: 18px;
}
.footer_links p {
    margin-bottom: 2px;
    color: #000;
    font-size: 12px;
}
.footer_page_links a {
    font-size: 12px;
}
}
@media only screen and (max-width: 768px) {
    .box-height {height: 440px;}
    .width_100_responsive{width:100%;}
    .company_logo_update{display: flex;align-items: center;justify-content: center;width: 100%;}
    .img_error_msg p{padding-top: 10px !important;}
    .company-details h3{font-size: 18px !important;}
    .cont_first_sec_left h3 {font-size: 18px !important;}
    .log_out .dropdown{width: 40px;height: 40px;}
    .cont_right_box{margin-left: 0px !important;}
    .cont_box .cont_first_style{padding-left: 0px !important;}
    .cont_box{margin-left: 20px;}
    .navbar-expand-lg{display: flex;flex-direction: row-reverse;}
    .home-logo img {width: 100%;}
    .logo img {width: 35%;}
    #footer {margin-top: 3px;position: relative;overflow: hidden;}
    .logo{text-align:center;}
    marquee{display: table-cell;}
    .log_left_img img {width: 100%;height: 100%;}
    .width100{width:100%;}
    .width50{width:50%;}
    .width40{width:40%;}
    .width60{width:60%;}
    .mob_hide{display:none;}
    .forget p a {font-size: 15px;}
    .login_conatct p label {    font-size: 14px;}
    .forget{padding-top: 10px;}
    .mob_text_center{text-align:center !important;}
    .foot_left{text-align:center !important;}
    .foot_right{text-align:center !important;}
    .banner h2, a {font-size: 20px;}
    section {padding: 10px 0px 10px 0px;}
    /*.box-height {height: 80%;}*/
    .carousel-indicators {bottom: -30px;}
    .box h2 {font-size: 20px;}
    .bg-white{float: right;margin-top: -50px;}
    .btn-mob{margin-top: -21px;}
    .company-details h4 {line-height: 17px;font-size: 13px;}
    .noti ul li {line-height: 26px;}
    .table .thead-dark th {font-size: 12px;white-space: nowrap;}
    .navbar-light .navbar-nav .nav-link {font-size: 13px;line-height: 12px;}
    .bg-white {margin-top: -0px;}
    label {font-size: 14px;}
    .btn-logo{margin-top: -70px;width: 100%;float: right;}
    .nav>li>a {font-size: 13px;}
    .form-control {font-size: 15px;height: 39px;}
    .input-group-text {height: 39px;}
    .table .thead-light th {font-size: 10px;}
    .dropdown-item {font-size: 13px;}
    .btn-primary {margin-top: 5px;color: #fff;background-color: #2c4e6c;border-color: #2c4e6c;font-size: 13px;padding: 5px 10px 5px 10px;font-weight: 500;}
    .padd { padding-top: 10px;}
    .pad-right {margin-left: 0px;}
    .btn-group {padding-top: 20px;}
    .btn-logo2 {margin-top: -10px;float: left;}
    /* .parent{flex-direction: column-reverse; }*/
    .box {margin: 10px 0px 10px 0px;}
    .forgot_psw{text-align: left !important;}
    .box p {margin: 0px;}
    .pointer-event .form-control {margin-bottom: 10px;}
    .company-details {padding-top: 0px; margin-top: 10px;}
    .update-logo img {width: 47%;}
    .form-row .col{min-width: 50%;}
    .contact-update h5{font-size: 17px;}
    .home-table .table-bordered td, .table-bordered th {font-size: 12px;white-space: nowrap;}
/*    27-11-24 start*/
    .left_col_width{flex: 0 0 100%;max-width: 100%;}
    .right_col_width{flex: 0 0 100%;max-width: 100%;}
    .table-bordered {border: 1px solid #dee2e6 !important;}
    .note ul li{font-size: 12px;}
    .note{display: flex;}
    .custo_css{display: contents !important;}
    .col-md-2-5 {padding-right: 25px !important;margin-right: -9px;margin-left: 19px;width: 100% !important;}
}

@media only screen and (min-width:1422px) and (max-width:1600px){
    .dash_table table {height: 320px;background: #fff;}
    .member_billing_table{height: 447px;}
    .box-height {height: 53vh;}
    .log_left_img img {height: 82.5vh;}
    #footer{margin-top: 0px;}
}

@media only screen and (min-width:1082px) and (max-width:1400px){
    .dash_table table {height: 225px;}
    .member_billing_table{height: 387px;}
}

@media only screen and (min-width:700px) and (max-width:1200px){
    .dash_table table {height: 230px;}
    .member_billing_table{height: 327px;}
    .box-height {height: 440px;}
    .navbar .nav-item a {font-size: 12px;}
}

@media only screen and (min-width:500px) and (max-width:1100px){
    .navbar .nav-item a {font-size: 12px;}
    .dash_table table {height: 160px;}
    .member_billing_table{height: 254px;}
    .box-height {height: 380px;}
    .navbar .nav-item a {font-size: 10px;}
}

.alert-div{
    position: absolute;
    margin-top: -10%;
    margin-left: 0;
    z-index: 1;
    width: 90%;
    border: 2px solid white;
    /*    background-color: #2bb82b;*/
    /*    color: white;*/
    font-size: large;
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .col-form-label {
    font-size: 9px !important;
    font-weight: 600;
}
.font-15 {
    font-size: 10px !important;
}
.pd_0 {
    padding: 0px 0px 0px 10px !important;
}
.col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 13.333333%;
    max-width: 14.333333%;
}
.col-md-2-5 {
    width: 30% !important;
    margin-left: 15px;
}

}