:root {
    --border-color: #ec7034;
    --dark-color: #0078C3;
    --light-color: #79d8fc;  
    --bank-logo: url('../Content/Images/UCO/uco_logo.jpg');
    --atyati-logo: url('../Content/Images/Atyati/AtyatiLogo.png');
    --slider-img-1: url('../Content/Images/UCO/uco1.png');
    --slider-img-2: url('../Content/Images/UCO/uco2.png');
    --slider-img-3: url('../Content/Images/UCO/uco3.jpg');
    --slider-img-4: url('../Content/Images/UCO/uco4.jpg');
}

/*----------------------------------- START OF HOME PAGE--------------------------------------*/

#slider-img-1{
    background-image: url('../Content/Images/UCO/uco1.png');
    background-image: var(--slider-img-1);
}
#slider-img-2 {
    background-image: url('../Content/Images/UCO/uco2.png');
    background-image: var(--slider-img-2);
}
#slider-img-3 {
    background-image: url('../Content/Images/UCO/uco3.jpg');
    background-image: var(--slider-img-3);
}
#slider-img-4 {
    background-image: url('../Content/Images/UCO/uco4.jpg');
    background-image: var(--slider-img-4);
}

#b_bank_logo{
    background: url("../Content/Images/UCO/uco_logo.png");
    background: var(--bank-logo);
}

#b_atyati_logo{
    background: url("../Content/Images/Atyati/AtyatiLogo.png");
    background: var(--atyati-logo);
}


.ui-dialog-titlebar
{
    background-color:#016e1d;
    background-color:var(--dark-color);
}

.b_hr{
    background-color: #ec7034; /*var(--border-color); */
    background-color: var(--border-color);
}

.b_top_panel span{
     color: #016e1d; /*var(--dark-color);*/
     color:var(--dark-color);
}

.b_logo_holder{
    background-color: #016e1d;/*var(--dark-color);*/
    background-color: var(--dark-color);
}

#b_top_panel_left{
    background-color: #83b000;  /*var(--light-color);*/
    background-color: var(--light-color);
}

#b_top_panel_center{
    border-top: 12px solid #016e1d;/*var(--dark-color);*/
    border-bottom: 12px solid #83b000;/*var(--light-color);*/
    border-top: 12px solid var(--dark-color);
    border-bottom: 12px solid var(--light-color);
}

#b_top_panel_right{
    background-color: #016e1d;/*var(--dark-color);*/
    background-color: var(--dark-color);
}

.b_login_div{
    border: 0px solid #016e1d;/*var(--dark-color);*/
    border: 0px solid var(--dark-color);
}

#b_login_header{
    background: linear-gradient(to bottom, #016e1d, transparent);
    border-bottom: 1px solid #016e1d;/*var(--dark-color);*/
    background: linear-gradient(to bottom, var(--dark-color), transparent);
    border-bottom: 1px solid var(--dark-color);
}

#b_login_footer{
    background: linear-gradient(to top, #016e1d, transparent);
    border-top: 1px solid #016e1d;/*var(--dark-color);*/
    background: linear-gradient(to top, var(--dark-color), transparent);
    border-top: 1px solid var(--dark-color);
}

#b_flash_region{
    background-color: #83b000;/*var(--light-color);*/
    background-color: var(--light-color);
}

.shape:after {
    box-shadow: 0 0 0 999px #83b000;/*var(--light-color);*/
    box-shadow: 0 0 0 999px var(--light-color);
}

