body,
input, button, select, textarea,
.warp, .warp .uk-form label,
.warp h1, .warp h2, .warp h3, .warp h4, .warp h5, .warp h6 {
    font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

body {
    font-size: 17px;
    line-height: 32px;
    font-weight: 400;
    color: #2a455d;
}

body,
.badge-info {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

[class^="icon-"]:before, 
[class*=" icon-"]:before {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

@media (min-width: 768px) {
    body {
        padding-top: 42px;
    }
}

label, input, button, select, textarea {
    font-size: 15px;
}

legend {
    color: #2a455d;
}

li {
    line-height: 28px;
}

.small {
    font-size: 15px;
}

strong.row-title.break-word {
    font-weight: 400;
}

strong {
    font-weight: 400;
}

/* header */
.subhead {
    background-color: #F8FAFF;
    border-bottom: 1px solid #E8EEFD;
}

.navbar-fixed-top .navbar-inner, 
.navbar-static-top .navbar-inner {
    border-bottom: 0;
}

/* button */
button.btn-primary, a.btn-primary {
    background: #08c;
    border-color: #0278b3;
}

.btn:focus {
    outline: none;
}

button.btn-primary:hover, a.btn-primary:hover, 
button.btn-primary:focus, a.btn-primary:focus, 
button.btn-primary:active, a.btn-primary:active,
button.btn-primary.active, a.btn-primary.active,
button.btn-primary:disabled, a.btn-primary.disabled,
button.btn-primary[disabled], a.btn-primary[disabled] {
    color: #fff;
    background-color: #048dd2;
}

.chzn-color.chzn-single[rel="value_1"],
.chzn-color-reverse.chzn-single[rel="value_0"],
.chzn-color-state.chzn-single[rel="value_1"],
.btn.btn-success {
    color: #fff;
    text-shadow: none;
    background-color: #71a416;
    border-color: #639013;
}

button.btn-success:hover, a.btn-success:hover,
button.btn-success:focus, a.btn-success:focus,
button.btn-success:active, a.btn-success:active,
button.btn-success.active, a.btn-success.active,
button.btn-success.disabled, a.btn-success.disabled,
button.btn-success[disabled], a.btn-success[disabled] {
    color: #fff;
    background-color: #679417;
}

.btn-small {
    padding: 4px 12px;
    font-size: 15px;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #da314b;
}

.well {
    background-color: #F8FAFF;
    border: 1px solid #E5EAF7;
    border-radius: 3px;
    box-shadow: none;
}

.well-small {
    padding: 20px;
}

.form-vertical .well {
    padding: 10px;
}

.form-vertical .pull-right {
    margin-top: 28px;
}

.form-vertical .span12.control-group {
    width: 70%;
}

/* icons */
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-save-new:before,
.icon-save-copy:before,
.btn-toolbar .icon-copy:before {
    color: #639013;
}

.icon-unpublish:before,
.icon-not-ok:before,
.icon-eye-close:before,
.icon-ban-circle:before,
.icon-minus-sign:before,
.btn-toolbar .icon-cancel:before {
    color: #da314b;
}

.icon-help:before {
    content: "\e220";
}

/* input */
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    height: 25px;
    font-size: 15px;
    padding: 4px 6px;
    border-radius: 2px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append .dropdown-menu,
.input-append .popover,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input,
.input-prepend .dropdown-menu,
.input-prepend .popover {
    font-size: 15px;
    height: 18px;
}

.input-prepend .add-on, .input-prepend .btn {
    margin-top: 1px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus, 
.uneditable-input:focus {
    box-shadow: none;
    border-color: #6D9EC7;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    box-shadow: none;
}

/* badge */
.label, .badge {
    background-color: #4E596B;
    text-shadow: none;
}

.label-info, .badge-info {
    background-color: #3e7ed8;
}

.label-important, .badge-important {
    background-color: #da314b;
}

.label-warning, .badge-warning {
    background-color: #f89406;
}

/* alert */
.alert, .alert h4 {
    color: #5986b7;
}

.alert {
    background-color: #f1f5ff;
    border: 1px solid #dae0ec;
    border-radius: 3px;
}

.alert .close {
    color: #8aadd3;
    opacity: 1;
    font-weight: 400;
}

.alert-info {
    background-color: #eef4ff;
    color: #1e435a;
    border: none;
    box-shadow: inset 0 0 0 1px rgba(37, 139, 206, 0.2), inset 4px 0 0 #258bce;
}

.alert, .alert h4 {}

.alert-info h4 {
    color: #1e435a;
}

.label-success,
.badge-success {
    background-color: #08C;
}

/* navbar */
.navbar .dropdown-menu,
.navbar .nav-user {
    font-size: 15px;
}

.navbar .nav > li > a:focus {
    outline: 0;
    color: #c6dff5 !important;
}

.dropdown-menu {
    min-width: 200px;
    box-shadow: none;
    border: 1px solid #C6DFF5;   
    border-radius: 0;
}

.dropdown-submenu > .dropdown-menu {
    border-radius: 0;
}

.dropdown-menu .divider {
    background-color: #C6DFF5;
}

.dropdown-menu > li > a {
    line-height: 24px;
    color: #2A455D;
}

.dropdown-submenu > a:after {
    border-left-color: #BCDAF5;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 13px;
}

.nav-list > .active > a, 
.nav-list > .active > a:hover {
    background-color: #258bce;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #EEF4FF;
}

/* table */
.list-striped,
.row-striped {
    border-top: none;
}

.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid {
    padding: 10px;
}

.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd) {
    background-color: #F8FAFF;
}

.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid {
    border-bottom: 1px solid #EAEBEC;
}

.list-striped li:hover,
.list-striped dd:hover,
.row-striped .row:hover,
.row-striped .row-fluid:hover {
    background-color: #EEF4FF;
}

.row-striped .row-fluid:last-child {
    border-bottom: none;
}

.table th, 
.table td {
    line-height: 26px;
    border-top: 1px solid #eef4ff;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #F8FAFF;
}

.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid {
    border-bottom: 1px solid #E5EAF7;
}

/* login */
.view-login {
    background-color: #314a7d;
}

#form-login .input-append > .add-on {
    display: none;
}

.view-login .input-medium {
    width: 204px;
}

.view-login .well {
    margin-bottom: 0;
    padding: 20px 20px 5px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    border-width: 5px 0 0;
    min-width: 280px;
}

.view-login .container {
    margin-top: -180px;
}

.view-login .navbar-fixed-bottom, 
.view-login .navbar-fixed-bottom .pull-right,
.view-login .navbar-fixed-bottom a {
    color: #ffffff;
}

.login .btn-large {
    margin-top: 25px;
}

.view-login .well hr {
    border-color: transparent;
}

.view-login #system-message-container {
    padding-left: 0;
}

#form-login input[type="text"], 
#form-login input[type="password"] {
    height: 32px;
    width: 248px;
    border-radius: 0;
    box-shadow: none;
    color: #5a87c2;
    border-color: #dbdfe6;
    border-width: 0 0 1px 1px;
}

