
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 0 15px;
}

.panel-info {
    border-color: #bce8f1;
}
.panel-primary {
    border-color: #bce8f1;
}
.panel-default {
    border-color: #ddd;
}



.panel-danger {
    border-color: #ebccd1;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-primary > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 0 -15px;
}

.pull-right {
    float: left !important;
}

.pull-left {
    float: right !important;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.kv-panel-before {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px;
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: right;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn .caret {
    margin-left: 0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.kv-panel-before .dropdown-toggle::after {
    display: none;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: right;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.dynagrid-detail-name {
    padding: 10px;
}

.kv-table-float {
    border-top: none;
    border-bottom: none;
    background-color: #fff;
}

.rc-handle-container {
    position: relative;
}

.bootstrap-timepicker.input-group .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.nav-vertical .nav-left ~ .tab-content {
    display: flow-root;
}

.nav-vertical .nav-left ~ .tab-content .tab-pane {
    overflow-y: inherit !important;
}

.bg-absent td {
    background: #ef9a9a !important;
}

.bg-agent td {
    background: #fff59d !important;
}

.bg-present td {
    background: #a5d6a7 !important;
}

.present_tabs .nav-tabs .nav-link {
    text-align: center;
    border-bottom: 1px solid #eceeef;
}

.present_tabs .nav.nav-tabs .nav-item .nav-link.active {
    background-color: #3e99fc;
    border-radius: 0.25rem 0.25rem 0 0;
    color: white;
    text-align: center;
}

.present_tabs.nav-vertical .nav-left.nav-tabs {
    border: 1px solid #ddd !important;
}

.present_tabs .nav-tabs .nav-link:hover {
    border-color: transparent;
    border-bottom: 1px solid #eceeef;
}

.select2-container--krajee .select2-selection--single .select2-selection__clear {
    left: .5rem;
    top: .2rem;
    right: auto !important;
}