/* Minification failed. Returning unminified contents.
(1400,1): run-time error CSS1030: Expected identifier, found ' '
(1400,1): run-time error CSS1019: Unexpected token, found ' '
 */
body {
    font-family: Arial !important;
    font-size: 14px !important
}

/*
.qr-code-generator {
width: 500px;
margin: 0 auto;
}

.qr-code-generator * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#qrcode {
width: 128px;
height: 128px;
margin: 0 auto;
text-align: center;
}

#qrcode a {
font-size: 0.8em;
}

.qr-url, .qr-size {
padding: 0.5em;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.qr-url {
width: 79%;
}

.qr-size {
width: 20%;
}

.generate-qr-code {
display: block;
width: 100%;
margin: 0.5em 0 0;
padding: 0.25em;
font-size: 1.2em;
border: none;
cursor: pointer;
background-color: #e5554e;
color: #fff;
}*/


.k-button.k-button-icontext.k-grid-edit .k-icon.k-i-edit {
    margin-top: -3px;
    margin-left: -7px;
}

.rootfolder {
    background: url('/Content/icon/rootflodel.svg');
}

.folder-tree {
    background: url('/Content/icon/folder-svgrepo-com.svg');
}

.user-group-plus {
    background: url('/Content/icon/Group_User.svg');
}

.k-button.k-button-icontext.k-grid-print .k-icon.k-i-print {
    margin-top: -3px;
    margin-left: -7px;
}

.k-button.k-button-icontext.k-grid-print {
    background-color: #D5E1F2;
}

.k-treeview .k-top,
.k-treeview .k-mid,
.k-treeview .k-bot {
    background-image: url('/Content/icon/treeview-nodes.png');
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px;
}

.k-treeview .k-item {
    background-image: url('/Content/icon/treeview-line.png');
}

.k-treeview .k-last {
    background-image: none;
}


.k-treeview .k-top {
    background-position: -91px 0;
}

.k-treeview .k-bot {
    background-position: -69px -22px;
}

.k-treeview .k-mid {
    background-position: -47px -44px;
}

.k-treeview .k-last .k-top {
    background-position: -25px -66px;
}

.k-treeview .k-group .k-last .k-bot {
    background-position: -69px -22px;
}

.k-treeview .k-item {
    background-repeat: no-repeat;
}

.k-treeview .k-first {
    background-repeat: no-repeat;
    background-position: 0 16px;
}

.k-button.k-button-icontext.k-grid-delete {
    color: #fff !important;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.k-button-icontext.k-grid-delete .k-icon {
    background-image: none !important;
    margin-top: -4px;
    margin-left: -7px;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 20px;
    max-width: 29px;
    min-height: 20px;
    max-height: 29px;
}

.k-header.k-grid-toolbar.ng-scope {
    background-color: #e3e3e3 !important;
}
.k-header .k-checkbox-label:before {
    background:#fff;
}

.alert-danger {
    color: #b94a48 !important;
    background-color: #f2dede !important;
    border-color: #eed3d7;
    padding: 10px 0 10px 12px;
}

    .alert-danger ul {
        list-style: none;
        padding-left: 10px !important;
    }

.asterisk {
    
    padding-left: 1px;
    margin-top: 0px;
    padding-top: 0px;
    color: red;
}

.has-error {
    border: 1px #ff0000 solid !important;
}

.content-custom .has-error {
    height: 32px !important;
}

.StudentID, .SubjectsID, .DateOfBirth, .Gender, .TeacherID, .TestDate {
    width: 100% !important;
}

.has-error-selected span.k-dropdown-wrap.k-state-default {
    border: 1px #ff0000 solid !important;
    border-radius: 5px !important;
}

span.k-dropdown-wrap.k-state-default {
    border-radius: 5px;
    border: 1px solid #ccc;
}

    span.k-dropdown-wrap.k-state-default .k-input {
        border-radius: 10px 0px 0px 10px !important;
    }

    span.k-dropdown-wrap.k-state-default .k-select {
        border-radius: 0 px !important;
    }

