.custom_206 {height:auto;font-family:"Poppins", Arial, sans-serif;;color:#333;font-size:16pt;background-color:rgba(255, 255, 255, 0);line-height: 1.5;
vertical-align: top;
font-weight: normal;}[class*='col-'] { padding-right: 0px; }.row-6620bcb120c8d {z-index:;transform:;}.mobile-section.row-6620bcb120c8d {z-index:;transform:;}.column-6620bcb120c8e {min-height:5px;}.row-6620bcb620c8f {height:auto;margin-left:10px;padding-top:10px;padding-left:10px;padding-bottom:8px;padding-right:8px;color:#333;background-color:rgba(255, 255, 255, 0);z-index:;transform:;}.mobile-section.row-6620bcb620c8f {height:auto;margin-left:10px;padding-top:10px;padding-left:10px;padding-bottom:8px;padding-right:8px;color:#333;background-color:rgba(255, 255, 255, 0);z-index:;transform:;}.column-6620bcb620c90 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-6620bcbc20c91 {z-index:;transform:;}.mobile-section.row-6620bcbc20c91 {z-index:;transform:;}.column-6620bcbc20c92 {min-height:5px;}@media (max-width: 768px) {

    /* General padding reduction */
    .ui-tabs-panel {
        padding: 0 !important;
    }

    .card.card-body.card-border {
        font-size: 12px !important;
        padding: 0 !important;
    }

    /* Titles */
    .title,
    .ui-tabs-nav li a {
        font-size: 16px !important;
    }

    /* DataTables search box */
    .dataTables_wrapper .dataTables_filter {
        width: 100% !important;
        text-align: left !important;
    }

    .dataTables_wrapper .dataTables_filter label,
    .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .dataTables_wrapper {
        width: 100% !important;
    }

    /* Prevent layout overflow caused by scaling */
    .container_content {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        transform: none !important; /* scaling removed */
    }

    /* Pagination layout (clean, centered, wraps only when needed) */
    .dataTables_paginate {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 10px 0 !important;
        width: 100% !important;
    }

    .dataTables_paginate .paginate_button {
        padding: 6px 12px !important;
        margin: 2px !important;
        min-width: 32px !important;
        text-align: center !important;
        font-size: 14px !important;
        flex: 0 0 auto !important;
    }

    /* Keep Previous/Next on one line */
    .dataTables_paginate .paginate_button.previous,
    .dataTables_paginate .paginate_button.next {
        white-space: nowrap !important;
    }
}

.cc_status { 
background-color: #f8f8f8 !important; 
}


.store_view_dtable_icons {
    box-shadow: 2px 0px 4px 3px #dddddd1f;
    border-radius: 5px;
    border: 1px solid #0000000f;}

#table-body-container {
    overflow-x: unset !important;}

.dataTable {
    /*background-color: #1c1c1c;*/
    border: 1px solid #f1f2f3;
    vertical-align: top;)

#dt_dbstore_page_list_id > tbody > .odd {
    background-color: #f8f8f8;}

#dt_dbstore_page_list_id > tbody > .even {
    background-color: #ffffff;}

.dataTable tbody td {
    padding: 25px 10px;}

#dt_dbstore_page_list_id > thead > tr {
    color: white;}

.dataTable thead .sorting {
    color: white;}

#dt_dbstore_page_list_id > tbody > tr > td {
    padding: 30px;}

.table-hover tbody tr:hover {
    background-color: #3963df !important;
    color: white;}








.store_view_dtable_icons {
    width: 32px !important;
    height: 32px !important;}

.dbstore-toggle{
    margin: 10px;
    font-size: 14px !important;}



.input_600 {
    width: -webkit-fill-available !important;
}

/*------START Search Container------*/
.row-search > .db_store_search_textbox {
    background: white;
    width: 80% !important;
    margin-bottom: 10px;
    /*border: none !important;*/
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
    height: 35px;
    font-size: 14px;
}

.row-search label{
 font-size: 14px;
}

.special_reference_input{
    padding: 5px !important;
    font-size: 14px;
    border-radius: 5px;
}

.row-search > .ui-state-default{
  border: 1px solid #d3d3d3;
    /*color: #fff;*/
    background: #4990E2;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 2px 4px 0 rgb(41 179 245 / 36%);
    padding: .5em 1em;
   font-size: 14px;
}


.dbstore_view_search_form{
    padding-bottom: 10px !important;
}
/*-------END Search Container--------*/

/*-----START Glossary A-Z------*/


.db_store_search_toolbar {
  
   font-size: 6px !important;
    display: inline-flex !important;
    flex-wrap: wrap !important;
    border: unset;
    margin-bottom: 20px !important;
    margin-top: 0px !important;
    padding: 0px !important;
   
}

