@font-face {
    font-family: Bahij-Neue-75-Bold;
    src: url('../font/bahij.ttf');
}

@font-face {
    font-family: Bahij-Light;
    src: url('../font/Bahij_Helvetica_Neue_Light.ttf');
}

@font-face {
    font-family: Bahij-75-Bold;
    src: url('../font/Bahij_Helvetica_Neue_75_Bold.ttf');
}

@font-face {
    font-family: bahij_dammd50;
    src: url('../font/bahij_helvetica_neue_roman_by50.ttf');
}

@font-face {
    font-family: bahij;
    src: url('../font/bahij.ttf');
}


body {
    font-family: bahij_dammd50;
    background-color: #ecebeb;
    margin: 0;
}


.Bahij-Neue-75-Bold {
    font-family: Bahij-Neue-75-Bold;
}

.Bahij-Light {
    font-family: Bahij-Light;
}

.Bahij-75-Bold {
    font-family: Bahij-75-Bold;
}

.bahij_dammd50 {
    font-family: bahij_dammd50;
}

.backg {
    background-color: #bcbcbc;
}

.backimg {
    background-image: url(../img/car1.png);
    background-size: 100% 100%;
    background-position: center;
    border-radius: 15px;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.p1 {
    padding: 30px 40px;
}

.jo {
    font-size: 18px;
    font-weight: bold !important;
    display: inline-block;
}

.jo22 {
    font-size: 14px;
    font-weight: bold !important;
    margin-bottom: 0;
}

.dot1 {
    height: 7px;
    width: 7px;
    background-color: #dd2125;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
}

.dot3 {
    height: 10px;
    width: 10px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
    margin-left: 10px;
}

.ptp {
    padding-top: 60px;
    padding-bottom: 60px;
}

.f-w {
    font-weight: bold;
}

.w6 {
    width: 6%;
}

.fz-10 {
    font-size: 16px;
}

.fz-11 {
    font-size: 16px;
}

.fz-12 {
    font-size: 13px;
}

.cred {
    color: #dd2125;
}

.bred {
    background-color: #dd2125;
    border-radius: 14px;
}

.log {
    border: 0;
    box-shadow: 0 0 0;
    background: transparent;
    color: #000000;
    padding: 4px 0;
    height: auto;
}

.phone_input_buyer {
    border: 0;
    box-shadow: 0 0 0;
    background: transparent;
    color: #000000;
    /*padding: 5px 10px !important;*/
    height: auto;
}

. {
    /*margin-bottom: 0;*/
    /*border-bottom: 2px solid #b2b2b2;;*/
    /*position: relative;*/
    /*padding: 0;*/
}

.mno {
    box-shadow: 10px 10px 10px #888888;
}

.mno2 {
    box-shadow: -10px 10px 10px #888888;
}

.w7 {
    width: 7%;
}

.mt--45 {
    margin-top: -25px;
    float: left;
}

.border-r15 {
    border-radius: 15px;
}

.img1 {
    width: 35%;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-120 {
    padding-bottom: 130px;
}

.text-none {
    text-decoration: none;
}

.but2 {
    font-size: 14px;
    border: 1px solid #dd2125;
    border-radius: 10px;
    padding: 4px 35px;
    font-weight: bold;
    margin-left: 10px;
}

.but22 {
    font-size: 14px;
    border: 1px solid #dd2125;
    border-radius: 10px;
    padding: 4px 25px;
    font-weight: bold;
}

#partitioned {
    border: 0;
    background-image: linear-gradient(to left, black 80%, rgba(255, 253, 255, 0) 0%);
    background-position: bottom;
    background-size: 21px 2px;
    background-repeat: repeat-x;
    background-position-x: 0px;
    width: 130px;
    margin: 0 0 4px -4px;
    padding: 0px 0 0 0px;
    letter-spacing: 12px;
}

.mb-15 {
    margin-bottom: 15px;
}

.time {
    margin-top: 30px;
    font-size: 30px;
    font-weight: 900;
    color: #dd2125;
    font-family: 'Bahij-75-Bold';
    margin-top: 40px;
    margin-bottom: 40px;
}

.but3 {
    font-size: 12px;
    border: 1px solid #dd2125;
    border-radius: 10px;
    padding: 2px 35px;
    font-weight: bold;
}

.but3i {
    font-size: 12px;
    border: 1px solid #dd2125;
    border-radius: 10px;
    padding: 2px 35px;
    font-weight: bold;
    width: 32%;
    text-align: center;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.w10 {
    width: 5%;
}

.mll-5 {
    margin-left: 5px;
}

.box {
    border-right: 17px solid #dd2125;
    border-radius: 15px;
    padding: 5px 10px;
    box-shadow: 0px 6px 10px #8888888f;
    min-height: 70px;
}

.m-16 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    padding-right: 30px;
    font-size: 16px;
    color: black;
}

.w65 {
    width: 60%;
}

.w652 {
    width: 41%;
    padding: 5px;
}

.min-h {
    min-height: 500px;
    max-height: 814px;
}

.dot2 {
    height: 7px;
    width: 7px;
    background-color: #dd2125;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
}

.w-50 {
    width: 50%;
}

.w35 {
    width: 30%;
}

.pt-15 {
    margin-top: 5px;
    margin-bottom: 8px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.jo2 {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    color: white;
}

.img-h {
    height: 69px;
    padding: 6px;
}

iframe {
    border: 0;
    width: 100%;
    height: 250px;
    margin-top: 40px;
}

.butt2 {
    color: wheat;
    background-color: #dd2125;
}

.form-select2 {
    width: 112% !important;
}

.butt-no {
    width: 40%;
    border: 1px solid #a3a3a3;
    background-color: white;
    font-size: 12px;
    margin-left: 8px
}

.bui {
    width: 49%;
    border: 1px solid #a3a3a3;
    background-color: white;
    font-size: 12px;
    margin-left: 6px;
    padding: 0;
}

.b-radious {
    border-radius: 15px !important;
}

.p-15 {
    font-size: 15px;
    padding: 5px 15px;
    font-weight: 700;
}

.btn-red {
    border-color: #dd2125;
    color: black;
    padding: 5px 20px;
}

.btn-red:hover {
    color: white;
    background-color: #dd2125;
}

.ii {
    font-size: 10px;
    color: #dd2125;
}

.img-p {
    width: 75%;
}

.p10020 {
    padding: 20px 50px;
}

.form-select {
    display: block;
    width: 100%;
    padding: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    */
    background-repeat: no-repeat;
    background-position: left .75rem center;
    background-size: 16px 12px;
    border: 0px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="radio"] {
    /*-ms-transform: scale(0.5);*/
    /*-webkit-transform: scale(0.5);*/
    /*transform: scale(0.5);*/
}

.butt-yes {
    width: 46%;
    border: 1px solid #a3a3a3;
    background-color: white;
    font-size: 12px;
    margin-left: 8px;
}

.butt-yes:active {
    color: white;
    background-color: #dd2125;
    width: 47%;
}

.butt-yes::before {
    color: white;
    background-color: #dd2125;
    width: 47%;
}

.p0 {
    padding: 0;
}

.non {
    display: none;
}

.tablee {
    background-color: #393530 !important;
    color: white !important;
    height: 5px !important;
    font-size: 14px;
    padding: 1px !important;
}

.but9 {
    display: block;
    width: 37%;
    text-align: center;
    box-shadow: 0px 5px 5px #8888;
    padding: 12px;
    margin: 12px;
    border-radius: 6px;
}

.but8 {
    display: block;
    width: 38%;
    text-align: center;
    box-shadow: 0px 5px 5px #8888;
    padding: 12px;
    border-radius: 6px;
    margin: 12px 5px;
}

.butt-2 {
    width: 46%;
    border: 1px solid #a3a3a3;
    background-color: white;
    font-size: 12px;
    margin-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.buutt-3 {
    width: 20%;
    border: 1px solid #a3a3a3;
    background-color: white;
    font-size: 12px;
    margin-left: 8px;
    color: #dd2125;
    border: 1px solid #dd2125;
}

#partitioned:active {
    border: 0px !important;
}

#partitioned::after {
    border: 0px !important;
}

.mbb-5 {
    margin-bottom: 5px;
}

.min2 {
    min-height: 520px;
    max-height: 800px;
    position: relative;
}

.mno3 {
    box-shadow: 0px 5px 5px #8888;
}

.mno4 {
    box-shadow: 0px 5px 5px #8888;
}

.di-fl {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.di-fl2 {
}

.di3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
}

.di4 {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.cen {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px !important;
    text-align: center;
}

.mr-10 {
    margin-left: 10;
}

.butt-yes:focus {
    background-color: #dd2125;
}

.but1:focus {
    background-color: #dd2125;
}

.but3:focus {
    background-color: #dd2125;
}

.bui:focus {
    background-color: #dd2125;
}

.but2:focus {
    background-color: #dd2125;
}

.butt-2:focus {
    background-color: #dd2125;
}

.buutt-3:focus {
    background-color: #dd2125;
}

.b-w {
    border-width: 0 0px !important;
    padding: 4px !important;
    font-size: 16px;
}

.b-w2 {
    padding: 4px !important;
    font-size: 16px;
}

.mtt-5 {
    margin-top: 5px;
}

.but99 {
    display: flex;
    width: 27%;
    text-align: center;
    padding: 7px;
    border-radius: 6px;
    margin: 12px 5px;
    border: 1px solid #88888859;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.fz-110 {
    font-size: 9px;
}

.fz-111 {
    font-size: 13px;
}

.fz-112 {
    font-size: 16px;
}

.pos {
    position: absolute;
    bottom: 0;
    text-align: center !important;
    width: 80%;
    margin-bottom: 35px;
}

.po-r {
    position: relative;
}

.btn-success {
    background-image: -webkit-linear-gradient(top, #ff0000 0, #ff0000 100%) !important;
    background-image: -o-linear-gradient(top, #ff0000 0, #ff0000 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff0000)) !important;
    background-image: linear-gradient(to bottom, #fa0000 0, #ff0000 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x !important;
    border-color: #ff0000 !important;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.col-xs-3 {
    width: 14%;
}

.cool {
    width: 10%;
}

.mt-00 {
    margin-top: 0;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    position: relative;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

*,
::after,
::before {
    box-sizing: border-box;
}

.stepwizard .btn.disabled,
.stepwizard .btn[disabled],
.stepwizard fieldset[disabled] .btn {
    opacity: 1 !important;
    color: #bbb;
}

.btn-default.disabled:focus {
    background-color: #dd2125;
    background-image: none;
    border: 1px solid;
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.small,
small {
    font-size: .875em;
    color: #bababa
}

.small,
small {
    font-size: 85%;
    color: #bababa
}

.min3 {
    min-height: 500px;
    position: relative;
    height: auto !important;
    padding-bottom: 80px !important;
}

.min4 {
    min-height: 550px;
    max-height: 800px;
    position: relative;
}

.min5 {
    position: relative;
    min-height: 550px;
    max-height: 1200px;
}

.min6 {
    position: relative;
    min-height: 560px;
    max-height: 1200px;
}

#partitioned:focus-visible {
    border: 0px solid !important;
    outline: -webkit-focus-ring-color auto 0px;
}

.vvy {
    border: 0;
    background-image: linear-gradient(to left, #b2b2b2 80%, rgb(255 254 255 / 0%) 0%);
    background-position: bottom;
    background-size: 24px 2px;
    background-repeat: repeat-x;
    background-position-x: 0px;
    width: 100%;
    margin: 0 0 4px -5px;
    padding: 0px 0 0 0px;
    letter-spacing: 7px;
}

.vvy:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.vvyy {
    border: 0;
    background-image: linear-gradient(to left, #b2b2b2 80%, rgb(255 254 255 / 0%) 0%);
    background-position: bottom;
    background-size: 30px 2px;
    background-repeat: repeat-x;
    background-position-x: 0px;
    width: 100%;
    margin: 0 0 4px -5px;
    padding: 0px 0 0 0px;
    letter-spacing: 7px;
}

.vvy2 {
    border: 0;
    background-image: linear-gradient(to left, #b2b2b2 80%, rgb(255 254 255 / 0%) 0%);
    background-position: bottom;
    background-size: 12px 2px;
    background-repeat: repeat-x;
    background-position-x: 0px;
    width: 100%;
    margin: 0 0 4px -5px;
    padding: 0px 0 0 0px;
    letter-spacing: 7px;
}

.vvy3 {
    border: 0;
    background-image: linear-gradient(to left, #b2b2b2 80%, rgb(255 254 255 / 0%) 0%);
    background-position: bottom;
    background-size: 21px 2px;
    background-repeat: repeat-x;
    background-position-x: 0px;
    width: 100%;
    margin: 0 0 4px -5px;
    padding: 0px 0 0 0px;
    letter-spacing: 7px;
}

.Ac {
    background-color: #dd2125;
    color: white;
}

.no-ac {
    border: 1px solid #8888;
    color: #8888;
}

.img2 {
    padding: 10px;
    width: 20%;
}

.img-3 {
    width: 12%;
    padding: 6px;
}

.img-4 {
    padding: 6px;
    width: 11%;
}

.img-444 {
    padding: 6px;
    width: 12%;
}

.border-home {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.rig {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: white;
    margin: 0;
    padding-top: 5px;
    margin-top: 7px;
    padding-right: 15px;
    padding-bottom: 2px;
}

.padding-b {
    padding-bottom: 0px;
}

.p-r0 {
    padding-right: 0px;
}

.m-b0 {
    margin-bottom: 0px;
    padding-right: 12px;
    font-size: 14px;
}

.img-5 {
    width: 8%;
    padding: 0px;
}

.font-3 {
    color: white;
    padding-bottom: 0;
    margin-bottom: 0;
    padding: 6px;
    font-size: 13px;
}

.box2 {
    border-right: 10px solid #dd2125;
    border-radius: 5px;
    padding: 5px 10px 0 10px;
    box-shadow: 2px 3px 5px #888888;
    min-height: 70px;
}

.box42 {
    border-right: 10px solid #dd2125;
    border-radius: 5px;
    padding: 5px 10px 0 10px;
    box-shadow: 2px 3px 5px #888888;
    min-height: 60px;
}

.rig2 {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: white;
    margin: 0;
    padding-top: 5px;
    margin-top: 0;
    padding-right: 15px;
    padding-bottom: 2px;
}

.w100 {
    width: 100%;
}

.rig3 {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background-color: white;
    margin: 0;
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 7px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.bd-02 {
    margin-bottom: 0px;
    padding-right: 10px;
    font-size: 11px;
}

.img-6 {
    width: 15%;
    padding: 0px;
}

.img-7 {
    width: 20%;
    padding: 0px;
}

.img-8 {
    width: 15%;
    padding: 0px;
}

.rig4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: white;
    margin: 0;
    padding-top: 5px;
    margin-top: 0;
    padding-right: 15px;
    padding-bottom: 2px;
}

.font-0 {
    font-size: 13px;
    color: #dd2125;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.border-r-c {
    border: 1px solid #dd2125;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.font-9 {
    color: #dd2125;
    font-size: 13px;
    margin-bottom: 0;
    padding: 3px 10px 3px 0;
}

.bur {
    font-size: 12px;
    border: 1px solid #dd2125;
    border-radius: 10px;
    padding: 2px 15px;
    font-weight: bold;
    margin-left: 10px;
    width: 30%;
    color: white;
}

.buy {
    font-size: 11px;
    border-radius: 10px;
    padding: 2px 15px;
    width: 25% !important;
    font-weight: bold;
    margin-left: 10px;
    width: 30%;
    color: #dd2125;
}

.buy:focus {
    background-color: #dd2125;
    color: white;
    box-shadow: none;
}

.dop {
    display: block;
    width: 46%;
    text-align: center;
    box-shadow: 0px 5px 5px #8888;
    margin: 9px;
    border-radius: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.w40 {
    width: 40%;
    padding-top: 15px;
}

.nonn {
    display: none;
}

.c-black {
    color: black;
}

.font-pp {
    font-size: 14px;
    padding-top: 5px;
    color: #dd2125;
    text-align: right;
}

#myInput:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.text-right {
    text-align: right;
}

.ppo {
    position: relative;
    min-height: 570px;
    background-color: white;
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    padding-bottom: 20px;
}

.ppo22 {
    position: relative;
    min-height: 570px;
    background-color: white;
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    padding-bottom: 60px;
}

.modal-body2 {
    position: relative;
    flex: 1 1 auto;
    padding: 0 1rem 1rem 1rem;
    min-height: 350px;
}

.border-rr-12 {
    background-color: #dd2125;
    color: white;
    padding: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-bottom: 5px;
}

.boox2 {
    background-color: white;
    box-shadow: 0px 3px 5px #8888;
    display: flex;
    justify-content: space-between;
    padding: 0 5px 0 5px;
}

.mi {
    color: #dd2125;
    font-size: 10px;
    margin-bottom: 3px !important;
}

.mi2 {
    font-size: 10px;
    margin-bottom: 3px !important;
}

.cen-mo2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px !important;
    text-align: center;
}

.form-select:focus {
    border-color: white;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(13 110 253 / 0);
}

.modal2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1047;
    display: none;
    width: 85%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.bi {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.modal-content2 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 85%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modal-content3 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 77%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.br-15-102 {
    border-radius: 15px;
    margin-top: 10px;
    background-color: white;
}

.m-auto2 {
    margin: auto !important;
    margin-top: 0 !important;
}

.d-flex-ce {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.font1 {
    font-size: 12px;
    margin-bottom: 7px;
}

.font2 {
    font-size: 12px;
    color: #dd2125;
    margin-bottom: 7px;
}

.cp {
    box-shadow: 0px 2px 8px #8888;
    border-radius: 5px;
    width: 100%;
    display: flex;
    padding: 5px;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.cen2 {
    font-size: 13px;
    padding-right: 20px;
}

.back-g {
    background-color: #00800061;
    border-radius: 5px;
    border-right: 8px solid green;
    min-height: 70px;
    position: relative;

}

.back-r {
    background-color: #f8000061;
    border-radius: 5px;
    border-right: 8px solid #f8000061;
    min-height: 70px;
    position: relative;

}

.back-2 {
    background-color: #ffeb3b6e;
    border-radius: 5px;
    border-right: 8px solid #edd710;
    min-height: 70px;
    padding: 7px;
    position: relative;
}

.font-p2 {
    color: black;
    font-size: 12px;
}

.p7 {
    padding: 7px;
}

.p-r80 {
    padding-right: 80px;
}

.di-f {
    display: flex;
    justify-content: flex-start;
}

.text-p {
    font-size: 13px;
    color: #dd2125;
    font-weight: bold;
}

.font11 {
    font-size: 12px;
    margin-bottom: 32px;
}

.font111 {
    font-size: 12px;
    margin-bottom: 5px;
}

.font22 {
    font-size: 12px;
    color: #dd2125;
    margin-bottom: 32px;
}

.font222 {
    font-size: 12px;
    color: #dd2125;
    margin-bottom: 5px;
}

.log2 {
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
    background: transparent;
    color: #000000;
    padding: 3px 0;
    height: 15px;
    font-size: 14px;
}

.font-4 {
    color: white;
    padding-bottom: 0;
    margin-bottom: 0;
    padding: 6px;
    font-size: 13px;
}

.box3 {
    padding: 5px 10px 0 10px;
    box-shadow: 2px 3px 5px #888888;
    min-height: 60px;
}

.img-9 {
    width: 30%;
    padding: 0px;
}

.img-10 {
    width: 12%;
    padding: 0px;
}

.rig5 {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background-color: white;
    margin: 0;
    padding-top: 0;
    margin-top: 0px;
    margin-bottom: 6px;
    padding-right: 15px;
    padding-bottom: 2px;
}

.mop {
    margin-bottom: 0px;
    padding-right: 20px;
    font-size: 11px;
    padding-left: 0;
}

.box3:focus-visible {
    background-color: #dd2125;
}

.tab-font {
    font-size: 12px;
}

.box3::before {
    background-color: #dd2125;
}

.rig5:checked {
    background-color: #dd2125;
}

.box3:checked + label {
    background-color: #dd2125;
}

.form-check-input:checked[type=checkbox] {
    background-image: none;

}

.form-check-input:checked {
    background-color: #dd2125;
    border-color: white;
}
.form-check-input[type=radio] {
        width: 1em;
        height: 1.5em;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

/*.sidebar {*/
/*    height: 100%;*/
/*    width: 0;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    right: 0;*/
/*    background-color: #bcbcbc;*/
/*    overflow-x: hidden;*/
/*    padding-top: 4px;*/
/*}*/

/*.sidebar a {*/
/*    padding: 0px 0px 0px 0px;*/
/*    text-decoration: none;*/
/*    font-size: 25px;*/
/*    display: block;*/
/*    transition: 0.3s;*/
/*}*/

/*.sidebar a:hover {*/
/*    color: #f1f1f1;*/
/*}*/

/*.sidebar .closebtn {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 25px;*/
/*    font-size: 36px;*/
/*    margin-left: 50px;*/
/*}*/

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
}

.openbtn:hover {
    background-color: #444;
}

#main {
    transition: margin-left .5s;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: white;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.act {
    border-bottom: 1px solid #dd2125;
}

.io {
    color: #dd2125;
    font-size: 12px;
    margin-bottom: 10px !important;
}

.io2 {
    font-size: 12px;
    margin-bottom: 10px !important;
}

.p100202 {
    padding: 10px 25px;
}

.selecb {
    display: block;
    width: 47%;
    text-align: center;
    box-shadow: 0px 5px 5px #8888;
    padding: 7px;
    border-radius: 6px;
    margin: 0px 5px;
}

.pr-40 {
    padding-right: 40px !important;
}

.yanal1 {
    background-color: black;
    color: white;
    height: 30px;
    padding: 5px;
}

.rig9 {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background-color: white;
    margin: 0;
    padding-top: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-right: 15px;
    padding-bottom: 5px;
}

.rig99 {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background-color: white;
    margin: 0;
    padding-top: 5px;
    margin-bottom: 0px;
    padding-right: 15px;
    padding-bottom: 5px;
}

.box9 {
    border-right: 7px solid #dd2125;
    border-radius: 5px;
    padding: 5px 10px 0 10px;
    box-shadow: 2px 3px 5px #888888;
    min-height: 65px;
}

.box999 {
    border-right: 7px solid #dd2125;
    border-radius: 5px;
    padding: 5px 10px 0 10px;
    box-shadow: 2px 3px 5px #888888;
    min-height: 50px;
}

.box10 {
    border-right: 7px solid #dd2125;
    border-radius: 5px;
    padding: 5px 10px 0 10px;
    box-shadow: 2px 3px 5px #888888;
    min-height: 60px;
}

.ppo2 {
    position: relative;
    min-height: 620px !important;
    background-color: white;
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    padding-bottom: 20px;
}

.ppo222 {
    position: relative;
    min-height: 620px !important;
    background-color: white;
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    padding-bottom: 50px;
}

.butt78 {
    display: flex;
    width: 45%;
    text-align: center;
    box-shadow: 0px 5px 5px #8888;
    padding: 4px 10px;
    margin: 4px;
    border-radius: 6px;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.w19 {
    width: 18%;
    margin: 1px;
}

.ppo3 {
    position: relative;
    min-height: 780px !important;
    background-color: white;
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    padding-bottom: 20px;
}

.br-15-10222 {
    background-color: white;
}

.ppooo {
    position: relative;
    min-height: 570px;
    background-color: white;
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-bottom: 20px;
}

.bredd {
    background-color: #dd2125;
    height: 30px;
    padding: 0 10px;
}

.to {
    margin-top: 20px;
    padding: 10px;
    box-shadow: -1px 3px 7px #8888;
}

.w26 {
    width: 26%;
}

.pr-12 {
    padding-right: 12px;
}

.real {
    padding-right: 12px;
    width: 35%;
}

.colred {
    background-color: #dd2125;
}

.c-wh {
    color: white;
}

.mb-30 {
    margin-bottom: 30px;
}

.cceenntt {
    display: flex;
    justify-content: center;
}

.buttt11 {
    font-size: 12px;
    border: 1px solid #dd2125;
    border-radius: 10px;
    padding: 1px 15px;
    font-weight: bold;
    margin: 10px;
    width: 11%;
    text-align: center;
}

.mcente {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

button:focus:not(:focus-visible) {
    outline: 0;
    color: white !important;
}

/*[type=button]:not(:disabled),*/
/*[type=reset]:not(:disabled),*/
/*[type=submit]:not(:disabled),*/
/*button:not(:disabled) {*/
/*    cursor: pointer;*/
/*    color: #dd2125;*/
/*    border: 1px solid #dd2125;*/
/*}*/

.butt-no:focus {
    background-color: #dd2125;
    color: white !important;
}

.partitioned22 {
    border: 0;
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 16px 2px;
    background-repeat: repeat-x;
    background-position-x: 29px;
    width: 35px;
    padding: 4px 0 4px 0;
    letter-spacing: 5px;
}

.Ac {
    background-color: #dd2125 !important;
    color: white !important;
}

.but1 {
    font-size: 14px;
    border: 1px solid #dd2125;
    border-radius: 10px;
    padding: 4px 22px;
    font-weight: bold;
    margin-left: 10px;
}

p.jo22.text-center {
    margin-top: 5px;
}

.jij {
    text-align: end;
}

.partitioned {
    border: 0;
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 11px 2px;
    background-repeat: repeat-x;
    background-position-x: 22px;
    width: 245px;
    padding: 4px 0 4px 0;
    letter-spacing: 6px;
}

.bbvv {
    width: 17%;
    background-color: black;
    color: white !important;
    border: 0 !important;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 0px !important;
    padding-left: 230px;
    margin-left: 0px !important;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 0px 0 0px;
}

.iti__arrow {
    margin-left: 0px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #555;
}

.iti__flag.iti__al {
    height: 14px;
    background-position: -132px 0px;
    margin-left: 5px !important;
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px;
    margin-left: 5px !important;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgb(255 255 255 / 5%);
}

.iti__country-list {
    position: absolute;
    margin-right: 497px;
    z-index: 2;
    list-style: none;
    text-align: revert;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
    background-color: white;
    border: 1px solid #fff;
    white-space: nowrap;
    max-height: 204px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    left: 0;
}

.roo {
    padding-right: 0px !important;
    padding-left: 370px !important;
    margin-left: 0px !important;
}

.roo2 {
    padding-right: 0px !important;
    padding-left: 240px !important;
    margin-left: 0px !important;
}

input,
button {
    height: auto;
    margin: 0;
    padding: 6px 12px;
    border-radius: 2px;
    font-family: inherit;
    font-size: 100%;
    color: inherit;
}

element.style {
    padding-left: 73px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 0px !important;
    padding-left: 230px;
    margin-left: 0px !important;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}

.roo3 {
    padding-right: 0px !important;
    padding-left: 396px !important;
    margin-left: 0px !important;
}

.box4244 {
    border-right: 10px solid #dd2125;
    border-radius: 5px;
    padding: 5px 10px 0 10px;
    box-shadow: 2px 3px 5px #888888;
    min-height: 50px;
}

.img-22 {
    width: 23%;
    padding: 0px;
}

.img-11 {
    width: 10%;
    padding: 0px;
}

.vr3 {
    width: 9%;
}

a {
    color: #0d6efd;
    text-decoration: none;
}

.csc {
    width: 6%;
}

.ppoop {
    position: relative;
    min-height: 500px;
    background-color: white;
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    padding-bottom: 0px;
    margin-bottom: 20px;
}


/*Edit By Yanal*/

.coolo {
    width: 9%;
}

button.btn.dropdown-toggle.bs-placeholder.btn-light {
    border: 0;
    background-color: white !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important;
    box-shadow: unset !important;
    border: 0 !important;
    border-radius: 0 !important;
}

button.btn.dropdown-toggle.btn-light {
    cursor: pointer;
    color: black;
    border: 0 solid #dd2125;
    PADDING: 0;
    BACKGROUND-COLOR: #fff;
}

.yy {
    border: 0;
    color: black;
    background-color: white;
    width: 100% !important;
    padding: 0;
    margin: 0;
}

.filter-option-inner-inner {
    text-align: right;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    WIDTH: 100%;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 0 auto -webkit-focus-ring-color !important;
    outline-offset: 0px;
}

select.selectpicker {
    width: 100% !important;
    left: 0;
    right: 0;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    font-size: 12px;
}


/* BY ABDELRHAMN */

label.error {
    color: #f00;
    font-size: 13px;
    display: block;
    margin-top: 5px;
}

input.form-control {
    border-bottom: 1px solid #b2b2b2;
    border-radius: 0;
    padding-bottom: 9px;
}

.form-select {
    border-bottom: 2px solid #b2b2b2;
    border-radius: 0;
    padding-bottom: 9px;
}

input.form-control:active,
.form-control:focus,
.form-select:active,
.form-select:focus,
.form-control:focus {
    border-bottom: 1px solid #dd2125;
    border-radius: 0;
    padding-bottom: 9px;
    box-shadow: none;
}

.stepwizard-row.setup-panel {
    display: flex;
    justify-content: flex-start;
}

.stepwizard-step {
    margin: 0;
    padding: 0;
    width: 113px;
    /* text-align: right; */
}

.location_error {
    display: none;
    color: red;
}

div#map_symbol_predefined {
    width: 100%;
    height: 319px;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

.cc-picker.cc-picker-code-select-enabled {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.phone_div {
    display: flex;
    direction: ltr;
}

.cc-picker-code-select-enabled::after {
    top: 15px;
}

input#mobile {
    text-align: right;
}

button.active {
    cursor: pointer;
    background: #dd2125;
    border: 1px solid #dd2125;
    color: #FFF !important;
}

.has_coom {
    display: none;
}

.marketing_div {
    /*display: none;*/
}

.dropdown.bootstrap-select {
    border-bottom: 2px solid #b2b2b2;
    border-radius: 0;
    padding-bottom: 9px;
}

.days_tr {
    display: none;
}

.dropdown.bootstrap-select.show-tick {
    width: 100% !important;
}

.dropdown-menu.show {
    top: 12px !important;
}

li.disabled {
}

ul.dropdown-menu.inner.show li {
    text-align: right;
    font-size: 9px;
}

.popover-header {
    text-align: right;
    font-size: 13px;
}

.pointer {
    cursor: pointer !important;
}


/* ------------------------------------------------------------------------------
 *
 *  # Dropzone file uploader
 *
 *  Styles for dropzone.min.js - open source library that provides drag’n’drop file uploads with image previews
 *
 * ---------------------------------------------------------------------------- */

.dropzone {
    position: relative;
    border: 2px dashed rgba(0, 0, 0, 0.125);
    min-height: 18rem;
    background-color: #fff;
    padding: 0.3125rem;
    border-radius: 0.1875rem;
}

.card .dropzone {
    background-color: #fcfcfc;
    border-color: #ddd;
}

.dropzone .dz-message {
    opacity: 1;
}

.dropzone.dz-started .dz-message {
    display: none;
}

.dropzone.dz-drag-hover {
    border-color: #999;
    background-color: #f5f5f5;
    color: #ddd;
}

.sidebar .dropzone {
    text-align: center;
}

.sidebar .dropzone .dz-default.dz-message:before {
    font-size: 4rem;
    width: 4rem;
    height: 4rem;
    margin-left: -2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar .dropzone .dz-default.dz-message span {
    font-size: 0.9375rem;
}

.dropzone .dz-default.dz-message {
    height: 18rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 1;
    border-radius: 0.1875rem;
    transition: opacity ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .dropzone .dz-default.dz-message {
        transition: none;
    }
}

.dropzone .dz-default.dz-message:before {
    content: url(/assets/img/DOCUMENTS.png);
    font-family: "icomoon";
    font-size: 4rem;
    display: inline-block;
    position: absolute;
    top: 5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1;
    z-index: 2;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dropzone .dz-default.dz-message > span {
    font-size: 1.0625rem;
    color: #777;
    display: block;
    margin-top: 10.25rem;
}

.dropzone .dz-default.dz-message > span span {
    display: block;
    color: #9d9d9d;
    font-size: 0.9375rem;
}

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.75;
}

.dropzone.dz-started .dz-message {
    display: block;
    opacity: 0;
}

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    background-color: #fff;
    position: relative;
    display: inline-block;
    margin: 0.5rem;
    min-width: 10rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.5rem;
    border-radius: 0.1875rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
    display: none;
}

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
    position: relative;
}

.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    margin-top: 0.625rem;
}

.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
    position: absolute;
    top: 0;
    left: 0;
}

.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
    margin-top: 0.625rem;
}

.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
    display: none;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    display: none;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    padding: 0.25rem;
    background-color: #fff;
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0 0 0 0.1875rem;
}

.dropzone .dz-preview .dz-error-mark:after,
.dropzone .dz-preview .dz-success-mark:after,
.dropzone-previews .dz-preview .dz-error-mark:after,
.dropzone-previews .dz-preview .dz-success-mark:after {
    font-family: "icomoon";
    display: block;
    font-size: 0.8125rem;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dropzone .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-error-mark svg,
.dropzone .dz-preview .dz-success-mark span,
.dropzone .dz-preview .dz-success-mark svg,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark svg,
.dropzone-previews .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark svg {
    display: none;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    color: #F44336;
}

.dropzone .dz-preview .dz-error-mark:after,
.dropzone-previews .dz-preview .dz-error-mark:after {
    content: "";
}

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    color: #4CAF50;
}

.dropzone .dz-preview .dz-success-mark:after,
.dropzone-previews .dz-preview .dz-success-mark:after {
    content: "";
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
    display: block;
    opacity: 1;
}

.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.25rem;
    display: none;
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #4CAF50;
    transition: width ease-in-out 0.15s;
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}

@media (prefers-reduced-motion: reduce) {
    .dropzone .dz-preview .dz-progress .dz-upload,
    .dropzone-previews .dz-preview .dz-progress .dz-upload {
        transition: none;
    }
}

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
    display: block;
}

.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
    display: block;
    opacity: 0;
    transition: opacity ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .dropzone .dz-preview.dz-success .dz-progress,
    .dropzone-previews .dz-preview.dz-success .dz-progress {
        transition: none;
    }
}

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0.5rem;
    padding: 0.5rem;
    color: #F44336;
    max-width: 100%;
    z-index: 5;
    opacity: 0;
    transition: opacity ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .dropzone .dz-preview .dz-error-message,
    .dropzone-previews .dz-preview .dz-error-message {
        transition: none;
    }
}

.dropzone .dz-preview.dz-error:hover .dz-error-message,
.dropzone-previews .dz-preview.dz-error:hover .dz-error-message {
    display: block;
    opacity: 1;
}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
    background: #F44336;
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
    display: block;
    opacity: 0.1;
}

.dropzone .dz-preview .dz-image img,
.dropzone-previews .dz-preview .dz-image img {
    width: 100%;
}

.dropzone .dz-preview a.dz-remove,
.dropzone-previews .dz-preview a.dz-remove {
    background-color: #fafafa;
    border: 1px solid #ddd;
    display: block;
    padding: 0.3125rem 0.75rem;
    text-align: center;
    color: #333;
    margin-top: 0.625rem;
    cursor: pointer;
    border-radius: 0.1875rem;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .dropzone .dz-preview a.dz-remove,
    .dropzone-previews .dz-preview a.dz-remove {
        transition: none;
    }
}

.dropzone .dz-preview a.dz-remove:hover,
.dropzone-previews .dz-preview a.dz-remove:hover {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.dropzone .dz-preview .dz-error-mark:after,
.dropzone-previews .dz-preview .dz-error-mark:after {
    content: "X";
}


/* END DZ*/


/* ------------------------------------------------------------------------------
*
*  # Select2 selects
*
*  Styles for select2.js - custom select plugin
*
* ---------------------------------------------------------------------------- */
.select2-container {
    outline: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.select2-selection--single {
    cursor: pointer;
    outline: 0;
    display: block;
    padding: 0.4375rem 0;
    line-height: 1.5385;
    color: #333;
    position: relative;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.1875rem;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .select2-selection--single {
        transition: none;
    }
}

.select2-selection--single:hover, .select2-selection--single:focus,
.select2-container--open .select2-selection--single {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.01) inset;
}

.select2-selection--single:not([class*=bg-]) {
    background-color: #fff;
}

.select2-selection--single:not([class*=bg-]):not([class*=border-]) {

    border-color: #fff;
    border-bottom: 1px solid #b2b2b2;
}

.select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light):hover, .select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light):focus,
.select2-container--open .select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.04) inset;
}

.select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) .select2-selection__placeholder {
    color: #fff;
}

.select2-container--disabled .select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.75);
}

