/*
body.header-sticky.hide-on-scroll header {
    top: unset;
}

body.header-side-navigation header {
    top: unset;
}

*/

.navbar {
    z-index: 1040;
}

.side-nav {
    margin-top: 45px !important;
}

.double-nav .breadcrumb-dn p {
    color: #fff;
}

@media (min-width: 1200px) {
    .fixed-sn main {
        margin-left: 20% !important;
    }
}


/* ============ only desktop view ============ */

@media all and (min-width: 100px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }
    .navbar .nav-item:hover .nav-link {
        color: #fff;
    }
    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }
    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }
    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}

.bg-amttrader {
    background-color: #ffbf00!important;
}
.btn-amttrader {
    background-color: #ffbf00 !important;
    color: #FFFFFF;
}
.btn-amttrader:hover {
    color: #FFFFFF;
}

.text-amttrader {
    color: #ffbf00!important;
}

.modal-transparent {
    background-color: rgba(0, 0, 0, 0.8);
}

.white-skin .navbar {
    background-color: #2c2c2c!important;
    color: white;
    text-transform: uppercase;
}

.white-skin .navbar .nav-link,
.white-skin .card-header {
    color: white!important;
}

.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
    text-transform: uppercase;
}

.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.white-skin .card-header {
    background-color: #ffbf00;
    text-transform: uppercase;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    box-sizing: border-box;
}


/*
table.dataTable {
    overflow-x: scroll;
    display: block;    
}
*/

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: rgba(93, 198, 230, 0.3);
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}


/* ============ desktop view .end// ============ */

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #5dc6e6!important;
}

.fixed-sn .double-nav,
.fixed-sn footer,
.fixed-sn main {
    padding-left: 0 !important;
}