.db_store_search_toolbar > a {
 
    font-weight: bold;
    padding: 10px;
    color: #4990E2;
    background-color: white;
    border: 1px solid #eee;
    font-size: 14px !important;
    margin: 2px 0;
}
.db_store_search_toolbar > a:hover {
  background-color: #4990E2;
  color: white;
  text-decoration: none;
}
.db_store_current_search_word{
background-color: #4990E2 !important;
 color: white !important;
}
/*-----END Glossary A-Z------*/

.ap_status{
 background-color: rgb(153, 255, 153) !important;
}

.dt_status{
  background-color: rgb(255, 255, 128) !important;
}
.rvt_status{
 background-color: rgb(255, 77, 77) !important;
}
.rvt_by_depositer_status{
 background-color: rgb(153, 214, 255) !important;
}
.rjct_status{
 background-color: rgb(255, 166, 77) !important;
}

.custom_107{
font-family: "century gothic" !important;

}


.page-title h1{
     position: relative;
    /*bottom: 60px;
    left: 100px;
    width: 50%;*/
    font-size: 16px !important;
    font-size: 16px !important;
    background: #4990E2;
    border-radius: 5px;
    color: white;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 40px;
    padding: 12px;
    text-align: center;
    width: 25%;
}



.header1 {
    padding-top: 10px;
}




/**Sign Up form**/
.card-header{
  font-size: 15px;
}
.internal_btn{
color: #0056b3 !important;
}

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


#5f9db29713eb8.page-content{
 background-color: #e9edf5 !important;
}

/*-------- START Pages --------*/

/*.page-title{
    display: none;
}*/

#container_content{
    padding: 28px;
}


#container_content > .editable{
    min-height: 350px;
}

.listing-row{
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.listing-row > .listing-item-wrapper{
    flex: 1 0 32%;
    margin: 0.5%;
}

.listing-title-seperator{    
    background-color: #ebebeb;
    border-radius: 30px;
    display: block;
    height: 5px;    
    margin-top: 15px;
    margin-bottom: 15px;    
    width: 30px;
}

/*--------- END Pages ---------*/
/*<--------- START Klinik Page -------->*/

.address-table td:last-child{
    position: relative;
}

.address-table td:last-child .address-btn{
    position: absolute;
    bottom: 0px;
    right: 10%;
    display: inline-block;
    border-radius: 0px;
    padding: 20px;
    pointer-events: all;
    background: #3073e6;
}

.address-table td:last-child .address-btn > span{
    color: white;
    width: 100%;
    height: 100%;
    letter-spacing: 2px;
    overflow: hidden;
}

.address-table .overwrite-4-address tr{
    background: #eee;
    margin-left: 0 !important;
    min-height: unset !important;
    width: 100% !important;
}

.address-table .overwrite-4-address td:nth-child(2){
    height: auto !important;
    padding: 0px 10px 15px 10px !important;
} 

.address-table .overwrite-4-address td:nth-child(2) > div{
    display: inline-block;
}

/*<---------- END Klinik Page --------->*/

/*-------- START Form Builder --------*/

.toolbars{
    display: none;
}

/*--------- END Form Builder ---------*/

a:link {
  text-decoration: none;
}

.block-header{
    margin: 0 !Important;
}

/*--------- START Header ---------*/

.hide_btn{
    display: none;
}

.block-184 {
    width: 100%;
    margin: 0;
    /*position: absolute;*/
    z-index: 20;
}

.header {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.header > .header2{
    flex: 1 0 auto;
    position: relative;
}

.header3{    
    background: #fbf7f8;
    display: flex;    
}

.header3 > div{
    display:inline-block;
    margin: auto;
    vertical-align: middle;
}

.header3 > div:first-child{
    padding: 5px 10px;    
}

.accessibility_container_table{
    margin-bottom: 5px !important;
    position: relative;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s linear;
}

.showw3c{
    position: absolute !important;
    top: -999px !important;
    visibility: hidden;
    width: 0px !important;
}

.wrap_header2{
    position: absolute;
    transform: translateY(-47%);    
    top: 47%;
    right: 0;
    z-index: 30;
}

.wrap_header2 > div{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.block-184 > .block-body{
    margin: 2% auto;
    width:90%;       
}

/*.row-5efd52b27f64c{
    overflow: hidden;
}*/

button.b1{    
    border-radius: 5px;
    margin-left: 10px;
    min-height: 44px;
    padding: 8px 20px;
}
.login-wrap{
    display: flex;
    align-items: center;
}

img.w3cicon{
    position: relative;
    margin-left: 10px; 
}

.search_icon, .language_icon, .w3cicon{
    cursor: pointer;
}

.w3c_wrap{
    color: white;
}

.language_wrap, .w3c_wrap{
    background-color: #5C2D96;
    border-radius: 5px;
    display: flex;
    margin-left: 10px;
    padding: 0px 20px;
    min-height: 44px;    
    align-items: center;
}

.language_container .language_wrap > div{
    color: white;
    display: inline-block;
    margin: 0 2px;
    vertical-align: middle;
}



/*--------- END Header --------*/
 
/*--------- START Sign In Block ---------*/

#username::placeholder, #password::placeholder{
    color: #adadad;
}
.username span {
color: #ffffff !important;
}
.login-card span {
color: #000000 !important;
}

/*---------- END Sign In Block ----------*/

/*--------- START Language ---------*/

.change_language{
    /*margin-right: 10px;*/
    margin-top: 6px;
    position: absolute;
    right: 0;
}

.change_language > form > label{
    display: none;
}

#language_selection{
    width: auto;
    border: 1px solid #CBD9DB;
    color: #333;
    font-size: 12px;      
}
.showLang{
    opacity: 1 !important;
    visibility: visible !important;
}

select#language_selection {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .5em 5em .4em .8em;    
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    /* border: 1px solid #aaa; */
    border: unset;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    outline: unset !important;    
}