.select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 2.375rem;
    padding-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.select2-selection--single .select2-selection__rendered > i {
    margin-right: 0.625rem;
}

.select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 1;
    margin-top: 0.12502rem;
    margin-left: 0.625rem;
    opacity: 0.75;
    transition: opacity ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .select2-selection--single .select2-selection__clear {
        transition: none;
    }
}

.select2-selection--single .select2-selection__clear:hover {
    opacity: 1;
}

.select2-selection--single .select2-selection__clear:after {
    content: "";
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-selection--single .select2-selection__arrow:after {
    content: "";
    font-family: "icomoon";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0.875rem;
    margin-top: -0.5rem;
    font-size: 1rem;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--disabled .select2-selection--single {
    cursor: default;
    box-shadow: none;
}

.select2-container--disabled .select2-selection--single:not([class*=bg-]) {
    color: #999;
    background-color: #fafafa;
}

.select2-container--disabled .select2-selection--single[class*=bg-] {
    opacity: 0.75;
    box-shadow: none;
}

.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-selection--multiple {
    display: block;
    border: 1px solid transparent;
    cursor: text;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.1875rem;
}

.select2-selection--multiple:not([class*=bg-]) {
    background-color: #fff;
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
    border-color: #fff;
    border-bottom: 1px solid #b2b2b2;
}

.select2-selection--multiple .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    padding: 0 0.125rem 0.125rem 0.125rem;
    width: 100%;
}

.select2-selection--multiple .select2-selection__placeholder {
    color: #999;
}

.select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
    background-color: #fafafa;
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] {
    opacity: 0.75;
    box-shadow: none;
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice {
    opacity: 1;
}

.select2-container--disabled .select2-selection--multiple,
.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.select2-container--disabled .select2-selection--multiple .select2-search__field {
    cursor: default;
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #c3bdbd;
    color: #000;
    cursor: default;
    float: right;
    margin-right: 0.125rem;
    margin-top: 0.125rem;
    padding: 0.3125rem 0.875rem;
    white-space: normal;
    word-break: break-all;
    border-radius: 0.1875rem;
    transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .select2-selection--multiple .select2-selection__choice {
        transition: none;
    }
}

.select2-selection--multiple .select2-selection__choice:hover, .select2-selection--multiple .select2-selection__choice:focus {
    background-color: #455A64;
    color: #fff;
}

.select2-selection--multiple .select2-selection__choice > i {
    margin-right: 0.625rem;
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    cursor: pointer;
    float: right;
    font-size: 0.875rem;
    margin-top: 0.18752rem;
    line-height: 1;
    margin-left: 0.625rem;
    opacity: 0.75;
    transition: opacity ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        transition: none;
    }
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
    opacity: 1;
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    opacity: 0.6;
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice:hover, .select2-container--disabled .select2-selection--multiple .select2-selection__choice:focus {
    background-color: #455A64;
    color: #fff;
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    display: none;
}

.select2-selection--multiple .select2-search--inline {
    float: left;
}

.select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 100%;
    margin-top: 0.125rem;
    padding: 0.3125rem 0;
    background-color: transparent;
    border-width: 0;
    outline: 0;
    color: inherit;
    margin-left: 0.25rem;
    -webkit-appearance: textfield;
}

