html {
    position: relative;
    min-height: 100%;
    height: 100%;
    width: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    height: 100%;
    width: 100%;
}

.container-main {
    margin: 0;
    height: 100%;
    width: 100%;
    padding: unset;
    margin: unset;
    background: #f4f7fb;
}

.layui-bg-1685ba {
    background-color: #1685ba !important;
    color: #fff !important
}

.layui-form-checked[lay-skin=primary] > i {
    border-color: #1685ba !important;
    background-color: #1685ba !important;
}

.layui-form-checkbox[lay-skin=primary] > .layui-icon-indeterminate {
    border-color: #1685ba !important;
}

.layui-form-checkbox[lay-skin=primary]:hover > i {
    border-color: #1685ba !important;
}

.layui-table-checked {
    background-color: #dbeefb !important;
}

    .layui-table-checked.layui-table-click, .layui-table-checked.layui-table-hover {
        background-color: #dbeefb !important;
    }

.layui-nav .layui-this:after, .layui-nav-bar {
    background-color: #1685ba !important;
}

.layui-upload-drag .layui-icon {
    color: #1685ba !important;
}

.layui-btn-primary:hover {
    border-color: #1685ba !important;
}

.layui-form-checkbox[lay-skin=primary] > .layui-icon-indeterminate:before {
    background-color: #1685ba !important;
}

.layui-form-radio:hover > *, .layui-form-radioed, .layui-form-radioed > i {
    color: #1685ba !important;
}

.layui-laypage a:hover {
    color: #1685ba !important;
}

.layui-laypage input:focus, .layui-laypage select:focus {
    border-color: #1685ba !important
}