@charset "UTF-8";


 /* Login FormY*/
 
 @import url('https://fonts.googleapis.com/css?family=Poppins');
 
 .wrapper {
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: center;
     width: 100%;
     min-height: 100%;
     padding-top: 10%;
     /*    padding-left: 10%;*/
 }
 
 
 
 #formContent {
     -webkit-border-radius: 10px 10px 10px 10px;
     border-radius: 10px 10px 10px 10px;
     background: #fff;
     width: 30%;
     max-width: 450px;
     position: relative;
     padding: 0px;
     -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
     box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
     text-align: center;
     min-width: 400px;
     padding-top: 15px;
 }
 
 
 
 
 
 input[type=button], input[type=submit], input[type=reset] {
     background-color: #56baed;
     border: none;
     color: white;
     padding: 15px 80px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     text-transform: uppercase;
     font-size: 13px;
     -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
     box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
     -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
     margin: 5px 20px 40px 20px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 
     input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
         background-color: #39ace7;
     }
 
     input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
         -moz-transform: scale(0.95);
         -webkit-transform: scale(0.95);
         -o-transform: scale(0.95);
         -ms-transform: scale(0.95);
         transform: scale(0.95);
     }
 
 input[type=text] {
     background-color: #f6f6f6;
     border: none;
     color: #0d0d0d;
     padding: 15px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
     margin: 5px;
     width: 85%;
     border: 2px solid #f6f6f6;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
 }
 
     input[type=text]:focus {
         background-color: #fff;
         border-bottom: 2px solid #5fbae9;
     }
 
     input[type=text]:placeholder {
         color: #cccccc;
     }
 
 
 input[type=password] {
     background-color: #f6f6f6;
     border: none;
     color: #0d0d0d;
     padding: 15px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
     margin: 5px;
     width: 85%;
     border: 2px solid #f6f6f6;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
 }
 
     input[type=password]:focus {
         background-color: #fff;
         border-bottom: 2px solid #5fbae9;
     }
 
     input[type=password]:placeholder {
         color: #cccccc;
     }
 
 
 
 /* Simple CSS3 Fade-in Animation */
 .underlineHover:after {
     display: block;
     left: 0;
     bottom: -10px;
     width: 0;
     height: 2px;
     background-color: #56baed;
     content: "";
     transition: width 0.2s;
 }
 
 .underlineHover:hover {
     color: #0d0d0d;
 }
 
     .underlineHover:hover:after {
         width: 100%;
     }
 
 
 
 /* OTHERS */
 
 *:focus {
     outline: none;
 }
 
 
 
 * {
     box-sizing: border-box;
 }
 
 
 
 
 
 /* video background */
 #background-video {
     height: 100vh;
     width: 100vw;
     object-fit: cover;
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: -1;
 }