.select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-selection--multiple .select2-search--inline:first-child .select2-search__field {
    margin-left: 0;
    padding-left: 0.75rem;
    padding-right: 0;
}

.select2-dropdown {
    background-color: #fff;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    position: absolute;
    /*rtl:ignore*/
    left: -100000px;
    width: 100%;
    z-index: 1070;
    border-radius: 0.1875rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results > .select2-results__options {
    padding-bottom: 0.5rem;
    max-height: 280px;
    overflow-y: auto;
}

.select2-search--hide + .select2-results > .select2-results__options {
    padding-top: 0.5rem;
}

.select2-results:first-child > .select2-results__options {
    padding-top: 0.5rem;
}

.select2-results__option {
    padding: 0.5rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .select2-results__option {
        transition: none;
    }
}

.select2-results__option + .select2-results__option {
    margin-top: 1px;
}

.select2-results__option i {
    margin-right: 0.625rem;
}

.select2-results__option i.icon-undefined {
    display: none;
}

.select2-results__option[role=group] {
    padding: 0;
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #f5f5f5;
    color: #333;
}

.select2-results__option[aria-disabled=true] {
    color: #999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
    color: rgba(255, 255, 255, 0.6);
}

.select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: #2196F3;
}

.select2-results__options--nested > .select2-results__option {
    padding-left: 2rem;
    padding-right: 2rem;
}

