.lead_label{
    background-color: #1CA1C1;
    text-align: center;
}

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

.webix_section_small {
    line-height: 10px; 
}

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

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

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

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

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

.grey{
    color: white;
    text-align: center;
    padding-left: 2px !important;
    padding-right: 2px !important;
    background-color: #D6DEE1;
    border-radius: 10px;
}

.green{
    color: white;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center;
    background-color: #68AF39;
    border-radius: 10px;
}

.blue{
    color: white;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center;
    background-color: #255cf3;
    border-radius: 10px;
}

.yellow{
    color: white;
    text-align: center;
    padding-left: 2px !important;
    padding-right: 2px !important;
    background-color: #dcd512;
    border-radius: 10px;
}

.orange{
    color: white;
    text-align: center;
    padding-left: 2px !important;
    padding-right: 2px !important;
    background-color: #F7A331;
    border-radius: 10px;
}

.red{
    color: white;
    text-align: center;
    padding-left: 2px !important;
    padding-right: 2px !important;
    background-color: #BA2325;
    border-radius: 10px;
}

.icon_css {
    font-size: 14px !important;
    width: 15px !important;
    margin-top: 5px !important;
}

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

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

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

.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;
}

.icon_button_style button{
    line-height:0px;
}

.infinite_animation{
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounceIn;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

.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);
}

.status_indication{
    font-size:9px !important;
}
    
.column_select_color_white .webix_column_select{
    color: #fff !important;
}

.small_font_segment button{
    font-size:13px;
}

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

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

.customer_summary_form {
    background: transparent !important;
    position: relative;
    margin-top: -30px;
    margin-bottom: -20px;
} 
 
.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;
}

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

.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;
}

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

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

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

.custom .webix_input_icon {
    left: 200px;
    background: 0 0;
    color:#1e2022;
    z-index: 1;
    margin-top: 3.8px;
    position: absolute;
    font-family: Helvetica, Verdana;
    font-size: 13px;
}
  
.custom .webix_input_icon:before {
  	content:"RM"
}

.custom input {
    padding-left:33px;
}

.custom_toggle .webix_icon_btn {
    margin:0px;
}

.custom_columns_no_padding .webix_cell{
    padding:0px;
}

.webix_list_item.disabled{
    background: #eee;
    color: #aaa;
}

.webix_section_small {
    line-height: 10px; 
}

.comment_icon_button .webix_icon{
    font-size:16px;
    margin-top:3px;
    margin-right:3px;
    height:20px;
    width:20px;
}

.comment_icon_button_minimized .webix_icon{
    font-size:16px;
    margin-top:3px;
}

.webix_success_message{
    background-color:#43D81B;
  	border:1px solid #53F333;
    box-shadow: 0 0 10px #000;
}

.webix_success_message div{
	background-color:#35CB1A;
  	border:1px solid #0D9400;
  	color:#FFF;
}

.display_select .webix_inp_static{
    background:transparent;
    border: 0px;
    padding: 1px 0 0 15px;
}
.display_select span{
    padding-right:30px;
}

.display_select .webix_disabled{
    background:white;
    opacity:0;
}

.valid {
	color:#5DCF2F;
}

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

.tabView .invalid{
    color: #E21616;
}

.partial_valid {
    color: darkorange;
}
    
.checkcustom .webix_inp_label {
    float:right;
    width:25px !important;
    padding-right: 1px;
}
    
.checkcustom .webix_custom_checkbox{
    font-size:16px;
}

html{
    height:100%;
}

body{
    height:100%;
}

.container{
    height:100%;
}

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


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

.no_background {
    background: transparent !important;
}

.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 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: 8px;
}

.right_label {
	text-align:right;
    padding: 2px 5px 0 10px !important;
    white-space: nowrap;
}

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

.bold_label{
    font-weight: bold;
}

.center_label{
    text-align: center;
}

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

.display_textareawhite textarea{
    border: 0px;
    padding: 8px 15px;
}

.display_labeltext {
    background: #eee;
}

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

.one_line_text {
    white-space: nowrap;
    overflow: hidden;
    padding:0px 8px;
}

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

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

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

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

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

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

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

