body {
    background-color: #435165;
    margin: 0;
  }
   
  .login-box
   {
    height: 50%;

    margin-top: 10%;
    position: relative;

   }
   .login-header
   {
    text-align: center;
    font-family: "Arial",sans-serif;
    font-size: 35px;
    position: relative;
   }
   .login-body
   {
    padding: 20px;
    line-height: 2;
   }
  .msg {
  color: #721c24;
     background-color: #f8d7da;
     border-color: #f5c6cb;
  padding: .75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: .25rem;
  }  
  .main{
   margin-top:50px;
  }
   
  h1.title { 
  font-size: 50px;
  font-family: 'Passion One', cursive; 
  font-weight: 400; 
  }
   
  hr{
  width: 10%;
  color: #fff;
  }
   
  .form-group{
  margin-bottom: 15px;
  }
   
  label{
  margin-bottom: 15px;
  }
   
  input,
  input::-webkit-input-placeholder {
     font-size: 11px;
     padding-top: 3px;
  }
   
  .form-control {
     height: auto!important;
  padding: 8px 12px !important;
  }
  .main-center{
   margin-top: 30px;
   margin: 0 auto;
   max-width: 400px;
     padding: 10px 40px;
      color: #FFF;
     text-shadow: none;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
   
  }
   
  .login-button{
  margin-top: 5px;
  }
   

   
  .site-header {

     -webkit-backdrop-filter: saturate(180%) blur(20px);
     backdrop-filter: saturate(180%) blur(20px);
  }
  .site-header a { 
  color:#fff;
  }

  .input-icons i {
   position: absolute;
}
 
.input-icons {
   width: 100%;
   margin-bottom: 10px;
}
 
.icon {
   padding: 10px;
   min-width: 40px;
}
 
.input-field {
   width: 100%;
   padding: 10px;
   margin-bottom: 3px;
}
.input-group-addon {
   background-color: rgb(218, 218, 218);
   border-radius:  0px 5px 5px 0px  ;
}
#fullpage {
   display: none;
   position: absolute;
   z-index: 9999;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-size: contain;
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-color: black;
 }


  .timer-container {
    position: relative;
    width: 400px;
    height: 30px;
    align-items: center;
    
  }


  .timer-text {
    text-align: center;
    font-size: 20px;
    color: #555;
    vertical-align: middle;
  }

  .timer-message {
    text-align: center;
    font-size: 20px;
    color: #555;
    display: none;
  }
  .example {
   border-collapse: collapse;
   counter-reset: schetchik;
 }
 .example tbody tr {
   counter-increment: schetchik;  /* сосчитать только tr в tbody */ 
 }
 .example td,
 .example tbody tr:before {
   padding: .1em .5em;
 
 }
 .example tbody tr:before {
   display: table-cell;
   vertical-align: middle;
 }
 .example tbody tr:before,
 .example b:after {
   content: counter(schetchik);
   
 }
 #fullpage {
   display: none;
   position: absolute;
   z-index: 9999;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-size: contain;
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-color: black;
 }