.select2-results__group {
    display: block;
    padding: 0.5rem 1rem;
    cursor: default;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.select2-results__option:first-child > .select2-results__group {
    margin-top: 0;
}

.select2-results__message {
    color: #999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__message {
    color: rgba(255, 255, 255, 0.75);
}

.select2-results__option.loading-results {
    padding-top: 0;
}

.select2-results__option.loading-results + .select2-results__option {
    margin-top: 0.5rem;
}

.select2-results__option--load-more {
    text-align: center;
    margin-top: 0.5rem;
    cursor: default;
}

.select2-container--open .select2-dropdown {
    /*rtl:ignore*/
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.select2-container--open .select2-dropdown--above[class*=bg-] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--below[class*=bg-] {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.select2-search--dropdown {
    display: block;
    position: relative;
    padding: 1rem;
}

.select2-search--dropdown:after {
    content: "";
    font-family: "icomoon";
    position: absolute;
    top: 50%;
    left: 1.875rem;
    color: inherit;
    display: block;
    font-size: 0.8125rem;
    margin-top: -0.40625rem;
    line-height: 1;
    opacity: 0.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-search--dropdown + .select2-results .select2-results__message:first-child {
    padding-top: 0;
}

.select2-search--dropdown .select2-search__field {
    padding: 0.4375rem 0.875rem;
    padding-left: 2.5625rem;
    border: 1px solid #ddd;
    outline: 0;
    width: 100%;
    border-radius: 0.1875rem;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select-lg.select2-selection--single {
    padding: 0.5625rem 0;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.select-lg.select2-selection--single .select2-selection__rendered {
    padding-left: 1rem;
    padding-right: 2.5rem;
}

.select-lg.select2-selection--single .select2-selection__arrow:after {
    right: 1rem;
}

.select-lg.select2-selection--multiple .select2-selection__choice {
    padding: 0.4375rem 1rem;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0.4375rem 0;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.select-sm.select2-selection--single {
    padding: 0.3125rem 0;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.select-sm.select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
    padding-right: 2.375rem;
}

.select-sm.select2-selection--single .select2-selection__arrow:after {
    right: 0.75rem;
}

.select-sm.select2-selection--multiple .select2-selection__choice {
    padding: 0.1875rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0.1875rem 0;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.select2-selection--multiple[class*=bg-] .select2-selection__choice {
    background-color: rgba(0, 0, 0, 0.2);
}

.select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #fff;
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.select2-dropdown[class*=bg-] .select2-results__option--highlighted {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    width: 1px !important;
}

.select2-result-repository {
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}

.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 0.9375rem;
}

.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    border-radius: 100px;
}

.select2-result-repository__meta {
    margin-left: 70px;
}

.select2-result-repository__title {
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 2px;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
    display: inline-block;
    font-size: 0.75rem;
}

.select2-result-repository__description {
    font-size: 0.75rem;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
    margin-right: 0.9375rem;
}

/* ------------------------------------------------------------------------------
*
*  # Bootstrap multiselect
*
*  Styles for multiselect.js - custom multiple select plugin
*
* ---------------------------------------------------------------------------- */
.multiselect-native-select {
    position: relative;
}

.multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 0 !important;
    left: 0;
    top: 0;
}

.multiselect {
    width: 100%;
    text-align: left;
    padding-left: 0.875rem;
    padding-right: 2.375rem;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multiselect:after {
    position: absolute;
    top: 50%;
    right: 0.875rem;
    margin-top: -0.34375rem;
    text-align: right;
}

.multiselect:not([class*=font-weight-]) {
    font-weight: 400;
}

.multiselect.btn-light {
    background-color: #fff;
    border-color: #ddd;
}

.multiselect.btn-light:hover, .multiselect.btn-light:focus, .multiselect.btn-light:not([disabled]):not(.disabled):active,
.btn-group.show .multiselect.btn-light {
    background-color: #fff;
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.01) inset;
}

.multiselect.btn-light.disabled {
    background-color: #fafafa;
}

.multiselect.btn-lg {
    padding-left: 1rem;
    padding-right: 2.5rem;
}

.multiselect.btn-lg:after {
    right: 1rem;
}

.multiselect.btn-sm {
    padding-left: 0.75rem;
    padding-right: 2.25rem;
}

.multiselect.btn-sm:after {
    right: 0.75rem;
}

.multiselect-container {
    max-height: 280px;
    overflow-y: auto;
    width: 100%;
}

.multiselect-item input[type=checkbox],
.multiselect-item input[type=radio] {
    border: 0;
    background: none;
    display: block;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 1rem;
    margin-top: -0.625rem;
    opacity: 0;
    z-index: 2;
    width: 1.25rem;
    height: 1.25rem;
}

.multiselect-item input[type=checkbox]:disabled,
.multiselect-item input[type=radio]:disabled {
    cursor: default;
}

.multiselect-item input[type=checkbox] ~ .form-check-control-indicator,
.multiselect-item input[type=radio] ~ .form-check-control-indicator {
    position: absolute;
    left: 1rem;
    top: 50%;
    margin-top: -0.625rem;
    border: 0.125rem solid #455A64;
    width: 1.25rem;
    height: 1.25rem;
}

.multiselect-item input[type=checkbox] ~ .form-check-control-indicator {
    color: #455A64;
    border-radius: 0.125rem;
    transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .multiselect-item input[type=checkbox] ~ .form-check-control-indicator {
        transition: none;
    }
}

.multiselect-item input[type=checkbox] ~ .form-check-control-indicator:after {
    content: "";
    font-family: "icomoon";
    font-size: 1rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
    line-height: 1;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: opacity ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .multiselect-item input[type=checkbox] ~ .form-check-control-indicator:after {
        transition: none;
    }
}

.multiselect-item input[type=radio] ~ .form-check-control-indicator {
    border-radius: 100px;
    transition: border-color ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .multiselect-item input[type=radio] ~ .form-check-control-indicator {
        transition: none;
    }
}

.multiselect-item input[type=radio] ~ .form-check-control-indicator:after {
    content: "";
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    border: 0.3125rem solid;
    border-color: inherit;
    width: 0;
    height: 0;
    border-radius: 100px;
    opacity: 0;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .multiselect-item input[type=radio] ~ .form-check-control-indicator:after {
        transition: none;
    }
}

.multiselect-item input[type=checkbox]:checked ~ .form-check-control-indicator:after,
.multiselect-item input[type=radio]:checked ~ .form-check-control-indicator:after {
    opacity: 1;
}

.multiselect-item.active:not(.disabled) input[type=checkbox] ~ .form-check-control-indicator {
    border-color: #fff;
    color: #fff;
}

.multiselect-item.active:not(.disabled) input[type=radio] ~ .form-check-control-indicator {
    border-color: #fff;
}

.multiselect-item.disabled .form-check-control-indicator {
    opacity: 0.5;
}

.dropdown-menu[class*=bg-] .multiselect-item .form-check-control-indicator {
    border-color: #fff;
    color: #fff;
}

.multiselect-group {
    padding: 0.5rem 1rem;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.multiselect-group:first-child {
    margin-top: 0;
}

.multiselect-group label {
    margin-bottom: 0;
}

.multiselect-group.disabled {
    color: #999;
    cursor: default;
}

.multiselect-all {
    font-weight: 500;
}

.multiselect-group-clickable label {
    cursor: pointer;
}

.multiselect-filter {
    position: relative;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
}

.multiselect-filter .input-group > i {
    font-size: 0.8125rem;
    position: absolute;
    left: 0.9375rem;
    top: 50%;
    margin-top: -0.40625rem;
    opacity: 0.5;
    z-index: 4;
}

.multiselect-filter .form-control {
    padding-left: 2.5625rem;
}

.input-group .multiselect-native-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.input-group .multiselect-native-select:not(:first-child) .multiselect {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .multiselect-native-select:not(:last-child) .multiselect {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


/*// END SELECT 2*/

.table_manege_icon {
    font-size: 16px !important;
    padding-right: 5px;
    padding-left: 5px;
}

.table_manege_icon:hover {
    color: #dd2125;
}

span.bank_error,
.doc_error,
.send_commission_error,
.span.agent_serial_number_error,
.span.marketing_serial_number_error {
    color: #F00;
}

span.agent_serial_number_error {
    color: red;
}

span.marketing_serial_number_error {
    color: red;
}

.btn-check:active + .btn-light:focus,
.btn-check:checked + .btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: unset;
    color: #000 !important;
}

input.form-control.pincode-input-text:focus {
    border: unset;
}

.pin_code_div {
    direction: ltr !important;
}

span.bank_number_error {
    width: 100%;
    text-align: right;
    display: block;
    margin-top: 10px;
    color: red;
}

span#bank_code {
    /* background: #e4e3e3; */
    padding: 2px 2px;
    margin-left: auto;
    display: inline-block;
    float: right;
    background: repeating-linear-gradient(
        90deg, #bcbcbc 0, #bcbcbc 1ch, transparent 0, transparent 1.5ch) 0 100%/ 32ch 2px no-repeat;
    display: inline-block;
    bottom: 1px;
    font-size: 16px;
    font-family: 'bahij_dammd50';
}

.form-group.pin_code_div {
    position: relative;
    width: calc(100% - 15px);
    float: right;
    margin-left: auto;
    display: block;
}

.custom-map-control-button {
    background: #ffffff;
    padding: 9px;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    min-width: 132px !important;
    text-align: center;
    border-radius: 100%;
    bottom: 40px;
    top: auto !important;
    width: 50px !important;
    height: 50px !important;
    left: 5px !important; /* transform: translateX(-50%); */
    font-family: 'bahij_dammd50';
    min-width: unset !important;
}

.custom-map-control-button i.mi-my-location.mr-3.mi-2x {
    font-size: 31px;
    line-height: 36px;
}

.custom-map-control-button:hover {
    background: #ffffff;
}


.text-danger.pincode-input-error {
    text-align: right;
    color: red !important;
    margin-top: 5px;
    display: none;
}

span.jo2 {
    white-space: nowrap;
}

.di3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    /* flex-wrap: nowrap; */
}

a.register_new_account {
    color: #dd2125;
    font-size: 16px;
    margin-bottom: 19px;
    display: block;
    width: fit-content;
    margin-top: 20px;
    border-bottom: 1px solid;
}

a.register_new_account:hover {
    color: #dd2125;
}

button.request_location {
    display: inline;
    width: auto;
    text-align: center;
    padding: 5px;
    color: #bcbcbc;
    border-color: #bcbcbc;
    background: #ffffff;
}

p#GeolocationError {
    color: red;
    display: inline-block;
}

input#partitioned1 {
    display: inline-block;
    border: none !important;
    width: 33ch !important;
    background: repeating-linear-gradient(90deg, #bcbcbc 0, #bcbcbc 1ch, transparent 0, transparent 1.5ch) 0 100%/ 33ch 2px no-repeat;
    font: 0.2rem 'Ubuntu Mono', monospace;
    letter-spacing: 0.5ch;
    font-size: 23px !important;
    text-align: revert !important;
    padding: 0 !important;
    margin-left: 10px;
    float: right;
    font-size: 16px !important;
    font-family: 'bahij_dammd50';
    line-height: 28px;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    white-space: pre-wrap;
}

span.bank_error_bank_id {
    color: red;
}

span.bank_error_iban {
    color: red;
}

#verify_form input#partitioned {
    display: block;
    border: none !important;
    width: 10ch !important;
    background: repeating-linear-gradient(90deg, #dd2125 0, #dd2125 1.5ch, transparent 0, transparent 2.5ch) 0 100%/ 33ch 2px no-repeat;
    /* font: 0.2rem 'Ubuntu Mono', monospace; */
    letter-spacing: 1.5ch;
    font-size: 39px !important;
    text-align: revert !important;
    padding: 0 !important;
    margin-left: 0;
    margin: auto;
    direction: ltr;
    padding-left: 14px;
}

.radios {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
    align-items: center;
}

.radios > div {
    position: relative;
    cursor: pointer;
    flex: 1;
}

.radios input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    right: 0;
    left: 0;
}

.radios span {
    /*transition: .3s;*/
    cursor: pointer;
    color: #dd2125;
    border: 1px solid #dd2125;
    font-size: 12px;
    border-radius: 10px;
    padding: 8px 15px;
    width: auto;
    font-weight: bold;
    margin-left: 10px;
    display: block;
    text-align: center;
}

/*, .radios input:hover ~ span*/
.radios input:checked ~ span {
    background: #dd2125;
    color: #fff;
}

.wizard-form[data-fouc] {
    opacity: 0;
}

.wizard-form[data-fouc].wizard {
    opacity: 1;
}

.wizard-form[data-fouc]:not(.wizard) {
    padding-top: 6.75003rem;
    padding-bottom: 3.50003rem;
}

.wizard-form[data-fouc]:not(.wizard) fieldset:not(:first-of-type),
.wizard-form[data-fouc]:not(.wizard) h6 {
    display: none;
}


/* ------------------------------------------------------------------------------
*
*  # Steps wizard
*
*  Styles for steps.min.js - An all-in-one wizard plugin that is extremely flexible, compact and feature-rich
*
* ---------------------------------------------------------------------------- */

.wizard {
    width: 100%;
}

.wizard > .steps .current-info,
.wizard > .content > .title {
    display: none;
}

.wizard > .content {
    position: relative;
    width: auto;
    padding: 0;
}

.wizard > .content > .body {
    padding: 0 1.25rem;
}

.wizard > .content > iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
}

.wizard > .steps > ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wizard > .steps > ul > li {
    display: table-cell;
    width: auto;
    vertical-align: top;
    text-align: center;
    position: relative;
}

.wizard > .steps > ul > li a {
    position: relative;
    padding-top: 3rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: block;
    outline: 0;
    color: #999;
}

.wizard > .steps > ul > li:before,
.wizard > .steps > ul > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 2.375rem;
    width: 50%;
    height: 2px;
    background-color: #00BCD4;
    z-index: 9;
}

.wizard > .steps > ul > li:before {
    left: 0;
}

.wizard > .steps > ul > li:after {
    right: 0;
}

.wizard > .steps > ul > li:first-child:before,
.wizard > .steps > ul > li:last-child:after {
    content: none;
}

.wizard > .steps > ul > li.current:after,
.wizard > .steps > ul > li.current ~ li:before,
.wizard > .steps > ul > li.current ~ li:after {
    background-color: #eee;
}

.wizard > .steps > ul > li.current > a {
    color: #333;
    cursor: default;
}

.wizard > .steps > ul > li.current .number {
    font-size: 0;
    border-color: #00BCD4;
    background-color: #fff;
    color: #00BCD4;
}

.wizard > .steps > ul > li.current .number:after {
    content: "";
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .wizard > .steps > ul > li.current .number:after {
        transition: none;
    }
}

.wizard > .steps > ul > li.disabled a {
    cursor: default;
}

.wizard > .steps > ul > li.done a,
.wizard > .steps > ul > li.done a:hover,
.wizard > .steps > ul > li.done a:focus {
    color: #999;
}

.wizard > .steps > ul > li.done .number {
    font-size: 0;
    background-color: #00BCD4;
    border-color: #00BCD4;
    color: #fff;
}

.wizard > .steps > ul > li.done .number:after {
    content: "";
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .wizard > .steps > ul > li.done .number:after {
        transition: none;
    }
}

.wizard > .steps > ul > li.error .number {
    border-color: #F44336;
    color: #F44336;
}

.card > .card-header:not([class*=bg-]) > .wizard > .steps > ul {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

@media (max-width: 991.98px) {
    .wizard > .steps > ul {
        margin-bottom: 1.25rem;
    }

    .wizard > .steps > ul > li {
        display: block;
        float: left;
        width: 50%;
    }

    .wizard > .steps > ul > li > a {
        margin-bottom: 0;
    }

    .wizard > .steps > ul > li:first-child:before,
    .wizard > .steps > ul > li:last-child:after {
        content: '';
    }

    .wizard > .steps > ul > li:last-child:after {
        background-color: #00BCD4;
    }
}

@media (max-width: 767.98px) {
    .wizard > .steps > ul > li {
        width: 100%;
    }

    .wizard > .steps > ul > li.current:after {
        background-color: #00BCD4;
    }
}

.wizard > .steps .number {
    background-color: #fff;
    color: #ccc;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1.1875rem;
    border: 2px solid #eee;
    font-size: 0.875rem;
    z-index: 10;
    line-height: 2.125rem;
    text-align: center;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
}

.wizard > .actions {
    position: relative;
    text-align: right;
    padding: 1.25rem;
    padding-top: 0;
}

.wizard > .actions > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wizard > .actions > ul::after {
    display: block;
    clear: both;
    content: "";
}

.wizard > .actions > ul > li {
    display: inline-block;
}

.wizard > .actions > ul > li + li {
    margin-left: 1.25rem;
}

input,
select {
    font-size: 16px !important;
}

small {
}

.stepwizard-step p small {
    font-size: 16px;
}

span.jo2 {
    font-size: 20px;
}

button.btn.btn-default.but2.ml-5 {
    font-size: 16px;
}

p.fz-10.mbb-5 {
    font-size: 16px !important;
}

body {
    /* position: relative; */
    /* height: 100%; */
    /* position: fixed; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* overflow-y: scroll; */
    /* height: 100%; */
}

.centerd_page {
    /* position: fixed; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* bottom: 0; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* align-content: center; */
    /* flex-direction: column; */
    /* flex-wrap: nowrap; */
    /* overflow: scroll; */
    /* height: calc(100% + 284px); */
}

.centerd_page {
    /* background: black; */
    margin-top: 50%;
    transform: translateY(-75%);
}

.centerd_page .row.ptp2 {
    margin: 0 !important;
    padding: 0 !important;
}

.centerd_page .di-fl2 {
    /* display: block; */
}

.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    padding-top: 30px;
}

.f-left.di3 {
    float: right;
    width: fit-content !important;
    min-width: 61%;
}

.f-right.di4 {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

span.jo2 {
    display: inline-flex !important;
}

.bred {
    background-color: #dd2125;
    border-radius: 14px;
    margin-bottom: 15px;
}

form .bg-white {
    padding: 17px 15px;
}

button.request_location {
    display: none;
}

.mt10 {
    margin-top: 10px;
}


.notif_bell2 {
    color: #FFF;
    font-size: 23px;
}

.sidebarToggle {
    background: #FFF;
    border-radius: 100%;
    padding: 5px 8px;
    height: auto;
    position: absolute;
    right: 30px;
}

.sidebarToggle i {
    font-size: 18px;
    padding: 0 !important;
    margin: 0 !important;
    color: #dd2125 !important;
}

div#page-content-wrapper .container {
    background: #FFF;
    margin-bottom: 130px;
    padding-bottom: 40px;
}

.list_links a.link {
    color: black;
    text-decoration: none;
    font-size: 14px;
}

.list_links li.list-group-item {
    border-bottom: 5px solid #ecebeb;
}

div#page-content-wrapper div#main-container {
    background: #FFF;
    border-radius: 8px;
    position: relative;
    margin-top: 30px;
    min-height: 426px;
}

.main_title {
    background-color: #dd2125;
    border-radius: 0;
    margin-bottom: 15px;
}

.main_title p {
    margin: 0;
    color: #FFF;
    padding: 6px 0;
}

input.cc-picker-code-filter {
    text-align: center;
    font-style: unset;
    color: #dd2125;
    /* padding: 20px; */
}

span.count_span {
    background: #dd2125;
    border-radius: 101%;
    PADDING: 2PX 5PX;
    color: #FFF;
}

.form-group_h {
    margin-bottom: 15px;
}

.favorite_client_box {
    display: flex;
    width: 100%;
    margin-top: 5px;
    justify-content: space-between;
    align-items: center;
}

.favorite_client_box p.mi2 {
    display: inline-block;
    text-align: right;
    font-size: 17px;
    padding: 0;
    margin: 0;
    float: right;
}

.favorite_client_box span.cred {
    display: inline-block;
    font-size: 12px;
    padding: 0;
    margin: 0;
    float: right;
    margin-right: 7px;
}

.favorite_client_box p.mi {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
}

.favorite_client_box > * {
    flex: 1;
}

.favorite_client_box.active {
    background: #dd2125;
}

.favorite_client_box.active > * {
    color: #FFF;
}

.favorite_client_box {
    padding: 3px 17px;
}

span.error_span {
    display: block;
    color: #dd2125;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 15px;
}


.footer_2_btns {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px !important;
    text-align: center;
    padding-top: 20px;
}

.row_list {
    background: white;
    text-align: center;
    /*border: 1px solid #dd212575;*/
    display: flex;
    justify-content: space-between;
    direction: rtl;
    margin-bottom: 3px;
}

.main_row_list.row {
    margin-bottom: 23px;
    padding: 0 15px;
}


label.card_breview_img {
    font-size: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 284px;
    padding: 20px;
    position: relative;
    width: 284px;
    box-shadow: 0px 5px 5px #8888;
    font-size: 16px;
    font-family: 'bahij_dammd50';
}

.input_file img {
    width: 139% !important;
}


.card_breview_img span {
    position: absolute;
    bottom: 18px;
    z-index: 9;
    text-shadow: 0 0 #7b6e6e;
}

input.hiddin_input {
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden;
}


.card_breview_img img {
    width: 100%;
}

label.card_breview_img {
    margin-top: 17px;
}

label.card_breview_img {
    margin-top: 17px;
    height: auto;
}

.number_type_2 {
    margin-top: 15px !important;
}

img.samary_list_img {
    width: 100px;
}

.select2-results > .select2-results__options {
    text-align: right;
}

span#client_classification_error {
    display: inline-block;
}

