/* Raw elements */

textarea {
    resize: none;
}

/* App default elements */

.skin-blue .dropdown-menu>.active>a,
.skin-blue .dropdown-menu>.active>a:focus,
.skin-blue .dropdown-menu>.active>a:hover,
.skin-blue-light .dropdown-menu>.active>a,
.skin-blue-light .dropdown-menu>.active>a:focus,
.skin-blue-light .dropdown-menu>.active>a:hover {
    background-color: #3c8dbc;
}

.skin-blue .nav-tabs-custom>.nav-tabs>li.active,
.skin-blue-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #3c8dbc;
}

.skin-black .dropdown-menu>.active>a,
.skin-black .dropdown-menu>.active>a:focus,
.skin-black .dropdown-menu>.active>a:hover,
.skin-black-light .dropdown-menu>.active>a,
.skin-black-light .dropdown-menu>.active>a:focus,
.skin-black-light .dropdown-menu>.active>a:hover {
    background-color: #3c8dbc;
}

.skin-black .nav-tabs-custom>.nav-tabs>li.active,
.skin-black-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #3c8dbc;
}

.skin-purple .dropdown-menu>.active>a,
.skin-purple .dropdown-menu>.active>a:focus,
.skin-purple .dropdown-menu>.active>a:hover,
.skin-purple-light .dropdown-menu>.active>a,
.skin-purple-light .dropdown-menu>.active>a:focus,
.skin-purple-light .dropdown-menu>.active>a:hover {
    background-color: #605ca8;
}

.skin-purple .nav-tabs-custom>.nav-tabs>li.active,
.skin-purple-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #605ca8;
}

.skin-green .dropdown-menu>.active>a,
.skin-green .dropdown-menu>.active>a:focus,
.skin-green .dropdown-menu>.active>a:hover,
.skin-green-light .dropdown-menu>.active>a,
.skin-green-light .dropdown-menu>.active>a:focus,
.skin-green-light .dropdown-menu>.active>a:hover {
    background-color: #00a65a;
}

.skin-green .nav-tabs-custom>.nav-tabs>li.active,
.skin-green-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #00a65a;
}

.skin-red .dropdown-menu>.active>a,
.skin-red .dropdown-menu>.active>a:focus,
.skin-red .dropdown-menu>.active>a:hover,
.skin-red-light .dropdown-menu>.active>a,
.skin-red-light .dropdown-menu>.active>a:focus,
.skin-red-light .dropdown-menu>.active>a:hover {
    background-color: #dd4b39;
}

.skin-red .nav-tabs-custom>.nav-tabs>li.active,
.skin-red-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #dd4b39;
}

.skin-yellow .dropdown-menu>.active>a,
.skin-yellow .dropdown-menu>.active>a:focus,
.skin-yellow .dropdown-menu>.active>a:hover,
.skin-yellow-light .dropdown-menu>.active>a,
.skin-yellow-light .dropdown-menu>.active>a:focus,
.skin-yellow-light .dropdown-menu>.active>a:hover {
    background-color: #f39c12;
}

.skin-yellow .nav-tabs-custom>.nav-tabs>li.active,
.skin-yellow-light .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #f39c12;
}

.dropdown-menu li.header {
    padding: 3px 20px;
    font-size: 14px;
}

