@charset "ISO-8859-1";
/*!
 * ACLEDA MATERIAL
 * Develop by ACLEDA Team
 * Licensed of ACLEDA BANK PLC
 */

/* Component Group */
.ac_form{position:relative;width:100%;min-width:120px;margin:0;padding:0;}
.ac_form > input{position:relative;display:block;height:45px;margin:0;padding:0 10px;font-size:13px;color:var(--text-default);border:1px solid #959798;border-radius:7px;z-index:900;background-color:#fff;}
.ac_form > label{position:absolute;top:50%;left:0;display:inline-block;height:22px;padding:0 5px;line-height:22px;transform:translate(5px, -50%);transition:transform 0.3s ease-out;background-color:#fff;z-index:901;}
.ac_form > input:focus + label,
.ac_form > input:-webkit-autofill + label, 
.ac_form > input:not(:placeholder-shown) + label{transform:translate(5px, -160%);color:var(--text-penel);z-index:903;}
.ac_form > input:required + label{padding-right:10px;}
.ac_form > input:required + label:before{content:"*";position: absolute;right:0;top:2px;font-size:14px;color:#d64e47;}
.ac_form > input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px white inset !important;
    box-shadow:0 0 0 1000px white inset !important;
    -webkit-text-fill-color:#000 !important;
    border-color:#959798 !important;
}
.ac_form:has(input[type='number']){border-radius:7px;}
.ac_form:has(input[type='number']) button.btn_spin{position:absolute;right:5px;height:25px;width:30px;margin:0;padding:0;border:0;z-index:999;}
.ac_form:has(input[type='number']) button.btn_spin.up{top:2px;background-image:url(../img/icon/arrow_down_primary.png);background-repeat:no-repeat;background-position:center center;background-size:13px auto;transform:rotate(180deg);background-color:transparent;}
.ac_form:has(input[type='number']) button.btn_spin.down{bottom:2px;height:25px;background-image:url(../img/icon/arrow_down_primary.png);background-repeat:no-repeat;background-position:center center;background-size:13px auto;background-color:transparent;} 

.ac_form > input:disabled,
.ac_form > textarea:disabled{background-color:var(--bg-input-disable);}
.ac_form > textarea{min-height:60px;}
.ac_form > textarea + label{top:20px;}
.ac_form > textarea:focus + label,
.ac_form > textarea:-webkit-autofill + label,
.ac_form > textarea:not(:placeholder-shown) + label{top:-1px;color:var(--text-penel);z-index:903;}
.ac_form > input:disabled + label{background-color:var(--bg-input-disable);}
.ac_form > input.ng-empty.ng-touched:focus{border-color:#959798;box-shadow:none;}
.ac_form:has( > .ac_valid)::before{
    content:"\f023";position:absolute;top:50%;right:5px;width:20px;height:20px;font:normal normal normal 14px 'Material Design Iconic Font';
    text-align:center;color:var(--text-white);line-height:20px;transform:translate(0, -50%);background-color:var(--bg-success);z-index:999;border-radius:50%;
}

.ac_form:has(input.ng-invalid-pattern , input.ng-invalid-number)::before{
    content:"\f039";position:absolute;top:50%;right:3px;width:22px;height:22px;font:normal normal normal 22px 'Material Design Iconic Font';
    color:#d64e47;line-height:20px;transform:translate(0, -50%);z-index:999;
}
.ac_form > input.ng-empty.ng-touched.ng-invalid-number:focus,
.ac_form:has(input.ng-invalid-pattern, input.ng-invalid-number) > input{border-color:#d64e47;box-shadow:0 0 0 0.25rem rgba(214, 78, 71, 0.25);}

    /* Upload File */
    .ac_form .upload_box{position:relative;display:block;margin:0;align-items:center; padding:15px 15px;border:1px solid #959798;border-radius:7px;z-index:900;background-color:#fff;}
    .ac_form .upload_box .upload_inner{display:flex;align-items:center;}
    .ac_form .upload_box .upload_inner .desc{width:100%;}
    .ac_form .upload_box .upload_inner .desc > p{position:relative;display:block;width:max-content;height:26px;padding:0 10px 5px 37px;margin:0;line-height:22px;background:url(../img/icon/upload.png) no-repeat 0 center / auto 20px;}
    .ac_form .upload_box .upload_inner input:required + .desc p:before{content:"*";position: absolute;right:0;top:2px;font-size:14px;color:#d64e47;}
    .ac_form .upload_box .upload_inner input:required + .desc p:before{content:"*";position: absolute;right:0;top:2px;font-size:14px;color:#d64e47;}

    .ac_form .upload_box .upload_file{display:flex;justify-content:space-between;height:35px;padding:5px 10px;margin:10px 0 0;background-color:var(--bg_panel);border-radius:7px;}
    .ac_form .upload_box .upload_file a.upload_file_name{display:flex;height:25px;width:calc(100% - 100px); padding:0 0 0 25px;background:url(../img/icon/icon_attachfile.png) no-repeat 0 55%/15px auto;}
    .ac_form .upload_box .upload_file a.upload_file_name > span:first-child{display:block;line-height:26px;color:var(--text-file);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    .ac_form .upload_box .upload_file .upload_file_size{display:flex;height:25px;padding:0;color:var(--text-penel);overflow:hidden;}
    .ac_form .upload_box .upload_file .upload_file_size > span{line-height:26px;}
    .ac_form .upload_box .upload_file .upload_file_size > a{display:inline-block;width:20px;height:20px;margin:2px 0 0 10px;background:url(../img/icon/icon_close_mini.png) no-repeat 50% 50%/20px auto;}
    
    .ac_form .upload_box .upload_file.bg-danger div{color:var(--text-white);}
    /* //Upload File */
/* //Component Group */

/* Customize Bootstrap */
.input-group{flex-wrap:nowrap;width:100%;}
.input-group .input-group-text{border-color:#959798;min-width:56px;justify-content:center;}
.input-group .input-group-text.btn_wrap{min-width:auto;}
.input-group .input-group-text.btn_wrap .btn{height:100%;border-radius:0 4px 4px 0;}
.input-group .ac_form + .btn_wrap.splite{margin-left:7px !important;}
.input-group:has(.input-group-text ~ .ac_form) .ac_form > input{border-radius:0 7px 7px 0;}
.input-group:has(.ac_form + .input-group-text) .ac_form > input{border-radius:7px 0 0 7px;}
.input-group:has(.ac_form input:disabled) .input-group-text{background-color:var(--bg-input-disable) !important;}
/* //Customize Bootstrap */

.ac_textfield{position:relative;width:100%;margin:10px 0 5px;}
.ac_textfield input{position:relative;display:block;width:100%;height:46px;padding:0 30px 0 5px;font-size:13px;color:#212529;border:0;border-bottom:2px solid #999;outline:0;background-color:transparent;}
.ac_textfield input:focus + label,
.ac_textfield input:-webkit-autofill + label, 
.ac_textfield input:not(:placeholder-shown) + label{top:-15px;color:var(--text-penel)}
.ac_textfield input:not(:placeholder-shown) + label strong{font-size:12px;color:var(--text-penel)}
.ac_textfield input:focus + label strong{font-size:12px;color:#4172ae;}
.ac_textfield label{position:absolute;top:10px;left:0;display:inline-block;transition:0.3s ease-out;}
.ac_textfield label > strong{height:26px;padding:0 0 0 5px;font-size:14px;color:var(--text-penel);line-height:28px;}
.ac_textfield input ~ span::before{content:"";position:absolute;top:44px;left:0;width:0;height:2px;background-color:#4172ae;}
.ac_textfield input:focus ~ span::before{animation: iptBorAni 0.8s forwards;}
.ac_textfield input:required + label:before{content:"*";position: absolute;right:-8px;top:2px;font-size:14px;color:#d64e47;}
.ac_textfield > i{position:absolute;top:14px;right:3px;width:25px;height:25px;font-size:20px;color:var(--text-penel);text-align:center;line-height:26px;}
.ac_textfield > i.suffix{position:absolute;right:0px;bottom:10px;} 
.ac_textfield input:focus ~ i.md{color:#4172ae;}
.ac_textfield.validate input:invalid:not(:placeholder-shown){border-color:#d64e47;}
.ac_textfield.validate input:invalid:focus:not(:placeholder-shown)  ~ span::before{background-color:#d64e47;}

/* Radio */
.ac_radio_box{position:relative;display:block;margin:0;padding:10px 10px 10px 20px;border:1px solid #959798;border-radius:7px;z-index:900;background-color:#fff;}
.ac_radio_box > label{position:absolute;top:-13px;left:10px;display:inline-block;height:22px; padding:0 5px;line-height:22px;transition:0.3s ease-out;background-color:#fff;z-index:901;}
.ac_radio_box .ac_radio > label{padding-bottom:0;}
.ac_radio_box .ac_radio ~ .ac_radio{margin-top:-5px;}
.ac_radio{position:relative;display:flex;padding:0;min-height:40px;}
.ac_radio > label{position:relative;display:block;padding:5px 5px 5px 25px;}
.ac_radio > label > span{display:block;padding:5px 0 3px;line-height:18px;}
.ac_radio > input[type=radio]{position:absolute;top:11px;left:1px;width:18px;height:18px;border:2px solid #959798;background-color:#fff;border-radius:50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;z-index:902;}
.ac_radio > input[type=radio]:checked{border-color:#0464D9;}
.ac_radio > input[type=radio]:checked::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%, -50%);background-color:#0464D9;border-radius:50%;z-index:901;}
.ac_radio > input[type=radio] + label::before{content:"";position:absolute;top:10px;left:0;width:16px;height:16px;background-color:transparent;border-radius:50%;transition:width 0.2s, height 0.2s, top 0.2s, left 0.2s;}
.ac_radio > input[type=radio]:checked:focus + label::before{top:2px;left:-8px;width:36px;height:36px;background-color:rgba(204, 204, 204,0.5);z-index:900;}
.ac_radio > input[type=radio]:disabled{border-color:#ccc;}
.ac_radio > input[type=radio]:disabled + label{color:#ccc;}

/* Checkbox */
.ac_checkbox{position:relative;display:flex;padding:0 !important;min-height:40px;min-width:40px !important;}
.ac_checkbox > label{position:relative;display:block;padding:7px 5px 0 30px;}
.ac_checkbox > label span{line-height:24px;}
.ac_checkbox > input[type=checkbox]{position:absolute;top:10px;left:0;width:18px;height:18px;border:2px solid #959798;background-color:transparent;border-radius:3px;z-index:991;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor: pointer;}
.ac_checkbox > input[type=checkbox]:checked{border-color:#0464D9;background-color:#0464D9;}
.ac_checkbox > input[type=checkbox]:checked::before{content:"";position:absolute;top:2px;left:5px;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg);}
.ac_checkbox > input[type=checkbox] + label::before{content:"";position:absolute;top:10px;left:0;width:18px;height:18px;background-color:transparent;border-radius:50%;z-index:990;transition:width 0.2s, height 0.2s, top 0.2s, left 0.2s;}
.ac_checkbox > input[type=checkbox]:checked:focus + label::before{top:0;left:-10px;width:38px;height:38px;background-color:rgba(27, 52, 81,0.4);}
.ac_checkbox > input[type=checkbox]:not(:checked):focus + label::before{top:0;left:-10px;width:38px;height:38px;background-color:rgba(204, 204, 204,0.5)}
.ac_checkbox > input[type=checkbox]:checked:disabled{background-color:#8E8E93;}
.ac_checkbox > input[type=checkbox]:disabled{border-color: #ccc;background: #ddd;cursor: not-allowed;}
.ac_checkbox > input[type=checkbox]:disabled + label span{color:rgba(204, 204, 204, 1);}

    /* fill_in */
    .ac_checkbox.fill_in > input[type=checkbox]:checked{background-color:#1B3451;border:none;} 
    .ac_checkbox.fill_in > input[type=checkbox]:checked::before{content:"";position:absolute;top:2px;left:6px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg);}

        /* fill_in custos width */
        .ac_checkbox.fill_in > input.wid25[type=checkbox]{position:absolute;top:7px;left:0;width:25px;height:25px;}
        .ac_checkbox.fill_in > input.wid25[type=checkbox]:checked{height:25px;width:25px;background-color:#1B3451;border:none;transform:scale(1.1);transition:transform .1s, opacity .1s;}
        .ac_checkbox.fill_in > input.wid25[type=checkbox]:checked::before{content:"";position:absolute;top:4px;left:8px;width:8px;height:16px;border:2px solid #fff;border-top:0;border-left:0;}
        .ac_checkbox.fill_in > input.wid25[type=checkbox] + label::before{content:"";position:absolute;top:10px;left:0;width:18px;height:18px;background-color:transparent;border-radius:50%;z-index:990;transition:width 0.2s, height 0.2s, top 0.2s, left 0.2s;}
     
/* Dropdown List */
.ac_dropdown_list{position:relative;margin:0;padding:0;}
.ac_dropdown_list > a{position:relative;top:0;left:0;width:100%;display:block;height:45px;margin:0;padding:0 10px;font-size:13px;color:#212529;z-index:902;background-color:transparent;border:1px solid #959798;border-radius:7px;z-index:900;}
.ac_dropdown_list > a::before{content:"";position:absolute;top:50%;right:5px;display:block;width:26px;height:26px;margin-top:-13px; transition:0.2s ease-in-out;background-image:url(../img/icon/arrow_down_primary.png);background-repeat:no-repeat;background-position:center center;background-size:13px auto;background-position:center;}
.ac_dropdown_list > a.show::before{transform:rotate(180deg);}
.ac_dropdown_list > a span{display:block;width:100%;height:100%;padding:0 15px 0 0;line-height:42px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ac_dropdown_list > a input{display:none;}
.ac_dropdown_list > input{display:none;width:100%;padding-right:17px;font-size:13px;color:#212529;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ac_dropdown_list > label,
.ac_dropdown_list > a > label{position:absolute;top:50%;left:0;display:inline-block;padding:0 5px;transform:translate(5px, -50%);transition:transform 0.3s ease-out;background-color:#fff;z-index:901;/*border:1px solid #fff;*/}
.ac_dropdown_list > a input:not(:placeholder-shown) + label{font-size:13px;transform:translate(5px, -155%);color:var(--text-penel);z-index:903;}
.ac_dropdown_list > a input:required + label{padding-right:10px;}
.ac_dropdown_list > a input:required + label:before{content:"*";position: absolute;right:0;top:2px;font-size:14px;color:#d64e47;}
    
    .ac_dropdown_list > a[disabled="disabled"],
    .ac_dropdown_list > a[disabled="disabled"] label{background-color:var(--bg-input-disable);}
    
.ac_dropdown_list .dropdown-menu{padding:0;width:100%;min-width:100%;}
.ac_dropdown_list .dropdown-menu ul{display:block;max-height:215px;margin:0;padding:5px 0;overflow:auto;}
.ac_dropdown_list .dropdown-menu ul li{float:left;width:100%;}
.ac_dropdown_list .dropdown-menu ul > li > a{display:block;width:100%;}
.ac_dropdown_list .dropdown-menu ul > li > a > span{display:block;width:100%;margin:0;padding:7px 5px 7px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ac_dropdown_list .dropdown-menu ul > li > a > span:has(span.topup){padding:0 0 0 10px;}
.ac_dropdown_list .dropdown-menu ul > li > a > span.templete{display:grid;grid-template-columns:max-content 100fr;white-space:pre-line;text-overflow:inherit;}
.ac_dropdown_list .dropdown-menu ul > li > a > span.templete > strong{margin-right:5px;color:var(--bg-primary);font-weight:normal;}
.ac_dropdown_list .dropdown-menu ul > li > a > span.templete:has(strong.d_block){display:block;grid-template-columns:max-content;}
.ac_dropdown_list .dropdown-menu ul:not(:has(li)){position:relative;min-height:150px;}
.ac_dropdown_list .dropdown-menu ul:not(:has(li))::before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);content:var(--noData);font-size:20px;line-height:20px;color:var(--text-default); }

    .ac_form .dropdown-menu ul li:hover > a,
    .ac_combobox .dropdown-menu ul li:hover > a{background-color:#dfe3eb;}
    .ac_form .dropdown-menu ul li > a.active,
    .ac_combobox .dropdown-menu ul li > a.active{background-color:var(--bg-primary);}    
    /* .ac_form .dropdown-menu ul li:hover > a span strong, 
    .ac_combobox .dropdown-menu ul li:hover > a span strong, */    
    .ac_form .dropdown-menu ul li > a.active span strong,
    .ac_combobox .dropdown-menu ul li > a.active span strong{color:#fff!important;}
    .ac_form .dropdown-menu ul li > a.active span,
    .ac_combobox .dropdown-menu ul li > a.active span{color:#fff!important;}
    
    .dropdown-menu .ac_filter_content{position:relative;margin:10px;padding:0;}
    .dropdown-menu .ac_filter_content > input{height:33px;}
    .dropdown-menu .ac_filter_content::before{content:"\f05f";position:absolute;top:0;right:0;width:33px;height:33px;font-size:22px;font-family:'Material Design Iconic Font';text-align:center;}

.ac_country_list{display:grid !important;grid-template-columns:100px auto;}
.ac_country_list > label{transform:translate(5px, -156%);transition:0.3s ease-out;z-index:903;}
.ac_country_list > input{display:none;}
.ac_country_list > a{padding:7px 0;background-repeat:no-repeat;background-position:12px 13px;background-size:auto 18px;}
.ac_country_list > a.disabled{pointer-events:none;cursor:not-allowed;background-color:var(--bg-input-disable) !important;}
.ac_country_list > a > span{display:grid;align-items:flex-start;align-items:center;grid-template-columns:38px auto;vertical-align:top;padding:0 5px 0 10px;font-size:13px;line-height:12px;}
.ac_country_list > a > span img{display:block;height:24px;padding:1px;border:1px solid #ccc;}
.ac_country_list > a > span span{line-height:28px;color:#212529;}
.ac_country_list .dropdown-menu{min-width:250px;}
.ac_country_list .dropdown-menu ul li a span.list_country{display:flex;align-items:center;background-position:5px center;}
.ac_country_list .dropdown-menu ul li a span.list_country img{display:block;height:24px;margin:0 5px 0 0;padding:1px;border:1px solid #ccc;}
.ac_country_list .dropdown-menu .input-group .ac_form > input{border-radius:0 7px 7px 0;}
 /* Dropdown Flag */
.ac_country_list{position:relative;margin:0;padding:0;}
.ac_country_list::before{content:"";position:absolute;top:14px;left:11px;display:block;width:32px;height:22px;background-size:auto 20px;background-repeat:no-repeat;z-index:999;}


/* Topup Dropdownlist */

/* Template */
.ac_dropdown_list span.templete, span.valueTemplate{
    .topup{display:flex;height:45px;padding:0 0 0 36px;align-items:center;background-position:1px center;background-repeat:no-repeat;background-size:26px auto;}
    .topup.KH0001{background-image:url('../img/icon/KH0001.png');} 
    .topup.KH0002{background-image:url('../img/icon/KH0002.png');}
    .topup.KH0003{background-image:url('../img/icon/KH0003.png');}
    .topup.KH0004{background-image:url('../img/icon/KH0004.png');}
    .topup.KH0007{background-image:url('../img/icon/KH0007.png');}
    .topup.KH0008{background-image:url('../img/icon/KH0008.png');}
    .topup.KH0009{background-image:url('../img/icon/KH0009.png');}
}
/* //Template */

/* //Dropdown List */


/* Style for the datepicker */
.ac_datepicker input{background:url(../img/icon/comp_datepicker.png) no-repeat;background-position:calc(100% - 10px) 45%; background-size:18px auto;}
    .ui-datepicker{position:relative;display:none;max-width:300px;padding:10px;background-color:#fff;-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);border:0;border-radius:5px;z-index:9990 !important;}
    .ui-datepicker .ui-datepicker-header{display:block;position:relative;margin:0 0 10px;padding:0;}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{float:left;}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before{content:"\f1b5";}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next{float:right;}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before{content:"\f237";}
    .ui-datepicker .ui-datepicker-header .ui-corner-all{position:relative;display:block;width:30px;height:30px;font-size:22px;font-family:'Material Design Iconic Font';text-align:center;line-height:28px;-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);border-radius:50%;}
    .ui-datepicker .ui-datepicker-header .ui-corner-all::before{position:absolute;top:0;left:0;width:30px;height:30px;font-size:22px;font-family:'Material Design Iconic Font';text-align:center;}
    .ui-datepicker .ui-datepicker-header .ui-corner-all > span{font-size:0;}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title{display:flex;max-width:200px;margin:0 auto;align-items:center;justify-content:center;}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title select{display:inline-block;vertical-align:top;height:30px;width:100%;margin:0;padding:0 0 0 10px;border: 1px solid #ccc;border-radius:4px;color:#333;appearance:none;-webkit-appearance:none;-moz-appearance:none;
            background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
            background-repeat:no-repeat;
            background-position:right 0 top 50%;
        }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title select option{padding:10px;background-color:#fff;color:#333;}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year{width:150px;margin-left:5px;}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title > span{font-size:14px;line-height:30px;}
 
    .ui-datepicker .ui-datepicker-calendar{display:table;width:100%;table-layout:fixed;}
    .ui-datepicker .ui-datepicker-calendar thead tr th{margin:0;padding:0;}
    .ui-datepicker .ui-datepicker-calendar thead tr th > span{display:block;height:40px;max-width:40px;padding:2px 0 0;text-align:center;color:#6B6B6B;line-height:38px;font-weight:normal;background-color:#EEF2FA;}
    .ui-datepicker .ui-datepicker-calendar thead tr th:first-child > span{border-radius:5px 0 0 5px;}
    .ui-datepicker .ui-datepicker-calendar thead tr th:last-child > span{border-radius:0 5px 5px 0;}
    .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month > a{color:rgb(107, 107, 107, 0.5);}
    .ui-datepicker .ui-datepicker-calendar tbody tr td > a{display:block;height:40px;max-width:40px;padding:2px 0 0;text-align:center;color:rgb(107, 107, 107, 1);line-height:38px;font-weight:normal;border-radius:5px;}
    .ui-datepicker .ui-datepicker-calendar tbody tr td > a.ui-state-active{color:#fff !important;background-color: rgb(40, 78, 125) !important;}
    .ui-datepicker .ui-datepicker-calendar tbody tr td > a.ui-state-hover{color:#6B6B6B;background-color:#dfe3eb;}
    .ui-datepicker .ui-datepicker-calendar tbody tr td > span{display:block;height:40px;max-width:40px;padding:2px 0 0;text-align:center;color:rgb(107, 107, 107, 0.5);line-height:38px;font-weight:normal;border-radius:5px;}
/* //Style for the datepicker */

/* Password */
.ac_password > input{padding-right:35px;}
.ac_password > input:not(:placeholder-shown) ~ a{display:block;}
.ac_password > input[type="password"]::-ms-reveal{display:none;}
.ac_password a.btn{position:absolute;top:calc(50% - 13px);right:5px;display:none;width:25px;height:25px;margin:0;padding:0;border:0;z-index:990;}
.ac_password a.btn::before{content:"\f09b";position:absolute;top:0;right:0;width:100%;height:100%;font-size:18px;color:#274D7B;font-family:'Material Design Iconic Font';text-align:center;line-height:24px;}
.ac_password a.on.btn::before{content:"\f09a";}

/* //Password */

/* Combobox */
.ac_combobox.input-group .ac_form input{border-right:0;}
.ac_combobox.input-group .input-group-text{padding:0;min-width:35px;border-radius:0 7px 7px 0 !important;cursor:pointer;background-color:transparent;}
.ac_combobox.input-group .input-group-text::before{content:"";position:absolute;top:50%;right:5px;display:block;width:26px;height:26px;margin-top:-13px; transition:0.2s ease-in-out;background-image:url(../img/icon/arrow_down_primary.png);background-repeat:no-repeat;background-position:center center;background-size:13px auto;background-position:center;}
.ac_combobox.input-group .input-group-text.show::before{transform:rotate(180deg);}
.ac_combobox .dropdown-menu{width:100%;margin:0;padding:5px 0;overflow:hidden;}
.ac_combobox .dropdown-menu ul li{float:left;width:100%;}
.ac_combobox .dropdown-menu ul li a{display:block;width:100%;}
.ac_combobox .dropdown-menu ul li a span{display:block;width:100%;margin:0;padding:7px 5px 7px 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height: 30px;line-height: 1.5;}


/* //Combobox */
/* Case Change Language[Khmer Font] */
.locale-kh .ac_checkbox > label{line-height:26px;}
/* //Case Change Language[Khmer Font] */

/* Sample Code Demo */
.demo_wrap{display:block;max-width:1200px;margin:0 auto;padding:50px 0 0;}
.demo_wrap > h2{display:block;margin:0 0 15px;padding:15px 0;font-size:20px;color:var(--text-primary);}