html {
  position: relative;
  min-height: 100%;
}

body {
  overflow-x: hidden;
}

@media (min-width: 1900px) {
    body.sticky-footer {
        margin-bottom: 200px;
    }

    body.fixed-nav {
        padding-top: 80px;
    }

    body.sticky-footer .content-wrapper {
        min-height: calc(100vh - 110px);
    }

    .content-wrapper {
        min-height: calc(100vh - 300px);
        width: 100%;
    }
}

@media (max-width: 1366px) {

    body.sticky-footer {
        margin-bottom: 40px;
    }

    body.fixed-nav {
        padding-top: 40px;
    }

    body.sticky-footer .content-wrapper {
        min-height: calc(100vh - 40px - 40px);
    }

    .content-wrapper {
        min-height: calc(100vh - 20px);
        width: 100%;
    }
}

    .scroll-to-top {
        position: fixed;
        bottom: 3px;
        display: none;
        width: 50px;
        height: 50px;
        text-align: center;
        color: white;
        background: rgba(52, 58, 64, 0.5);
        line-height: 45px;
    }

        .scroll-to-top:focus, .scroll-to-top:hover {
            color: white;
        }

        .scroll-to-top:hover {
            background: #343a40;
        }

        .scroll-to-top i {
            font-weight: 800;
        }

    .smaller {
        font-size: 0.7rem;
    }

    .o-hidden {
        overflow: hidden !important;
    }

    .z-0 {
        z-index: 0;
    }

    .z-1 {
        z-index: 1;
    }

    #mainNav .navbar-collapse {
        overflow: auto;
        max-height: 75vh;
    }

        #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
            cursor: pointer;
        }

        #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
            float: right;
            content: '\f107';
            font-family: 'FontAwesome';
        }

        #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
            content: '\f105';
        }

        #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
        #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
            padding-left: 0;
        }

            #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
            #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
                display: block;
                padding: 0.5em 0;
            }

                #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
                #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
                #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
                    text-decoration: none;
                }

            #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
                padding-left: 1em;
            }

            #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
                padding-left: 2em;
            }

        #mainNav .navbar-collapse .sidenav-toggler {
            display: none;
        }

        #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
            position: relative;
            min-width: 45px;
        }

            #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
                float: right;
                width: auto;
                content: '\f105';
                border: none;
                font-family: 'FontAwesome';
            }

            #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
                position: absolute;
                top: 5px;
                left: 21px;
                font-size: 10px;
            }

        #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
            content: '\f107';
        }

        #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
            overflow: hidden;
            max-width: none;
            text-overflow: ellipsis;
        }



    #mainNav.fixed-top .sidenav-toggler {
        display: none;
    }

    @media (min-width: 992px) {
        #mainNav.fixed-top .navbar-sidenav {
            height: calc(100vh - 112px);
        }

        #mainNav.fixed-top .sidenav-toggler {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-top: calc(100vh - 56px);
        }

            #mainNav.fixed-top .sidenav-toggler > .nav-item {
                width: 300px;
                padding: 0;
            }

                #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
                    padding: 1em;
                }
    }

    #mainNav.fixed-top.navbar-dark .sidenav-toggler {
        background-color: #464485;
    }

        #mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
            color: #adb5bd;
        }

    #mainNav.fixed-top.navbar-light .sidenav-toggler {
        background-color: #dee2e6;
    }

        #mainNav.fixed-top.navbar-light .sidenav-toggler a i {
            color: rgba(0, 0, 0, 0.5);
        }

    body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
        overflow-x: hidden;
        width: 55px;
    }

        body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
        body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
            width: 55px !important;
        }

    body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: 'FlipH';
    }

    #mainNav.static-top .sidenav-toggler {
        display: none;
    }

    @media (min-width: 992px) {
        #mainNav.static-top .sidenav-toggler {
            display: flex;
        }
    }

    body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: 'FlipH';
    }

    .content-wrapper {
        overflow-x: hidden;
        text-align: center;
    }

    @media (min-width: 992px) {
        .content-wrapper {
            margin-left: 0px;
        }
    }

    #sidenavToggler i {
        font-weight: 800;
    }

    .navbar-sidenav-tooltip.show {
        display: none;
    }

    @media (min-width: 992px) {
        body.sidenav-toggled .content-wrapper {
            margin-left: 55px;
        }
    }

    body.sidenav-toggled .navbar-sidenav {
        width: 55px;
    }

        body.sidenav-toggled .navbar-sidenav .nav-link-text {
            display: none;
        }

        body.sidenav-toggled .navbar-sidenav .nav-item,
        body.sidenav-toggled .navbar-sidenav .nav-link {
            width: 55px !important;
        }

            body.sidenav-toggled .navbar-sidenav .nav-item:after,
            body.sidenav-toggled .navbar-sidenav .nav-link:after {
                display: none;
            }

        body.sidenav-toggled .navbar-sidenav .nav-item {
            white-space: nowrap;
        }

    body.sidenav-toggled .navbar-sidenav-tooltip.show {
        display: flex;
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
        color: #868e96;
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
        color: #868e96;
    }

        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
            color: #adb5bd;
        }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
        color: #868e96;
    }

        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
            color: #adb5bd;
        }

    #mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
        color: #adb5bd;
    }

    @media (min-width: 992px) {
        #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
            background: #8b9dc3;
        }

            #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
                color: white !important;
                background-color: #3b5998;
            }

                #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
                    color: white;
                }

            #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
            #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
                background: #8b9dc3;
            }
    }

    #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
        color: rgba(0, 0, 0, 0.5);
    }

    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
        color: rgba(0, 0, 0, 0.5);
    }

        #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
            color: rgba(0, 0, 0, 0.7);
        }

    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
        color: rgba(0, 0, 0, 0.5);
    }

        #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
        #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
        #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
            color: rgba(0, 0, 0, 0.7);
        }

    #mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
        color: rgba(0, 0, 0, 0.5);
    }

    @media (min-width: 992px) {
        #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
            background: #3b5998;
        }

            #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
                color: #000 !important;
                background-color: #e9ecef;
            }

                #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
                    color: #000;
                }

            #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
            #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
                background: #f8f9fa;
            }
    }

    .card-body-icon {
        position: absolute;
        z-index: 0;
        top: -25px;
        right: -25px;
        font-size: 5rem;
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    @media (min-width: 576px) {
        .card-columns {
            column-count: 1;
        }
    }

    @media (min-width: 768px) {
        .card-columns {
            column-count: 2;
        }
    }

    @media (min-width: 1200px) {
        .card-columns {
            column-count: 2;
        }
    }

    .card-login {
        max-width: 25rem;
    }

    .card-register {
        max-width: 40rem;
    }

    footer.sticky-footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: .4rem .5rem;
        width: 100%;
        height: 45px;
        background-color: #bfc4dc;
    }

    @media (min-width: 992px) {
        footer.sticky-footer {
            width: 100%;
        }
    }

    @media (min-width: 992px) {
        body.sidenav-toggled footer.sticky-footer {
            width: calc(100% - 55px);
        }
    }

    /*for remeber me custom in login */
    .remembermecustom {
        margin-top: 1px;
    }