html,
body {
    height: 100%;
    padding: 45px 0;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 90px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.position-1, .position-2,.position-3 {
    width: 200px;
    height: 100px;
}

.position-7, .position-5, .position-6 {
    width: 300px;
    height: 300px;
}

.position-4,.position-8 {
    width: 500px;
    height: 125px;
}

.pull-right.btn {
    margin-left: 4px;
}

.show {
    display: block;
}

#list-group {
    cursor: pointer;
}

.user-in-list {
    min-height: 150px;
}

.admin-access-rule {
    min-height: 100px;
}

.column-list-item {
    position: relative;
}

.btn-remove-item {
    position: absolute;
    right: 0; top: 0;
}

.form-control {
    border-radius: 16px;
}

label, .control-label, .help-block, .checkbox, .radio {
    padding-left: 10px;
    margin-bootom: 7px !important;
}

.btn {
    border-radius: 100px;
    padding: 8px 25px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .navbar-inverse {
    background: #415b95;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #415b95 !important;
    background: #ffffff !important;
    font-weight: bold;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #415b95 !important;
    background: #ffffff !important;
    font-weight: bold;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .dropdown-menu>li>a:hover {
    background-color: #30446f !important;
    color: #ffffff !important;
}

.navbar-inverse .dropdown-menu>.active>a, .navbar-inverse .dropdown-menu>.active>a:hover {
    background-color: #30446f !important;
    color: #ffffff !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #ffffff;
}

.navbar-inverse .dropdown-menu {
    background: #415b95;
    color: #ffffff;
}

.badge {
    background: #ffffff;
    color: #415b95;
    border-radius: 100px;
    padding: 3px 6px;
}

a {
    color: #4a6a8c;
}

a:hover {
    color: #526ba0;
}

.btn-primary {
    color: #ffffff;
    background-color: #415b95;
    border-color: #415b95;
}

.btn-success {
    color: #ffffff;
    background-color: #4dad4c;
    border-color: #4dad4c;
}

.btn-success:hover {
    background-color: #69b969;
    border-color: #69b969;
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    margin: 0;
    border-radius: 16px;
    padding: 0px 10px;
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove {
    margin: 0px 0 0 7px;
}

.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 14px;
}

.select2-container--krajee .select2-selection {
    border-radius: 16px !important;
    min-height: 40px;
    padding: 10px 24px 10px 12px;
    line-height: 18px;
}

select:invalid + .select2-container--krajee .select2-selection {
    border-color: #a94442;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border: 0;
    border-radius: 0;
    height: 40px;
}

textarea.form-control {
    height: 100px;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-left-radius: 16px !important;
    border-top-left-radius: 16px !important;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-right-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    margin: 3px;
}

.navbar-text {
    margin: 2px 15px !important;
}

.navbar-text span.select2-selection.select2-selection--single {
    border: none !important;
}

.hidden {
    display: none;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    /*
       Fix incorrect z-index calculation by js.
       @see vendor/kartik-v/yii2-widget-datepicker/src/assets/js/bootstrap-datepicker.js:674
    */
    z-index: 2000 !important;
}