.k-dropdown-wrap.k-state-focused {
    background-color: #fff !important;
}

.k-grid-list {
    width: 100%;
    max-width: none;
    border-width: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    empty-cells: show;
    outline: 0;
    display: block;
}

    .k-grid-list > .k-item {
        box-sizing: border-box;
        display: table-row;
        position: relative;
    }

        .k-grid-list > .k-item > .k-cell:first-child {
            border-left-width: 0;
        }

        .k-grid-list > .k-item > .k-cell {
            padding: 8px 16px;
        }

        .k-dropdowngrid-popup .k-grid-header .k-header, .k-grid-list > .k-item > .k-cell {
            border-width: 0 0 1px 1px;
            border-style: solid;
            text-align: left;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .k-grid-list > .k-item > .k-cell {
            box-sizing: border-box;
            display: table-cell;
            vertical-align: middle;
        }

#KenWindownUser .col-md-6 {
    padding: 0;
}

.k-widget .row * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-top: 8px;
    font-family: 'Arial';
    font-size: 15px;
    font-weight: 400 !important;
    float: left;
    margin-right: 5px;
}

.button-width {
    width: 80px;
}

.help-block {
    color: #dd4b39;
    float: left;
}

.view-data {
    float: left;
}

a#addButtonGridSection {
    text-transform: none;
}

a.k-button.k-button-icontext.k-grid-excel {
    text-transform: none;
}

.align-center {
    text-align: center;
}

.form-control {
    border-radius: 4px;
    height: 36px !important;
}

.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
    height: 30px !important;
}

.content-max-width {
    font-weight: 100;
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 15px;
    margin-top: 25px;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

textarea.form-control {
    height: auto !important;
}

.qrcode {
    width: 160px;
    height: 160px;
    margin-top: 15px;   
    display: none;
}

.image-style {
}

.btn {
    margin-right: 10px;
    font-size: 13px !important;
}

.form-group {
    margin-bottom: 0 !important;
}

.help-block {
    margin-bottom: 0 !important;
}

.box-footer {
    margin-top: 5px;
}

.form-group .k-dropdown {
    width: 100% !important;
}

.form-group .k-input {
    border-radius: 5px 0px 0px 5px !important;
    height: 100% !important;
    border-right: 1px solid #d2d6de !important;
    background-color: #fff !important;
    line-height: 30px !important;
}

.form-group .k-icon.k-i-arrow-60-down {
    margin-bottom: 0px;
}

#style-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.k-multicheck-wrap::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5 !important;
}

#style-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #3c8dbc;
}

.no-box {
    border-top: none !important;
}

.box-style {
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
}

.k-action-buttons {
    bottom: 0 !important;
}

.k-grid-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.k-grid-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

.k-grid-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #3c8dbc;
}

.k-list-scroller::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.k-list-scroller::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

.k-list-scroller::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #3c8dbc;
}

.k-textbox {
    border-radius: 5px !important;
    border-color: #ebebeb !important;
    height: 30px !important;
}

.date-picker-style {
    width: 100% !important;
    height: 34px !important;
}

span.k-picker-wrap.k-state-default {
    border-radius: 5px;
    border: 1px solid #ccc;
}

span.k-icon.k-i-calendar {
    margin-bottom: 0px !important;
}

.text-area-style {
    resize: none;
    border-radius: 5px;
}

span.k-icon.k-i-clock {
    margin-bottom: 8px !important;
}

a.k-link.k-nav-fast {
    color: #fff;
}

.box-footer-customize {
    margin: 0 15px 0 0;
}

.button-width-customize {
    width: 50px;
    height: 25px;
    padding: 0;
}

.button-width-customize1 {
    width: 80px;
    height: 25px;
    padding: 0;
}

.form-control[disabled] {
    background-color: #fafafa;
    opacity: .6;
    border-color: #e6e6e6;
}

.form-group .k-autocomplete {
    width: 100%;
    border-radius: 4px !important;
    border-color: #d2d6de;
}

