﻿.deetur.signin-main {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
    margin-bottom: 25px;
}

#form_1 {
    box-shadow: 0 0 50px #0d1328;
    background-image: linear-gradient(180deg, rgba(23,31,56,1), rgba(0,71,169,1));
    border: 1px solid #273453;
    border-radius: 10px;
}
.pr-2 {
    padding-right: 15px !important;
}
.pl-2 {
    padding-left: 15px !important;
}
#page-wrapper {
    margin: 5% 20px;
    background-color: transparent;
    border: none !important;
}
.deetur.signin-main .title {
    text-align: center;
    margin-bottom: 30px;
    display: none;
}

    .deetur.signin-main .title h1 {
        font-size: 40pt;
    }

.deetur.signin-main .form-header {
    padding: 20px 0;
    text-align: center;
}
.form-header img:hover {
    transform: rotate(360deg);
    transition: .6s;
}
    .deetur.signin-main .form-header .fa-user {
        font-size: 50px;
        color: #fff;
        border-radius: 50%;
        border: 3px solid #E7E7E7;
        padding: 15px 20px;
        background: #f6f8f9;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
        /* IE10+ */
        background: linear-gradient(135deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */
    }

.deetur.signin-main .form-main {
    padding: 20px 50px;
}

.deetur.signin-main .form-footer {
    background-color: #e5ebff;
    padding: 20px 50px;
    border-radius: 0 0 10px 10px;
}

    .deetur.signin-main .form-footer a {
        color: #0b61d7;
        font-size: 10pt;
    }

        .deetur.signin-main .form-footer a:hover {
            text-decoration: none;
            color: #003eff;
            font-weight: 500;
        }

    .deetur.signin-main .form-footer .fa-unlock-alt {
        font-size: 10pt;
        color: #0b61d7;
        border-radius: 50%;
        margin-right: 2px;
    }

    .deetur.signin-main .form-footer .fa-check {
        font-size: 10pt;
        color: #0b61d7;
        border-radius: 50%;
        margin-right: 2px;
    }
    .deetur.signin-main .form-footer .fa-mobile {
        font-size: 12pt;
        color: #0b61d7;
        border-radius: 50%;
        margin-right: 2px;
    }

.deetur.signin-main .signin {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #006bff;
    color: #fff;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

    .deetur.signin-main .signin:hover {
        background-color: #171f38 !important;
    }

.deetur.signin-main input[type="text"],
.deetur.signin-main input[type="email"],
.deetur.signin-main input[type="password"] {
    background-color: #fff;
    padding-left: 10px;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
    margin-bottom: 2px;
    color: #171f38;
    height: 40px;
}

.deetur.signin-main .form-control:focus,
.deetur.signin-main {
    color: #171f38;
    font-weight: 400;
}
.form-control-remember-me {
    color: #ffffff;
    font-weight: 400;
    padding-left: 6px;
}
.text-danger {
    color: #ff5b4f !important;
}
@media(max-width:768px) {
    #page-wrapper {
        margin: 40% 20px;
    }
}