html, body {
    background: #fafbfc;
}
::-webkit-scrollbar-track {
    background-color:#ecedee;
}
::-webkit-scrollbar-thumb {
    background-color:#779EB9;
}
::-webkit-scrollbar-thumb:hover{
    background-color:#2c4f78;
}
.color_add {
    color: #507299;
}
.color_inf {
    color: #507299;
}
.color_setting {
    color: #507299;
}
.color_delete {
    color: #507299;
}
a.color_add:hover, a.color_add:focus, a.color_add:active {
    color: #507299;
}
a.color_inf:hover, a.color_inf:focus, a.color_inf:active {
    color: #507299;
}
a.color_setting:hover, a.color_setting:focus, a.color_setting:active {
    color: #507299;
}
a.color_delete:hover, a.color_delete:focus, a.color_delete:active {
    color: #507299;
}
.bg_add {
    background: #507299;
}
.bg_inf {
    background: #779EB9;
}
.bg_setting {
    background: #779EB9;
}
.bg_delete {
    background: #e5ebf1;
}
.kv-date-remove {
    background: #507299 !important;
}
.sign-in .sign-in-card .card .card-head {
    border-bottom: 1px solid rgba(64,63,76,.12);
}
.sign-in .sign-in-card .card .card-head span {
    color: rgba(0,0,0,.5);
}
.sign-in .header {
    background: #507299;
}

#sidebar-wrapper {
    background: #507299;
}
.sidebar {
    background: #5a5a5a;
    color: #285473;
}
.sidebar .cps-menu-dark {
    color: #285473;
    background: #edeef0;
}
.cps-menu-submenu {
    border-bottom: 1px solid rgba(64,63,76,.12);
}
.cps-menu-submenu-title:hover {
    background: #e1e5eb;
    color: #285473;
}
.cps-menu .active {
    background: #e1e5eb;
    color: #285473;
}
.cps-menu-sub {
    background: #edeef0;
}
.cps-menu-sub li:hover {
    background: #e1e5eb;
}
.cps-menu-sub a {
    color: #285473;
}
.cps-menu-sub a:hover {
    color: #285473;
}
.cps-menu-item, .cps-menu-submenu-title {
    color: #285473;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom,
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
    background-color: #507299;
}
table>tbody>tr:nth-child(odd)>td, table>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}

.header {
    background: #fff;
    border-bottom: 1px solid rgba(64,63,76,.12);
}
.header .header-button .h-btn:hover {
    background-color: rgba(119,158,185,.125);
}
.header .header-button .h-btn{
    color: #507299;
}

