@import url(http://fonts.googleapis.com/css?family=Nunito:400,300);
/************theme fonts********************/
/***********************theme colors*****************************/
/*****************theme parametres*******************/
/*sidebar-parametres*/

html,
body {
    height: 100%;
}
/***************************
   Text Inputs + Textarea
****************************/
/*.input-field {
    position: relative;
    margin-top: 1rem;
}

    .input-field label {
        color: #9e9e9e;
        position: absolute;
        top: 0.8rem;
        left: 0.75rem;
        font-size: 1rem;
        cursor: text;
        -webkit-transition: 0.2s ease-out;
        -moz-transition: 0.2s ease-out;
        -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
        transition: 0.2s ease-out;
    }

        .input-field label.active {
            font-size: 0.8rem;
            -webkit-transform: translateY(-140%);
            -moz-transform: translateY(-140%);
            -ms-transform: translateY(-140%);
            -o-transform: translateY(-140%);
            transform: translateY(-140%);
        }

    .input-field input[type=text]:focus + label,
    .input-field input[type=password]:focus + label,
    .input-field input[type=email]:focus + label,
    .input-field input[type=url]:focus + label,
    .input-field input[type=date]:focus + label,
    .input-field input[type=tel]:focus + label,
    .input-field input[type=number]:focus + label,
    .input-field input[type=search]:focus + label,
    .input-field textarea:focus.materialize-textarea + label {
        color: #26a69a;
    }

    .input-field input[type=text].valid,
    .input-field input[type=password].valid,
    .input-field input[type=email].valid,
    .input-field input[type=url].valid,
    .input-field input[type=date].valid,
    .input-field input[type=tel].valid,
    .input-field input[type=number].valid,
    .input-field input[type=search].valid,
    .input-field textarea.materialize-textarea.valid {
        border-bottom: 1px solid #4CAF50;
        -webkit-box-shadow: 0 1px 0 0 #4CAF50;
        -moz-box-shadow: 0 1px 0 0 #4CAF50;
        box-shadow: 0 1px 0 0 #4CAF50;
    }

    .input-field input[type=text].invalid,
    .input-field input[type=password].invalid,
    .input-field input[type=email].invalid,
    .input-field input[type=url].invalid,
    .input-field input[type=date].invalid,
    .input-field input[type=tel].invalid,
    .input-field input[type=number].invalid,
    .input-field input[type=search].invalid,
    .input-field textarea.materialize-textarea.invalid {
        border-bottom: 1px solid #F44336;
        -webkit-box-shadow: 0 1px 0 0 #F44336;
        -moz-box-shadow: 0 1px 0 0 #F44336;
        box-shadow: 0 1px 0 0 #F44336;
    }

    .input-field .prefix {
        position: absolute;
        width: 3rem;
        top: 8px;
        font-size: 2rem;
        -webkit-transition: color 0.2s;
        -moz-transition: color 0.2s;
        -o-transition: color 0.2s;
        -ms-transition: color 0.2s;
        transition: color 0.2s;
    }

        .input-field .prefix.active {
            color: #26a69a;
        }

        .input-field .prefix ~ input,
        .input-field .prefix ~ textarea {
            margin-left: 4rem;
            width: 88%;
            /*width: calc(100% - 3rem);*/
}

.input-field .prefix ~ textarea {
    padding-top: 0.8rem;
}

.input-field .prefix ~ label {
    margin-left: 3rem;
}
/*@media only screen and (max-width : 992px) {
    .input-field .prefix ~ input {
      width: 86%;
      width: calc(100% - 3rem); }
 }*/
/*@media only screen and (max-width : 600px) {
    .input-field .prefix ~ input {
      width: 80%;
      width: calc(100% - 3rem); }
 }
textarea {
    width: 100%;
    height: 3rem;
    background-color: transparent;
}

    input[type=text],
    input[type=password],
    input[type=email],
    input[type=url],
    input[type=date],
    input[type=tel],
    input[type=number],
    input[type=search],
    textarea.materialize-textarea {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #9e9e9e;
        outline: none;
        height: 3rem;
        width: 100%;
        font-size: 1rem;
        margin: 0 0 15px 0;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

        input[type=text]:focus,
        input[type=password]:focus,
        input[type=email]:focus,
        input[type=url]:focus,
        input[type=date]:focus,
        input[type=tel]:focus,
        input[type=number]:focus,
        input[type=search]:focus,
        textarea:focus.materialize-textarea {
            border-bottom: 1px solid #26a69a;
            -webkit-box-shadow: 0 1px 0 0 #26a69a;
            -moz-box-shadow: 0 1px 0 0 #26a69a;
            box-shadow: 0 1px 0 0 #26a69a;
        }

    textarea.materialize-textarea {
        overflow-y: hidden;
        /* prevents scroll bar flash */
padding: 1.6rem 0;
/* prevents text jump on Enter keypress */
resize: none; min-height: 3rem;
}

*/ .hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    /* future version of deprecated 'word-wrap' */
    padding-top: 1.2rem;
    /* prevents text jump on Enter keypress */
}