#form-login .control-remind {
    font-size: 16px;
    text-align: center;
}

#form-login a {
    color: #6bb31c;
}

#form-login :-ms-input-placeholder {
  color: #c5c8ce !important;
}
#form-login ::-moz-placeholder {
  color: #c5c8ce;
}
#form-login ::-webkit-input-placeholder {
  color: #c5c8ce;
}

#form-login .btn-primary {
    background-color: #6bb31c;
    border-color: #64a71b;
    max-width: 260px;
    margin-left: 10px;
}

#form-login .input-prepend .btn.hasTooltip {
    background: none;
    border: none;
    box-shadow: none;
    color: #ccd4e9;
    position: relative;
    padding: 12px 0 0 0;
    z-index: 5;
}

#form-login .control-group + .control-group {
    margin-top: 20px;
}

/* sidebar */
.j-sidebar-container {
    background-color: #F8FAFF;
    min-height: 100vh;
    padding-top: 40px;
    border-right: 1px solid #E8EEFD;
}

.sidebar-nav .nav-list > li > a {
    font-size: 15px;
    padding: 4px 15px;
}

.sidebar-nav .nav-list > li > a:focus, 
.sidebar-nav .nav-list > li > a:hover {
    background-color: #332864;
}

.quick-icons .nav-list > li > a {
    padding: 2px 15px;
    border-radius: 3px;
    color: #2d415f;
}

.nav-header {
    color: #2A455D;
}

.quick-icons .nav-header, 
.well .module-title.nav-header {
    font-size: 20px;
    text-transform: none;
    margin: 10px 0 20px !important;
    font-weight: 400;
    color: #2d415f !important;
}

.quick-icons h2.nav-header {
    position: relative;
    margin-bottom: 20px !important; 
}

#media-tree_tree .nav li a > span {
    padding: 6px;
}

@media (max-width: 767px) {
    .j-sidebar-container {
        min-height: auto;
    }
}

/* thumbnail */
.thumbnail {
    padding: 15px;
    border: 1px solid #CFE0FF;
    border-radius: 0;
    box-shadow: none;
}

/* status */
#status {
    box-shadow: none;
    background: #EEF4FF;
    color: #1E435A;
    border-top: 1px solid #C6DFF5;
    padding: 3px 10px 8px;
}

#status .btn-toolbar,
#status .btn-group {
    font-size: 15px;
}

.navbar .nav > .dropdown.open:after {
    top: 40px;
}