.right_align_label label{
    text-align: right !important;
}

.remarks_blue_color {
    margin: 0px
}

.remarks_blue_color input{
    color: #0040ff;
    font-style: bold !important;
    background: transparent;
    border: 0px;
    cursor:default;
}

.display_label{
    background: #eee;
}

.display_toolbar {
    background: #eee;
    text-align: center;
}

.display_toolbar div{
    font-weight: bold;
}

.greenText div{
    color: #5DCF2F !important;
}

.greenButton button{
    color: #5DCF2F !important;
}

.greenButton button span{
    color: #5DCF2F !important;
}

.display_grey input{
  color:#777777;
}

.display_red input{
  color:red;
}

.redText div{
    color: red !important;
}

.display_toolbar .blue{
    color: #0040ff;
}

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

.display_template{
    background: #eee;
}

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

.window{
    margin-top: 25px;
}

.middle_icon .webix_icon_btn{
/*     position: relative; */
    top: 2px;
}

.width_10px{
    width: 10px;
}

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

.center_webix_icon {
    text-align: center;
}

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

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

.introducer_icon .webix_icon_btn{
    position: relative;
    top: 1px;
    color: #3F00DD;
}

.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;
}

.text_center {
    text-align: center;
}

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

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

.icon_color_red .webix_icon {
  color: #bd1e1e !important;
}

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

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

.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;
}

.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;
}

.verified_popup{
    margin:10px;
    background-color: #5DCF2F;
}

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

}

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

.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 15px 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%;
}

.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_alt{
    margin:10px;
    background-color: #FF8932;
}

.warning_popup_alt .verified_popup_icon{
    margin: 25px 0 15px 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%;
}

.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;
}

.status_approved{
    cursor:default;
}

.status_reject{
    cursor:default;
}

.status_default{
    cursor:default;
}

.cursor_default{
    cursor:default;
}

.cursor_pointer{
    cursor:pointer;
}


.status_approved .webix_icon{
    font-size:16px;
}

.status_reject .webix_icon{
    font-size:16px;
}

.status_default .webix_icon{
    font-size:16px;
}

.status_approved .webix_icon:before{
    color: #44C11C;
}

.status_reject .webix_icon:before{
    color: #C11C1C;
}

.status_default .webix_icon:before{
    color: #969696;
}

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

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

.myFieldset legend .edit_epf{
    position: relative;
    margin-left:5px;
    margin-top:5px;
    cursor:pointer;
    font-size: 15px;
}

.start .webix_icon:before{
    color: #00AC00;
}

.start .webix_icon{
    font-size: 14px;
    vertical-align: baseline;
}

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

/* width */
.mini_scroll_bar::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.mini_scroll_bar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.mini_scroll_bar::-webkit-scrollbar-thumb {
    background: #d0d0d0;
}

/* Handle on hover */
.mini_scroll_bar::-webkit-scrollbar-thumb:hover {
    background: #C2C2C2;
}

.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_account fieldset{
    border: 1px solid #A456D3 !important;
}

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

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

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

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

.failed-icon {
    color: #F60909;
    font-size: 48px;
}

.warning-icon-container{
  margin-bottom: 10px;
}

.warning-icon {
  color: #fff;
  font-size: 28px;
}

.warningActionPopUp {
  background-color:#ff8932 !important;
  box-shadow:none;
}

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

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

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

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

.action-warning-title {
  color:white;
  font-size: 16px;
}

.action-warning-details {
  color:white;
  margin-bottom: 10px;
  font-size: 16px;
}

.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;
}

.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;
}

.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;
}

.example_text {
  color:#aaaaaa;
}

.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;
}

div .overlay_message{
    font-family: 'Raleway',sans-serif;
    font-size: 30px;
    display: table;
    height: 100px;
    width: 100%;
    text-align: center;
}

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

.connected_pop_up {
  background-color: #DDF5EA;
}

.connected_pop_up .webix_view{
  background-color: #DDF5EA;
  border-color: #88DCB6;
}

.custom_calendar .webix_cal_header {
  height: 18px;
}