.custom_toggle .webix_icon_btn{
  margin:0px;
}

.custom_daterange_suggest .webix_cal_footer {
    margin:0px;
}

.custom_calendar .webix_cal_header {
    height: 18px;
}

.button_badge .webix_badge{
    margin: 6px 9px;

}

.down_one_px_icon .webix_icon_btn{
    position: relative;
    top: 1px;
}

.webix_window_draggable_modal{
    box-shadow:2px 2px 25px 5px rgba(75, 75, 75, 0.7); 

}

.webix_window_draggable_modal:focus{
    box-shadow:2px 2px 25px 5px rgba(75, 75, 75, 0.7);

}
.success-icon-container{
    margin-bottom: 15px;
}

.success-icon {
    color: #3CD637;
    font-size: 48px;
}

.successful_popup{
    background-color: #5DCF2F;
}

.action-success-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
}

.action-success-details {
    margin-top: 25px;
    margin-bottom: 10px;
}

.successful_popup .webix_el_box{
    font-size:14px;
    color:white;
}

.unsuccessful_popup{
    background-color: #CF2F2F;
}

.unsuccessful_popup .webix_el_box{
    font-size:14px;
    color:white;
}


.custom_filter_text_alignment .webix_ss_filter input{
    text-align:right;
}

.custom_visibility_toggle .webix_img_btn{
    font-size:14px;
    border-radius:6px;
}

.custom_filter_input input{
    text-align: right;
}

.valid {
	color:#5DCF2F;
}

.custom_overlay .webix_overlay{
    padding-top:25px;

}

.custom_tabbar_focus .webix_item_tab.webix_selected{
    background-color:#F4F5F9;
    color:#1CA1C1;
}

.custom_tabbar_focus .webix_item_tab{
    color:#aaaaaa;
}

.custom_tabbar_focus .webix_item_tab.webix_selected:hover{
    background-color:#F4F5F9;
    color:#1CA1C1;
}

.custom_tabbar_focus .webix_item_tab:hover{
    background-color:transparent;
    color:#777777;
}

.example_text{
    color:#aaaaaa;
}

.icon_button_red .webix_icon_btn{
    color: #bd1e1e !important;

}

.icon_color_green .webix_icon{
    color: #5DCF2F !important;

}

.icon_color_orange .webix_icon{
    color: #F7A331 !important;

}

.custom_columns_no_padding .webix_cell{
    padding:0px;
}

.input_border_green input{
    border: 1px solid #6ABB67;
}

.input_border_red input{
    border: 1px solid #BB6767;
}

.display_grey input{
    color:#777777;
}

.display_red input{
    color:red;
}

.icon_margin_fix .webix_el_box{
    line-height:0px !important;

}

.upload_button button{
    color: #fff !important;
    
    
} 

.upload_button button:active{
    background: #17839d;
    
} 

.tabbar_custom_style .webix_item_tab{
    font-size:13px;
}

.quickHover{
    color:#475466;

}

.quickHover:hover{ 
    color:#777;

}


.checkbox_datatable .webix_table_checkbox {
    margin: -2px 0 0 0 !important;
    
}

.webix_section_small {
line-height: 10px; 
}


.filter_menu_icon {
   border: 0px solid #DADEE0;
}
 
.filter_menu_icon a:hover{
    background-color:#eee !important;
}