label.form-group-label {

    font-size: 16px;
    margin-left: 6px;

}


.form-div {
    margin-bottom: 7.5px;
    padding-top: 7.5px;
}

textarea.form-control {
    margin-top: 15px;
    /*margin-bottom: 30px;*/
}


.choice_card .box label {
    color: #393530 !important;
    cursor: pointer;
}

.choice_card {
    color: #393530 !important;
    cursor: pointer;

    margin-bottom: 15px;
    display: block;
}


span.row_list_val {
    overflow-wrap: anywhere;
}


nav.flex.items-center.justify-between svg {
    width: 21px;
}

.small_icon .img_icon {
    width: 47px;
}

.choice_card.small_icon .box {
    display: flex;
    align-items: center;
    padding: 15px;
    box-shadow: 2px 3px 5px #888888;
}

.choice_card.small_icon .box label {
    margin-right: 13px;
}


.row.main_row_list {
    box-shadow: 2px 4px 7px 2px #ecebeb, -1px -2px 6px 1px #ecebeb;
    /* margin: 15px; */
    padding-top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.row_list {
    flex: 50%;
    max-width: 50%;
}

div#append_area {
    padding: 0 15px;
}


.samary_list_img_div {
    flex: auto;
    overflow-x: scroll;
    display: flex;
    padding-bottom: 10px;
}

.samary_list_img_div img {
    height: 100px;
    width: fit-content;
    margin: 0 7px;
    display: inline-block;
}


/*!* width *!
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

!* Track *!
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

!* Handle *!
::-webkit-scrollbar-thumb {
    background: #dd2125;
    border-radius: 10px;
}

!* Handle on hover *!
::-webkit-scrollbar-thumb:hover {
    background: #dd2125;
}*/


.top_menu .img_icon {
    width: 69px;
}

.top_menu label {
    white-space: pre-wrap;
}

.top_menu .box {
    display: flex;
    align-items: center;
}

.choice_card:not(.small_icon) img.img_icon {
    width: 74px;
}


.row_dropzone {
    margin-top: 15px;
    margin-bottom: 15px;
}


#change_list h1 {
    font-size: 19px;
    margin-top: 18px;
    margin-bottom: 12px;
}


.modal-header {
    background: #dd2125;
    text-align: center !important;
    color: #FFF;
    padding: 9px 15px;
}

.modal-header .btn-close {
    padding: 0;
    margin: 0;
    border: 0;
    color: #FFF !important;
    border: 1px solid #FFF !important;
    padding: 4px;
}

.modal-title {
    text-align: center;
    width: 100%;
}

.col-md-12.cen-mo2 {
}

.modal-header {
    background: #dd2125;
    text-align: center !important;
    color: #FFF;
    padding: 9px 15px;
}

.modal-header .btn-close {
    padding: 0;
    margin: 0;
    border: 0;
    color: #FFF !important;
    border: 1px solid #FFF !important;
    padding: 4px;
}

.modal-title {
    text-align: center;
    width: 100%;
}


.total_row div {
    background: black;
    color: #FFF;
    padding: 5px 15px;

    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.modal-footer {
    display: flex;
    justify-content: center;
}

.col_td {
    display: flex;
    justify-content: space-between;
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
}

.col_td .key {
    font-weight: 500;
    color: #dd2125;
}

.col_td .val {
    font-size: 17px;
    color: #000;
    margin-left: 12px;
}

.row_th {
    margin-bottom: 15px;
}

.centered_div {
    /* padding-top: 50%;
    padding-bottom: 0px;
    transform: translate(1px, -50%); */
}

.related_work_nature {
    margin-bottom: 15px;
    margin-top: 15px;
}

button#save_location {
    text-align: center;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    display: block;
}


.loader {
    border: 16px solid #455344db;
    border-top: 16px solid #dd2125;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader_div {
    position: fixed;
    z-index: 9999;
    background: #3a383585;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
}


