/* TEXT COLOR */

.text-red {
    color: red;
}

.text-blue {
    color: blue;
}

.text-white {
    color: white;
}

.text-black {
    color: black;
}

.text-gray {
    color: gray;
}

.has-error {
    outline: 3px solid #e3342f9e;
}

.bar_h1_title {
    font-size: 30px;
    display: inline-block;
    color: white;
}

.thumb-bg-color {
    background-color: #dceaff;
}

.car-thumb-bg-color {
    background-color: #dceaff;
}

.blocked {
    background-color: #e26161;
}

.border-radius-3 {
    border-radius: 10px;
}

.border-radius-site {
    border-radius: 10px;
}

.cursor-pointer {
    cursor: pointer;
}

:root {
    /*--site-color: #33d4ff;*/
    --site-color: #25a6c9;
    /*--site-color: #83e6e1;*/
}

.site-color {
    color: var(--site-color);
}

.text-gold {
    color: gold;
}

.fs-15 {
    font-size: 15px;
}
.uppercase{
    font-transform: uppercase;
}

.login,
.reset,
.send,
.password {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/login.jpg");
}
.login {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    height: calc(100% + 63px);
    width: 100%;
}

/* Body *****************Body*****************************Body***********************/

body {
}

.language_image {
    display: inline;
    height: 13px;
    box-shadow: 0 6px 5px rgb(0 0 0 / 0.4);
    border-radius: 5px;
    width: 21px;
}
.nav_language_dropdown a {
    padding: 3px 10px;
}
.nav_language_dropdown {
    width: max-content;
    min-width: unset;
}
.login-logo{
    width: 200px;
}
.login-form-holder{
    background-color: #ffffffcf;
}

.dont_exist_page_div {
    position: relative;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dont_exist_page_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -150px;
    width: 300px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dont_exist_page_text {
    font-size: xxx-large;
    width: 300px;
    height: 100px;
    font-weight: 600;
}
.dont_exist_page_div {
    min-height: 100vh;
    overflow-y: hidden;
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/404.jpg");
}
.machine-preview-cover-image-holder{
    width: 100%;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.machine-preview-show-gallery-images{
    background: rgb(0 0 0 / 49%);
    width: fit-content;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid white;
    color: white;
    cursor: pointer;
    display: inline-block;
}
.machine-preview-show-video-review{
    background: rgb(0 0 0 / 49%);
    width: fit-content;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid white;
    color: white;
    cursor: pointer;
    display: inline-block;
}
.machine-preview-show-media-holder{
    position: absolute;
    top: -65px;
}
.machine-preview-main-holder{
    position: relative;
}

.input_error {
    outline: solid 2px #ff8676 !important;
}
.machine_preview_info_row{
    padding-bottom: 10px;
    border-bottom: 1px solid #8d9aa8;
}
.underline{
    text-decoration: underline;
}
/* Cookie */
.main_cookie_holder {
    z-index: 99999;
    position: fixed;
    margin-bottom: 15px;
    bottom: 0px;
    background-color: white;
    border-radius: 10px;
    width: 450px;
    margin-left: 15px;
    padding: 20px;
    box-shadow: 0 6px 5px rgb(0 0 0 / 0.4);
}

.main_cookie_image_holder {
    text-align: center;
    width: 100%;
    height: 100px;
}

.main_cookie_image_holder img {
    width: 22%;
    display: inline;
}

.main_cookie_text_holder {
    margin-bottom: 13px;
}
.btn-accept-all-cookie{
    background-color: #ffbe00;
    color: white;
    box-shadow: 0 3px 10px rgba(71, 44, 173, 0.2);
}
/* .Cookie */

@media screen and (max-width: 487px) {

    .main_cookie_holder {
        margin-left: 0px;
        left: 15px;
        width: 100%;
        top: 50%;
        left: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
    }
}