html,body{font-size: 14px;font-family:"Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;background:#f5f7fa;color:#31374a;width:100%;height:100%}
a, a:visited, a:hover, button{text-decoration:none; outline:none; color:inherit}
.datepicker{padding:.75em !important;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	FORM SIGN IN	*/
.show-signin{  display: flex; 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-floating:focus-within { z-index: 2; }
.form-signin input[type="text"] {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;}
.login-logo{max-width:250px}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*	MAIN MENU	*/

#user-menu{min-width:200px}
#menu-toggler,#menu-collapse{white-space:nowrap}
#menu-expand{display:none}
#container-menu{width:50px;transition:all .2s}
.menu-opened{width:200px !important}


#main-menu{list-style:none;font-size:15px;}
#main-menu li, #main-menu li a{color:#afafaf;transition:all .3s}
#main-menu li:hover, #main-menu li:hover a{color:#fff}
#main-menu li{margin-bottom:7px}
#main-menu i{margin-right:5px;color:#6c757d;display:inline-block;width:20px;text-align:left}