.shape2 {
    background: linear-gradient(to bottom, #83b000 40%, white);
    border-left: 0px solid #ec7034;/*var(--border-color);*/
    background: linear-gradient(to bottom, var(--light-color) 40%, white);
    border-left: 0px solid var(--border-color);
}

.b_input_text{
    border: 1px solid #016e1d;/*var(--dark-color);*/
    border: 1px solid var(--dark-color);
}

.b_input_text:focus {
    box-shadow: 0 0 8px 0 #016e1d;/*0 0 8px 0 var(--dark-color);*/
    box-shadow: 0 0 8px 0 var(--dark-color);
}

.b_input_div i  {
    color: #016e1d;/*var(--dark-color);*/
    color: var(--dark-color);
}

.b_input_btn:hover{
    background: linear-gradient(to top, #016e1d, transparent);/*linear-gradient(to top, var(--dark-color), transparent);*/
    background: linear-gradient(to top, var(--dark-color), transparent);
}

#b_top_panel_left i{
    color: #016e1d;/*var(--dark-color);*/
    color: var(--dark-color);
}


/*----------------------------------- END OF HOME PAGE--------------------------------------*/

/*----------------------------------- START OF MAIN PAGE--------------------------------------*/

#b_user_profile_icon{
    color: #83b000;/*var(--light-color);*/
    color: var(--light-color);

}
#b_user_profile_icon:hover{
    background-color: #ec7034; /*var(--border-color);*/
    background-color: var(--border-color);
}

#b_side_nav{
    background: linear-gradient(to bottom, #016e1d 10%, #83b000 90%);
    background: linear-gradient(to bottom, var(--dark-color) 10%, var(--light-color) 90%);
}

#b_base_container {
    border-left: 1px solid #83b000;/*var(--light-color);*/
    border-left: 1px solid var(--light-color);
}

#b_render_region{
    border-right: 1px solid #016e1d; /*var(--dark-color);*/
    border-right: 1px solid var(--dark-color);
    border-bottom: 1px solid #83b000; /*var(--light-color);*/
    border-bottom: 1px solid var(--light-color);
}

#b_side_notif_div{
    background: linear-gradient(to bottom, #016e1d, #83b000);
    background: linear-gradient(to bottom, var(--dark-color), var(--light-color));
}

#b_notif_drag_arrow, #b_sidenav_drag_arrow{
    color: #83b000;/*var(--light-color);*/
    color: var(--light-color);
}

.b_side_option:hover, .b_opt_cat:hover{
    background-color: #83b000; /*var(--light-color);*/
    background-color: var(--light-color);
    color: #016e1d; /*var(--dark-color);*/
    color: var(--dark-color);
}

#TabsDiv{ 
    border-bottom: 1px solid #016e1d;/*var(--dark-color);*/ 
    border-bottom: 1px solid var(--dark-color); 
    background: linear-gradient(to bottom, #83b000, white);/*var(--light-color);*/
    background: linear-gradient(to bottom, var(--light-color), white);
}

.Tabs, #b_toggle_side_btn{ 
    border: 1px solid #016e1d;/*var(--dark-color);*/ 
    border: 1px solid var(--dark-color); 
    color: #016e1d;/*var(--dark-color);*/
    color: var(--dark-color);
}

.CrossIcon:hover{
    color: #ec7034;/*var(--border-color);*/
    color: var(--border-color);
}

#b_popover{
    border: 1px solid #016e1d; /*var(--dark-color);*/
    border: 1px solid var(--dark-color);
}

#b_pop_header{
    border-bottom: 1px solid #016e1d; /*var(--dark-color);*/
    border-bottom: 1px solid var(--dark-color);
}

#b_pop_body_right{
    border-left: 1px solid #016e1d; /*var(--dark-color);*/
    border-left: 1px solid var(--dark-color);
}

#b_pop_footer{
    border-top: 1px solid #016e1d; /*var(--dark-color);*/
    border-top: 1px solid var(--dark-color);
}

.Tab3:hover{
    background-color: #83b000;/*var(--light-color);*/
    background-color: var(--light-color);
}

.b_tabs_scroll{
    color: #016e1d; /*var(--dark-color);*/
    color: var(--dark-color);
}

