.main-panel>.content {
    min-height: calc(100vh - 106px);
    padding: 0;
}
.main-panel>.footer{
    padding: 0;
}
.footer .copyright{
    padding: 5px;
}
.invalid-feedback{
    line-height: 1.2;
}
.auth-guest .sidebar{
    transform: translate3d(260px,0,0);
    right: 0;
    left: auto;
    visibility: hidden;
}
.nav-open .auth-guest .off-canvas-sidebar .navbar-collapse,
.nav-open .auth-guest .sidebar{
    transform: translateZ(0);
    visibility: visible;
}
.auth-guest .main-panel{
    width: 100%;
}

.form-control:focus,
.form-control:active{
    border-color: transparent;
    box-shadow: none;
    outline: 0 none;
}

.logo img{
    width: 100%;
    max-width: 257px;
}
.sidebar .logo img{
    max-width: 80%;
}
.sidebar .sidebar-wrapper{
    height: calc(100vh - 150px);
}

/*COLORS*/
.card.bg-primary, .card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-primary .back, .card.card-rotate.bg-primary .front{
    background: linear-gradient(60deg,#545454,#363636);
}
.card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text){
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(67,67,67,.4);
}
.sidebar[data-color=custom] li.active>a{
    background-color: #434343;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(67,67,67,.4);
}
.btn.btn-primary{
    background-color: #545454;
    border-color: #545454;
    box-shadow: 0 2px 2px 0 rgba(67,67,67,.14), 0 3px 1px -2px rgba(67,67,67,.2), 0 1px 5px 0 rgba(67,67,67,.12);
}
.btn.btn-primary.focus, .btn.btn-primary:focus, .btn.btn-primary:hover{
    color: #fff;
    background-color: #434343;
    border-color: #363636;
}
.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover{
    box-shadow: 0 14px 26px -12px rgba(67,67,67,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(67,67,67,.2);
}
.btn.btn-primary.active.focus, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .btn.btn-primary:active.focus, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .open>.btn.btn-primary.dropdown-toggle.focus, .open>.btn.btn-primary.dropdown-toggle:focus, .open>.btn.btn-primary.dropdown-toggle:hover, .show>.btn.btn-primary.dropdown-toggle.focus, .show>.btn.btn-primary.dropdown-toggle:focus, .show>.btn.btn-primary.dropdown-toggle:hover{
    color: #fff;
    background-color: #363636;
    border-color: #3f1048;
}
.btn.btn-primary.disabled.focus, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled:hover {
    background-color: #545454;
    border-color: #545454;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover{
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(67,67,67,.4);
    background-color: #545454;
    color: #fff;
}
.btn.btn-primary.active, .btn.btn-primary:active, .open>.btn.btn-primary.dropdown-toggle, .show>.btn.btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #434343;
    border-color: #363636;
    box-shadow: 0 2px 2px 0 rgba(67,67,67,.14), 0 3px 1px -2px rgba(67,67,67,.2), 0 1px 5px 0 rgba(67,67,67,.12);
}
.bootstrap-select .dropdown-item.active{
    background: #545454;
}
.togglebutton label input[type=checkbox]:checked+.toggle{
    background-color: rgba(255,191,6,.7);
}
.togglebutton label input[type=checkbox]:checked+.toggle:after{
    border-color: #d19b00;
}
.form-check .form-check-input:checked+.form-check-sign .check{
    background: #d19b00;
}
.form-check, label, .bmd-form-group label{
    color: #888;
}
.text-primary {
    color: #d19b00!important;
}
a{
    color: #1E88E5;
}
a:focus, a:hover{
    color: #d19b00;
}
.form-control, .is-focused .form-control{
    background-image: linear-gradient(0deg,#ffbf06 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
}
.is-focused [class*="bmd-label"],
.is-focused [class^=bmd-label]{
    color: #ffbf06;
}

.bootstrap-datetimepicker-widget table td.active:hover>div, .bootstrap-datetimepicker-widget table td.active>div{
    background-color: #ffbf06;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,191,6,.4);
}
.bootstrap-datetimepicker-widget table td span.active{
    background-color: #ffbf06;
}
.bootstrap-datetimepicker-widget a[data-action]{
    color: #ffbf06;
}
.bootstrap-datetimepicker-widget a[data-action]:hover span{
    color: #d19b00;
}
/*END COLORS*/

.size-28{
    font-size: 28px;
}

.statistic-telegram-img{
    width: 24px;
}
/*DATATABLES*/

.dataTables_wrapper .dataTables_filter{
    display: flex;
    justify-content: flex-end;
}
.dataTables_wrapper .dataTables_paginate .pagination{
    justify-content: flex-end;
}
.dataTables_length label{
    min-width: 60px;
}
.dataTables_length label .filter-option-inner{
    margin-top: 5px;
}
.table .group.group-start td{
    text-transform: uppercase;
    background: rgba(0,0,0,.03);
    padding: 8px 16px!important;
}
    /*buttons view*/
    .cell-with-delete-button{
        width: calc(100% - 26px);
    }

    /*file preview*/
    .fileinput .thumbnail{
        max-width: 160px;
    }


    .img-in-table-cell{
        position: relative;
        overflow: hidden;
        width: 50px;
        height: 30px;
        box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(67,67,67,.4);
    }
        .img-in-table-cell-bigger{
            display: block;
            width: 100px;
            height: 70px;
            margin: .25rem auto;
        }
    .img-in-table-cell img{
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        width: auto;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    padding-left: 25px!important;
    cursor: pointer;
    position: relative;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    display: block;
    opacity: 0.3;
    font-size: 1em;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
    right: 1em;
    content: "↑";
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    right: 0.5em;
    content: "↓";
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before {
    right: auto;
    left: 5px;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    right: auto;
    left: 12px;
}
table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::after {
    opacity: 1;
}



/*SIDEBAR MENU START*/
.sidebar .nav{
    margin-top: 4px;
}
#accordionMenu ul{
    list-style: none;
    margin-left: -40px;
    background-color: hsla(0,0%,78%,.1);
}
#accordionMenu .nav-divider{
    position: relative;
}
#accordionMenu .nav-divider:after{
    content: "";
    position: absolute;
    top: 4px;
    right: 15px;
    height: 1px;
    width: calc(100% - 30px);
    background-color: hsla(0,0%,71%,.3);
}
#accordionMenu .nav-link[data-toggle="collapse"]{
    padding-right: 30px;
    position: relative;
}
#accordionMenu .nav-link[data-toggle="collapse"]:before{
    font-family: 'Material Icons';
    content: "\e5cc";
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: all 0.5s;
    font-size: 18px;
}
#accordionMenu .nav-link[aria-expanded="true"]:before {
    transform: translateY(-50%) rotate(270deg);
}
.sidebar #accordionMenu.nav li:hover>a[data-toggle="collapse"],
.sidebar #accordionMenu.nav li.active>[data-toggle=collapse]{
    background-color: initial;
}
.sidebar #accordionMenu.nav li>a[data-toggle="collapse"]:hover{
    background-color: hsla(0,0%,78%,.2);
}