.dropzone .dz-preview, .dropzone-previews .dz-preview {
    WIDTH: calc(100% / 4);
    overflow: hidden;
    min-width: unset;
    margin: 0;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.side_bar_logo img {
    width: auto;
    height: 86px;
    margin: auto;
    display: block;
    text-align: center;
    margin: 15px auto;
}

.side_bar_head h1 {
    font-size: 16px;
    margin: auto;
    display: block;
    text-align: center;
}

.list_links p {

    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;

}

.list_links p span {
    flex: 1;
    font-size: 12px;
    margin-top: 7px;
}

p.serial_number_home_labile {
    font-weight: 600;
}

p.welcome_labile {
    margin-bottom: 2px;
}

input.error {
    border-bottom: 1px solid #dd2125;
    /*margin-top: 7px;*/
}

span.notes_span {
    background: #dd2125;
    color: #FFF;
    margin-right: 7px;
    padding: 1px 5px;
}

.buttons_row button:focus:not(:focus-visible) {
    outline: 0;
    color: #dd2125 !important;
}

.buttons_row button:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.bg_btn {
    background: #dd2125;
    color: #FFF !important;

}

.buttons_row button {
    width: 200px;
}


.buttons_row a:focus:not(:focus-visible) {
    outline: 0;
    color: #dd2125 !important;
}

.buttons_row a:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.buttons_row a {
    width: 200px;
}


.main_tab button.active {
    background: #dd2125 !important;
}

.main_tab {
    margin: 0 !important;
    padding: 0 !important;
    margin-right: -15px !important;
}

.tab-content {
    margin-top: 20px;
}

.btn-submit {
    background: #dd2125;
    border: 1px solid #dd2125;
    width: fit-content;
    min-width: 107px;
    color: #FFF !important;
    margin-top: 15px;
    padding: 5px 25px;
    cursor: pointer;
}

.main_tab button {
    min-width: 147px;
    border-radius: 0 !important;
}

img.img_val {
    width: 100px;
    height: 100%;
}

.inv_btn-submit {
    border: 1px solid #dd2125;
    padding: 4px 35px;
    background: #FFF;
    color: black !important;
    width: fit-content;
    min-width: 107px;
    margin-top: 15px;
    cursor: pointer;
}


.imgs {
    /* float: right; */
}

.imgs_td {
    display: flex;
    /* justify-content: flex-start; */
    /* flex-wrap: wrap; */
    flex-direction: column;
}

.imgs_td .imgs {
    /* overflow-x: scroll; */
    width: fit-content;
}

.row.row_th:not(:first-child) {
    margin-top: 60px;
    border-top: 9px solid #ecebeb;
}

labe.red_labe {
    float: left;
    background: #dd2125;
    color: #FFF;
    padding: 1px 10px;
    font-size: 15px;
}

.haraj_div {
    margin-top: 20px;
    padding: 10px;
    box-shadow: -1px 3px 7px #8888;
}

.haraj_label {
    font-size: 18px;
    color: #dd2125;
    margin-bottom: 7px;
}

.haraj_hint {
    font-size: 14px;
    margin-bottom: 7px;
}

.haraj_price {
    display: inline-block;
    font-size: 15px;
}

.haraj_price img {
    display: inline-block;
}

.view_haraj_link {
    color: #dd2125 !important;
    font-weight: 600;
    cursor: pointer;
}

span.replaies_span2 {
    background: #dd2125;
    color: #FFF;
    padding: 2px 5px;
    font-size: 13px;
    margin-top: -39px;
}

.col-md-12.main_title {
    display: flex;
    justify-content: space-between;
    align-content: space-around;
    align-items: center;
}

.filter-span {
    color: #FFF !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
}


.filter-icon {
    font-size: 16px !important;
}


.alert
[type=button]:not(:disabled), .alert
[type=reset]:not(:disabled), .alert
[type=submit]:not(:disabled), .alert
button:not(:disabled) {
    cursor: pointer;
    color: #dd2125;
    border: none;
    background: transparent;
}

.bg_red {
    background: #dd2125 !important;
    color: #fff !important;

}

.old_replay, .row_th {
    margin-bottom: 30px;
}


.key2_col {
    display: flex;
}


label.key2 {
    flex: 1;
}

label.val2 {
    flex: 2;
}

.key2_col label {
    color: #000;
}


.link_bg_details {
    text-align: left;
    cursor: pointer;
    background: #dd2125;
    display: inline-block;
    width: auto;
    float: left;
    color: #FFF;
    padding: 4px 9px;
    border: 0;
    border-radius: 9px;
    margin-left: 15px;
}

.link_bg_details:hover {
    color: #FFF;

}


.rep_type {
    color: #dd2125;
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
}

.box_reply {
    border-bottom: 15px solid #ecebeb;
    padding-bottom: 20px;
    padding-top: 20px;
}

form.button_form {
    display: inline-block;
}

span.low_quantity {
    display: block;
    background: #dd2125;
    color: #FFF;
    width: fit-content;
    margin: auto;
    margin-bottom: 12px;
    padding: 2px 15px;
}

.small_row_th .col_td {
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 15px;
}

a.btn.btn-default {
    cursor: pointer;
    color: #dd2125;
    border: 1px solid #dd2125;
}

.box-shadow-1 {
    width: 100%;
    box-shadow: 3px 2px 2px 1px #ecebeb, -1px -1px 6px 1px #ecebeb;
    padding: 15px;
}

.row.disabled .total_row div {
    background: #a3a3a3 !important;
}

span.quantity_0 {
    position: absolute;
    background: #dd2125;
    color: #FFF;
    left: auto;
    right: 0;
    width: auto;
    z-index: 12;
}

.quantity_0_haraj {
    position: absolute;
    background: #dd2125;
    color: #FFF;
    left: 0;
    top: 0;
    width: 105px;
    text-align: center;
}

.haraj_div {
    position: relative;
}

.haraj_div_quantity_0_haraj {
    opacity: 0.5;
}

h2.h2.empty_label {
    font-size: 15px;
    color: #747474;
}


.back-null {
    box-shadow: 1px 6px 6px 3px #ecebeb;
}


.iban_col {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
}

p.mobile_hint {
    text-align: center;
    direction: ltr;
    font-size: 16px;
}


.col_td > * {
    /* flex: 1; */
}

.col_td .val {
    text-align: left;
}

thead.thead-dark {
    background: black;
    color: white;
}

.container_commission h3 {
    margin-bottom: 21px;
    font-size: 19px;
    color: #dd2125;
    font-weight: bold;
}


/**/

.setup-content {
    display: none;
}

div#step-1 {
    display: block;
}

.address_col a {
    float: left;
}

.address_col a {
    cursor: pointer;
    color: #dd2125 !important;
}

.address_col {
    background: #ecebeb;
    margin-bottom: 9px;
    padding: 5px 15px;
}

span.remove_img {
    background: #dd2125;
    border-radius: 100%;
    color: #FFF;
    padding: 0 6px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    top: 19px;
    z-index: 99;
}

.dropzones div {
    position: relative;
}

.add_other_link {
    color: #dd2125;
}

/* NEW STYLE*/

p.jo22.text-center {
    font-size: 18px;
    font-weight: bold !important;
}

p.jo22.text-center {
    font-size: 18px;
    font-weight: bold !important;
}

/*.  {margin-top: 40px !important;}*/


.lodin_col6 {
    min-height: 530px !important;
    padding-bottom: 46px;
    padding: 30px 20px;
}

.lodin_col6 a {
    font-weight: bold;
}

span.cc-picker-code {
    font-size: 14px;
    font-family: bahij_dammd50 !important;

}


.setting_icon {
    color: #dd2125;
    font-size: 26px !important;
    float: left;
}

.btn-default-out-line {
    cursor: pointer;
    color: #000;
    font-size: 14px;
    border: 1px solid #dd2125;
    border-radius: 10px;
    padding: 4px 22px;
    font-weight: bold;
    background-color: #fff;
    font-family: bahij_dammd50;
    min-width: 118px;
}


.not_sent_hint {
    text-align: center;
    font-family: 'Bahij-75-Bold';
    font-size: 16px;
    margin: 0;
}


.btn-default-out-line:hover {
    background-color: #dd2125;
    color: #fff;

}

.header-form {
    text-align: center;
}

p.headder2-form {
    text-align: center;
    font-family: 'Bahij-75-Bold';
    font-size: 16px;
}

.resend_code_btn {
    background: transparent;
    border: 0;
    outline: 0;
    color: #dd2125;
    font-size: 18px;
    font-family: 'Bahij-75-Bold';
}

.login_link {
    display: block;
    color: #dd2125;
    margin-top: 31px;
    font-size: 16px;
    font-family: 'Bahij-75-Bold';
}

.alert.alert-danger {
    font-size: 15px !important;
    padding: 3px 15px 5px;
    margin-top: 15px !important;
    border-radius: 0;
}

.relative {
    position: relative;
}

.mobile_icon i {
    color: #FFF;
}

.mobile_icon {
    position: absolute;
    left: 15px;
}


.box .m-16 {
    font-size: 16px;
    color: #707070;
    font-family: 'bahij_dammd50';
    font-weight: normal;
}


.div_2_btn > * {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.modal-body.text-center {
    padding-top: 30px;
    padding-bottom: 30px;
}

a.header_setting_icon i {
    color: #FFF;
    font-size: 33px !important;
}

a.header_setting_icon {
    margin-left: 15px;
}


span.jo.cred.fz-12 {
    font-size: 18px;
}

.butt-2, .buutt-3, .butt-no {
    font-size: 16px;
    font-family: 'Bahij-75-Bold';

    line-height: 17px;

    width: auto;
    min-width: 195px;


}

.show_banks_div, .marketing_div {
    margin-top: 20px;
    margin-bottom: 20px;
}


.col-md-12.div_2_btn {
    text-align: center;
    padding-top: 28px;
}

.setup-content
.col-md-12.div_2_btn {
    position: absolute;
    bottom: 32px;
    width: 100%;
}

p.fz-11.cred.f-w {
    font-size: 18px;
}

.form-group.form-div {
    margin-bottom: 20px;
    padding-top: 7.5px;
}


div#commercial_registration {
}

.dz-clickable {
    text-align: center;
}

label.card_breview_img {
    margin: auto;
    margin-top: 20px;
    width: 100%;
}

span.remove_img {
    right: 15px;
    top: 34px;
    position: absolute;
}

img.preview_img {
    height: 183px;
    width: 100%;
}

.app_commission_label {
    font-size: 18px;
    font-family: 'bahij_dammd50';
    font-weight: 600;
}

span.dot4 {
    display: inline-block;
    background: #dd2125;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
    margin-left: 10px;
}

span.cred.fz-12 {
    font-size: 18px;
}

.row_ddays_table {
    margin-top: 27px;
}

button.btn.btn-default {
    border: 1px solid #dd2125;
}

a.lightbox_link {
    width: 100px;
    height: 100px;
}


/* ------------------------------------------------------------------------------
*
*  # Fancybox lightbox
*
*  Styles for fancybox.min.js - Mac-style "lightbox" plugin
*
* ---------------------------------------------------------------------------- */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    /*rtl:ignore*/
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background-color: #fff;
    border-radius: 0.1875rem;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    cursor: pointer;
    z-index: 8060;
    color: #fff;
    opacity: 0.8;
}

#fancybox-loading div:after {
    content: "";
    font-family: "icomoon";
    font-size: 1rem;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    display: block;
    line-height: 1;
    -webkit-animation: rotation 1s ease infinite;
    animation: rotation 1s ease infinite;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1rem;
    height: 1rem;
}

.fancybox-close {
    position: absolute;
    right: 0.625rem;
    top: 0.625rem;
    padding: 0.375rem;
    z-index: 8061;
    cursor: pointer;
    line-height: 1;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.1875rem;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .fancybox-close {
        transition: none;
    }
}

.fancybox-close:hover, .fancybox-close:focus {
    background-color: #333;
    color: #fff;
}

.fancybox-close:after {
    content: "";
    font-family: "icomoon";
    font-size: 1rem;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fancybox-error {
    color: #F44336;
    font-weight: 500;
    margin: 0;
    padding: 1.25rem;
    white-space: nowrap;
}

.fancybox-title {
    visibility: hidden;
    position: relative;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -2.25003rem;
    z-index: 8050;
    text-align: center;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 0.5rem 0.625rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    text-align: center;
    margin-top: 0.625rem;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding: 0.5rem 0.625rem;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0.5rem 0.625rem;
    background-color: rgba(0, 0, 0, 0.5);
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    margin-top: -0.875rem;
    cursor: pointer;
    padding: 0.375rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    line-height: 1;
    min-width: 1.75rem;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    z-index: 8040;
    border-radius: 0.1875rem;
    transition: all ease-in-out 0.15s;
}

@media (prefers-reduced-motion: reduce) {
    .fancybox-nav span {
        transition: none;
    }
}

.fancybox-nav span:after {
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fancybox-nav span:hover, .fancybox-nav span:focus {
    background-color: #333;
    color: #fff;
}

.fancybox-nav:hover span {
    visibility: visible;
    opacity: 1;
}

.fancybox-prev {
    left: 0;
}

.fancybox-prev span {
    left: 0.625rem;
}

.fancybox-prev span:after {
    content: "";
}

.fancybox-next {
    right: 0;
}

.fancybox-next span {
    right: 0.625rem;
}

.fancybox-next span:after {
    content: "";
}

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background-color: rgba(0, 0, 0, 0.8);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.centerd-container {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
}


.cc-picker-flag {
    width: 20px;
}

span.cc-picker-code {
    padding-top: 4px;
}

.cc-picker-code-select-enabled::after {
    top: 18px;
}

.caar-box-shadow {
    box-shadow: 10px 10px 10px #888888;
}

body.navbar-top.not_logged_in .page-content {
    margin-top: 0;
}

.btn-default-out-line:focus:not(:active) {
    outline: 0;
    color: black !important;
}

.success_position {
    text-align: center;
    margin: 0;
    display: none;
}

.margin_20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

form#commentForm2 {
    position: relative;
}

div#main-container {
    background: #FFF;
    padding-bottom: 60px;
}

