/* =======================================================
GENERAL
======================================================= */
body {
    background-color: #f5f8fa;
}
.custom-file-label::after {
    content: 'Gözat';
}
.bootstrap-maxlength {
    width: 60px !important;
    margin-left: 60px;
}
/* =======================================================
BLOCKUI
======================================================= */
.blockui-progress {
    flex-wrap: wrap;
    justify-content: center;
}
.blockui-progress .progress {
    width: 100%;
    margin: 5px 10px 10px;
}
/* =======================================================
ASIDE
======================================================= */
.aside, .brand, .aside-menu {
    background-color: #1e1e2d;
}
.aside .aside-toolbar .aside-user {
    border-top: 1px solid #2d2d43;
    border-bottom: 1px solid #2d2d43;
    padding: 0 25px;
}
.aside-minimize .aside .aside-toolbar .aside-user-info {
    display: none;
}
.aside-minimize .aside .aside-toolbar .aside-user .symbol > img {
    height: 42px;
}
.aside-menu .menu-nav > .menu-section .menu-text {
    color: #a1a5b7;
    font-size: .85rem;
    font-weight: 400;
    letter-spacing: .1rem;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
    color: #b6b9c8;
}
.aside-menu .menu-nav > .menu-item {
    padding: 0 1.1rem;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
    background-color: #009ef7;
    border-radius: .475rem;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon, .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link > .menu-icon, .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link > .menu-icon {
    color: rgba(255, 255, 255, .8);
}
.aside-menu .menu-nav > .menu-item > .menu-link {
    padding: 9px 10px;
}
.aside-footer {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
}
.aside-footer .btn {
    color: #b5b5c3;
    background-color: rgba(42, 43, 58, .9);
}
.aside-minimize .aside-footer .btn {
    padding: 5px;
}
.aside-minimize .aside-footer .btn .btn-label span {
    display: none;
}
.aside-menu .menu-nav .menu-item .menu-link .menu-icon i {
    transition: color .3s ease;
    color: #4a4b68;
}
.aside-menu .menu-nav .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i, .aside-menu .menu-nav .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i {
    transition: color .3s ease;
    color: #fff;
}
.aside-menu .menu-nav .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #4a4b68;
}
.aside-menu .menu-nav .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .aside-menu .menu-nav .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff;
}
.aside-menu .menu-nav .menu-item-active .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff;
}
.aside-menu .menu-nav {
    padding: 15px 0 60px 0px;
}
.aside-minimize .brand-logo {
    display: none;
}
/* =======================================================
LAZYLOAD
======================================================= */
.lazy {
    width: 100% !important;
}
/* =======================================================
TEXTAREA ANIMATION
======================================================= */
.animation-textarea {
    -webkit-transition: height 0.5s ease-out !important;
    -o-transition: height 0.5s ease-out !important;
    transition: height 0.5s ease-out !important;
    overflow-y: auto;
    overflow-x: hidden;
    height: 70px !important;
}
.animation-textarea:focus {
    height: 200px !important;
}
/* =======================================================
MODAL FILE UPLOAD
======================================================= */
.file-out {
    position: relative;
    overflow: hidden;
}
.file-out input[type=file] {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block !important;
    opacity: 0 !important;
    cursor: pointer;
    height: auto;
    padding: 0;
    margin: 0 !important;
    margin-top: -60px !important;
}
.progress {
    display: none;
}
/* =======================================================
DATATABLE
======================================================= */
.datatable:not(.datatable-error) table {
    display: table !important;
}
.datatable:not(.datatable-error) thead {
    display: table-header-group !important;
}
.datatable:not(.datatable-error) tbody {
    display: table-row-group !important;
}
.datatable:not(.datatable-error) thead tr th > div:first-child, .datatable:not(.datatable-error) thead tr th > span:first-child, .datatable:not(.datatable-error) tbody tr td > div:first-child, .datatable:not(.datatable-error) tbody tr td > span:first-child {
    width: auto !important;
}
.datatable:not(.datatable-error) tr {
    display: table-row !important;
}
.table-responsive {
    overflow-y: hidden;
}
.datatable-body tr:nth-child(even) {
    background-color: #f2f4fb;
}
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell:first-child, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell:first-child, .datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell:first-child {
    padding-left: 10px;
}
/* =======================================================
noUiSlider
======================================================= */
.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 80%);
    transform: translate(-50%, 80%);
}