.filter_menu_icon .webix_list_item:focus {outline:0;background-color:#F4F5F9;}

    
.filter_menu_icon .webix_list_item{
    background:#F4F5F9;
    color: #555;

}

.filter_menu_icon .webix_icon{
    color: black;
    font-size: 16px;
    margin-top: 2px;
}

.webix_dtable_subview {
padding:0;
}
    
.custom_tree .webix_tree_branch_1{
margin: 5px 13px 11px 8px;

}

.custom_tree .webix_tree_branch_2 .webix_selected{
background: -webkit-linear-gradient(#ffebc2,#ffdb8f);
}

.custom_tree .webix_tree_leaves{
margin: 0px;
padding: 0px !important;
}

.custom_tree .webix_tree_branch_2 span{
margin-left:18px;
padding:0px;
}

.custom_tree .webix_tree_item{
    height: 23px;
    line-height: 23px;
}


  .highlight_selected .webix_selected{
 font-weight:bold;
 }

.ledger_remark span{
    float:right;
    position:relative;
    right:2%;
}

.position_relative_cell .webix_cell{
    position:relative;
}

.position_relative_cell .webix_cell div{
    position:absolute;
    bottom:0;
    right:0;
    margin-right:10px;
}


 .webix_view{
     white-space:normal !important;
 }


 .menu_top .webix_disabled{
    background:white
    }

.menu_top.webix_layout_toolbar{
    white-space: normal !important;
}

.webix_alert-warning .webix_popup_text,
.webix_confirm-warning .webix_popup_text {
    box-shadow: 0 3px #FFD21A inset;
}

.webix_alert-error .webix_popup_text {
    box-shadow: 0 3px #FF391B inset;
}

.webix_alert-info .webix_popup_text {
    box-shadow: 0 3px #80FF00 inset;
}

.myFieldset legend .edit_loan_type{
  position: relative;
  margin-left:5px;
  cursor:pointer;
  font-size:18px;
}

.myFieldset legend .details{
  position: relative;
  margin-left:5px;
  cursor:pointer;
}

.myFieldset legend .summary{
  position:relative;
  margin-left:5px;
  cursor:pointer;
}

.label_multiline label{
    line-height: 15px !important;
}

    .status_indication{
        font-size:10px;
    }

    .color_green{
        color: #5DCF2F;
    }

    .color_blue{
        color: #16A4E2;
    }

    .color_red{
        color: #E21616;
    }

    .color_yellow{
        color: #EDF80D;
    }

    .color_orange{
        color: #EEA916;
    }


    .color_grey{
        color: #aaa;
    }

    .color_light_grey{
        color: #737983;
    }


  .fieldset_proceed fieldset{
        border: 1px solid #5DCF2F !important;
   }

    .fieldset_account fieldset{
        border: 1px solid #A456D3 !important;
   }

    .fieldset_repayment_account fieldset{
        border: 1px solid #E21616 !important;
   }


    .fieldset_loan_account fieldset{
        border: 1px solid #2FCFAF !important;
   }

    .fieldset_payment_detail fieldset{
        border: 1px solid #D3D156 !important;
   }

    .tabView .valid{
        color: #5DCF2F;
    }

    .tabView .invalid{
        color: #E21616;
    }



    .checkcustom .webix_inp_label {
        float:right;
        width:25px !important;
        padding-right: 1px;
    }

    html{
        height:100%;
    }

    body{
       height:100%;
    }

    .container{
       height:100%;

    }

    .container .row{
        margin: 100px -10px;

    }


    .custom_template .webix_template{
    padding:0px;
    }
    #custom_footer{
       margin: 2px 0px 0 15px;
       color: #636b6f;
       font-size: 14px;
       font-family: Raleway,sans-serif;
    }

    .top15 {
	margin-top: 15px;
}

.valign-center {
/* 	display: inline-block; */
  height: 150px;
}

.no_margin_top{
    margin-top: 0px !important;
}


.attention_toolbar {
    border-radius: 5px 5px 5px 5px;
}

.webix_item_tab{
  	position:relative;
  }

.webix_badge {
    background-color: #BD1E1E;
    top: 2px;
    right: 2px;
}

.segmented{
    float:right;
    padding-right:15px;
}



  .margin-none {
	margin: 0 !important;
}

.error_message_field{
    color: red;
    font-size: 12px;
}

.no_background {
    background: transparent;
}

.top_round_corner {
    border-radius: 10px 10px 0px 0px;
}

/* For Dataview */
.dataview_row{
    font-size: 12px;
}

.label_column {
    float: left;
    width: 15%;
}

.value_column {
    float: left;
    width: 35%;
    padding: 0 0 0 15px;
}

.value_column_row {
    float: left;
    width: 80%;
    padding: 0 0 0 15px;
}



/* Clear floats after the columns */
.dataview_row:after {
    content: "";
    display: table;
    clear: both;
}

.float_right .webix_inp_label{
	float:right;
    padding-left: 10px;

}

.in_window .webix_inp_label{
    padding-right : 0px;
}

.bold_label{
    font-weight: bold;
}


.center_label{
    text-align: center;
}

.display_textarea_white textarea{
    cursor: default;
    background: #fff;
    border: 0px;
    padding: 8px 15px;
}

.display_textarea textarea{
    cursor: default;
    background: #eee;
    border: 0px;
    padding: 8px 15px;
}

.display_labeltext {
    background: #eee;
}

.display_labeltext input{
     background: transparent;
    border: 0px;
    padding: 8px 15px;
}

.display_text input:focus:read-only{
    border: transparent;
}

.display_text input{
    cursor: default;
    background: transparent;
    border: 0px;
    padding: 8px 15px;
    text-overflow: ellipsis;
}

.display_text_no_padding input:focus:read-only{
    border: transparent;
}

.display_text_no_padding input{
    cursor: default;
    background: transparent;
    border: 0px;
    padding: 0px;
}

.label_right_align .webix_el_box{
    text-align: right !important;
}

.right_align input{
    text-align: right !important;
}

.display_label{
    background: #eee;
}

.display_label div{
    margin-left: 15px;
}

.display_template{
    background: #eee;
}

.display_template div{
    margin-left: 5px;
}


.window{

    margin-top: 25px;



}

.no_top_margin{
    margin-top: 0px !important;
}

.tabView .webix_item_tab{
    font-size:12px;

}



.tabView .webix_icon{
    font-size:14px;
    width:15px;
    margin-top:5px;
}


.tabView .verifiedicon{
   color: #5DCF2F;
}

.tabView .nonverifiedicon{
   color: #5DCF2F;
    visibility: hidden;
}

.tabView .labelicon{
    margin-left:16px;
     margin-bottom:5px;
}



.tabView .tabviewtext{
   display:block;
   margin-top:-7px;
    margin-left:16px;

}

.tabView .verifiedlabel{
    width:20%;
    display: inline;
    }

.tabView .tablabel{
    width:80%;
    display: inline-block;

}
.iconbutton_13pxfont  .webix_icon_btn {
    font-size:13px;
}
.button_style_icon .webix_icon_btn {

    margin:3px 0 0 -3px;


}

.button_style_icon .webix_img_btn {
text-align: center;

}


.button_style .webix_icon{

    margin:3px 5px 0 -3px;
    color: #475466;
    font-size: 14px;
    vertical-align: baseline;
}


.button_style .webix_img_btn_abs {
text-align: center;

}

.outlined_button_style .webix_img_btn { 
  border: 1px solid red;
  border-radius: 6px;
  background-color: white;
  color: red;
  cursor: pointer;
}

.outlined_button_style .webix_icon_btn  {
  color: red !important;
}


.button_style_background .webix_icon{

    margin:3px 5px 0 -3px;
    color: #475466;
    font-size: 14px;
    vertical-align: baseline;

}

.button_style_background .webix_img_btn_abs {
    text-align: center;
}

.datepicker_installment .webix_el_box{
   margin-top: 5px ;
}

.long_label .webix_inp_label {
    font-size:12px;
}

.error_popup_alt{
margin:10px;

 background-color: #E21616;
}

.error_popup_alt .verified_popup_icon{
    font-size:15px;
    color:white;

}

.error_popup_alt .verified_popup_text{
    display:block;
vertical-align: middle;
font-size:14px;
color:white;
}




.error_popup_alt .webix_view{
 background-color: #E21616;


}

.error_popup_alt .webix_win_head{
border-bottom:0px;



}

.error_popup_alt #popuptext{
color:white;
 font-size:14px;
 display: table-cell;
 vertical-align: middle;
}

