@font-face{font-family:Changa;font-style:normal;font-weight:600;src:url(../css/Tajawal/Tajawal-Bold.ttf);src:local('Changa'),local('Changa'),url(../css/Tajawal/Tajawal-Medium.ttf) format('truetype')}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Changa,sans-serif}a{font-family:Changa,sans-serif;font-size:14px;line-height:1.7;color:#666;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}a:focus{outline:0!important}a:hover{text-decoration:none;color:#137c6b}h1,h2,h3,h4,h5,h6{margin:0}p{font-family:Changa,sans-serif;font-size:14px;line-height:1.7;color:#666;margin:0}li,ul{margin:0;list-style-type:none}input{outline:0;border:none}.title_platform {padding: 10px;color: #fdc810;text-align: center;font-size: 40px;font-weight: bold;
}textarea{outline:0;border:none}input:focus,textarea:focus{border-color:transparent!important}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}textarea:focus::-moz-placeholder{color:transparent}textarea:focus:-ms-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#999}input:-moz-placeholder{color:#999}input::-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}textarea::-webkit-input-placeholder{color:#999}textarea:-moz-placeholder{color:#999}textarea::-moz-placeholder{color:#999}textarea:-ms-input-placeholder{color:#999}button{outline:0!important;border:none;background:0 0}button:hover{cursor:pointer}iframe{border:none!important}.txt1{font-family:Changa,sans-serif;font-size:13px;line-height:1.5;color:#999}.txt2{font-family:Changa,sans-serif;font-size:13px;line-height:1.5;color:#666}.limiter{width:100%;margin:0 auto}.container-login100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:#137c6b;background:-webkit-linear-gradient(-135deg,#137c6b,#17a692);background:-o-linear-gradient(-135deg,#137c6b,#17a692);background:-moz-linear-gradient(-135deg,#137c6b,#17a692);background:linear-gradient(-135deg,#137c6b,#17a692)}.wrap-login100{width: 960px;background: #061F1D;border-radius: 20px;overflow: hidden;
display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;padding: 60px;justify-content: space-around;align-items: center;flex-direction: row;}.login100-pic{text-align:center;padding-top: 50px;}.login100-pic img {max-width: 100%;}.login100-form{width:290px}.login100-form-title{font-family:Changa,sans-serif;font-size:24px;color:#137c6b;line-height:1.2;text-align:center;width:100%;display:block;padding-top:15px;padding-bottom:15px}.wrap-input100{position:relative;width:100%;z-index:1;margin-bottom:10px}.input100{text-align:right;font-family:Changa,sans-serif;font-size:15px;line-height:1.5;color:#666;display:block;width:100%;background:#e6e6e6;height:50px;border-radius:25px;padding:0 30px 0 68px}.focus-input100{display:block;position:absolute;border-radius:25px;bottom:0;left:0;z-index:-1;width:100%;height:100%;box-shadow:0 0;color:#137c6b}.input100:focus+.focus-input100{-webkit-animation:anim-shadow .5s ease-in-out forwards;animation:anim-shadow .5s ease-in-out forwards}@-webkit-keyframes anim-shadow{to{box-shadow:0 0 70px 25px;opacity:0}}@keyframes anim-shadow{to{box-shadow:0 0 70px 25px;opacity:0}}.symbol-input100{font-size:15px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;border-radius:25px;bottom:0;left:0;width:100%;height:100%;padding-left:35px;pointer-events:none;color:#666;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.input100:focus+.focus-input100+.symbol-input100{color:#137c6b;padding-left:28px}.container-login100-form-btn{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:20px}.login100-form-btn{font-family:Changa,sans-serif;font-size:15px;line-height:1.5;color:#fff;text-transform:uppercase;width:100%;height:50px;border-radius:25px;background:#137c6b;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 25px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.login100-form-btn:hover{background:#137c6b}@media (max-width:992px){.wrap-login100{padding:60px}.login100-pic{text-align:center;width:30%}.title_platform{padding:10px;font-size:35px}.login100-form{width:50%}}@media (max-width:768px){.wrap-login100{padding:60px}.login100-pic{text-align:center;width:100%}.title_platform{margin-top:10px;margin-bottom:10px;font-size:24px}.login100-form{width:100%}}@media (max-width:576px){.wrap-login100{padding:40px}.title_platform{display:none}}.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #159683;border-radius:13px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px;pointer-events:none;font-family:Changa,sans-serif;color:#149280;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#149280;font-size:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:13px}.alert-validate:hover:before{visibility:visible;opacity:1}@media (max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}.red{color:#e74c3c}.green{color:#138574}