.dropdown-menu > li.header {
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-menu > li.header {
    overflow: hidden;
    text-overflow: clip;
}

.alert ul {
    padding-left: 15px;
}

.form-group.has-error .select2-container--default .select2-selection--single,
.form-group.has-error .select2-selection .select2-selection--single {
    border: 1px solid #dd4b39;
}

.form-group.has-error .input-group button {
    border-color: #dd4b39;
    box-shadow: none;
}

.navbar-header img {
    margin-top: -2px;
}

.nav-tabs-custom>.nav-tabs {
    min-height: 44px;
}

.nav-tabs-custom>.nav-tabs>li.header {
    text-transform: uppercase;
    font-size: 19px;
}

.form-control {
    border-color: #999;
}

.input-group .input-group-addon {
    border-color: #999;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border-color: #999;
}

.table-bordered {
    border: 1px solid #999;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
   border: 1px solid #999;
}

/* Plugin default elements */

.typeahead__field .typeahead__hint,
.typeahead__field [contenteditable],
.typeahead__field input,
.typeahead__field textarea {
    height: 34px !important;
}

.datepicker {
    padding: 6px 12px !important;
}

.file-input {
    margin-bottom: 15px !important;
}

.file-preview {
    background-color: #fff;
}

.theme-explorer .file-check-cell {
    width: 50px;
    position: relative;
    text-align: center !important;
}

.theme-explorer .file-order-index-cell {
    width: 80px;
    position: relative;
}

.theme-explorer .file-document-type-cell {
    width: 250px;
    position: relative;
}

.theme-explorer .file-description-cell {
    width: 40%;
    position: relative;
}

/* New elements */

.cursor-pointer {
    cursor: pointer;
}

.no-margin-collapsing {
    padding: 0.1px;
}

.disabled,
.readonly {
    background-color: #eee !important;
    opacity: 1;
    cursor: not-allowed !important;
}

.form-uppercase input:not([type="password"]):not([type="email"]):not([type="search"]):not([data-type="date"]):not(.text-transform-normal),
.form-uppercase textarea:not(.text-transform-normal) {
    text-transform: uppercase !important;
}

.text-transform-normal {
    text-transform: initial !important;
}

.group-actions {
    margin-top: 1px;
    margin-right: 5px;
}

.group-actions button:not(:last-child) {
    margin-right: 5px;
}

.group-extra-actions {
    margin-top: 10px;
    margin-right: 20px;
}

.group-extra-actions i {
    cursor: pointer;
}

.group-extra-actions i:not(:last-child) {
    margin-right: 5px;
}

.box.box-block {
    padding: 0 10px !important;
    padding-bottom: 0 !important;
    background: rgba(243,243,243,.85) !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}

.box.box-block .box-header {
    color: #333 !important;
}

.box.box-block .box-header.with-border {
    border-bottom: 1px solid #d6d6d6 !important;
}

.box.box-block.collapsed-box .box-header.with-border {
    border-bottom: none !important;
}

.box.box-block .box-header>.box-tools {
    right: 0 !important;
}

.box.box-block .box-header,
.box.box-block .box-body,
.box.box-block .box-footer {
    padding: 10px 0 !important;
}

.box.box-block .box-body {
    padding-bottom: 0 !important;
}

.box.box-blue-grey {
    background: rgba(243,243,243,.85);
}

.box.box-blue-white {
    background: #ff;
}

.box.box-blue-white,
.box.box-blue-grey {
    border-top-color: #4b77be;
}

.box.box-solid.box-blue-white,
.box.box-solid.box-blue-grey {
    border: 1px solid #4b77be;
}

.box.box-solid.box-blue-white > .box-header,
.box.box-solid.box-blue-grey > .box-header {
    color: #ffffff;
    background: #4b77be;
    background-color: #4b77be;
}

.box-blue-white .box-header .box-title,
.box-blue-grey .box-header .box-title {
    text-transform: uppercase;
    font-size: 17px;
}

.box.box-solid.box-blue-white > .box-header a,
.box.box-solid.box-blue-white > .box-header .btn,
.box.box-solid.box-blue-grey > .box-header a,
.box.box-solid.box-blue-grey > .box-header .btn {
    color: #ffffff;
}

.tab-pane .box:last-child {
    margin-bottom: 0 !important;
}

.visible-xxs {
    display: none !important;
}

@media (max-width: 1199px) {
    .nav-tabs-custom>.nav-tabs>li.header.col-md {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 991px) {
    .nav-tabs-custom>.nav-tabs>li.header.col-sm {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.header,
    .skin-blue-light .main-header .navbar .dropdown-menu li.header {
        color: #fff;
    }

    .skin-blue .main-header .navbar .dropdown-menu li.header:hover,
    .skin-blue-light .main-header .navbar .dropdown-menu li.header:hover {
        background: #367fa9;
    }

    .skin-black .main-header .navbar .dropdown-menu li.header,
    .skin-black-light .main-header .navbar .dropdown-menu li.header {
        color: #333;
    }

    .skin-black .main-header .navbar .dropdown-menu li.header:hover,
    .skin-black-light .main-header .navbar .dropdown-menu li.header:hover {
        color: #fff;
        background: #367fa9;
    }

    .skin-purple .main-header .navbar .dropdown-menu li.header,
    .skin-purple-light .main-header .navbar .dropdown-menu li.header {
        color: #fff;
    }

    .skin-purple .main-header .navbar .dropdown-menu li.header:hover,
    .skin-purple-light .main-header .navbar .dropdown-menu li.header:hover {
        background: #555299;
    }

    .skin-green .main-header .navbar .dropdown-menu li.header,
    .skin-green-light .main-header .navbar .dropdown-menu li.header {
        color: #fff;
    }

    .skin-green .main-header .navbar .dropdown-menu li.header:hover,
    .skin-green-light .main-header .navbar .dropdown-menu li.header:hover {
        background: #008d4c;
    }

    .skin-red .main-header .navbar .dropdown-menu li.header,
    .skin-red-light .main-header .navbar .dropdown-menu li.header {
        color: #fff;
    }

    .skin-red .main-header .navbar .dropdown-menu li.header:hover,
    .skin-red-light .main-header .navbar .dropdown-menu li.header:hover {
        background: #d73925;
    }

    .skin-yellow .main-header .navbar .dropdown-menu li.header,
    .skin-yellow-light .main-header .navbar .dropdown-menu li.header {
        color: #fff;
    }

    .skin-yellow .main-header .navbar .dropdown-menu li.header:hover,
    .skin-yellow-light .main-header .navbar .dropdown-menu li.header:hover {
        background: #e08e0b;
    }

    .navbar-nav .open .dropdown-menu>li.header {
        padding: 5px 15px 5px 25px;
    }

    .nav-tabs-custom>.nav-tabs>li.header.col-xs {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 600px) {
    .visible-xxs {
        display: block !important;
    }

    .hidden-xxs {
        display: none !important;
    }

    .nav-tabs-custom>.nav-tabs>li.header {
        width: 100%;
        margin-bottom: 5px;
    }
}