.col-sm-8 .k-dropdown {
    width: 100%;
}

.col-sm-8 .k-input {
    height: 26px !important;
    border-right: 1px solid #d2d6de !important;
    background-color: #fff !important;
    line-height: 20px !important;
}

.col-sm-8 .k-icon.k-i-arrow-60-down {
    margin-bottom: 8px;
}

.k-header .k-i-arrow-60-right {
    color: #fff;
}

.k-header .k-i-arrow-60-left {
    color: #fff;
}

/*===================================================================
    Style: Tree Lọc theo phòng ban / đơn vị
===================================================================*/
.ul-style1 {
    list-style: none;
    padding: 0 0 0 10px;
}

    .ul-style1 li {
        padding: 5px 0 0 10px;
    }

    .ul-style1 a {
        cursor: pointer;
    }

        .ul-style1 a.active {
            color: #f39c12;
        }

    .ul-style1 li .collapsable {
        float: left;
        color: #fff;
        text-align: center;
        height: 15px;
        width: 15px;
        border-radius: 2px;
        vertical-align: middle;
        padding: 0px;
        margin-right: 5px;
        font-weight: bold;
    }

        .ul-style1 li .collapsable.opened {
            background-color: #a7a7a7;
        }

        .ul-style1 li .collapsable.closed {
            background-color: #3c8dbc;
        }

.row-popup {
    margin-bottom: 15px;
}

.content-header > h1 {
    font-size: 22px !important;
}

.content-header button {
    float: right;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-size: 15px !important;
}

.k-window-title {
    font-size: 16px !important;
    text-transform: none;
}

.help-block {
    margin-top: 0 !important;
}

.fade {
    opacity: 1;
    padding-right: 0 !important;
    padding-top: 25px;
}

.k-button {
    text-transform: none !important;
}

.k-grid-content {
    overflow-y: hidden !important;
}

.k-i-filter {
    padding-left: 15px;
}

.k-filter-menu-container .k-input {
    height: 28px !important;
}

