﻿.AllView {
    zoom: .8;
    margin: 50px auto;
    width: 60%;
    
}




.uk-form-icon {
    height: 40px;
}

.social-btn button {
    color: #ffffff;
    border-radius: 50px;
}

    .social-btn button.bg-blue {
        background: #507cc0;
    }

    .social-btn button.bg-danger {
        background: #df4930;
    }

    .social-btn button.bg-cyan {
        background: #03a5f0;
    }

.or-contain {
    width: 100%;
    display: inline-flex;
}

.or {
    height: 44px;
    width: 50px;
    margin: auto;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border: 1px solid #dbdbdb;
    border-bottom: 0;
}

    .or span {
        line-height: 42px;
    }

.or-contain::before {
    content: '__________________';
    width: 50%;
    color: #ebebeb;
    margin-top: 32px;
    text-align: right;
}

.or-contain::after {
    content: '__________________';
    width: 50%;
    color: #ebebeb;
    margin-top: 32px;
    text-align: left;
}

input.circle {
    border-radius: 50px;
}

.uk-link {
    color: #3f67e6;
}



@media screen and  (max-width: 1350px) 
{
    .or-contain::before {
        content: '___________';
    }

    .or-contain::after {
        content: '___________';
    }

    .AllView{width:80%;}
}
@media screen and (max-width: 600px) {
    button {
        width: 100%;
    }

    .or-contain::before {
        content: '_____________';
    }

    .or-contain::after {
        content: '_____________';
    }

    .AllView {
        width: 100%;
        margin: 0;
    }
}


.back-Poster {
    background: url(../assets/images/posterLogin.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-gradient-grey {
    background: linear-gradient( 80deg, rgb(233 239 243) 0, rgb(128 188 239) 100%) !important;
    overflow:hidden;
}

.back-Poster .uk-margin-auto-vertical {
    margin: 35% auto !important;
}

.back-Poster .uk-margin-auto-vertical2 {
    margin: 50% auto !important;
}
.btnlogin {
    background: #5cb85c;
    color: #fff;
    font-size: 15px;
    border-radius: 50px;
    padding: 0;
    margin: 0;
}


/*new*/
p.signText {
    font-size: 10px;
    font-weight: 500;
    color: #a8a8a8;
}

.exclamErr {
    right: 0;
    height: 35px;
    left: auto;
}

.exclamRight {
    right: 0;
    left: auto;
}