:root {
    --primary-color: #7D94B4;
    --secondary-color: #ced9e8;
    --text-color: #9E9E9E;
}

.layui-btn{background-color:var(--primary-color) !important; }
.layui-slider-input-btn i:hover{color: var(--primary-color) !important;}
.layui-layout-admin .layui-logo{color: var(--primary-color) !important;}
.layui-bg-green{background-color: var(--primary-color) !important; }
.layui-border-green{border-color: var(--primary-color) !important; color: var(--primary-color) !important;}
.layui-font-green{color: var(--primary-color) !important;}
.layui-btn-primary:hover{border-color: var(--primary-color) !important;}
.layui-btn-group .layui-btn-primary:hover{ color: var(--primary-color) !important;}
.layui-laypage a:hover{color: var(--primary-color) !important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color: var( --primary-color) !important; }
.layui-laypage input:focus,.layui-laypage select:focus{border-color: var(--primary-color) !important;}
.layui-upload-drag .layui-icon{color: var(--primary-color) ;}
.layui-upload-drag[lay-over]{border-color: var(--primary-color) !important}
.layui-nav-tree .layui-nav-child dd.layui-this a{background-color: var(--primary-color) !important; }
.layui-nav-tree .layui-nav-bar{background-color: var(--primary-color) !important;}
.layui-tab-brief > .layui-tab-title .layui-this{color: var( --primary-color) !important;}
.layui-slider-input-btn i:hover{color: var(--primary-color) !important;}
.layui-input:focus, .layui-textarea:focus{border-color: var(--primary-color) !important; }
.layui-form .layui-input:focus, .layui-form .layui-textarea:focus{border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(192, 221, 248, 0.08);}
.layui-input-wrap .layui-input:focus + .layui-input-split{border-color: var(--primary-color) !important;}

.layui-form-select dl{ margin:0; }
.layui-form-select dl .layui-select-tips{ display: none; }
.layui-form-select dl dd:hover{ background: var(--primary-color); color:#fff; }
.layui-laydate .layui-this, .layui-laydate .layui-this>div {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}
.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div {
    background-color: var(--secondary-color) !important;
    transition: all .3s;
}
.layui-laydate-content td.laydate-day-now {
    color: var(--primary-color) !important;
}
.layui-laydate-content td.laydate-day-now:after {
    border: 1px solid var(--primary-color) !important;
}
.layui-laydate-footer span:hover,.layui-laydate-footer .layui-laydate-preview{ color:#666!important; }
.layui-laydate-header i:hover, .layui-laydate-header span:hover{ color:var(--primary-color) !important; }

.layui-laydate-header i.laydate-prev-y,
.layui-laydate-header i.laydate-prev-m,
.layui-laydate-header i.laydate-next-y,
.layui-laydate-header i.laydate-next-m{
    text-indent: -9999px !important;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 30px;
}
.layui-laydate-header i.laydate-prev-y {
    background-image: url(/static/cidi/assets/imgs/investment/laydate-prev-y.svg);
}

.layui-laydate-header i.laydate-prev-m{
    background-image: url(/static/cidi/assets/imgs/investment/laydate-prev-m.svg);
}
.layui-laydate-header i.laydate-next-y{
    background-image: url(/static/cidi/assets/imgs/investment/laydate-next-y.svg);
}
.layui-laydate-header i.laydate-next-m{
    background-image: url(/static/cidi/assets/imgs/investment/laydate-next-m.svg);
}

.uk-input, .layui-input {
    border: 1px solid #fff;
    color: var(--text-color);
    border-radius: 5px;
    font-size: 16px;
}

/*layui reset*/
/*:root {*/
/*    --main-color: #295fbb;*/
/*}*/
/*.layui-laydate-static{ display: block;}*/
/*.layui-laydate-main{ width: 100%;}*/
/*.layui-laydate-footer{ display: none;}*/
/*!*.layui-laydate{ border:0; box-shadow: none; background:none; }*!*/
/*.layui-laydate-list{ background:#f5f5f5; }*/
/*.layui-laydate .layui-this{ background: none !important;; color: #666 !important; }*/
/*.layui-laydate-header{ border:0; }*/
/*.laydate-set-ym{ font-size:18px; color:#000; }*/
/*.layui-laydate-content th{ color:#000; font-weight: bold; font-size:16px; }*/
/*.layui-laydate-header i:hover, .hdpage .layui-laydate-header span:hover{ color:#fe7704; }*/
/*.layui-laydate-content table{ width: 100%; font-size:16px; }*/
/*.layui-laydate-content td.hddot1, .hdpage .layui-laydate-content td.hddot2, .hdpage .layui-laydate-content td.hddot3{ position: relative;  }*/
/*.layui-laydate-content td.hddot1::before, .hdpage .layui-laydate-content td.hddot2::before, .hdpage .layui-laydate-content td.hddot3::before{ position: absolute; left:50%; bottom:0; margin-left:-4px; content:''; display: block; width:8px; height:8px; border-radius: 50%; }*/
/*.layui-laydate-content td.hddot1::before{ background:#f16622; }*/
/*.layui-laydate-content td.hddot2::before{ background:#428adc; }*/
/*.layui-laydate-content td.hddot3::before{ background:#55c629; }*/

/*.layui-form-select dl{ margin:0; }*/
/*.layui-form-select dl dd:hover{ background: var(--main-color); color:#fff; }*/

/*.layui-laydate-footer span:hover,.layui-laydate-footer .layui-laydate-preview{ color:#666!important; }*/

/*body .layui-laydate .layui-this{ background: var(--main-color)!important; } !**!*/

/*.layui-form-radio>i:hover, .layui-form-radioed>i{ color:var(--main-color); }*/
/*.layui-form-select dl dd.layui-this{background-color: var(--main-color);}*/
/*.layui-laydate .layui-this {background-color: var(--main-color)!important; border-radius: 5px;}*/
/*.layui-form-select dl .layui-select-tips{ display: none; }*/

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

    .uk-input, .layui-input {
        font-size: 10px;
        height: 25px;
    }

    .uk-form-icon-flip~.uk-input {
        padding-right: 20px !important;
    }
    .layui-form-select .layui-input {
        padding-right: 20px;
    }

    .layui-form{
        font-size: 12px;
    }

    .layui-laydate{
        font-size: 12px;
    }
    .layui-laydate-main {
        width: calc(272px - 7 * 8px);
    }
    .layui-laydate-content td, .layui-laydate-content th {
        width: 28px;
        height: 18px;
    }
    .laydate-set-ym span {
        padding: 0 5px;
    }
    .layui-laydate-header {
        padding: 7px 70px 5px;
    }
    .layui-laydate-header i.laydate-prev-y, .layui-laydate-header i.laydate-prev-m, .layui-laydate-header i.laydate-next-y, .layui-laydate-header i.laydate-next-m{
        width: 20px;
        height: 24px;
    }

}