.k-grid-filter.k-state-active {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.k-filter-menu-container .k-label {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.k-filter-menu-container .k-textbox {
    height: 36px !important;
}

.form-group .k-state-default {
    height: 36px !important;
}

.k-picker-wrap.k-state-default > .k-select {
    border-radius: 0px 5px 5px 0px;
    border-color: #ccc !important;
    background-color: #FFFFFF !important;
}

.k-grid td {
    padding: 5px 0 5px 20px !important;
}

label.k-label {
    display: contents !important;
}

.color-blue {
    color: #3C8DBC;
    font-weight: bold;
}

.color-black {
    color: #343A40;
    font-weight: bold;
}

.color-red {
    color: #DC3545;
    font-weight: bold;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    padding: 0 0 2px 0 !important;
}

.UserRole {
    width: 100% !important;
}

    .UserRole .k-state-default {
        height: 30px !important;
    }

    .UserRole .k-i-arrow-60-down {
        vertical-align: initial;
    }

    .UserRole .k-select {
        border-left: 1px solid #e6e6e6 !important;
    }

    .UserRole .k-input {
        line-height: 23px !important;
    }

.Sex {
    width: 100% !important;
}

    .Sex .k-state-default {
        height: 30px !important;
    }

    .Sex .k-i-arrow-60-down {
        vertical-align: initial;
    }

    .Sex .k-select {
        border-left: 1px solid #e6e6e6 !important;
    }

    .Sex .k-input {
        line-height: 23px !important;
    }

.Category {
    width: 100% !important;
}

    .Category .k-state-default {
        height: 30px !important;
    }

    .Category .k-i-arrow-60-down {
        vertical-align: initial;
    }

    .Category .k-select {
        border-left: 1px solid #e6e6e6 !important;
    }

    .Category .k-input {
        line-height: 23px !important;
    }



div.k-grid-footer, div.k-grid-header {
    padding-right: 0 !important;
}

.ComboBox-Custom {
    height: auto !important;
    width: 100% !important;
}

    .ComboBox-Custom .k-state-default {
        height: 36px !important;
    }

    .ComboBox-Custom .k-i-arrow-60-down {
        vertical-align: initial;
    }

    .ComboBox-Custom .k-select {
        border-left: 1px solid #e6e6e6 !important;
        line-height: 40px !important;
    }

    .ComboBox-Custom .k-input {
        line-height: 29px !important;
    }

.Dropdownlist-Custom {
    width: 100% !important;
}

    .Dropdownlist-Custom .k-state-default {
        height: 36px !important;
    }

    .Dropdownlist-Custom .k-i-arrow-60-down {
        vertical-align: initial;
    }

    .Dropdownlist-Custom .k-select {
        border-left: 1px solid #e6e6e6 !important;
        line-height: 40px !important;
    }

    .Dropdownlist-Custom .k-input {
        line-height: 29px !important;
    }

.min-height-395 {
    min-height: 395px;
}

.min-height-452 {
    min-height: 452px;
}

.statusIconGreen {
    background-color: rgb(101, 180, 50);
    border-radius: 30px;
    height: 10px;
    width: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.statusIconGray {
    background-color: rgb(204, 204, 204);
    border-radius: 30px;
    height: 10px;
    width: 10px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.k-datepicker .k-input {
    border-radius: 5px 0px 0px 5px !important;
    height: 28px;
    background-color: #fff !important;
}

.k-dropdown .k-state-default {
    background-color: #fff !important;
}

.width-35 {
    width: 35% !important;
    margin-left: 10px !important;
    float: left;
}

.float-left {
    float: left;
    padding-left: 13px;
    padding-top: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.box-body-index {
    height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
}

text {
    fill: rgb(0, 0, 0);
    font: 14px Arial, Helvetica, sans-serif !important;
}

ul.dropdown-menu {
    overflow-y: scroll;
    max-height: 140px;
}

.dropdown-menu::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.dropdown-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #3c8dbc;
}

.box-body-index::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5;
}

.box-body-index::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

.box-body-index::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #3c8dbc;
}

.row-bao-cao-cong-viec {
    border: 1px solid #444;
    margin: 0;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-normal {
    font-weight: normal;
}

.margin-left--50 {
    margin-left: -50px;
}

.margin-left--65 {
    margin-left: -65px;
}

.font-style-italic {
    font-style: italic;
}

.border-td-bao-cao-cong-viec {
    border: 1px solid #444 !important;
}

.scroll-table-bao-cao-cong-viec {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    height: 666px;
    padding-right: 10px;
}

    .scroll-table-bao-cao-cong-viec::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .scroll-table-bao-cao-cong-viec::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #F5F5F5;
    }

    .scroll-table-bao-cao-cong-viec::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #3c8dbc;
    }

.max-height-229 {
    max-height: 229px !important;
}

.width-100 {
    width: 100%;
}

.color-white {
    color: white;
}

    .color-white:hover, .color-white:active, .color-white:focus {
        color: white;
    }

.info-box-content-bao-cao {
    padding: 15px 15px !important;
    margin-left: 0;
}

.margin-top-10 {
    margin-top: 10px !important;
}

#KenWindown input {
    border-radius: 5px;
}

.skin-blue .k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-widget {
    border-radius: 10px 10px 0px 0px !important;
}

.skin-blue .k-window-titlebar {
    border-radius: 10px 10px 0px 0px;
    background-color: #3c8dbc;
}

.skin-blue .k-loading-image {
    background-size: 50px;
    background-image: url('/Content/dist/img/loading.gif');
}

.skin-blue .breadcrumb {
    font-size: 14px !important;
}

.content .box-primary {
    border: none;
    border-radius: 10px;
}

    .content .box-primary .box-header {
        color: #060606;
        border-radius: 10px 10px 0px 0px;
        padding: 10px 15px;
        background-color: #e3e3e3;
    }

.skin-blue .content-wrapper {
    background-color: #f7fbff;
}