a.payment_method {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding: 15px;
    box-shadow: 0px 6px 10px #8888888f;
    border-radius: 15px;
}

.payment_method img {
    display: block;
    width: auto;
    width: 109px;
}

.payment_method span {
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 18px;
    margin-top: 17px;
}


.font-18 {
    font-size: 18px;
}


.title-point {
    font-weight: bold;
    font-size: 18px;
}

.row_point {
    margin-top: 30px;
}

.p-point {
    font-size: 16px;
    color: #918b8b;
}

ul.ul-point {
    font-size: 16px;
    color: #918b8b;
    padding: 0 15px;
    margin-top: -11px;
    list-style: decimal-leading-zero;
}

.terms-privacy-page .jo.text-center {
    font-size: 20px;
}


.title-logo {
    margin: auto;
    display: block;
    width: 108px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.container-fluid.centerd-container.terms-privacy-page {
    margin-top: 50px;
    margin-bottom: 50px !important;
    position: inherit;
    transform: unset;
    display: block;
    top: auto;
}

.terms-privacy-page
.centered_div {
    margin-bottom: 50px !important;

}


.login_p {
    margin-top: 50px;
}


.noti_dropdown_show {
    display: block;
    width: 600px;
    text-align: right !important;
}

.noti_dropdown_show .media-body {
    text-align: right;
}


.noti_dropdown_show a {
    color: #dd2125;
}


.notification_div .media-body {
    text-align: right;
}


.notification_div a {
    color: #dd2125;
}


.notification_div
.badge-success {
    background-color: #dd2125;
    color: white;
    float: left;

}


.row.exception_row {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    min-height: 500px;
}

.col-md-6.m-auto.exception_col {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

p.exception {
    height: 100%;
    font-size: 18px;
    font-weight: bold;
}


.slick-prev, .slick-next {
    background: #dd2125 !important;
    z-index: 999 !important;
}

[dir='rtl'] .slick-next {
    left: 0 !important;
}

[dir='rtl'] .slick-prev {
    right: 0 !important;
}

.slick-slide img {
    width: 100% !important;
}


/*.bg-img-slider {*/
/*    background-position: center !important;*/
/*    background-size: cover !important;*/
/*    width: 100% !important;*/
/*    height: 441px !important;*/
/*}*/


.bg-img-slider {
    background-position: center !important;
    background-size: contain !important;
    width: 100% !important;
    height: 441px !important;
    /* border-radius: 10% 10% 10% 10% / 10% 10% 10% 10%; */
    background-repeat: no-repeat !important;
}


/*.bg-img-slider {*/
/*    background-position: center !important;*/
/*    background-size: 100% 100% !important;*/
/*    width: 100% !important;*/
/*    height: 441px !important;*/
/*    !* border-radius: 10% 10% 10% 10% / 10% 10% 10% 10%; *!*/
/*}*/


spna.spna_status {
    position: absolute;
    background: #dd2125;
    color: #FFF;
    left: 0;
    padding: 5px 17px;
    border-radius: 0% 1% 60% 0% / 10% 10% 74% 40%;
    top: 0;
    width: auto;
}

.row.row_th {
    position: relative;
}


.cc-picker-flag {
    padding: 0 2px !important;
    margin: 0 9px;
}



.back_hed {
    text-align: left;
}


.back_hed a {
    color: #dd2125;
    font-size: 22px;
    text-align: left;
}


.buttons_row {
    margin-top: 57px;
}

.col-md-10.main_title p {
    display: inline-block;
}

.col-md-10.main_title {
    display: flex;
    justify-content: space-between;
}

a.technical_support_link {
    text-align: left;
    width: 100%;
    display: block;
    color: #dd2125;
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline;
}

p.part_name_alert {
    background: #dd2125;
    color: #FFF;
    padding: 15px;
}

p.part_name_alert b {
    display: block;
}


.technical_support_list img {
    width: 44px;
    margin-left: 23px;
}


.technical_support_list a {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: black;
}

.sharethis_div {
    position: relative;
    display: inline-block;
    margin-left: 20px;;
}

.en_hint {
    display: inline-block;
}


.col-md-6.part_type_dive label {
    margin-bottom: 10px !important;
}


/*cccccc*/

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}


.autocomplete {
    position: relative;
}

.client_natures_div, .chickBusiness {
    display: none;
}

/*.table-responsive {*/
/*    overflow: scroll !important;*/
/*    -webkit-overflow-scrolling: touch !important;*/
/*    display: block;*/
/*}*/
form#first_in_haraj_form .colored_button {
    width: auto;
    margin: auto;
    display: block;
    text-align: center;
}


.in_setting a.btn-default-out-line {
    margin: auto;
    display: block;
    width: 100px;
    margin-top: 20px;
    text-align: center;
}

.in_setting .colored_button {
    text-align: right !important;
}

.autocomplete-items {
    max-height: 290px;
    overflow-y: scroll;
}

div#client_list {
    max-height: 309px;
    overflow-y: scroll;
}

.mobile_notifications_dropdown {
    display: none;
}


.payment_method.bank_card {
    text-align: center;
    box-shadow: 2px 2px 5px 4px #ecebeb;
    min-height: 222px;
    padding: 30px;
}

.payment_method.bank_card img {
    margin: auto;
    display: block;
    width: 180px;
}

.payment_method.bank_card span {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 8px;
}

.payment_method.bank_card p {
    font-size: 19px;
}


.payment_method.bank_card p {
    display: flex;
    justify-content: space-between;
}

.payment_method.bank_card button {
    background: #dd2125;
    color: #FFF;
    border: 0;
    border-radius: 8px;
    font-size: 13px;
}

.payment_method.bank_card button i {
    font-size: 15px;
    margin-right: 9px;
}


span.span_title {
    text-align: right;
    font-size: 15px !important;
    margin-bottom: 0px !important;
}

p.bank_trans_msg {
    font-size: 18px;
    font-weight: bold;
}

fieldset[disabled='disabled'] {
    opacity: 0.8;
    position: relative;

}

fieldset[disabled='disabled']::after {
    content: '    ';
    background: #faebd705;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


button.copy_bank_number {
    background: #dd2125;
    border: 1px solid #8f8b8b;
    color: #FFF;
    border-radius: 14px;
    margin-bottom: 5px;
    font-size: 12px;
}

button.copy_bank_number i {
    font-size: 10px;
}


.chooseExcelCard img {
    width: 200px;
    margin: auto;
    display: block;
    height: 200px;
}

.chooseExcelCard {
    background: #ecebeb;
    padding: 30px;
    text-align: center;
}

.chooseExcelCard label {
    font-weight: 600;
    margin-top: 9px;
}


div#excel_div img.preview_img {
    height: auto;
}


.ex_method label {
    display: block;
    margin-bottom: 16px;
    font-size: 24px;
}

.ex_method {
    margin-bottom: 44px;
}

.ex_upload b {
    margin-bottom: 15px;
    display: block;
}

img.image_screeen {
    width: 100%;
}


a.lightbox_link.image_screeen_link {
    width: 100%;
    display: block;
    height: 100%;
}


a.note_d_link {
    background: #198754;
    padding: 2px 16px;
    color: #FFF;
    border-radius: 5px;
    font-size: 13px;
    margin-right: 5px;
}

.ex_upload_step_3 {
    padding: 15px;
}

.container_req
.container_req .row.row_th {
    padding-top: 21px;
}

.container_req
.row.req_inof.row_th {
    /* margin: 0; */
    border: 0;
    border-bottom: 9px solid #ecebeb;
    /* padding-top: 15px; */
    padding-bottom: 15px;
}

.container_req
.row.row_th {
    padding-top: 12px;
}

div#main-container.container_req {
    padding-bottom: 0;
}

.container_req
.xl_row {
    background: #ecebeb;
    padding-top: 22px;
}

.container_req
.row.old_replay {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 9px solid #ecebeb;
    margin-bottom: 0;
}

.container_req
.buttons_row {
    margin: 0;
}


.col_td_bank {
    display: block;
}

.col_td_bank label {
    margin-left: 22px;
}

.row.row_accepted2 {
    padding: 30px;
    border-top: 44px solid #ecebeb;
}

div#body_number_string_error {
    display: inline-block;
}

span.number_type_message {
    color: #00000087;
}


.green_btn {
    background: #198754;
    border-color: #198754 !important;
}

a.view_haraj_link.green_btn {
    background: #198754;
    color: #FFF !important;
    padding: 2px 10px;
}


labe.val.mobile_dir {
    direction: ltr;
    font-size: 19px;
}

a.whatsapp_link20 {
    color: green;
}

a.copy_bank_number {
    color: #ffffff;
    background: green;
    padding: 0px 5px;
}

a.whatsapp_link20 i {
    font-size: 31px;
}

a.copy_bank_number i {
    font-size: 20px;
}


.col-md-12.key2_col {
}

.key2_col labe.val2.mobile_dir {
    flex: 2;
    direction: ltr;
    text-align: right;
}

.key2_col labe.val2.mobile_dir a.copy_bank_number {
    direction: ltr !important;
    text-align: left !important;
}

.new_2_btns
.btn.btn-default.bg_btn {
    height: 100%;
    display: inline-block;
    width: fit-content !important;
    white-space: nowrap !important;
    min-width: 200px;
}


.row.new_2_btns {
    border-top: 30px solid #ecebeb;
    padding-top: 15px;
}


a.back_link_2 {
    background: #dd2125;
    border-radius: 15px;
    display: block;
    min-width: auto;
    text-align: left;
    margin-left: 23px;
    color: #FFF;
    font-weight: 600;
    font-size: 19px;
}

button.copy_bank_number2 {
    background: transparent;
    font-size: 10px;
    padding: 0;
    border: 0;
    color: #FFF;
    background: #dd2125;
    line-height: 24px;
    padding: 0 5px;


}

a.user_link {
    cursor: pointer;
    color: #dd2125;
}


button.copy_bank_number2:active {
    background: green;
}

button#LoadMoreClients, #view_Audience {
    margin: auto;
    display: block;
    border-radius: 5px;
    background: #dd2125;
    color: #FFF;
    min-width: 100px;
    line-height: 16px;
    border: 0;
}

button#LoadMoreBuyers, #view_Audience {
    margin: auto;
    display: block;
    border-radius: 5px;
    background: #dd2125;
    color: #FFF;
    min-width: 100px;
    line-height: 16px;
    border: 0;
}


button#view_Audience {
    display: inline-block;
    margin-right: 19px;
}

.chat_enable_btns {
    display: flex;
    margin: 0px auto;
    text-align: center;
    background: #FFF;
    padding: 15px;
    justify-content: space-between;
}


.chat_enable_btns button {
    background: #f01216;
    color: #FFF;
    border-radius: 10px;
    border: 1px solid #FFF;
    min-width: 167px;
    flex: 1;
}



.message.message-from-me {
    background: #393530;
    margin-left: auto;
    color: #FFF;
}


.files .file {
    /* max-width: 100px; */
    flex: 1;
    margin: 2px;
    flex-grow: 3;
    flex: 1 1 59px;
}

.files .file > * {
    width: 100%;
    height: 90px;
}
img.image404 {
    background: #FFF;
}

.chat-list .list-group-item.active {
    background-color: #393530;
    border-color: #393530;
}

.chat-list .list-group-item.active a {
    color: #FFF;
}


.chat-box {
    padding: 30px;
    border: 2px solid #dce4ec;
    border-radius: 15px;
}

.chat-box .message {
    margin-bottom: 15px;
    box-shadow: 1px 1px 1px 1px #eceff2;
    padding: 5px 15px;
    border-radius: 8px;
    width: fit-content;
    max-width: 60%;
}


.message.message-from-other {
    background: #cfcfcf;
    margin-right: auto;
}
.message-with-file .text-message {
    background: #a5b3bc;
    width: 100%;
    display: block;
    /* margin-top: 5px; */
    border-radius: 15px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 1px 1px #eceff2;
    padding: 2px 15px;
    border-radius: 15px;
}

.files {
    display: flex;
    flex-wrap: wrap;
}

.message-with-file {
    background: #f8fafc !important;
}


.action-area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /*border: 1px solid #9fabb2;*/
    border-radius: 15px;
}

.additions-area {
    width: 20%;
}

.input-area {
    flex: auto;
}




textarea {
}

.input-area textarea {
    width: 100%;
    display: block;
    border: 1px solid #7c797930;
    border-radius: 15px;
    padding: 15px;
    min-height: 80px !important;
}

.submit-area {
    width: 25%;
}