.header-button .dropdown-menu div {
    border: 1px solid #ececec;
}
.breadcrumb .active {
    color: #999999;
}
.breadcrumb li a {
    color: #285473;
}
.breadcrumb li a:hover {
    color: #285473;
    text-decoration: underline;
}
.section-head, .card {
    background: #ffffff;
    border: 1px solid rgba(64,63,76,.12) !important;
}
.section-head .section-head-icon {
    background: #779EB9;
    color: #ffffff;
}
.card .card-head h3 {
    border-bottom: 1px solid rgba(64,63,76,.12);
}
.section-head .section-head-btn {
    color: #ffffff;
    background: #507299;
    border: 1px solid #507299;
}
.section-head .section-head-btn:hover {
    text-decoration: none;
    color: #507299;
    background: #e1e5eb;
    border: 1px solid #e1e5eb;
}
.section-head .section-head-btn:focus {
    text-decoration: none;
    color: #fff;
    background: #507299;
    border: 1px solid #e1e5eb;
}
.btn {
    border: 1px solid rgba(64,63,76,.12);
    outline:none;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333333 !important;
    background-color: rgba(80,114,153,.25) !important;
    border-color: #507299 !important;
}
.btn-default:focus {
    color: #333333 !important;
    background-color: rgba(80,114,153,.25) !important;
    border-color: #507299 !important;
}
.btn-default:hover {
    color: inherit;
    background-color: transparent;
    border-color: inherit;
}
.btn_add {
    color: #ffffff;
    background: #507299;
}
.btn_add:hover,.btn_add:focus {
    color: #507299;
    background: #ffffff;
    border: 1px solid #507299;
}
.btn_add:active {
    color: #333333;
    background: #ffffff;
    border: 1px solid #507299;
    outline: none;
    -webkit-box-shadow: inset 0 2px 5px rgba(80,114,153,.25);
    box-shadow: inset 0 2px 5px rgba(80,114,153,.25);
}
.btn_inf {
    color: #ffffff;
    background: #779EB9;
}
.btn_inf:hover, .btn_inf:focus {
    color: #779EB9;
    background: #ffffff;
    border: 1px solid #779EB9;
}
.btn_inf:active {
    color: #779EB9;
    background: #ffffff;
    border: 1px solid #779EB9;
    outline: none;
    -webkit-box-shadow: inset 0 2px 5px rgba(119,158,185,.25);
    box-shadow: inset 0 2px 5px rgba(119,158,185,.25);
}
.btn_setting {
    color: #ffffff;
    background: #779EB9;
}
.btn_setting:hover, .btn_setting:focus {
    color: #779EB9;
    background: #ffffff;
    border: 1px solid #779EB9;
}
.btn_setting:active {
    color: #779EB9;
    background: #ffffff;
    border: 1px solid #779EB9;
    outline: none;
    -webkit-box-shadow: inset 0 2px 5px rgba(119,158,185,.25);
    box-shadow: inset 0 2px 5px rgba(119,158,185,.25);
}
.btn_delete {
    color: #507299;
    background: #e5ebf1;
}
.btn_delete:hover, .btn_delete:focus {
    color: #507299;
    background: #ffffff;
    border: 1px solid #e5ebf1;
}
.btn_delete:active {
    color: #507299;
    background: #ffffff;
    border: 1px solid #e5ebf1;
    outline: none;
    -webkit-box-shadow: inset 0 2px 5px rgba(229,235,241,.25);
    box-shadow: inset 0 2px 5px rgba(229,235,241,.25);
}
.has-success .input-group-btn .btn-default {
    color: inherit;;
    background-color: inherit;;
    border: 1px solid rgba(64,63,76,.12);
}
.has-success .input-group-btn .btn-default:hover,
.has-success .input-group-btn .btn-default:focus,
.has-success .input-group-btn .btn-default.focus,
.has-success .input-group-btn .btn-default:active,
.has-success .input-group-btn .btn-default.active,
.open > .dropdown-toggle.has-success .input-group-btn .btn-default {
    color: inherit;
    background-color: inherit;
    border: 1px solid rgba(64,63,76,.12);
}
.has-success .input-group-btn .btn-default:active,
.has-success .input-group-btn .btn-default.active,
.open > .dropdown-toggle.has-success .input-group-btn .btn-default {
    background-image: none;
}
.has-success .input-group-btn .btn-default.disabled,
.has-success .input-group-btn .btn-default[disabled]
.has-success .input-group-btn .btn-default.disabled:hover,
.has-success .input-group-btn .btn-default[disabled]:hover
.has-success .input-group-btn .btn-default.disabled:focus,
.has-success .input-group-btn .btn-default[disabled]:focus
.has-success .input-group-btn .btn-default.disabled.focus,
.has-success .input-group-btn .btn-default[disabled].focus
.has-success .input-group-btn .btn-default.disabled:active,
.has-success .input-group-btn .btn-default[disabled]:active
.has-success .input-group-btn .btn-default.disabled.active,
.has-success .input-group-btn .btn-default[disabled].active {
    background-color: inherit;
    border: 1px solid rgba(64,63,76,.12);
}
.has-success .input-group-btn .btn-default .badge {
    color: inherit;
    border: 1px solid rgba(64,63,76,.12);
}
.has-error .input-group-btn .btn-default {
    color: inherit;
    background-color: inherit;
    border: 1px solid rgba(64,63,76,.12);
}
.has-error .input-group-btn .btn-default:hover,
.has-error .input-group-btn .btn-default:focus,
.has-error .input-group-btn .btn-default.focus,
.has-error .input-group-btn .btn-default:active,
.has-error .input-group-btn .btn-default.active,
.open > .dropdown-toggle.has-error .input-group-btn .btn-default {
    color: inherit;
    background-color: inherit;
    border: 1px solid rgba(64,63,76,.12);
}
.has-error .input-group-btn .btn-default:active,
.has-error .input-group-btn .btn-default.active,
.open > .dropdown-toggle.has-error .input-group-btn .btn-default {
    background-image: none;
}
.has-error .input-group-btn .btn-default.disabled,
.has-error .input-group-btn .btn-default[disabled]
.has-error .input-group-btn .btn-default.disabled:hover,
.has-error .input-group-btn .btn-default[disabled]:hover,
.has-error .input-group-btn .btn-default.disabled:focus,
.has-error .input-group-btn .btn-default[disabled]:focus,
.has-error .input-group-btn .btn-default.disabled.focus,
.has-error .input-group-btn .btn-default[disabled].focus,
.has-error .input-group-btn .btn-default.disabled:active,
.has-error .input-group-btn .btn-default[disabled]:active,
.has-error .input-group-btn .btn-default.disabled.active,
.has-error .input-group-btn .btn-default[disabled].active {
    background-color: inherit;
    border: 1px solid rgba(64,63,76,.12);
}
.has-error .input-group-btn .btn-default .badge {
    color: inherit;
    background-color: inherit;
}
.has-error .input-group-addon {
    color: #fff;
    background-color: #507299;
    border: 1px solid rgba(64,63,76,.12);
}
.has-success .input-group-addon {
    color: #fff;
    background-color: #507299;
    border: 1px solid rgba(64,63,76,.12);
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: inherit;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: inherit;
}
.has-success .form-control {
    border-color: rgba(64,63,76,.12);
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
    border-color: #779EB9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
}
.has-error .form-control {
    border-color: rgba(64,63,76,.12);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
    border-color: #779EB9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
}

