.w-100 {
    width: 100%
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.rtl {
    direction: rtl
}
.ltr {
    direction: ltr
}
.m-auto {
    margin-left: auto; margin-right: auto
}
body.logged-in .hide-on-login {
    display: none !important;
}
body:not(.logged-in) .show-on-login {
    display: none !important;
}
.hide-on-login > a::before, .show-on-login > a::before {
    display: none !important;
}
.bb-container {
    margin: 0 auto;
    /*width: 80%;*/
}
.bb-login-form .bb-container, .bb-register-form .bb-container{
    /*width: 50%;
    min-width: 40vw;*/
}
.bb-login-form .bb-field, .bb-register-form .bb-field{
    margin: 10px 0 0;
}
.bb-login-form .bb-field:first-child, .bb-register-form .bb-field:first-child{
    margin: 0 0 0;
}
.bb-login-form .bb-field label, .bb-login-form .bb-field input, .bb-register-form .bb-field label, .bb-register-form .bb-field input{
    width: 100%;
}
.bb-login-form .bb-field input, .bb-register-form .bb-field input{
    margin: 7px 0;
}
.bbee-user-login .bb-submit-otp, .bbee-user-login .bb-register-otp{
    display: none;
}
.bbee-user-login .btn, .bbee-user-login .btn{
    width: 100%;	padding: 10px 0;	background-color: #3358e7;	color: #fff;	border-radius: 50px;
}
.bbee-user-login .btn:hover, .bbee-user-login .btn:hover{
	background-color: #23244a;
}
/*.bbee-user-login * {
    font-family: IRANYekan !important;
}*/
.bbee-user-login #bb-username{
    letter-spacing: 3px;
}
.bbee-user-login #bb-otp{
    letter-spacing: 20px;
}
.bb-message {
    margin-bottom: 25px;
    text-align: center;
    padding: 15px 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #379;
    background-color: #eef9ff;
    border: 1px solid #9cd;
}
.bb-message.success {
    color: #393;
    background-color: #efe;
    border: 1px solid #9d9;
}
.bb-message.warning {
    color: #973;
    background-color: #fff7cc;
    border: 1px solid #db9;
}
.bb-message.danger {
    color: #937;
    background-color: #ffeef9;
    border: 1px solid #d9a;
}
/* Start Loading */#bb-modal-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    display: none;
}
#bb-modal-loading.show {
    display: block;
}
#bb-modal-loading .spanner{
    position:absolute;
    top: 50%;
    left: 0;
    background: #2a2a2a55;
    width: 100%;
    display:block;
    text-align:center;
    height: 300px;
    color: #FFF;
    transform: translateY(-50%);
    z-index: 100001;
    visibility: hidden;
}
#bb-modal-loading .overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    visibility: hidden;
}
#bb-modal-loading .loader,#bb-modal-loading .loader:before,#bb-modal-loading .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
#bb-modal-loading .loader {
    color: #ffffff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
#bb-modal-loading .loader:before,#bb-modal-loading .loader:after {
    content: '';
    position: absolute;
    top: 0;
}
#bb-modal-loading .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
#bb-modal-loading .loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    
    }
}
@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    
    }
}

#bb-modal-loading.show, #bb-modal-loading.show .spanner, #bb-modal-loading.show .overlay{
    visibility: visible;
}
#bb-modal-loading.show .spanner, #bb-modal-loading.show .overlay{
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#bb-modal-loading.show .spanner, #bb-modal-loading.show .overlay {
    opacity: 1
}
/* End Loading */