.skin-blue .user-panel > .info > p {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    padding: 5px 0px;
}

.skin-blue .treeview-menu > li > a {
    padding: 10px 5px 10px 15px;
}

.content .box-primary .btn-box-tool {
    color: #fff;
}

.content input {
    border-radius: 5px;
}

.content .box {
    border-radius: 10px;
}

.content .box-body .k-scheduler {
    border-radius: 8px;
}

.content .box-body k-scheduler-toolbar {
    background-color: #3c8dbc;
}

.content .box-body .k-scheduler-toolbar ul li.k-state-hover {
    background-color: #247aad;
}

.content .box-body .k-scheduler-navigation {
    margin-left: -18px;
}

.content .box-body .k-header {
    border-radius: 0px 0px 0px 0px;
    background-color: #024991fa;
    color: #fff;
    border-style: groove;
    border-width: 0 0 1px 1px;
}

.k-grid-header th {
    border-radius: 0px 0px 0px 0px !important;
    background-color: #024991fa !important;
    color: #fff !important;
    border-style: groove !important;
    border-width: 0 0 1px 1px !important;
}
.k-grid-content input.k-checkbox + label.k-checkbox-label {
    z-index: 0 !important;
}

.content .box-body .k-grid-norecords-template {
    border: none;
}

.content .box-body .k-grid-lockedcolumns {
    border-radius: 0px;
}

.content .box-body .k-grid-header-locked th {
    background-color: #024991fa;
    color: #fff;
}

.content .box-body .k-auto-scrollable .k-filterable {
    background-color: #024991fa;
    color: #fff;
}

.content .box-body .k-auto-scrollable .k-filterable .k-grid-filter {
    margin-top: -2px !important;
}

.content .box-body .k-scheduler-table th {
    height: 2.643em;
}

.content .box-body .k-link {
    background: none !important;
    border: none !important;
}
.content .k-grid-header .k-link {
    color:#fff!important;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #3c8dbc;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    white-space: normal;
    margin: 0px;
}

.main-header .sidebar-toggle {
    padding: 15px 20px;
}

.main-header .logo .logo-lg {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}

.sidebar-form, .sidebar-menu > li.header {
    text-transform: uppercase;
}

.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    color: #fff;
    border-radius: 5px;
    background-color: #3c8dbc;
    border-color: #ffffff;
    box-shadow: none;
}

.k-combobox, .k-combobox .k-input, .k-datepicker, .k-datepicker .k-input, .k-datetimepicker, .k-datetimepicker .k-input, .k-timepicker, .k-timepicker .k-input {
    height: 28px;
}

.dis-flex {
    display: flex;
}

.leave-item {
    height: 120px;
    padding: 8px 32px;
    background-color: #fff;
    border-radius: 4px;
    margin-right: 36px;
    margin-bottom: 8px;
    overflow: hidden;
}

    .leave-item .text {
        height: 70px;
    }

    .leave-item .day {
        height: 32px;
        font-size: 24px;
        font-weight: bold;
    }

.content-header-leave {
    padding: 16px 0 !important;
}

.content-body-leave {
    height: 100vh;
    padding: 16px 0 !important;
    margin-top: 16px;
    overflow: auto;
}

    .content-body-leave .leave-grid, .leave-sidebar {
        height: 100%;
    }

.leave-sidebar {
    background-color: #fff;
}

.leave-grid {
    padding: 0 0 0 16px;
}

    .leave-grid .grid-content {
        height: 100%;
        background-color: #fff;
    }

