﻿
html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.login {
    width: 100%;
    height: 100%;
    font-family: IRANSans, Tahoma;
    background: rgba(38,137,132,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(38,137,132,1) 0%, rgba(23,64,66,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(38,137,132,1)), color-stop(100%, rgba(23,64,66,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(38,137,132,1) 0%, rgba(23,64,66,1) 100%);
    /*background: -o-radial-gradient(center, ellipse cover, rgba(38,137,132,1) 0%, rgba(23,64,66,1) 100%);*/
    /*background: -ms-radial-gradient(center, ellipse cover, rgba(38,137,132,1) 0%, rgba(23,64,66,1) 100%);*/
    /*background: radial-gradient(ellipse at center, rgba(38,137,132,1) 0%, rgba(23,64,66,1) 100%);*/
    background: radial-gradient(ellipse at center, rgba(23,64,66,1) 0%,rgba(5,209, 198,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268984', endColorstr='#174042', GradientType=1 );
}

.login_content h1, .login_content h3, .login_content h5, .separator p {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
    text-align: center;
    direction: rtl;
}


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    /*-khtml-user-select: none;*/ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.login-button-msg .submit {
    width: 66px;
    height: 42px;
}

.loader_ajax_small {
    cursor: not-allowed;
    position: absolute;
    top: 52.5%;
    right: 47.5%;
    border: 2px solid #f3f3f3 !important;
    border-radius: 50%;
    border-top: 1px solid #1f6564 !important;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    margin-bottom: 6px;
    -webkit-animation: spin_loader_ajax_small 0.7s linear infinite;
    animation: spin_loader_ajax_small 0.7s linear infinite;
}

@-webkit-keyframes spin_loader_ajax_small {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin_loader_ajax_small {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