.sidebar .nav li a{
    padding: 10px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.sidebar .nav i{
    margin-right: 12px;
}
.sidebar .nav p{
    display: inline-block;
}
.sidebar .nav i.icon-attention{
    float: right;
    margin-left: auto;
    margin-right: 0;
    font-size: 20px;
}
@media (max-width: 991px){
    .sidebar .nav li .dropdown-menu a, .sidebar .nav li a{
        color: #fff;
    }
    .sidebar .nav li.active>[data-toggle=collapse], .sidebar .nav li .dropdown-menu a:focus, .sidebar .nav li .dropdown-menu a:hover, .sidebar .nav li:hover>a{
        color:rgba(255,255,255,.8);
    }
}
/*SIDEBAR MENU END*/

.bootstrap-select.form-control{
    background-image: none;
}
.bmd-select-fix{
    margin-top: -5px;
}
.page-link{
    border-radius: 3px;
}

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

.card .card-header.card-header-icon i, .card .card-header.card-header-text i{
    vertical-align: middle;
}

/*******Dashboard*******/
.container.dashboard-page .ul-title {
    font-size: large;
}
.container.dashboard-page .ul-title {
    font-size: medium;
}
/***********************/

#contactPersons .form-check-label {
    margin-left: 19px;
    display: inline-block;
    margin-right: 15px;
}

#contactPersons .form-check-label i {
    line-height: 22px;
    margin-left: -6px;
}

.select2-container {
    max-width: 100%;
}

.w-20 {
    width: 70px!important;
}