.nav-tabs-custom {
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px
}

    .nav-tabs-custom > .nav-tabs {
        margin: 15px 0px;
        border-bottom-color: #f4f4f4;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px
    }

        .nav-tabs-custom > .nav-tabs > li {
            border-top: 3px solid transparent;
            margin-bottom: 5px;
            margin-right: 5px
        }

            .nav-tabs-custom > .nav-tabs > li.disabled > a {
                color: #777
            }

            .nav-tabs-custom > .nav-tabs > li > a {
                position: relative;
                display: block;
                padding: 10px 15px;
                color: #444;
                border-radius: 0
            }

                .nav-tabs-custom > .nav-tabs > li > a.text-muted {
                    color: #999
                }

                .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
                    background: transparent;
                    margin: 0
                }

                    .nav-tabs-custom > .nav-tabs > li > a:hover {
                        color: #14e628;
                        font-weight: bold;
                    }

                    .nav-tabs-custom > .nav-tabs > li > a > span {
                        padding: 3px 5px;
                        background: #f71111;
                        color: white;
                    }

            .nav-tabs-custom > .nav-tabs > li:first-of-type {
                margin-left: 0
            }

        .nav-tabs-custom > .nav-tabs.pull-right {
            float: none !important
        }

            .nav-tabs-custom > .nav-tabs.pull-right > li {
                float: right
            }

                .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
                    margin-right: 0
                }

                    .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
                        border-left-width: 1px
                    }

                    .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
                        border-left-color: #f4f4f4;
                        border-right-color: transparent
                    }

        .nav-tabs-custom > .nav-tabs > li.header {
            line-height: 35px;
            padding: 0 10px;
            font-size: 19px;
            color: #444
        }

            .nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion {
                margin-right: 5px
            }

    .nav-tabs-custom > .tab-content {
        background: #fff;
        padding: 15px 0px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus {
        background: transparent;
        color: #999
    }

    .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
        border-top-color: #3c8dbc
    }

    .nav-tabs-custom.tab-info > .nav-tabs > li.active {
        border-top-color: #00c0ef
    }

    .nav-tabs-custom.tab-danger > .nav-tabs > li.active {
        border-top-color: #dd4b39
    }

    .nav-tabs-custom.tab-warning > .nav-tabs > li.active {
        border-top-color: #f39c12
    }

    .nav-tabs-custom.tab-success > .nav-tabs > li.active {
        border-top-color: #00a65a
    }

    .nav-tabs-custom.tab-default > .nav-tabs > li.active {
        border-top-color: #d2d6de
    }

#custom-tabs-four-tab > li > a {
    color: #444;
}

.content-header > .breadcrumb {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    padding: 7px 5px;
    position: absolute;
    top: 80px;
    right: 10px;
    border-radius: 2px;
}

    .content-header > .breadcrumb > li {
        margin-left: 15px;
        display: inline-block;
    }

        .content-header > .breadcrumb > li a {
            color: #444;
            text-decoration: none;
            display: inline-block;
        }

        .content-header > .breadcrumb > li .active {
            color: #777;
        }

.content-header .tab-content .tab-pane > section {
    background-color: #ffffff !important;
}

.box-header {
    color: #444;
    display: block;
    padding: 15px 10px;
    position: relative;
}

    .box-header .btn {
        margin-top: -60px;
        margin-left: 15px;
        font-size: 13px !important;
    }

.tag-header {
    display: flex;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    flex-wrap: wrap;
}

.bg-light-blue, .label-primary, .modal-primary .modal-body {
    color: white;
    padding: 0px 3px;
    border-radius: 5px;
    background-color: #3c8dbc !important;
}

.box-header .open .dropdown-menu > li > a:hover {
    background-color: #e1e3e9;
    color: #333;
}

.box-header .open .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.card-header li.active {
    border-top: 3px solid #3c8dbc;
}

    .card-header li.active > a {
        border-right: 1px solid #f4f4f4;
    }

.tab-active {
    border-top: #007bff solid 5px !important;
    border-left: #dee2e6 solid 1px;
    border-right: #dee2e6 solid 1px;
}
.
element.style {
    /* border: 1px solid; */
}

.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input {
    border-radius: 4px !important;
    border: 0px !important;
}

.k-autocomplete .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-textbox > input {
    border-color: #e6e6e6;
}

.k-autocomplete-clearable .k-input, .k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-input, .k-multiselect-clearable .k-input {
    overflow: hidden;
    text-overflow: ellipsis;
}