@font-face {
    font-family: 'Cocon';
    src: url('../../../fonts/Cocon.eot');
    src: url('../../../fonts/Cocon.eot-.html#iefix-v=4.0.3') 
    format('embedded-opentype'), url('../../../fonts/Cocon.woff') 
    format('woff'), url('../../../fonts/Cocon.ttf') format('truetype'), url('../../../fonts/Cocon.svg#Cocon') format('svg');
    font-style: normal;
}
 

body {
    font-family: 'Cocon';
}
.form-group.form-md-line-input.form-md-floating-label .form-control~label {
  font-size: 25px;
  top: 18px;
}
.mt-checkbox, .mt-radio {
  font-size: 25px;
  line-height: 0.7;
}
.btn.green:not(.btn-outline) {
  font-size: 19px;
}
.user-login-5 .login-container>.login-content>.login-form {
  font-size: 19px;
}
.form-group.form-md-line-input .help-block {
  font-size: 20px;
}
.user-login-5 .login-container>.login-content>.login-form .form-control {
  font-size: 25px;
}
.login-content .login-img {
  float: left;
  position: relative;
  top: -35px;
}
@media (min-width: 320px) and (max-width: 800px) {
  .form-group.form-md-line-input.form-md-floating-label .form-control~label {
    font-size: 14px;
    top: 29px;
  }
  .form-group.form-md-line-input .help-block {
    font-size: 13px;
  }
  .btn.green:not(.btn-outline) {
    float: left;
  }
  .user-login-5, .user-login-5 .login-bg, .user-login-5 .login-container {
    min-height: 43vh;
  }
  .login-content .login-img {
    top: -15px;
  }
  .user-login-5 .login-container>.login-footer .login-copyright>p {
    font-size: 16px !important;
  }
}
@media (min-width: 800px) and (max-width: 1200px) {
  .login-content .login-img {
    top: -15px;
  }
}
.user-login-5 .login-container>.login-footer .login-copyright>p {
  font-size: 24px;
  color: #696969;
}
.user-login-5 .login-container>.login-footer .login-copyright>p a {
  color: #74c375;
}
.user-login-5 .login-container>.login-footer .login-copyright>p a:hover {
  color: #696969;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success label {
  color: #057ac1;
}
.form-group.form-md-line-input.has-success .form-control {
  border-bottom: 1px solid #057ac1 !important;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after {
  background: #057ac1;
}
.user-login-5 .login-container>.login-content>h1 {
  color: #057ac1;
}



/*amira*/

.form {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    max-width: 300px;
    margin: 10px auto;
    padding:25px 30px !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center;
        box-shadow: 0px 35px 44px -22px #1f181b;
}
 
.form .thumbnail {
    background: #EF3B3A;
    width: 150px;
    height: 150px;
    margin: 0 auto 50px;
    padding: 33px 30px;
    border-top-left-radius: 100% !important;
    border-top-right-radius: 100% !important;
    border-bottom-left-radius: 100% !important;
    border-bottom-right-radius: 100% !important;
    box-sizing: border-box;
    color: #555;
    font-size: 18px;
}
.form .thumbnail img {
    display: block;
    width: 100%;
}
.form button {
    outline: 0;
    background: #EF3B3A;
    width: 100%;
    border: 0;
    padding: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
}


/*checkbox/*/

input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label {
        color: #f2f2f2;
    }

        input[type="checkbox"] + label span {
            display: inline-block;
            width: 18px;
            height: 19px;
            margin: -2px 0px 0 0;
            vertical-align: middle;
            background: url('../../../img/items/green.png') left top no-repeat;
            margin-left: 7px;
            cursor: pointer;
        }

    input[type="checkbox"]:checked + label span {
        background: url('../../../img/items/green.png') -19px top no-repeat;
    }


#LoginForm .form-actions {
    background: none !important;
}


.login .form .form-actions, .portlet-form .form-actions {    border-top: 0px !important;
}