.chat-box .box {
    height: 500px;
    overflow-y: scroll;
    border: 0;
    box-shadow: unset;
    border-bottom: 1px solid #dce4ec;
    border-radius: 0;
    margin-bottom: 16px;
}



span.onlinestatus.online {
    background: #8eb429;
}

button.other_button::after {
    content: 'x';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #dbdfd41c;
    color: red;
    text-align: center;
    font-size: 21px;
}



ul#infinite-list .list-group-item {
    display: flex;
    align-items: center;
    align-content: space-between;
    border: 0;
    border-bottom: 1px solid #dce4ec;
}

a.user_link span {
    display: block;
}

span.user_status {
    background: aliceblue;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline;
    margin-top: 5px;
    margin-left: 14px;
}



span.not_seen_count {
    float: left;
    margin-right: auto;
    background: #f01216;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #FFF;
}



span.user_status.online {
    background: yellowgreen;
}

span.user_status {
}

span.user_status.offline {
    background: #dd2125;
}

span.user_status.onlone {
    background: #9acd32;
}

/*NEW ++++++++++++++++++++++++++++++++++*/


.list-group-wrapper {
    position: relative;
}


#infinite-list {
    overflow: auto;
    max-height: 709px;
    height: 100%;
    border: 2px solid #dce4ec;
    border-radius: 5px;
    padding: 0;
}



.loading {
    text-align: center;
    position: absolute;
    color: #fff;
    z-index: 9;
    background: #cc29cc;
    padding: 8px 18px;
    border-radius: 5px;
    left: calc(50% - 45px);
    top: calc(50% - 18px);
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

h2.new_title_home {
    margin-bottom: 18px;
    margin-right: 0;
    font-size: 23px;
    text-align: right;
    background: #dd2125;
    padding: 9px 20px;
    color: #FFF;
}

.small_icon .img_icon {
    height: 43px;
    /* width: auto; */
}


.new_home_btns {
    text-align: right;
}

a.new_home_link {
    background: #dd2125;
    margin: 6px;
    padding: 5px 15px;
    border-radius: 5px;
    color: #FFF;
}


button.new_title_home {
    margin-bottom: 18px;
    margin-right: 0;
    font-size: 23px;
    text-align: right;
    background: #dd2125;
    padding: 9px 20px !important;
    color: #FFF;
    border: 0;
    width: 100%;
    line-height: 27px;
}


.collapsed i.icon-arrow-down15 {
    float: left;
    font-size: 21px;
    padding-top: 4px;
    transform: none;
}

i.icon-arrow-down15 {
    transform: rotate(177deg);
    transition: 0.2s;

    float: left;
    padding-bottom: 6px;


}

button.floationg {
    background: #dd2125;
    color: #FFF;
    left: 15px;
    /* width: 100px; */
    /* height: 100px; */
    border-radius: 100%;
    top: 19px;
    font-size: 29px;
    float: left;
}

button.floationg i {
    font-size: 29px;
}


div#floationg_btns {
    direction: ltr;
    text-align: left;
    line-height: 60px;
}


.page-link {
    position: relative;
    display: block;
    color: #dd2125;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #dd2125;
    border-color: #dd2125;
}

ul.pagination {
    margin-top: 15px;
}




.empty_conversations {
    background: white;
    margin: auto;
    text-align: center;
    padding: 60px;
    margin-top: 60px;
    border-radius: 21px;
}

.empty_conversations .logo90 {
    margin-bottom: 35px;
}

.empty_conversations h2 {
    font-weight: 600;
    font-size: 23px;
    /* text-shadow: 1px 1px 1px #dd2125; */
}

.empty_conversations .logo90 img {
    width: 104px;
}



div#app {
    background: #FFF;
    background: #FFF;
    padding-bottom: 60px;
    position: relative;
}

.chat-list .list-group-item.active span.user_status {
    border: 1px solid #FFF;
}

.seen_message {
    font-size: 10px !important;
    margin-left: 6px;
}

.message_actioons {
    text-align: left;
    font-size: 11px;
}

.seen_message {
    font-size: 10px;
}

.message-from-other .message_actioons {
    text-align: revert;
}
.hidden_files_input{
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}


label.paperclip_label {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #a9adb0;
    font-size: 16px;
}

.input-area {
    position: relative;
    position: relative;
    padding-right: 15px;
}

label.paperclip_label i {
    font-size: 21px;
}

.submit-area {
    width: auto;
    padding-right: 10px;
}

button.send-button {
    background: #393530;
    color: #FFF;
    border-radius: 10px;
    border: 1px solid #FFF;
    min-width: 167px;
    float: left;
    margin-left: 15px;
}


.modal-dialog.modal-dialog-centered .colored_button {
    text-align: center;
}


.with_ignore_btn .bg_btn {
    min-width: 169px;
}

.ignore_btn {
    border: 1px solid   #dd2125;
    background: transparent;
    color:  #dd2125 !important;
}
.preview_img_div {
    width: 67px;
    height: 67px;
    position: relative;
    display: inline-flex;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-left: 6px;
}

span.remove_img {
    /* width: 10px; */
    /* height: 10px; */
    font-size: 12px;
    right: -2px;
    top: -2px;
    padding: 1px;
}

div#preview_area {
    display: flex;
    overflow-x: scroll;
    margin: 37px 0;
    margin-top: 9px;
}

span.add_images_error {
    color: red;
}


.post_images.has-error {
    border: 1px solid  red;
    background: #ff00002e;
}


label.card_breview_img.without_change {
    height: 200px;
    width: 200px;
    background-position: center !important;
    background-size: cover !important;
    display: flex;
    justify-content: flex-end;
    color: #000;
    font-weight: 600;
}



.loading {
    text-align: center;
    position: absolute;
    color: #fff;
    z-index: 9;
    background: #dd2125;
    padding: 8px 18px;
    border-radius: 5px;
    left: calc(50% - 45px);
    top: calc(50% - 18px);
}


span.check i {
    margin: 0;
    padding: 0;
    font-size: 10px !important;
    color: gray;
}

span.check i.is_seen {
    color: yellowgreen;
}


span.check {
    float: right;
    margin-left: 28px;
}

.card.card-sidebar-mobile a.nav-link {
    display: flex;
    align-items: center;
}


.files .file >  img.image404 {
    height: auto;
    width: 47%;
}





.loading:before {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #dd212500;
    z-index: 999;
    content: '';
}


.files .file >  img.image404 {
    height: auto;
    /* width: 47%; */
    padding: 22px;
}


span.ext_image_span {
    display: block;
    color: #dd2125;
}
.textarea-error{
    color: #dd2125;

}

div#preview_area:empty{
    display: none !important;
    height: 0;
    padding: 0;
}


/*xxx*/
.loading {
    z-index: 9999999999999;
}

span.text-message {
    white-space: pre-line;
    overflow-wrap: anywhere;
}
.setup-content {
    /*display: block !important;*/
}


.part_number_class {
    direction: ltr;
}


.radios.scroll-radios {
    overflow-x: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.radios.scroll-radios div {
    flex: none  !important;
    white-space: nowrap !important;
}


.right_div span {
    background: #393530;
    color: #FFF;
    padding: 2px 5px;
    font-size: 13px;
    display: block;
    text-align: center;
}





.left_div {
    flex: auto;
    padding-right: 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.right_div img {
    width: 120px;
    margin-bottom: 7px;
}

.right_div {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

p.new_hint {
    padding: 0;
    margin: 0;
}


.new_haraj_cell {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 5px solid #ecebeb;
    padding-bottom: 5px;
    position: relative;
}
.new_{
    max-height: 310px;
    overflow-y: auto;
}
.loading_class{
    background: #ffffff;
}
.loading_class.no_loading_class{
    background: #3a383585;
}





.haraj2btn {
    transition: .3s;
    border: 1px solid #dd2125;
    font-size: 12px;
    border-radius: 10px;
    padding: 8px 15px;
    width: auto;
    font-weight: bold;
    display: block;
    text-align: center;
    background: #dd2125;
    color: #fff;
    min-width: 100px;
margin-left: 15px; ;
    display: inline-block;
}


.new_mb{
    margin-bottom: 30px;
}

.new_haraj_cell  a.view_haraj_link {
    /* background: #dd2125; */
    width: fit-content;
    /* color: #FFF !important; */
    text-decoration: underline !important;

    margin-left: 15px;
}
.new_flex >div{
    /*flex: none;*/
    /*min-width: 126px;*/
}




.see_more_btn {
    background: transparent;
    border: 0;
    text-align: center;
    margin: auto;
    display: block;
    color: #dd2125;
    font-weight: 600;
    /* text-decoration: underline; */
    border: 1px solid  #dd2125;
    border-radius: 15px;
    padding: 6px 24px;
    margin-top: 20px;
}

.see_more_btn span {
    /* margin-left: 6px; */
}


span.req_type {
    position: absolute;
    left: 0;
    top: -2px;
    padding: 15px;
    border: 1px solid #FFF;
    background: #dd2125;
    color: #FFF;
    border-radius: 10% 0% 81% 0% / 0% 8% 70% 10%;
}


.col-md-3.filter_col {
    text-align: left;
}

.col-md-3.filter_col {}

.filter_col button.haraj2btn {
    margin: 0;
}
.radios >div:last-child span{
    margin: 0 !important;
}


a.new_link {
    transition: .3s;
    border: 1px solid #dd2125;
    font-size: 12px;
    border-radius: 10px;
    padding: 8px 15px;
    font-weight: bold;
    text-align: center;
    background: #dd2125;
    color: #fff;
    min-width: 100px;
    display: block;
    WIDTH: fit-content;
    MARGIN: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    border: 1px solid #393530;

    background-color: #393530;
}


.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid #dd2125;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #dd2125;
    color: #FFF;
    margin-left: 5px;
}
div#nav-tab-haraj {
    position: fixed;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}
.my_car_card img {
    max-width: 100%;
    display: block;
    margin: auto;
    height: 260px;
}

.my_car_card {
    border: 1px solid #ecebeb;
    margin-bottom: 15px;
    height: 100%;
    margin-top: 15px;
    padding: 30px;
    display: block;
    position: relative;
    border-radius: 15px;
}

button.delete_car {
    position: absolute;
    left: 15px;
    top: 15px;
    background: red;
    color: #FFF;
    border-radius: 15px;
}

p.my_car_p {
    /* display: flex; */
    /* justify-content: space-between; */
}

span.my_car_title {
    display: inline-block;
    min-width: 20%;
    font-weight: 600;
}
.my_car_col{
    margin-bottom: 15px;
}


a.add_car_link {
    position: fixed;
    left: 50%;
    background: #dd2125;
    color: #FFF;
    bottom: 27px;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 23px;
    min-width: 215px;
    width: auto;
    display: block;
    text-align: center;
    cursor: pointer;
}
button#idd_new_car {
    position: absolute;
    left: 14px;
    background: #dd2125;
    color: #FFF;
    border-radius: 11px;
    border: 0;
}


.coupon_div button {
    background: #dd2125;
    color: #FFF;
    border-radius: 9px;
    border: 0;
    line-height: 26px;
    min-width: 100px;
}

input#coupon_input {
    border: 0;
    border-bottom: 1px solid;
}
#coupon_error{
    display: block;
    color: red;
}

ul#CoubonClients {
    padding: 0;
    max-height: 350px;
    overflow: auto;
}


p#coupon_valid {
     display: none;
}
#coupon_valid button {
    display: inline;
    background: transparent !important;
    border: 0 !important;
    text-decoration: underline;
    font-weight: 600;
}

.workNewNaturesNow {
    background: gray;
    color: #FFF;
    padding: 5px 15px;
    display: inline-block;
}

span.workNewNaturesNowRemove {
    font-size: 17px;
    float: left;
    padding-right: 18px;
    cursor: pointer;
}
.d400 a.chat-link.link_bg_details {
    margin: auto !important;
    /* display: block; */
    position: initial !important;
    left: auto;
    right: auto;
    float: unset;
    margin-top: 37px !important;
}
a.request_link_par {
    background: #393530;
    color: white;
    padding: 5px 15px;
    border-radius: 5px;
    /* margin-top: -24px; */
    display: block;
    /* margin: -30px; */
    text-align: center;
    cursor: pointer;
}
a.request_link_par span {
    background: #dd2125;
    display: block;
    width: fit-content;
    margin: auto;
    min-width: 105px;
}

a.request_link_par.cloased {
    background: #4e4b47ad;
}

p.bank_trans_msg2 {
    font-weight: 600 !important;
}
.setup-content {
    /*display: block !important;*/
}

.chat-link {
    cursor: pointer;
    background: #dd2125;
    color: #FFF !important;
    padding: 4px 9px;
    border-radius: 9px;
    margin-left: 15px;
    margin: auto !important;
}
a.chat-link.link_bg_details {
    margin-left: 15px !important;
}


ul.BuyInfoUl {padding: 15px 0 ;list-style: none;}

ul.BuyInfoUl {}

ul.BuyInfoUl li {margin-bottom: 10px;}

ul.nav.nav-group-sub .nav-item , ul.nav.nav-group-sub .nav-link {
    padding-right: 12px;
}



#imageModal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

#imageModal img {
    max-width: 90%;
    max-height: 90%;
    /*border-radius: 10px;*/
    /*box-shadow: 0 0 20px #000;*/
    cursor: pointer;
}

.preview_image {
    cursor:pointer
}

.form-check .form-check-input{
    float: right;
    margin-left: 10px;
}















/*
.setup-content {
    display: block !important;
}*/