.error_popup_alt .webix_template{
  text-align: center;
  display:table;
  width:100%;

}

.warning_popup{
margin:10px;

    background-color: #F7A331;
}

.warning_popup .verified_popup_icon{
    margin: 25px 0 3px 0;
    font-size:15px;
    color:white;

}

.warning_popup .verified_popup_text{
    display:block;
vertical-align: middle;
font-size:14px;
color:white;
}




.warning_popup .webix_view{
    background-color: #F7A331;


}

.warning_popup .webix_win_head{
border-bottom:0px;



}

.warning_popup #popuptext{
color:white;
    font-size:14px;
    display: table-cell;
    vertical-align: middle;
}

.warning_popup .webix_template{
    text-align: center;
    display:table;
    width:100%;

}


.verified_popup{
margin:10px;

 background-color: #5DCF2F;
}

.verified_popup .verified_popup_icon{
    margin: 25px 0 3px 0;
    font-size:15px;
    color:white;

}

.verified_popup .verified_popup_text{
    display:block;
vertical-align: middle;
font-size:14px;
color:white;
}




.verified_popup .webix_view{
 background-color: #5DCF2F;


}

.verified_popup .webix_win_head{
border-bottom:0px;



}

.verified_popup #popuptext{
color:white;
 font-size:14px;
 display: table-cell;
 vertical-align: middle;
}

