@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300&display=swap');
*, *:after, *:before{box-sizing:border-box;}
html{height:100%;}

body{position:relative;margin:0;font-family:'Poppins', Arial, Helvetica, sans-serif;color:#777777;font-size:13px;line-height:1.42857;background:#24C6DC;background:-moz-linear-gradient(-45deg,  #24C6DC  0%, #514A9D 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#24C6DC ), color-stop(100%,#514A9D));background:-webkit-linear-gradient(-45deg,  #24C6DC  0%,#514A9D 100%);background:-o-linear-gradient(-45deg,  #24C6DC  0%,#514A9D 100%);background:-ms-linear-gradient(-45deg,  #24C6DC  0%,#514A9D 100%);background:linear-gradient(135deg,  #24C6DC  0%,#514A9D 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#24C6DC ', endColorstr='#514A9D',GradientType=1 );}

.no-padding{padding:0px;}
.nothing{margin:0px;padding:0px;clear:both;}
.container{width:310px;margin:calc(50vh - 115px) auto 0 auto;padding:0px;}
.profile{position:relative;padding:40px 0px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#35394A;background:-moz-linear-gradient(45deg,  #35394A 0%, #1F222E 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#35394A), color-stop(100%,#1F222E));background:-webkit-linear-gradient(45deg,  #35394A 0%,#1F222E 100%);background:-o-linear-gradient(45deg,  #35394A 0%,#1F222E 100%);background:-ms-linear-gradient(45deg,  #35394A 0%,#1F222E 100%);background:linear-gradient(45deg,  #35394A 0%,#1F222E 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35394A', endColorstr='#1F222E',GradientType=1 );-webkit-filter:drop-shadow(0 0 2em rgba(0,0,0,0.2));transition:opacity .4s ease-in-out,height .4s ease-in-out,transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275),padding .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.alert{position:relative;margin:0 0 20px 0;border-radius:0;z-index:999;}
/* Form */
form{padding:0em 3em;}
#forgotPassword{display:none;}
.field{position:relative;margin-bottom:2em;}
.input{width:100%;height:20px;padding:0;font-size:100%;color:#FFFFFF;line-height:21px;border:0;border-bottom:1px solid #5B5E6F;background-color:transparent;transition:all .2s ease-in;}
.input:focus{outline:0;border-color:#FFFFFF;}
/* Button */
.btn{width:100%;margin:10px auto;padding:10px;font-size:13px;color:#FFFFFF;line-height:18.5667px;text-transform:uppercase;border:0;background:#434654;transition:background .2s;}
.btn:focus{outline:0;}
.btn:hover, .btn:focus{color:#FFFFFF;background:#525566;}
.tabs{margin-top:10px;border-top:1px solid #5B5E6F;}
.tab1, .tab3{border-right:1px solid #5B5E6F;}
.tab2 a, .tab3 a{padding:10px 0 15px 0;color:#FFFFFF;display:block;}
.tab1, .tab4{padding:10px 0 15px 0;}
.authent{position:relative;width:310px;margin:0 auto;padding:20px 70px;color:#FFFFFF;text-transform:uppercase;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#35394A;background:-moz-linear-gradient(45deg,  #35394A 0%, #1F222E 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#35394A), color-stop(100%,#1F222E));background:-webkit-linear-gradient(45deg,  #35394A 0%,#1F222E 100%);background:-o-linear-gradient(45deg,  #35394A 0%,#1F222E 100%);background:-ms-linear-gradient(45deg,  #35394A 0%,#1F222E 100%);background:linear-gradient(45deg,  #35394A 0%,#1F222E 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#35394A', endColorstr='#1F222E',GradientType=1 );-webkit-filter:drop-shadow(0 0 2em rgba(0,0,0,0.2));transition:opacity .4s ease-in-out,height .4s ease-in-out,transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275),padding .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);display:none;}
body .authent img{max-width:unset;}
.authent p{color:#FFFFFF;text-align:center;}
.alert{padding:10px;}
.alert-danger{color:#C72F1D;border-color:#F3B5AD;background-color:#F5C1BB;}
.close{float:right;font-size:19.5px;color:inherit;font-weight:bold;line-height:1;text-shadow:0 1px 0 #FFFFFF;border:0px;background:transparent;opacity:0.2;filter:alpha(opacity=20);}
.close:hover, .close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);}
.toggle{position:relative;box-sizing:border-box;}
.toggle input[type="checkbox"] {position:absolute;left:0px;top:0px;width:100%;height:100%;cursor:pointer;z-index:10;opacity:0;}
.toggle label{position:relative;align-items:center;box-sizing:border-box;display:flex;}
.toggle label:before {content: '';position:relative;width:45px;height:22px;margin-right:10px;border-radius:46px;background:rgba(255,255,255,10%);display:inline-block;box-sizing:border-box;transition:0.2s ease-in;}
.toggle label:after {content: '';position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#FFFFFF;box-sizing:border-box;z-index:2;transition:0.2s ease-in;}
.toggle input[type="checkbox"]:checked + label:before {background:#24C6DC;background:-moz-linear-gradient(-45deg,  #24C6DC  0%, #514A9D 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#24C6DC ), color-stop(100%,#514A9D));background:-webkit-linear-gradient(-45deg,  #24C6DC  0%,#514A9D 100%);background:-o-linear-gradient(-45deg,  #24C6DC  0%,#514A9D 100%);background:-ms-linear-gradient(-45deg,  #24C6DC  0%,#514A9D 100%);background:linear-gradient(135deg,  #24C6DC  0%,#514A9D 100%);}
.toggle input[type="checkbox"]:checked + label:after {left:25px;background:rgba(255,255,255,80%);}