/*  #########################################################################################
     #########################################################################################
     ########################################Sign In start #################################################
     #########################################################################################
     #########################################################################################
*/
html#signinHTML,
body#signInBody {
    height: 100%;
}

    body#signInBody {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
    }

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

    .form-signin .checkbox {
        font-weight: 400;
    }

    .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        font-size: 16px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

/*  ######################################################################################### 
    #########################################################################################
     ###################################### Sign in END ###################################################
     #########################################################################################
     #########################################################################################
*/
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.nav {
    padding-right:0 !important;
}
.min-vh-50 {
    min-height: 50vh !important;
}
.min-vh-25 {
    min-height: 25vh !important;
}
.min-vh-15 {
    min-height: 15vh !important;
}
.top-link {
    left: 0;
    right: unset;
    margin: 0 0 3em 3em;
}

.top-link-register {
    left: unset;
    right: 0;
    margin: 0 3em 3em 0;
}
#sidebar ul li a {
    text-align: right;
}

#sidebar.active ul li a i {
    margin-left: 0; 
}
#sidebar ul li a i {
    margin-left: 10px;
}


#sidebar.active ul.components li a.dropdown-toggle::after {
    left: 50%;
    right: 50%;
}

.list-unstyled {
    padding-right: 0; 
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
ul ul a {
    padding-left: unset !important;
    padding-right: 30px !important;
}
#sidebar ul li a {
    text-align:right;
}
@media (max-width: 768px) {
    #sidebar {
        margin-right: -80px !important;
        margin-left: unset !important;
    }

    .dropdown-toggle::after { 
        left: 50%; 
    }

    #sidebar.active {
        margin-right: 0 !important;
    }
}