@font-face {
    font-family: webfont;
    src: url('../../Content/NewTemplate/B Traffic_0.ttf') format('truetype');
}
@font-face {
    font-family: asi;
    src: url('../../Content/NewTemplate/B Traffic_0.ttf') format('truetype');
}
/*@font-face {
    font-family:webfont;
    src:url('../../Content/NewStyles/Vazir-Thin.ttf') format('truetype');
}
@font-face {
    font-family: asi;
    src: url('../../Content/NewStyles/create3/asifa bold.ttf');
}*/
/** {
    font-family:webfont !important;
}*/
/* Firefox */
* {
    /*scrollbar-width: thin;*/
    scrollbar-color: #B0B0B0 #2D2D2D;
}

    /* Chrome, Edge and Safari */
    *::-webkit-scrollbar {
        width: 15px;
        width: 15px;
        height: 15px;
        height: 15px;
    }

    *::-webkit-scrollbar-track {
        border-radius:0px;
        background-color: #2D2D2D;
    }

        *::-webkit-scrollbar-track:hover {
            background-color: #2D2D2D;
        }

        *::-webkit-scrollbar-track:active {
            background-color: #2D2D2D;
        }

    *::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background-color: #B0B0B0;
    }

        *::-webkit-scrollbar-thumb:hover {
            background-color: #A5A5A5;
        }

        *::-webkit-scrollbar-thumb:active {
            background-color: #A6A6A6;
        }
.new_style_div {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.login_new_ui {
    width: 400px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    animation: login_register;
    animation-duration: 1s;
    border:1px solid;
    border-color: rgb(133, 125, 114);
    box-shadow: rgb(129 129 129) 0px 0px 6px;
    background-color: rgb(58 59 60);
}
.form-control {
    color: rgb(165, 160, 153) !important;
    background-color: rgb(44, 45, 46) !important;
    border-color: rgb(72, 75, 78) !important;
}
input,textarea {
    color: rgb(165, 160, 153) !important;
    background-color: rgb(44, 45, 46) !important;
    border-color: rgb(72, 75, 78) !important;
}
.last_text_login {
    display: flex;
    justify-content: space-between;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #3f4959 !important;
    color: #cccac8 !important;
}
.btn-success {
    border-radius: 7px !important;
    padding: 3px 7px 3px 7px !important;
    font-size: initial !important;
}

.btn-default {
    border-radius: 7px !important;
    padding: 3px 7px 3px 7px !important;
    font-size: initial !important;
}
.btn-primary {
    border-radius: 7px !important;
    padding: 3px 7px 3px 7px !important;
    font-size: initial !important;
}
.btn-danger {
    border-radius: 7px !important;
    padding: 3px 7px 3px 7px !important;
    font-size: initial !important;
}
.btn-info {
    border-radius: 7px !important;
    padding: 3px 7px 3px 7px !important;
    font-size: initial !important;
}
.btn-warning {
    border-radius: 7px !important;
    padding: 3px 7px 3px 7px !important;
    font-size: initial !important;
}
.btn-dark {
    border-radius: 7px !important;
    padding: 3px 7px 3px 7px !important;
    font-size: initial !important;
}

.btn-secondary {
    border-radius: 7px !important;
    padding: 3px 7px 3px 7px !important;
    font-size: initial !important;
}
.box_new {
    border: 1px solid;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    padding: 10px;
    animation: login_register;
    animation-duration: 1s;
    border-color: rgb(133, 125, 114);
    box-shadow: rgb(129 129 129) 0px 0px 6px;
    background-color: rgb(58 59 60);
}
.animation_right {
    animation: login_register;
    animation-duration: 1s;
}
@media (max-width:425px) {
    .login_new_ui {
        width: 300px;
    }
    .last_text_login {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
}
@keyframes login_register {
   /* 0% {
        transform: translateX(5000px);
    }
    100% {
        transform: translateX(0px);
    }*/
}
@keyframes Menu {
 /*   0% {
        transform: translateY(-5000px);
    }
    100% {
        transform: translateY(0px);
    }*/
}