.has-warning.select2-container--krajee .select2-dropdown,
.has-warning .select2-container--krajee .select2-selection {
    border-color: #779EB9;
}

.has-warning .select2-container--open .select2-selection,
.has-warning .select2-container--krajee.select2-container--focus .select2-selection {
    border-color: #779EB9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
}

.has-error.select2-container--krajee .select2-dropdown,
.has-error .select2-container--krajee .select2-selection {
    border-color: #779EB9;
}

.has-error .select2-container--open .select2-selection,
.has-error .select2-container--krajee.select2-container--focus .select2-selection {
    border-color: #779EB9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
}

.has-success.select2-container--krajee .select2-dropdown,
.has-success .select2-container--krajee .select2-selection {
    border-color: #779EB9;
}

.has-success .select2-container--open .select2-selection,
.has-success .select2-container--krajee.select2-container--focus .select2-selection {
    border-color: #779EB9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
}


.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    background: #779EB9;
    color: #fff;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}
.select2-container--krajee.select2-container--open .select2-selection,
.select2-container--krajee .select2-selection:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(119,158,185,.6);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-color: #779EB9;
}
.select2-container--krajee .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-color: #779EB9;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #779EB9;
    color: #fff;
}
.select2-container--krajee .select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: rgba(119,158,185,.6);
}


.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    color: #333333;
    background: rgba(119,158,185,.25);
    border: 1px solid rgba(80,114,153,.25);
}