.signin_wrapper {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    position: relative;
}

/*.signin_wrapper .right_block {
        position: fixed;
        max-width: 600px;
        right: 0;
        background: rgba(0, 9, 22, 0.8);
        padding: 0px 40px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .signin_wrapper .right_block .signup-heading {
            font-size: 20px;
            font-family: 'Nunito', sans-serif;
            text-transform: uppercase;
            color: #ffffff;
            /*margin-top: 50%;*/
margin-top: 10px; margin-bottom: 20px; text-align: center;
}

.signin_wrapper .right_block .signup-heading-welcome {
    color: #ffffff;
    font-size: 360%;
    margin-top: 80px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}

    .signin_wrapper .right_block .signup-heading-welcome .sub-tittle {
        display: block;
        text-transform: none;
        font-size: 50%;
        margin-bottom: 20px;
    }

.signin_wrapper .right_block.password_block {
    width: 100%;
}

.signin_wrapper .right_block .bottom_info {
    margin-top: 50px;
}

.signin_wrapper .right_block a {
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.signin_wrapper .right_block .input-field label {
    color: #ffffff;
    backface-visibility: hidden;
}

.signin_wrapper .right_block .input-field input {
    color: #ffffff;
}

.signin_wrapper .right_block i.prefix {
    color: #ffffff;
    backface-visibility: hidden;
    font-size: 30px;
    text-align: center;
    padding-right: 20px;
}

    .signin_wrapper .right_block i.prefix.active {
        color: #2196f3 !important;
    }

.signin_wrapper .right_block .input-field label {
    color: #ffffff;
}

.signin_wrapper .right_block .input-field input[type=text]:focus + label,
.signin_wrapper .right_block .input-field input[type=password]:focus + label,
.signin_wrapper .right_block .input-field input[type=email]:focus + label {
    color: #ffffff;
}

.signin_wrapper .right_block .input-field input[type=text]:focus,
.signin_wrapper .right_block .input-field input[type=password]:focus,
.signin_wrapper .right_block .input-field input[type=email]:focus {
    border-bottom: 1px solid #2196f3;
    box-shadow: 0 1px 0 0 #2196f3;
}

.signin_wrapper .right_block .input-field input[type=text].valid,
.signin_wrapper .right_block .input-field input[type=password].valid,
.signin_wrapper .right_block .input-field input[type=email].valid {
    border-bottom: 1px solid #6fd64b;
    box-shadow: 0 1px 0 0 #6fd64b;
}

.signin_wrapper .right_block .input-field input[type=text].invalid,
.signin_wrapper .right_block .input-field input[type=password].invalid,
.signin_wrapper .right_block .input-field input[type=email].invalid {
    border-bottom: 1px solid #fb5d5d;
    box-shadow: 0 1px 0 0 #fb5d5d;
}

.signin_wrapper .right_block .input-field .prefix.active {
    color: #000;
}

.signin_wrapper .right_block .btn-primary {
    margin-top: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 20px;
}

*/ .modal .modal-title {
    color: #707780;
    font-size: 16px;
}

.modal h6.note {
    margin-top: 30px;
    color: #707780;
    color: #fb5d5d;
}

.modal .modal-footer {
    border-top-width: 0 !important;
}

.modal .btn {
    margin-top: 0;
    border-radius: 3px;
}

.signin_wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background-color: rgba(0,0,10,.7);*/
    /*background-color: #0747A6;*/
}

.login-wrapper {
    z-index: 9999;
    position: absolute;
    width: 380px;
    border-radius: 8px;
    margin: 0 auto;
    top: 40px;
    left: 50%;
    margin-left: -180px;
    background: #fff;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -7px rgba(0,0,0,0.2);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -7px rgba(0,0,0,0.2);
}

.loginform-inner {
    padding: 35px;
    padding-top: 0;
}

    .loginform-inner .form-group {
        position: relative;
        margin-bottom: 25px;
    }

    .loginform-inner .prefix {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 15px;
        z-index: 2;
        color: #999;
        font-size:100%;
    }

    .loginform-inner .form-group .form-control {
        padding: 20px;
        padding-left: 44px;
        border-color: rgb(223, 225, 230);
        border-width: 2px;
        box-shadow: none;
    }

        .loginform-inner .form-group .form-control:focus {
            border-color: rgb(76, 154, 255);
        }

    .loginform-inner .form-control:focus + .prefix {
        color: rgb(76, 154, 255);
    }

.login-footer {
    padding-top: 10px;
}


.login-heading {
    padding-top: 25px;
    margin-bottom: 20px;
}

.heading-welcome {
    font-size: 140%;
}

    .heading-welcome .sub-tittle {
        font-size: 150%;
        display: block;
        color: #069;
        font-weight: 800;
    }

.signup-heading {
}


.login-wrapper .ng-pristine .btn {
    text-transform: uppercase;
    padding: 8px;
    font-weight: 600;
    background-color: rgb(0, 82, 204);
}

    .login-wrapper .ng-pristine .btn:hover, .login-wrapper .ng-pristine .btn:focus {
        background-color: rgb(0, 101, 205);
    }