@font-face
{
   font-family: "main-font";
   src: url("/fonts/Mulish-Light.ttf") format("truetype");
}



/*###################################################################################################################################################################################################

   #### ##    ## #### ######## ####    ###    ##       ####  ######  ######## 
    ##  ###   ##  ##     ##     ##    ## ##   ##        ##  ##    ## ##       
    ##  ####  ##  ##     ##     ##   ##   ##  ##        ##  ##       ##       
    ##  ## ## ##  ##     ##     ##  ##     ## ##        ##   ######  ######   
    ##  ##  ####  ##     ##     ##  ######### ##        ##        ## ##       
    ##  ##   ###  ##     ##     ##  ##     ## ##        ##  ##    ## ##       
   #### ##    ## ####    ##    #### ##     ## ######## ####  ######  ######## 

###################################################################################################################################################################################################*/

BODY
{
   font-family: "main-font", sans-serif;
   text-decoration: none;
   font-size: 14px;
   background: #EEEEEE;
   padding: 0;
   margin: 0;
}


A
{
   color: #444444;
   /* text-decoration: none; */
   /* outline: none; */
}
A:hover
{
   color: #990000;
}





.login_bg
{
   margin: 0px;
   background-color: #FFFFFF;
   background-image: url('/images/login-bg.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;

   width: 100%;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
}


.login_box
{
   background-color: #EEEEEE;
   min-width: 400px;
   max-width: 95%;
   padding: 30px 30px;

   font-family: "main-font", sans-serif;
   font-size: 16px;
   color: #222222;
   text-align: center;

   box-sizing: border-box;
      -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
           border-radius: 10px;

   border: 0;

   -webkit-box-shadow: 0 10px 20px #000000;
   -moz-box-shadow:    0 10px 20px #000000;
   box-shadow:         0 10px 20px #000000;
}

@media screen and (max-width: 480px)
{
   .login-box
   {
      min-width: 90%;
   }
}



.login_label
{
   font-family: "main-font", sans-serif;
   font-size: 14px;
   color: #555555;
   width: 100%;
   text-align: left;
   padding: 0;
   margin: 20px 0 0;
}


.login_input
{
   background-color: #FFFFFF;
   font-family: "main-font", sans-serif;
   font-size: 20px;
   font-weight: bold;
   color: #222222;
   width: 100%;
   text-align: center;
   padding: 10px 0;
   margin: 5px 0;

   box-sizing: border-box;
      -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
           border-radius: 10px;

   border: #999999 1px solid;
   outline: none;
}


.field_error
{
   background-color: #FFDDDD;
   border: #FF5555 1px solid;
}



.login_button
{
   background-color: #CCCCCC;
   font-family: "main-font", sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #222222;
   width: 100%;
   text-align: center;
   padding: 10px 0;
   margin: 5px 0;

   box-sizing: border-box;
      -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
           border-radius: 10px;

   border: #999999 1px solid;
   outline: none;
   cursor: pointer;
}


.login_checkbox
{
   -ms-transform: scale(1.5); /* IE */
   -moz-transform: scale(1.5); /* FF */
   -webkit-transform: scale(1.5); /* Safari and Chrome */
   -o-transform: scale(1.5); /* Opera */
   transform: scale(1.5);   
}



.ghost_notice_small
{
   text-align: center;
   color: #555555;
   font-size: 16px;
   font-size: 0.75em;
}


.icon_ui_language:before
{
   font-size: 70px;
   color: #999999;
   content: "\f1ab";
}