.alert .close {
    color: #fff;
    opacity: 1;
}
.alert-success {
    border-color: #779EB9;
    background-color: rgba(80,114,153,.85);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    color: #fff;
}
.alert-success hr {
    border-top-color: #fff;
    background-color: #fff;
}
.alert-success .alert-link {
    color: #fff;
}
.alert-info {
    border-color: #779EB9;
    background-color: rgba(80,114,153,.85);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    color: #fff;
}
.alert-info hr {
    border-top-color: #fff;
    background-color: #fff;
}
.alert-info .alert-link {
    color: #fff;
}
.alert-warning {
    border-color: #779EB9;
    background-color: rgba(80,114,153,.85);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    color: #fff;
}
.alert-warning hr {
    border-top-color: #fff;
    background-color: #fff;
}
.alert-warning .alert-link {
    color: #fff;
}
.alert-danger {
    border-color: #779EB9;
    background-color: rgba(80,114,153,.85);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    color: #fff;
}
.alert-danger hr {
    border-top-color: #fff;
    background-color: #fff;
}
.alert-danger .alert-link {
    color: #fff;
}
.show-hide-btn i {
    color: #507299;
}

.input-group-addon {
    color: #fff;
    background-color: #507299;
    border: 1px solid rgba(64,63,76,.12);
}
.form-control {
    color: #555;
    background-color: #fff;
    border: 1px solid rgba(64,63,76,.12);
}
.form-control:focus {
    border-color: #779EB9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(119,158,185,.6);
}
.form-button {
    border-top: 1px solid rgba(64,63,76,.12);
}
.files-add div .file-ok {
    border: 1px solid rgba(0,0,0,.125);
    background: rgba(0,0,0,.25);
    background: -webkit-linear-gradient(bottom right,rgba(0,0,0,.125),rgba(0,0,0,.25));
    background: linear-gradient(to top left,rgba(0,0,0,.125),rgba(0,0,0,.25));
}
.files-add div .file-ok img, .files-add div .file-ok i {
    border: 1px solid rgba(0,0,0,.125);
}
.card table {
    border: 1px solid rgba(64,63,76,.12);
}
.card table thead tr:nth-child(1) {
    background: #507299;
    color: #fff;
    border-bottom: 1px solid #f4f4f4;
}
.card table thead tr:nth-child(2) {
    background-color: #edeef0;
    border-bottom: 1px solid #f4f4f4;
}
.card table thead tr th, .card table thead tr td, .card table tbody tr th, .card table tbody tr td {
    border-right: 1px solid #f4f4f4;
}
.card table tbody tr:hover {
    background: #fbfbfb;
}
.card table tbody tr td {
    border-bottom: 1px solid #f4f4f4;
}
.page-nav .pagination>li>a, .page-nav .pagination>li>span {
    color: #507299;
    background-color: #fff;
    border: 1px solid #ddd;
}
.page-nav .pagination>li>a:focus, .page-nav .pagination>li>a:hover, .page-nav .pagination>li>span:focus, .page-nav .pagination>li>span:hover {
    color: #fff;
    background-color: #507299;
    border-color: #507299;
}
.page-nav .pagination>li.active a {
    color: #fff;
    background-color: #507299;
    border-color: #507299;
}
.modal-content .modal-header {
    background: #507299;
}
.modal-content .modal-header .modal-title {
    color: #ffffff;
}
.modal-header .close {
    color: #ffffff;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #507299;
    border-color: #507299; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #507299;
    border-color: #507299; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #507299;
    border-color: #507299; }
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #507299;
    border-color: #507299; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #507299;
    border-color: #507299; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

.radio-primary input[type="radio"] + label::after {
    background-color: #507299; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #507299; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #507299; }
.radio-danger input[type="radio"] + label::after {
    background-color: #507299; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #507299; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #507299; }
.radio-info input[type="radio"] + label::after {
    background-color: #507299; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #507299; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #507299; }
.radio-warning input[type="radio"] + label::after {
    background-color: #507299; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #507299; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #507299; }
.radio-success input[type="radio"] + label::after {
    background-color: #507299; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #507299; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #507299; }