#b_side_nav::-webkit-scrollbar-thumb, #b_base_container::-webkit-scrollbar-thumb, #b_side_notif_div::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #83b000, #016e1d);
    background: linear-gradient(to bottom, var(--light-color), var(--dark-color));
}

 
.b_tag_row{
    background: linear-gradient(to right, #016e1d, #83b000);
    background: linear-gradient(to right, var(--dark-color), var(--light-color));
} 

/*----------------------------------- END OF MAIN PAGE--------------------------------------*/


/*----------------------------------- START OF AEPS PAGE--------------------------------------*/

.b_table tr{
    border: 1px solid #016e1d; /*var(--dark-color);*/
    border: 1px solid var(--dark-color);
}

.b_table .label-col{
    color: #016e1d;/*var(--dark-color);*/
    color: var(--dark-color);
}

#b_aeps_deno_window {
    background-color: #83b000; /*var(--light-color);*/
    background-color: var(--light-color);
}

#b_aeps_deno_div{
    box-shadow: 8px 8px 20px #83b000; /*var(--light-color);*/
    box-shadow: 8px 8px 20px var(--light-color);
}

.b_deno_val_txt{
    border: 1px solid #016e1d;/*var(--dark-color);*/
    border: 1px solid var(--dark-color);
}

#b_deno_table td{
    border-top: 1px solid #016e1d; /*var(--dark-color);*/
    border-top: 1px solid var(--dark-color);
    color: #016e1d; /*var(--dark-color);*/
    color: var(--dark-color);
}

#b_aeps_deno_save_btn:hover, #b_AEPSTable .aeps_btn_holder input:hover{
    background-color: #83b000; /*var(--light-color);*/
    background-color: var(--light-color);
}

.b_deno_header_footer{
    background-color: #016e1d; /*var(--dark-color);*/
    background-color: var(--dark-color);
}

.aeps_btn_holder{
    background: linear-gradient(to right, #016e1d, #83b000);
    background: linear-gradient(to right, var(--dark-color), var(--light-color));
}


.ErrorTable td{
    border-right: 1px solid var(--dark-color);
    border-right: 1px solid #016e1d;
}

.ErrorDiv li{
    color: var(--dark-color);
    color: #016e1d;
}

.b_transaction_mode span{
    color: #016e1d;
    color: var(--dark-color);
}

.AEPSTable .input-col, .b_transaction_mode, .AEPSBeneficiaryCol{
    border-right: 1px solid #016e1d;
    border-right: 1px solid var(--dark-color);
}


/*----------------------------------- END OF AEPS PAGE--------------------------------------*/


/*----------------------------------- START OF ACCOUNT OPENING PAGE--------------------------------------*/


.ImageAdjacentCols, #AccOpenPhotoCol, #AccOpenPermAddTD, .b_TD_border_right{
    border-right: 1px solid #016e1d;
    border-right: 1px solid var(--dark-color);
}

.b_general_text, .AccOpenGenderIcons{
    color: #016e1d;
    color: var(--dark-color);
}

#AccOpenUpSignDiv, #AccOpenUIDAIRefDiv{
    border: 1px solid #016e1d;
    border: 1px solid var(--dark-color);
}

.b_TD_dark_back{
    background-color: #016e1d;
    background-color: var(--dark-color);
}

#AccOpenUserImage{
    color: #016e1d;
    color: var(--dark-color);
}

/*----------------------------------- END OF ACCOUNT OPENING PAGE--------------------------------------*/

/*----------------------------------- START OF TOGGLE SWITCH--------------------------------------*/

.switch-slider{
    background-color: #016e1d;
    background-color: var(--dark-color);
}

input:checked + .switch-slider {
    background-color: #016e1d;
    background-color: var(--dark-color);
}

input:focus + .switch-slider {
    box-shadow: 0 0 1px #016e1d;
    box-shadow: 0 0 1px var(--dark-color);
}

/*----------------------------------- END OF TOGGLE SWITCH--------------------------------------*/


/********************* LOADER STARTS HERE **************************************************/

/*.loader-model{
  background-color: #83b000;
    background-color: var(--light-color);
}*/

.loader{
    border-top-color: var(--dark-color);
    border-top-color: #016e1d;


}

.loader-model{
    background-color: var(--light-color);
    background-color: #83b000;
}

/********************* LOADER ENDS HERE **************************************************/