/* LOGIN PAGE */

.html-login,
.html-login body {
    background: #131313;
    color: #fff;
}

.html-login .signin-form {
    background: url(../img/login/anim-hero.gif) no-repeat center center;
    min-width: 635px;
    min-height: 604px;
    max-width: 1200px;
    margin: 100px auto 30px;
    text-align: center;
}

.html-login .signin-form .signin-logo {
    padding-top: 90px;
}

.html-login .signin-form .signin-logo img {
    width: 100%;
    max-width: 300px;
}

.html-login .signin-form .signin-messages {
    margin-top: 48px;
}


/* LOGIN PAGE */


/* SIDEBAR */

.sidebar[data-color="black"]:after,
.off-canvas-sidebar[data-color="black"]:after {
    background: #131313;
}

.sidebar[data-color="black"] .nav li.active>a:not([data-toggle="collapse"]),
.off-canvas-sidebar[data-color="black"] .nav li.active>a:not([data-toggle="collapse"]) {
    color: #131313;
}

.sidebar[data-color="black"] .nav li.active>a:not([data-toggle="collapse"]) i,
.off-canvas-sidebar[data-color="black"] .nav li.active>a:not([data-toggle="collapse"]) i {
    color: #131313;
}


/* SIDEBAR */


/* CSS LOADER */

.animloader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .3);
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.animloader.show {
    opacity: 1;
    display: block;
    pointer-events: all;
}

.animloader>* {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px auto auto -18px;
}

.la-ball-grid-pulse {
    color: #fff
}

.la-ball-grid-pulse.la-dark {
    color: #333
}


/* DA SPOSTARE ALTROVE */

.panel-header {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d2d2d+0,6d5c3d+60,f7b01a+100 */
    background: #2d2d2d;
    /* Old browsers */
    background: -moz-linear-gradient(left, #2d2d2d 0%, #6d5c3d 60%, #f7b01a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2d2d2d 0%, #6d5c3d 60%, #f7b01a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2d2d2d 0%, #6d5c3d 60%, #f7b01a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#f7b01a', GradientType=1);
    /* IE6-9 */
}


/* DA SPOSTARE ALTROVE */

.tim-row {
    margin-bottom: 20px;
}

.tim-white-buttons {
    background-color: #777777;
}

.typography-line {
    padding-left: 25%;
    margin-bottom: 35px;
    position: relative;
    display: block;
    width: 100%;
}

.typography-line span {
    bottom: 10px;
    color: #c0c1c2;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    left: 0;
    position: absolute;
    width: 260px;
    text-transform: none;
}

.tim-row {
    padding-top: 60px;
}

.tim-row h3 {
    margin-top: 0;
}

.offline-doc .page-header {
    display: flex;
    align-items: center;
}

.offline-doc .footer {
    position: absolute;
    width: 100%;
    background: transparent;
    bottom: 0;
    color: #fff;
    z-index: 1;
}

@media all and (min-width: 992px) {
    .sidebar .nav>li.active-pro {
        position: absolute;
        width: 100%;
        bottom: 10px;
    }
}

.card.card-upgrade .card-category {
    max-width: 530px;
    margin: 0 auto;
}

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

tr[data-toggle="modal"] {
    cursor: pointer;
}

tr.separation-row {
    background: #ddd;
}

.table td[data-sort],
.table th[data-sort] {
    position: relative;
    padding-right: 20px !important;
}

.table td[data-sort]:after,
.table th[data-sort]:after {
    position: absolute;
    right: 4px;
    top: 0.6rem;
    font-family: extraicons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\eac9";
}

.table td[data-sort].sorting-desc:after,
.table th[data-sort].sorting-desc:after {
    content: "\e90c";
}

.table td[data-sort].sorting-asc:after,
.table th[data-sort].sorting-asc:after {
    content: "\e914";
}

.table td[data-sort]:hover,
.table th[data-sort]:hover {
    cursor: pointer;
}

.modal-content {
    overflow-wrap: break-word;
}

a {
    color: #f9b015;
}

a:hover {
    color: #dd971b;
}

.btn-primary {
    background-color: #f9b015;
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.show>.btn-primary.dropdown-toggle,
.show>.btn-primary.dropdown-toggle:focus,
.show>.btn-primary.dropdown-toggle:hover {
    background-color: #f7bf5c;
    color: #FFFFFF;
    box-shadow: none;
    border-color: #f9b015;
}

.btn-neutral {
    color: #f9b015;
}

.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active,
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn-neutral:active:hover,
.btn-neutral.active:hover,
.show>.btn-neutral.dropdown-toggle,
.show>.btn-neutral.dropdown-toggle:focus,
.show>.btn-neutral.dropdown-toggle:hover {
    color: #f7bf5c;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #f9b015;
}

.modal-ip-address-rows *[data-toggle="collapse"] {
    cursor: pointer;
}

.nav-pills .nav-item .nav-link.active,
.nav-pills .nav-item .nav-link.active:focus,
.nav-pills .nav-item .nav-link.active:hover {
    box-shadow: 0 0 0;
}

.nav-pills.nav-pills-primary .nav-item .nav-link.active,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    background-color: #f9b015;
}

.modal {
    z-index: 9999;
}