/**
 * @author Adnane kadri 
 * @link https://github.com/adnane-ka
 * @link https://picalica.com/u/adnane_kadri
 * @link https://mostaql.com/u/Adnane_kadri
 * @link https://www.linkedin.com/in/adnane-kadri/ 
*/

/***
general */
.mt-auto{
    margin-top: auto;
}
.content-center{
    justify-content: center;
}
@media only screen and (max-width: 600px) {
    body:not(.vertical) .page-content{
        width: 100%;
    }
}

/***
tooltip */
.tooltip-container .tooltip{
    min-width: 300px;
    right: -100px;
}
.tooltip-container .tooltip .content{
    font-size: 0.8rem;
    line-height: 1.3;
}
@media only screen and (max-width: 600px) {
    .tooltip-container .tooltip{
        min-width: 250px;
    } 
    .tooltip-container .tooltip .content{
        font-size: 0.6rem;
        line-height: 1;
    }
}

/***
form elements*/
form label svg{
    margin-left: 7px;
    margin-right: 7px;
}
.dark .form-element.border{
    border-color: rgba(255 ,255 ,255 ,.1);
}

/***
cards */
.cards .lvl-1-container .state-box svg{
    height: 60px;
}
.cards .lvl-1-container .state-box h2{
    font-size: 200%;
    font-weight: bold;
}



/***
show password
*/
.show-password-container{
    position: relative;
}
.show-password{
    position: absolute;
    bottom: 20%;
}
:lang(ar) .show-password{
    left: 1%;
}
:lang(en) .show-password{
    right: 1%;
}

/***
sidebar
*/
/* #sidebar ul li ul{
    background-color: transparent;
}
#sidebar li:hover{
    opacity: .5;
}
@media only screen and (min-width: 600px) {
    #sidebar{
        background-color: transparent;
        padding-top: 40px;
    }
} */

/**
* unlayer editor
*/
.html-editor-container{
    position: relative;
}
.full-screen{
    position: fixed; 
    z-index:99; 
    top:0%; 
    left:0%;
    height:100vh; 
    width:100vw;
}
.toggle-full-button{
    position:absolute; 
    left:15px;
    top:10px;
    margin: 10px;
}

/**
dashboard cards
*/
.card-sub-details {
    width: 180px;
}

@media only screen and (max-width: 600px) {
    .card-sub-details {
        width: unset;
    }
}

@media only screen and (min-width: 600px){
    body.vertical .page-content {
        padding: 1rem;
    }
}

.fixed-layout {
    position: unset;
}

@media only screen and (min-width: 600px){
    body.vertical .page-content {
        transform: unset;
    }
}

.mail-inbox-container{
    position: relative;
}
.mail-inbox-container .nav-buttons .buttons{
    position: sticky;
    top: 0;
}

@media (min-width: 1024px){
    .mail-inbox-container{
        padding: 0px;
    }
}

.navbar {
    z-index: 99;
    height: unset;
}
.mail-inbox-container{
    min-height: 100vh;
}
.mails-list{
    min-height: 100vh;
}
@media (max-width: 600px){
    .login-form-container{
        width: 100%;
        height: 100vh;
    }
}