.verified_popup .webix_template{
  text-align: center;
  display:table;
  width:100%;

}


.existed_popup{
margin:10px;

 background-color: #E21616;
}

.existed_popup .verified_popup_icon{
    margin: 25px 0 3px 0;
    font-size:15px;
    color:white;

}

.existed_popup .verified_popup_text{
    display:block;
vertical-align: middle;
font-size:14px;
color:white;
}




.existed_popup .webix_view{
 background-color: #E21616;


}

.existed_popup .webix_win_head{
border-bottom:0px;



}

.existed_popup #popuptext{
color:white;
 font-size:14px;
 display: table-cell;
 vertical-align: middle;
}

.existed_popup .webix_template{
  text-align: center;
  display:table;
  width:100%;

}

.error_popup{
margin:10px;

 background-color: #E21616;
}



.error_popup .webix_view{
 background-color: #E21616;


}

.error_popup .webix_win_head{
border-bottom:0px;



}

.error_popup #popuptext{
color:white;
 font-size:14px;
 display: table-cell;
 vertical-align: middle;
}

.error_popup .webix_template{
  text-align: center;
  display:table;
  width:100%;

}

.webix_point_bottom{
    background-image: none;

}

.declarationMessageTemplate .webix_template{
    height: 100px;

}

#declarationMessage {
    padding: 20px 0px 0px 20px;

}

.declarationRows{
    margin:15px 0 0 25px ! important;

}

.signatureCanvas{
   border-width:1px !important;



}

.text_center {
    text-align: center;
}

.warning_popup_alt{
    margin:10px;
    background-color: #FF8932;
}
    
.warning_popup_alt .verified_popup_icon{
    margin: 25px 0 3px 0;
    font-size:15px;
    color:white;
}
    
.warning_popup_alt .verified_popup_text{
    display:block;
    vertical-align: middle;
    font-size:14px;
    color:white;
}

.warning_popup_alt .webix_view{
    background-color: #FF8932;
}
    
.warning_popup_alt .webix_win_head{
    border-bottom:0px;
}

.warning_popup_alt #popuptext{
    color:white;
    font-size:14px;
    display: table-cell;
    vertical-align: middle;
}
    
.warning_popup_alt .webix_template{
    text-align: center;
    display:table;
    width:100%;
}

span.tag{
    border-radius: 10px;
    height: 15px;
    font-size: smaller;
}

span.tag font{
    padding: 0 5px;
}

.modal_icon_container {
    margin-bottom: 15px;
}

.modal_icon_succeed {
    color: #3CD637;
    font-size: 48px;
}

.modal_icon_error {
    color: #E21616;
    font-size: 48px;
}

.modal_icon_warning {
    color: #FF8932;
    font-size: 48px;
}

.modal_title {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500;
}

.modal_details {
    margin-top: 25px;
    margin-bottom: 10px;
}

.voidRemarkText {
  margin: 5px;
}

.voidRemarkText .webix_el_box .webix_inp_label {
  /* padding: 5px 0px 0px 5px; */
  padding: 0px;
}

.voidRemarkText .webix_el_box .webix_inp_textarea {
  border: 0px;
  /* padding: 5px 0px 0px 0px; */
  padding: 0px;
}

.voidRemarkText .webix_el_box .webix_inp_textarea:focus:read-only{
  border: transparent;
}

.pdf_bar_light_btn .webix_scroll_cont .webix_el_button .webix_el_box .webix_img_btn .webix_icon_btn {
    color: #f1f1f1;
}