.change_language > form{
    position: relative;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
}

.change_language .custom_arrow{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: #3073e6;
    height: 2.9rem;
    width: 3.5rem;
    border-top-right-radius: .5em;
    border-bottom-right-radius: .5em;
    pointer-events: none;
}

.custom_arrow::before,
.custom_arrow::after{
    content: "";
    position: absolute;
    width: 0;
    height:0;
    left: 50%;    
    transform: translate(-50%, -50%);
} 

.custom_arrow::before{
    border-left: .65em solid transparent; 
    border-right: .65em solid transparent;
    border-bottom: .65em solid rgba(255,255,255,.5);
    top: 40%;
}

.custom_arrow::after{
    border-left: .65em solid transparent; 
    border-right: .65em solid transparent;
    border-top: .65em solid rgba(255,255,255,.5);
    top: 70%;
}

/*---------- END Language ----------*/



/*-------- START Script Column --------*/

.row-5f8d11fd1f6a5{
    display: none;
}

/*--------- END Script Column ---------*/

/*-------- START Footer --------*/



/*--------- END Footer --------*/


/*--------- START Mobile Responsive --------*/

@media only screen and (max-width: 1024px){

.responsive_menu #menu-button{
padding:15px !important;
}

.responsive_menu > ul > li > a {
    text-align: left;
    text-transform: unset !important;
}


.header {
    display: unset;
}

.header3{
    display: unset;   

}

.header3 > div {
    display: unset;
}

.wrap_header2 {
    position: relative;
    transform: unset;
    top: 0;
    right: 0;
}
}

@media only screen and (max-width: 769px){

.page-title h1{
 width: 50% !important;
}
.row-604741e90fdca{
    width: 95% !important;
    margin: 0 auto !important;
}
.row-5f9db29713eb7 {
    width: 95%;
    margin: 0 auto;
}

.wrap_header2 > div:first-child{
    margin-bottom: 0px !important;
}

/*--------- START Footer ---------*/
footer p {
    font-size: 18px !important;
    color: black !important;
}

table#footer {          
    margin-left: 0px !important;
    width: 100% !important;  
}

table#footer td:first-child table td {
     margin:0px !important;
}

#footer .link-section-one {
  width: 80%;
  margin: auto
}

#footer .link-section-three { 
  width: 100% !important;  
  margin-bottom: -130px !important;

}
#footer .link-section-three  div{ 
  width: 60% !important;  
  height: unset !important;
}
.link-section-four td{
  width: 60%;
  margin: auto;
}

.link-section-four {
   margin-top: 180px !important;
   /*margin-left: 120px !important;*/
}

#footer > tbody > tr:first-child > td:first-child, #footer > tbody > tr:first-child > td:last-child{
    display: block !important;
    /*padding-left: 20%;*/
    padding-left:6%;
    width: 80% !important;
}

#footer > tbody > tr:first-child > td:nth-child(2){
    display: block !Important;
    width: 80% !important;
}

.link-section-two {
  margin-top: 50px !important;
  width: 100%;  
  
}

.link-section-two p{     
     margin-top: unset !important;
}


/*--------- END Footer ---------*/
}

@media only screen and (max-width: 425px){
.row-5f9db29713eb5 {
    width: 100%;
}
}
/*---------- END Mobile Responsive ---------*/