/*******************************صفحه دومی/ لیست اتوبوس ها**************************/
input::placeholder {
    text-align: right;
}
    #section {
        margin-top: 110px;
        margin-bottom: 70px;
        text-align: right;
    }
    /******اطلاعات خرید بلیط *******/

    .accordion-button:not(.collapsed) {
        color: inherit !important;
        background-color: inherit !important;
        box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #ffffff;
    }

    .btnh {
        background-color: #de5a26;
        font-size: 16px;
        word-wrap: normal;
        white-space: nowrap;
        color: white;
        box-shadow: 1px 3px 5px #b6b6b6;
        border: 1px solid #de5a26;
        border-radius: 5px;
        padding: 3px;
    }

    .btnh:hover,.btnh:active{
        background-color: #de5a26;
        color: black;
        transition: all 1.5s;
    }
    .imgoffer {
        width: 100px;
        height: 90px;
        border-radius: 50%;
        /* padding: 2px; */
        /* border: 1px solid gray; */
    }

    .imgoffer1 {
        width: 85px;
        height: 85px;
        border-radius: 50%;
        padding: 2px;
        border: 1px solid gray;
    }

    .badgeoffer {
        background-color: #e4e4e4;
        border-radius: 6px;
        font-size: 11px;
    }

    .brdoffer {
        border: 1px solid rgb(197, 197, 197);
        border-radius: 8px;
        margin: 2px;
    }

    .brdoffer1 {
        border: 1px solid #ebebeb;
        box-shadow: 1px 3px 5px #d9d9d9;
        border-radius: 8px;
        background-color: white;
        margin: 0;
    }

    .brdoffer1:hover {
        box-shadow: 1px 3px 5px #bbbbbb;
        /*background-color: rgb(246, 246, 246);*/
    }
    /*.brdoffer1:hover .btnh {*/
    /*    background-color: orange;*/
    /*}*/

    .txtrzrv {
        font-size: 15px;
        word-wrap: break-word;
        white-space: pre-wrap;
        /* margin-left: 6px; */
    }

    .txtrzrvavali {
        font-weight: 600;
    }

    .txtmdlbs {
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .txtrzrvsan {
        font-size: 12px;
        color: black;
        word-wrap: normal;
        white-space: nowrap;
        margin-top: 10px;
    }

    .txtrzrvq {
        font-size: 17px;
        color: #0377fe;
        font-weight: 500;
        direction: rtl;
        word-wrap: normal;
        white-space: nowrap;
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .imgbus {
        width: 190px;
        height: 30px;
    }
    /* .linblt {
        border-right: 1px solid #d9d9d9;
        display: inline;
        margin-top: 18px;
    } */

    .btnacrdn {
        color: blue;
        display: block;
    }

    .btnacrdn:active {
        color: green;
        border-bottom: 1px solid #01b7f2;
    }

    .txtimgbl {
        font-size: 15px;
        word-wrap: break-word;
        white-space: nowrap;
    }

    .txtrzrv2 {
        margin-top: 4px;
    }

    .bltfly {
        cursor: auto;
    }

    .alertmkan {
        border-color: #FFCE85;
        background-color: #FFF5E5;
        color: #A85D00;
        text-align: right
    }

    .bltflyimg {
        border-radius: 0 8px 8px 0;
        height: 170px;
    }

    .txtetelat {
        padding: 5px;
        margin-top: 8px
    }

    .kadretelat {
        border-top: 1px solid rgb(197, 197, 197);
        font-size: 12px;
        text-align: justify;
        border-right: hidden;
        border-left: hidden;
        border-bottom: hidden;
    }

    .inplft {
        text-align: left;
        direction: ltr!important;
        padding-left: 8px;
    }

    .tab-links>li>.tab-links-item {
        position: relative;
        display: block;
        padding: 0.5rem 1.25rem;
        transition: all ease .2s;
    }

    .tab-links.is-border {
        background: #ffffff;
        display: inline-block;
        border-width: 1px;
        border-radius: 100px;
        border: 1px solid #a3a3a357;
        padding-bottom: 5px;
    }


    .tab-links>li {
        display: inline-block;
    }
    /*
    .tab-links.is-border>li>.tab-links-item {
        padding: 0.5rem 2rem;
    }

    .tab-links.is-border>li>.tab-links-item {
        padding: 0.5rem 2rem;
    }

    */

    .fltrmob {
        background: rgba(25, 168, 255, 0.74);
        padding: 5px;
        border-width: 1px;
        border-radius: 8px;
        border: 1px solid rgb(25, 168, 255);
    }
.btntakmil{
    border-radius:8px;
    box-shadow: 1px 3px 5px #b6b6b6;
    word-wrap: normal;
    white-space: nowrap;
}
    @media (max-width: 992px) {
        .bltfly {
            cursor: pointer;
        }
        .btnacrdn {
            display: none;
        }
        .linblt {
            border-right: hidden;
            border-top: 1px solid #d9d9d9;
            /*display: none;*/
        }
        .txtrzrvsan {
            margin-top: 10px;
            margin-bottom: 10px;
            float: right;
        }
        .txtrzrvq {
            margin-top: 10px;
            margin-bottom: 10px;
            float: left;
        }
        .imgbus {
            width: 150px;
            height: 30px;
        }
        /* .imgoffer {
          width: 80px;
          height: 80px;
      } */
        .badgeoffer {
            background-color: #e4e4e4;
            border-radius: 6px;
            font-size: 10px;
        }
        /* .btnh {
          width: 100%;
          font-size: 13px !important;
          margin-top: 40%;
      } */
        /* .btnh {
            display: none;
        } */
    }

    @media (max-width: 768px) {
        /* .btnh {
          width: 100%;
          font-size: 11px !important;
          margin-top: 40%;
      } */
    }

    @media (max-width: 576px) {
        .imgbus {
            width: 120px;
            height: 27px;
        }
        .txtrzrv2 {
            margin-top: 0;
        }
        .txtimgbl {
            font-size: 13px;
            word-wrap: normal;
            white-space: nowrap;
        }
        /*.imgoffer {*/
        /*    width: 30px;*/
        /*    height: 30px;*/
        /*}*/
        /* .btnh {
          width: 100%;
          font-size: 7px !important;
          margin-top: 40%;
      } */
        /*.txtrzrv {*/
        /*    font-size: 10px;*/
        /*}*/
        /*.imgair {*/
        /*    width: 80px;*/
        /*    height: auto;*/
        /*}*/
    }

    @media (max-width: 480px) {
        .txtrzrv {
            font-size: 15px;
        }
        .txtmdlbs {
            font-size: 13px;
        }
        .imgbus {
            width: 110px;
            height: 25px;
        }
    }

    @media (max-width: 450px) {
        /* .btnh {
            width: 100%;
            font-size: 6px !important;
        } */
        /*.txtrzrv {*/
        /*    font-size: 9px;*/
        /*}*/
    }

    @media (max-width: 430px) {
        .txtrzrv {
            font-size: 15px;
        }
        .imgbus {
            width: 100px;
            height: 20px;
        }
    }

    @media (max-width: 412px) {
        .txtrzrv {
            font-size: 14px;
        }
        .imgbus {
            width: 90px;
            height: 25px;
        }
    }

    @media (max-width: 385px) {
        .txtrzrv {
            font-size: 13px;
        }
        .txtmdlbs {
            font-size: 11px;
        }
        .imgbus {
            width: 85px;
            height: 20px;
        }
        /* .btnh {
            width: 100%;
            font-size: 4px !important;
        } */
        .badgeoffer {
            background-color: #e4e4e4;
            border-radius: 6px;
            font-size: 6px;
        }
    }
    /****** دکمه رزرو آنلاین *****/

    .icnplus {
        /* content: "\f055"; */
        /* counter-increment: li; */
        position: absolute;
        right: 1.25em;
        top: 51.5%;
        margin-top: -1.3em;
        background: rgb(25, 168, 255);
        height: 34px;
        width: 34px;
        font-size: 19px;
        line-height: 27px;
        border: .2em solid #fff;
        text-align: center;
        font-weight: bold;
        -moz-border-radius: 2em;
        -webkit-border-radius: 2em;
        border-radius: 2em;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    @media(max-width: 1200px) {
        .icnplus {
            /* content: "\f055"; */
            /* counter-increment: li; */
            position: absolute;
            right: 1em;
            top: 48%;
            margin-top: -1.3em;
            background: rgb(25, 168, 255);
            height: 34px;
            width: 34px;
            font-size: 15px;
            line-height: 27px;
        }
    }
    /*******خط چین********/

    .hr.dashed {
        position: relative;
        /* right: calc(50% - 245px); */
        top: 0;
        border: 1px dashed #e1e1e1;
        height: 100%;
        border-top: hidden;
        border-bottom: hidden;
        border-left: hidden;
    }

    .dashed:before {
        content: " ";
        position: absolute;
        right: -11px;
        z-index: 1;
        background: #fff;
        width: 22px;
        display: block;
        height: 22px;
        border: 1px solid #f9f9f9;
        border-radius: 100%;
        top: -14px;
        box-shadow: inset 0 -2px 2px -1px #c2c2c2;
    }

    .dashed:after {
        content: " ";
        position: absolute;
        right: -11px;
        z-index: 1;
        background: #fff;
        width: 22px;
        display: block;
        height: 22px;
        border: 1px solid #f9f9f9;
        border-radius: 100%;
        bottom: -14px;
        box-shadow: inset 0 2px 2px -1px #c2c2c2;
    }

    @media (min-width: 768px) {
        .dashed:after,
        .dashed:before {
            border: 0;
            background-color: #f9f9f9;
        }
    }

    @media (max-width: 992px) {
        .hr.dashed {
            display: none;
        }
    }

    .icondate {
        font-size: 22px;
        color: gray;
    }

    @media (max-width:450px) {
        .icondate {
            font-size: 17px;
            color: gray;
        }
    }

    .rft {
        background-color: #E8F9FC;
        border-radius: 40%;
        float: right
    }

    .icnrft {
        font-size: 13px;
        color: #17A2B8
    }

    .txtdtef2 {
        font-size: 13px;
        font-weight: 600;
        display: inline-block;
        margin-right: 5px;
        /* float: right; */
    }

    .txttaqirbl {
        display: none;
        font-size: 15px;
        /*color: blue;*/
        /*border: 1px dashed blue;*/
    }

    .imgflytwo {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 1px solid gray;
        padding: 2px;
    }

    .txtimgflytwo {
        font-size: 18px;
        word-wrap: normal;
        white-space: nowrap;
        margin-top: 11px
    }

    @media (max-width: 500px) {
        .txtimgflytwo {
            font-size: 15px;
        }
    }

    .txtblfl {
        font-size: 16px;
        line-height: 1.8;
    }

    .txtblfl1 {
        font-size: 13px;
    }

    .imgparvz {
        width: 220px;
        height: auto
    }

    .imgparvz1 {
        width: 140px;
        height: auto
    }

    .moshakhasatmosa {
        font-size: 18px;
        font-weight: 500;
    }

    .badgig {
        padding: 5px;
        border-radius: 16px;
        border: 1px solid #038bc9;
        font-size: 13px;
        float: right;
        background-color: #e6f7ff;
        color: #038bc9;
        line-height: 20px
    }

    @media (max-width: 992px) {
        .txttaqirbl {
            display: inline;
            font-size: 15px;
        }
    }

    @media (max-width: 576px) {
        .icnrft {
            font-size: 12px;
        }
        .txtdtef2 {
            font-size: 12px;
        }
        .txttaqirbl {
            font-size: 12px;
        }
        .txtblfl {
            font-size: 14px;
        }
        .txtblfl1 {
            font-size: 14px;
        }
        .imgparvz {
            width: 180px;
            height: auto
        }
        .imgparvz1 {
            width: 200px;
            height: auto
        }
    }

    @media (max-width: 425px) {
        .imgparvz {
            width: 150px;
            height: auto
        }
        .imgparvz1 {
            width: 150px;
            height: auto
        }
    }

    @media (max-width: 372px) {
        .imgparvz {
            width: 125px;
            height: auto
        }
        .imgparvz1 {
            width: 125px;
            height: auto
        }
    }

    .mgnblfl {
        margin-top: 8px;
    }

    @media (max-width: 420px) {
        .mgnblfl {
            margin-top: 0px;
        }
    }

    .tick {
        display: block;
        position: relative;
        padding-right: 23px;
        cursor: pointer;
        font-size: 14px;
        margin: 0;
        padding-top: 4px;
        margin-bottom: 8px;
        line-height: 1.5;
    }

    .tickp {
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        white-space: nowrap!important;
    }

    .tick input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

    .check {
        position: absolute;
        top: 5px;
        right: 0;
        height: 15px;
        width: 15px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
    }

    .tick:hover input~.check {
        background-color: #f3f3f3
    }

    .tick input:checked~.check {
        background-color: #ffffff
    }

    .check:after {
        content: "";
        position: absolute;
        display: none
    }

    .tick input:checked~.check:after {
        display: block;
        transform: rotate(45deg) scale(1)
    }

    .tick .check:after {
        left: 6px;
        top: 1px;
        width: 4px;
        height: 11px;
        border: solid rgb(25, 168, 255);
        border-width: 0 3px 3px 0;
        transform: rotate(45deg) scale(2)
    }
    /*****چک باکس مستطیلی شکل ستون سمت راست*****/

    label.check1 {
        cursor: pointer
    }

    label.check1 input {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        pointer-events: none
    }

    label.check1 span {
        padding: 3px 10px;
        border: 1px solid blue;
        display: inline-block;
        color: blue;
        border-radius: 6px;
        text-transform: uppercase;
        font-size: 13px;
    }

    label.check1 input:checked+span {
        border-color: blue;
        background-color: blue;
        color: #fff
    }
    /*****slider*****/

    .slick-dots li button:before {
        display: none;
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
    }

    .slick-dots li.slick-active button:before {
        opacity: .75;
        color: black;
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }

    @media (max-width: 576px) {
        .slick-dots li button:before {
            display: none;
        }
        .slick-dots li.slick-active button:before {
            display: none;
        }
        .slick-dots {
            display: none;
        }
        .card-body li {
            display: none;
        }
    }

    .crdhedslide {
        border: 2px solid rgb(167, 167, 167);
        border-right: hidden;
        border-left: hidden;
        border-top: hidden;
        background-color: inherit;
    }

    .crdimgagahi {
        border-radius: 8px 8px 0px 0px;
        width: 100%;
        height: 230px;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 18px;
        line-height: 1;
        opacity: .75;
        color: #a7a7a7;
        -webkit-font-smoothing: antialiased;
    }

    .slick-prev {
        left: -11px;
        z-index: 1000;
    }

    .slick-next {
        right: -11px;
        z-index: 1000;
    }

    .sldcrd {
        height: 39px;
        background: rgb(255, 255, 255);
        color: black;
        border-radius: 20px;
        border: 1px solid #e0e0e0;
        line-height: 1.5;
    }

    .sldate {
        height: auto;
        display: inline-block;
        color: black;
        margin-top: 4px;
        font-size: 14px;
        border-left: 1px solid rgb(204, 204, 204);
        border-top: hidden;
        border-bottom: hidden;
        border-right: hidden;
        background-color: inherit;
        border-radius: 0 100px 100px 0;
    }

    .sldate2 {
        height: auto;
        display: inline-block;
        color: black;
        font-size: 14px;
        border: hidden;
        background-color: inherit;
        margin-left: 8px;
    }
    /******** رنج اسلایدر ********/

    .imgcheck {
        width: 24px;
        height: 24px;
        border-radius: 50%;
    }

    .value {
        position: absolute;
        top: -30px;
        left: 50%;
        margin: 0 0 0 -20px;
        width: 40px;
        text-align: center;
        display: block;
        /* optional */
        font-weight: normal;
        font-size: 14px;
        color: #333;
    }

    .price-range-both.value {
        width: 100px;
        margin: 0 0 0 -50px;
        top: -30px;
    }

    .price-range-both {
        display: none;
    }

    .ui-widget-content {
        /* border: 1px solid #aaaaaa; */
        background: rgba(25, 168, 255, 0.75) !important;
        /* color: #222222; */
    }

    .ui-widget-header {
        background: rgb(25, 168, 255) !important;
    }
    /******************************* صفحه سومی / مشخصات مسافر**************************/
    /**********فیلد مشخصات سافر********/

    label.txtinp {
        position: relative;
        font-size: 13px;
        right: 18px;
        top: -28px;
        transform: translateY(-49%);
        background-color: white;
        color: gray;
        padding: 0 0.3rem;
        margin: 0 0.5rem;
        transition: .1s ease-out;
        transform-origin: right top;
        pointer-events: none;
    }

    label.txtinpslct {
        position: relative;
        font-size: 13px;
        right: 18px;
        top: -55px;
        transform: translateY(-49);
        background-color: white;
        color: gray;
        padding: 0 0.3rem;
        margin: 0 0.5rem;
        transition: .1s ease-out;
        transform-origin: right top;
        pointer-events: none;
    }

    input.txtinp,
    textarea.txtinp {
        font-size: 12px;
        outline: none;
        border: 0px solid gray;
        border-radius: 5px;
        padding: 1rem 0.7rem;
        color: black;
        transition: 0.1s ease-out;
        box-shadow: inset -4px 4px 5px #efefef, inset 4px -4px 5px #efefef;
        width: 100%;
    }

    select.txtinpslct {
        font-size: 12px;
        outline: none;
        border: 0px solid gray;
        border-radius: 5px;
        padding: 1rem 0.7rem;
        color: black;
        transition: 0.1s ease-out;
        box-shadow: inset -4px 4px 5px #efefef, inset 4px -4px 5px #efefef;
        width: 100%;
        height: 52px;
    }

    input.txtinp:focus,
    textarea.txtinp:focus,
    select.txtinpslct:focus {
        /*border-color: #2194a7;*/
        box-shadow: inset -4px 4px 5px #e6e6e6, inset 4px -4px 5px #e6e6e6 !important;
        background: white;
        /*border: 1px solid gray*/
    }

    input.txtinp:focus+label,
    textarea.txtinp:focus+label,
    select.txtinp {
        /*color: #2194a7;*/
        top: -51px;
        transform: translateY(-49%);
        font-size: 11px;
    }

    input.txtinp:not(:placeholder-shown)+label,
    textarea.txtinp:not(:placeholder-shown)+label,
    select.txtinp:not(:placeholder-shown)+label {
        top: -51px;
        transform: translateY(-49%);
        font-size: 11px;
    }

    .starequird {
        font-size: 7px !important;
        color: red
    }
    /******************************* صفحه چهارمی / جزییات بلیط**************************/
    /*****جدول نمایش اطلاعات بلیط*****/

    ul.spec-list {
        padding: 0;
        margin-bottom: 38px;
    }

    ol,
    ul {
        margin-top: 0;
    }

    .clearfix {
        display: block;
    }

    ul.spec-list1 span.technicalspecs-title1 {
        background: #6dc8ff;
        float: right;
        width: 28%;
        height: auto;
        padding: 8px 13px;
        margin-left: 9px;
        font-size: 14px;
        margin-bottom: 7px;
        overflow: hidden;
        word-wrap: normal;
        white-space: nowrap;
        border-radius: 5px;
        text-align: center;
    }

    ul.spec-list1 span.technicalspecs-value1 {
        background: #bde6ff;
        padding: 8px 21px;
        width: 68%;
        height: auto;
        color: #000;
        float: left;
        margin-bottom: 7px;
        font-size: 14px;
        border-radius: 5px;
        text-align: center;
    }

    @media (min-width: 992px) {
        ul.spec-list1 span.technicalspecs-title1 {
            background: #6dc8ff;
            float: right;
            width: 31%;
            height: auto;
            padding: 8px 13px;
            margin-left: 9px;
            font-size: 14px;
            margin-bottom: 7px;
            overflow: hidden;
            word-wrap: normal;
            white-space: nowrap;
            border-radius: 5px;
            text-align: center;
        }
        ul.spec-list1 span.technicalspecs-value1 {
            background: #bde6ff;
            padding: 8px 21px;
            width: 66%;
            height: auto;
            color: #000;
            float: left;
            margin-bottom: 7px;
            font-size: 14px;
            border-radius: 5px;
            text-align: center;
        }
    }

    @media (min-width: 1200px) {
        ul.spec-list1 span.technicalspecs-title1 {
            background: #6dc8ff;
            float: right;
            width: 30%;
            height: auto;
            padding: 8px 13px;
            margin-left: 9px;
            font-size: 14px;
            margin-bottom: 7px;
            overflow: hidden;
            word-wrap: normal;
            white-space: nowrap;
            border-radius: 5px;
            text-align: center;
        }
        ul.spec-list1 span.technicalspecs-value1 {
            background: #bde6ff;
            padding: 8px 21px;
            width: 68%;
            height: auto;
            color: #000;
            float: left;
            margin-bottom: 7px;
            font-size: 14px;
            border-radius: 5px;
            text-align: center;
        }
    }

    @media (max-width: 530px) {
        ul.spec-list1 span.technicalspecs-title1 {
            background: #6dc8ff;
            float: right;
            width: 32%;
            height: auto;
            padding: 7px 12px;
            margin-left: 8px;
            font-size: 12px;
            margin-bottom: 7px;
            overflow: hidden;
            word-wrap: normal;
            white-space: nowrap;
            border-radius: 5px;
            text-align: center;
        }
        ul.spec-list1 span.technicalspecs-value1 {
            background: #bde6ff;
            padding: 7px 20px;
            width: 65%;
            height: auto;
            color: #000;
            float: left;
            margin-bottom: 7px;
            font-size: 12px;
            border-radius: 5px;
            text-align: center;
        }
    }

    @media (max-width: 410px) {
        ul.spec-list1 span.technicalspecs-title1 {
            background: ;
            float: right;
            width: 31%;
            height: auto;
            padding: 6px 11px;
            margin-left: 7px;
            font-size: 11px;
            margin-bottom: 6px;
            overflow: hidden;
            word-wrap: normal;
            white-space: nowrap;
            border-radius: 5px;
            text-align: center;
        }
        ul.spec-list1 span.technicalspecs-value1 {
            background: #bde6ff;
            padding: 6px 19px;
            width: 64%;
            height: auto;
            color: #000;
            float: left;
            margin-bottom: 6px;
            font-size: 11px;
            border-radius: 5px;
            text-align: center;
        }
    }

    .thed {
        background-color: #eeeeee;
        text-align: center;
        word-wrap: normal;
        white-space: nowrap;
        font-size: 16px;
        border-color: inherit;
    }

    .tablbdy {
        border-radius: 8px;
        border: 1px solid rgb(241, 241, 241);
    }

    .tbdy {
        text-align: center;
        font-size: 14px
    }

    @media (max-width: 992px) {
        .thed {
            font-size: 14px
        }
        .tbdy {
            text-align: center;
            font-size: 13px
        }
    }

    @media (max-width: 768px) {
        .thed {
            font-size: 12px
        }
        .tbdy {
            text-align: center;
            font-size: 11px
        }
    }

    .form-check-input.swch:checked {
        background-color: rgb(25, 168, 255);
        border-color: rgb(25, 168, 255);
    }

    .txthbkr {
        font-size: 14px;
        border: 1px solid rgb(224, 223, 223);
        border-radius: 10px;
        background-color: rgba(238, 237, 237, 0.897);
    }
    /***************** مراحل انجام کار ***************/

    .bs4-order-tracking {
        margin-bottom: 30px;
        overflow: hidden;
        color: #a1a1a1;
        padding-left: 0px;
        margin-top: 30px
    }

    .bs4-order-tracking li {
        list-style-type: none;
        font-size: 13px;
        width: 20%;
        float: right;
        position: relative;
        font-weight: 400;
        color: #a1a1a1;
        text-align: center
    }

    .bs4-order-tracking li:first-child:before {
        margin-right: 15px !important;
        padding-right: 11px !important;
        text-align: right !important
    }

    .bs4-order-tracking li:last-child:before {
        margin-left: 5px !important;
        padding-left: 11px !important;
        text-align: left !important
    }

    .bs4-order-tracking li>div {
        color: #fff;
        width: 29px;
        height: 29px;
        text-align: center;
        line-height: 30px;
        display: block;
        font-size: 14px;
        background: #878788;
        border-radius: 50%;
        margin: auto
    }

    .bs4-order-tracking li:after {
        content: '';
        width: 150%;
        height: 2px;
        background: #878788;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 15px;
        z-index: -1
    }

    .bs4-order-tracking li:first-child:after {
        right: 50%
    }

    .bs4-order-tracking li:last-child:after {
        right: 0% !important;
        width: 0% !important
    }

    .bs4-order-tracking li.active {
        font-weight: bold;
        color: #28a745
    }

    .bs4-order-tracking li.active>div {
        background: #28a745
    }

    .bs4-order-tracking li.active:after {
        background: #28a745
    }

    .card-timeline {
        background-color: #fff;
        z-index: 0
    }
    /************ انتخاب بلیط اتوبوس**************/

    .front-indicator {
        margin: 0.5em 0;
        width: 100%;
        background-color: #f6f6f6;
        color: #ffffff;
        text-shadow: 2px 2px 5px #000;
        font-size: 21px;
        font-weight: 700;
        padding: 1em 0;
        text-align: center;
        border-radius: 3em;
        background-color: #0093E9;
        background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
    }

    .booking-details {
        text-align: right;
        font-size: 15px;
        padding: 2em;
    }

    .booking-details h2 {
        margin: 25px 0 20px 0;
        font-size: 17px;
    }

    .booking-details h3 {
        margin: 5px 5px 0 0;
        font-size: 14px;
    }

    div.seatCharts-cell {
        color: #1a1c1e;
        height: 2.2em;
        width: 10%;
        line-height: .5em;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
    }

    div.seatCharts-seat {
        color: #FFFFFF;
        cursor: pointer;
    }

    div.seatCharts-row {
        height: 3.1em;
        margin-right: 60px;
    }

    div.seatCharts-seat.available {
        background: rgb(156, 195, 222);
        background: radial-gradient(circle, rgba(156, 195, 222, 1) 0%, rgba(110, 185, 238, 1) 25%, rgba(64, 144, 212, 1) 50%, rgba(46, 135, 196, 1) 75%, rgba(40, 121, 177, 1) 100%);
    }

    div.seatCharts-seat.available.first-class {
        background: rgb(178, 64, 212);
        background: radial-gradient(circle, rgba(178, 64, 212, 1) 0%, rgba(137, 26, 158, 1) 25%, rgba(118, 12, 149, 1) 50%, rgba(126, 17, 149, 1) 75%, rgba(94, 2, 121, 1) 100%);
    }

    div.seatCharts-seat.focused {
        background: rgb(219, 215, 215);
        background: radial-gradient(circle, rgba(219, 215, 215, 1) 0%, rgba(205, 205, 205, 1) 25%, rgba(195, 192, 192, 1) 50%, rgba(204, 204, 204, 1) 75%, rgba(207, 207, 207, 1) 100%);
        color: #1a1c1e
    }

    div.seatCharts-seat.selected {
        background-color: rgb(25, 168, 255);
        background-image: linear-gradient(45deg, #de5a26 0%, #e2ae9a 100%);
        text-shadow: 2px 2px 5px #000;
    }

    div.seatCharts-seat.unavailable {
        background: rgb(252, 121, 121);
        background: radial-gradient(circle, rgba(252, 121, 121, 1) 0%, rgba(249, 81, 81, 1) 25%, rgba(231, 53, 53, 1) 50%, rgba(255, 24, 24, 1) 75%, rgba(217, 6, 6, 1) 100%);
    }

    div.seatCharts-container {
        margin-top: 25px;
    }

    div.seatCharts-legend {
        padding-left: 0px;
        bottom: 16px;
    }

    ul.seatCharts-legendList {
        padding-left: 0px;
    }

    span.seatCharts-legendDescription {
        margin-left: 5px;
        line-height: 30px;
    }

    .checkout-button {
        display: block;
        margin: 10px 0;
        font-size: 14px;
    }

    #selected-seats {
        min-height: 10em;
        overflow-y: scroll;
        background: #fff;
        padding: 0.5em 1em;
        overflow: auto;
    }

    ul#selected-seats:empty:after {
        content: "لطفاً ابتدا حداقل 1 صندلی را انتخاب کنید.";
        color: #6c6c6c;
        font-style: italic;
    }

    ul#selected-seats>li {
        color: #000;
        list-style: none;
        margin-top: 12px;
    }

    .fw-bold {
        font-weight: bold;
    }

    .fw-bolder {
        font-weight: bolder;
    }

    .grid-50 {
        flex: 0 0 auto;
        width: 50%;
    }

    div.seatCharts-space {
        background-color: transparent;
        color: #fff !important;
    }

    li.seatCharts-legendItem {
        margin-top: 10px;
        font-size: 15px;
        line-height: 5em;
    }

    #checkout-button {
        margin: 10px;
        padding: 15px 45px;
        text-align: center;
        text-transform: uppercase;
        transition: .5s;
        background-size: 200% auto;
        color: #fff;
        border-radius: 10px;
        display: block;
        background-image: linear-gradient(to right, #77A1D3 0%, #79CBCA 51%, #77A1D3 100%);
        border: none;
        cursor: pointer;
    }

    #checkout-button:hover,
    #reset-btn:hover {
        background-position: right center;
        color: #fff;
        text-decoration: none;
    }

    #reset-btn {
        width: 100%;
        margin: 10px;
        padding: 15px 45px;
        text-align: center;
        text-transform: uppercase;
        transition: .5s;
        background-size: 200% auto;
        color: #fff;
        border-radius: 5em;
        display: block;
        border: none;
        cursor: pointer;
        background-image: linear-gradient(to right, #06beb6 0%, #48b1bf 51%, #06beb6 100%);
    }
    /*************** نقشه بلیط اتوبوس *************/

    .container .bus-wrapper {
        position: relative;
        /*border: 1px solid #cfcfcf;*/
        /*-webkit-border-radius: 18px;*/
        /*-moz-border-radius: 18px;*/
        /*border-radius: 18px;*/
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .progressBar {
        display: block;
        text-align: center;
        width: 0;
        height: 3px;
        background: red;
        transition: width .3s;
    }

    .progressBar.hide {
        opacity: 0;
        transition: opacity 1.3s;
    }

    .bus-wrapper::before {
        content: '\f622';
        font-family: "Font Awesome 5 Pro";
        font-size: 2.8em;
        font-weight: normal;
        display: none;
        position: absolute;
        left: 0.5em;
        top: 0px;
        color: #83898b;
        width: 20%;
        text-align: center;
    }

    .seatNo {
        margin: 2px auto;
        width: 30px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        overflow: hidden;
        display: inline-block;
    }

    .seatTag {
        background-color: #FDFDFD;
        color: #405875;
        font-weight: 700;
        width: 30px;
        height: 30px;
        display: block;
        margin: 0 auto;
        padding-top: 5px;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .bus-wrapper .seats3 .seat {
        width: calc(25% - 5px);
        display: inline-block;
        text-align: center;
    }

    .bus-wrapper .seats4 .seat {
        width: calc(20% - 4px);
        display: inline-block;
        text-align: center;
    }

    .bus-wrapper .seats3 .seat-empty {
        width: calc(25% - 5px);
        display: inline-block;
        text-align: center;
        background-color: transparent;
    }

    .bus-wrapper .seats4 .seat-empty {
        width: calc(20% - 4px);
        display: inline-block;
        text-align: center;
        background-color: transparent;
    }

    .bus-wrapper ul {
        padding: 0 5px 0 0;
        margin-top: 1px;
        margin-bottom: 1px;
        line-height: 1px;
    }

    .bus-wrapper ul li {
        list-style-type: none;
        padding: 2px 0 3px 0;
        margin-bottom: 0;
    }

    @media only screen and (max-width: 420px) {
        .bus-wrapper {
            margin: 5px 1%;
            width: 98%;
        }
    }

    .well.label {
        font-size: 12px;
        font-weight: 700;
    }

    .well input,
    .well.select2,
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        font-size: 12px !important;
    }

    .rules {
        vertical-align: middle;
    }

    .rules .rulesText {
        display: inline-block;
        line-height: 25px;
        vertical-align: top;
        margin-left: 10px;
    }

    .sweet-alert.sweetalert-lg {
        width: 600px;
    }

    .rules .rulesKey {
        display: inline-block;
    }

    .tgl {
        display: none;
    }

    .tgl,
    .tgl:after,
    .tgl:before,
    .tgl *,
    .tgl *:after,
    .tgl *:before,
    .tgl+.tgl-btn {
        box-sizing: border-box;
    }

    .tgl::-moz-selection,
    .tgl:after::-moz-selection,
    .tgl:before::-moz-selection,
    .tgl *::-moz-selection,
    .tgl *:after::-moz-selection,
    .tgl *:before::-moz-selection,
    .tgl+.tgl-btn::-moz-selection {
        background: none;
    }

    .tgl::selection,
    .tgl:after::selection,
    .tgl:before::selection,
    .tgl *::selection,
    .tgl *:after::selection,
    .tgl *:before::selection,
    .tgl+.tgl-btn::selection {
        background: none;
    }

    .tgl+.tgl-btn {
        outline: 0;
        display: block;
        width: 4em;
        height: 2em;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .tgl+.tgl-btn:after,
    .tgl+.tgl-btn:before {
        position: relative;
        display: block;
        content: "";
        width: 70%;
        height: 100%;
        margin: 0 auto;
    }

    .tgl+.tgl-btn:after {
        right: 0;
    }

    .tgl+.tgl-btn:before {
        display: none;
    }

    .tgl:checked+.tgl-btn:after {
        right: 50%;
    }

    .tgl-flip+.tgl-btn {
        padding: 2px;
        transition: all .2s ease;
        -webkit-perspective: 100px;
        perspective: 100px;
        margin: 0 auto;
    }

    .tgl-flip+.tgl-btn:after,
    .tgl-flip+.tgl-btn:before {
        display: inline-block;
        transition: all .4s ease;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        line-height: 2em;
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 4px;
    }

    .tgl-flip+.tgl-btn:after {
        content: attr(data-tg-on);
        background: #02C66F;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .tgl-flip+.tgl-btn:before {
        content: attr(data-tg-off);
    }

    .tgl-flip+.tgl-btn:active:before {
        -webkit-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
    }

    .tgl-flip:checked+.tgl-btn:before {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .tgl-flip:checked+.tgl-btn:after {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        right: 0;
        background: #55b233;
        color: white;
    }

    .tgl-flip:checked+.tgl-btn:active:after {
        -webkit-transform: rotateY(20deg);
        transform: rotateY(20deg);
    }

    .tgl-flip+.tgl-btn:before {
        background: transparent;
    }

    .tgl-flip+.tgl-btnFree:before {
        border: 1px solid rgba(222, 90, 38, 0.83);
        background-color: rgba(224, 106, 60, 0.2) !important;
        color: black !important;
    }

    .tgl-flip+.tgl-btnMale:before {
        background-color: #2588e2 !important;
        border: 1px solid #0077db;
        color: white !important;
    }

    .tgl-flip+.tgl-btnFemale:before {
        background-color: #e01b21 !important;
        border: 1px solid #e01b21;
        color: white !important;
    }

    .tgl-flip+.tgl-btnDisabled:before {
        background-color: #1e004e !important;
        border: 1px solid #c4c4c4;
        color: #FDFDFD !important;
    }
    .tgl-flip+.tgl-btnBlock:before {
        border: 1px solid #d5d5d5;
        background-color: #d5d5d5 !important;
        color: black !important;
    }
    @media only screen and (max-width: 767px) {
        .no-padding-xs {
            padding: 0 !important;
        }
    }

    .serviceItem {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid #f6f6f6;
        margin: 25px 0 !important;
        overflow: hidden;
        font-size: 16px;
        font-weight: normal;
        color: #000000;
        background: white !important;
        box-shadow: 1px 3px 5px #d9d9d9;
    }

    .fancy-form>i {
        right: unset;
        left: 15px;
    }

    .fancy-form>textarea,
    .fancy-form>input {
        padding-left: 30px;
        padding-right: 10px;
    }

    .timeError {
        font-size: 11px;
        position: absolute;
        display: inline-block;
        right: -24px;
        top: -11px;
        color: #eddb19;
    }

    .serviceItem p {
        padding: 0;
        margin: 2px;
    }

    .bg-shade {
        background-color: #f8f8f8;
    }

    .serviceItemStripped {
        background-color: white !important;
    }

    .serviceItem:hover {
        /*background-color: #f3f3f3 !important;*/
        box-shadow: 1px 3px 5px #888888;
    }

    .busSeatsLayout {
        display: block;
        margin: auto;
        width: 120px;
        height: 172px;
        background-color: #d2dde8;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .busSeatsLayout a {
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
        padding-top: 65px;
        display: block;
    }

    .priceSection {
        width: 100%;
        min-height: 155px;
        display: block;
        vertical-align: middle;
    }

    .bus-legend .legendTag {
        display: inline-block;
        width: 100%;
        height: 17px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        background-color: #F0F0F0;
        color: #405875 !important;
        border: 1px solid #223344;
        margin: 0 auto;
    }

    .legendTitle {
        display: inline-block;
        height: 30px;
    }

    .legendNotOnline {
        background-color: #1e004e !important;
        border: 1px solid #c4c4c4;
        color: #FDFDFD !important;
    }

    .legendOnline {
        background-color: #f5fed4 !important;
        color: #405875 !important;
        border: 1px solid #223344 !important;
    }

    .legendMale {
        background-color: #6b72d2 !important;
        border: 1px solid #46468c;
        color: #dbdbf9 !important;
    }

    .legendFemale {
        background-color: #ff0e1b !important;
        border: 1px solid #8f1143;
        color: #000fa3 !important;
        ;
    }

    .legendSelected {
        background-color: #55b233 !important;
        color: #ffffff !important;
        border: 1px solid #7c87a2 !important;
    }

    .bus-title {
        background-color: #3b33b4;
        color: #FFFFFF;
        border: 3px solid #0A246A;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0px 5px 8px #cfcfcf;
        -moz-box-shadow: 0px 5px 8px #cfcfcf;
        box-shadow: 0px 7px 9px #cfcfcf;
        margin: 30px 0 20px 0;
    }

    .corner-ribbon {
        width: 100%;
        position: absolute;
        background: #e43;
        top: -2px;
        left: -113px;
        text-align: center;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        line-height: 50px !important;
        font-size: 17px;
        font-weight: 700;
        font-family: Samim, Tahoma, serif;
    }
    /* Custom styles */

    .corner-ribbon.sticky {
        position: fixed;
    }

    .corner-ribbon.shadow {
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    }
    /* Different positions */

    .corner-ribbon.top-left {
        top: -2px;
        left: -113px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .corner-ribbon.top-right {
        top: -2px;
        right: -113px;
        left: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .corner-ribbon.bottom-left {
        top: auto;
        bottom: -2px;
        left: -113px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .corner-ribbon.bottom-right {
        top: auto;
        right: -113px;
        bottom: -2px;
        left: auto;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    /* Colors */

    .corner-ribbon.white {
        background: #f0f0f0;
        color: #555;
    }

    .corner-ribbon.black {
        background: #333;
    }

    .corner-ribbon.grey {
        background: #999;
    }

    .corner-ribbon.blue {
        background: #39d;
    }

    .corner-ribbon.green {
        background: #2c7;
    }

    .corner-ribbon.turquoise {
        background: #1b9;
    }

    .corner-ribbon.purple {
        background: #95b;
    }

    .corner-ribbon.red {
        background: #e43;
    }

    .corner-ribbon.orange {
        background: #e82;
    }

    .corner-ribbon.yellow {
        background: #ec0;
    }
    .squareente {
        height: 20px;
        width: 20px;
        border: 1px solid rgba(222, 90, 38, 0.83);
        background-color: rgba(224, 106, 60, 0.2) !important;
        border-radius: 5px;
    }
    .squareqente {
        height: 20px;
        width: 20px;
        border: 1px solid #d5d5d5;
        background-color: #d5d5d5;
        border-radius: 5px;
    }
    .squaresh {
        height: 20px;
        width: 20px;
        border: 1px solid #55b233;
        background-color:#55b233;
        border-radius: 5px;
    }
    .squarefe {
        height: 20px;
        width: 20px;
        background-color: #e01b21 !important;
        border: 1px solid #e01b21;
        border-radius: 5px;
    }
    .squarem {
        height: 20px;
        width: 20px;
        background-color: #2588e2 !important;
        border-radius: 5px;
    }
    .square{
        font-size: 14px;
    }


    /****************پروفایل***************/

    .brdfltr {
        box-shadow: 1px 3px 5px #d9d9d9;
        border-radius: 10px;
        background: white;
        border: 0;
    }

    .sidebar {
        /* position: fixed; */
        /* top: 0;
    bottom: 0;
    left: 0; */
        padding: 7px;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
        border-radius: 10px;
        /* width: 240px; */
        z-index: 600;
    }

    @media (max-width: 991.98px) {
        .sidebar {
            width: 100%;
        }
    }

    .sidebar .active {
        border-radius: 5px;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    }

    .sidebar-sticky {
        position: relative;
        top: 0;
        height: calc(100vh - 48px);
        padding-top: 0.5rem;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .list-group-item.active {
        background-color: rgb(25, 168, 255);
        border-color: rgb(25, 168, 255);
    }
    /****پروفایل******/
     .nav-tabs-bordered {
         border-bottom: 2px solid #ebeef4;
     }

    .nav-tabs-bordered .nav-link {
        margin-bottom: -2px;
        border: none;
        color: #2c384e;
    }

    .nav-tabs-bordered .nav-link:hover,
    .nav-tabs-bordered .nav-link:focus {
        color: #4154f1;
    }

    .nav-tabs-bordered .nav-link.active {
        background-color: #fff;
        color: #4154f1;
        border-bottom: 2px solid #4154f1;
    }

    .profile .profile-card img {
        max-width: 120px;
    }

    .profile .profile-card h2 {
        font-size: 24px;
        font-weight: 700;
        color: #2c384e;
        margin: 10px 0 0 0;
    }

    .profile .profile-card h3 {
        font-size: 18px;
    }

    .profile .profile-card .social-links a {
        font-size: 20px;
        display: inline-block;
        color: rgba(1, 41, 112, 0.5);
        line-height: 0;
        margin-right: 10px;
        transition: 0.3s;
    }

    .profile .profile-card .social-links a:hover {
        color: #012970;
    }

    .profile .profile-overview .row {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .profile .profile-overview .card-title {
        color: #012970;
    }

    .profile .profile-overview .label {
        font-weight: 600;
        color: rgba(1, 41, 112, 0.6);
    }

    .profile .profile-edit label {
        font-weight: 600;
        color: rgba(1, 41, 112, 0.6);
    }

    .profile .profile-edit img {
        max-width: 120px;
    }
    /***************************/

    .list-group-item {
        border: 0;
        text-wrap: nowrap;
    }

    .listgroupclr {
        background-color: #e7e7e7 !important;
    }

    .bdyno11_body {
        text-align: center;
    }

    div#bdyno12_pages {
        text-align: center;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40%;
        margin-left: auto !important;
        margin-right: auto !important;
        direction: ltr !important;
    }

    .btnserchlist {
        background: rgb(25, 168, 255);
        color: white;
        margin: 0 auto;
        border-radius: 5px;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    }

    .btnserchlist:hover {
        background: rgb(25, 168, 255);
        color: white;
        margin: 0 auto;
        border-radius: 5px;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    }
    /****************/

    .searchestrd {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        margin: 20px 0;
        border-radius: 8px;
        border: 1px solid #f6f6f6;
        overflow: hidden;
        font-size: 16px;
        font-weight: normal;
        color: #000000;
        background-color: white;
        box-shadow: 1px 3px 5px #d9d9d9;
    }
/***************************/
.card1 {
    margin-bottom: 30px;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.dashboard .recent-sales .table thead {
    background: #f6f6fe;
}

tbody {
    font-size: 14px;
}

.ramzf{
    border-radius: 5px;
    border-bottom: 2px solid rgb(25, 168, 255);
    cursor: pointer
}
.ramzo{
    font-weight: 600;
    color: rgba(1, 41, 112, 0.6);
}
tr {
    text-wrap: nowrap;
}
/******************** پنل حساب کاربری *******************/
.sidebar-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-nav .nav-link i {
    font-size: 16px;
    margin-left: 10px;
}

.sidebar-nav .nav-content {
    padding: 5px 0 0 0;
    margin: 0;
    list-style: none;
}

.sidebar-nav .nav-content a {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 10px 40px 10px 0;
    transition: 0.3s;
}

.sidebar-nav .nav-content a i {
    font-size: 6px;
    margin-left: 8px;
    line-height: 0;
    border-radius: 50%;
}

/***************** کیف پول *****************/

 .dashboard .activity {
     font-size: 14px;
 }
.dashboard .activity .activity-item .activite-label {
    color: #888;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    min-width: 70px;
    font-size: 12px;
    margin-top: 6px;
}

.dashboard .activity .activity-item .activite-label::before {
    content: "";
    position: absolute;
    left: -11px;
    width: 4px;
    top: 0;
    bottom: 0;
    background-color: #eceefe;
}

.dashboard .activity .activity-item .activity-badge {
    margin-top:4px;
    z-index: 1;
    font-size: 11px;
    line-height: 0;
    border-radius: 50%;
    flex-shrink: 0;
    border: 3px solid #fff;
    flex-grow: 0;
}

.dashboard .activity .activity-item .activity-content {
    margin-top: 6px;
    padding-right: 10px;
    padding-bottom: 15px;
    font-size: 13px;
}

.dashboard .activity .activity-item:first-child .activite-label::before {
    top: 5px;
}

.dashboard .activity .activity-item:last-child .activity-content {
    padding-bottom: 0;
}

.inplftlog {
    text-align: left;
    direction: ltr !important;
    padding-left: 8px
}

.inp-no-arrows::-webkit-outer-spin-button,
.inp-no-arrowst::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inp-no-arrowst {
    -moz-appearance: textfield;
}

.inpkif input[type="radio"] {
    display: none;
}

.inpkif input[type="radio"]:not(:disabled)~label {
    cursor: pointer;
}

.inpkif input[type="radio"]:disabled~label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
}

.lblkifepol {
    display: block;
    background: white;
    border: 1px solid rgb(25, 168, 255);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    box-shadow: 0px 3px 10px -2px rgba(161, 170, 166, 0.5);
    position: relative;
}

.inpkif input[type="radio"]:checked+label {
    background: rgb(25, 168, 255);
    color: white;
}

.inpkif input[type="radio"]:checked+label::after {
    color: #3d3f43;
    font-family: FontAwesome;
    border: 2px solid rgb(25, 168, 255);
    content: "\f00c";
    font-size: 24px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);
}
/************************ صفحه قوانین و درباره ما **********************/

 .titlabout {
     font-weight: 600;
     font-size: 20px;
     margin-top: 35px;
 }

.txttamas {
    font-size: 17px;
    margin-top: 23px;
}

label.txtinper {
    position: relative;
    font-size: 13px;
    right: 18px;
    top: 15px;
    transform: translateY(-50%);
    background-color: white;
    color: gray;
    padding: 0 0.3rem;
    margin: 0 0.5rem;
    transition: .1s ease-out;
    transform-origin: right top;
    pointer-events: none;
}

.rule li {
    line-height: 2;
    margin-right: 25px;
    list-style-type: disc;
}
/**************** درباره ما-تماس با-قوانین استرداد *******************/

.kdrabout {
     /* height: 550px; */
     height: auto;
     margin-top: 90px;
     margin-bottom: 100px;
     background: #fdfdfd;
     border-radius: 10px;
     box-shadow: rgba(79, 79, 79, 0.19) 0px 8px 18px, rgba(93, 93, 93, 0.23) 0px 4px 4px;
 }
/*.error .clip {*/
/*    height: 180px;*/
/*}*/

.error .clip:nth-of-type(2) {
    width: 130px;
}

.error .clip:nth-of-type(1),
.error .clip:nth-of-type(3) {
    width: 250px;
}

.error .digit {
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 120px;
    font-weight: bold;
}

.error h2 {
    font-size: 32px;
}

.error .msg {
    top: -190px;
    left: 30%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 32px;
}

.error span.triangle {
    top: 70%;
    right: 0%;
    border-left: 20px solid #535353;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.error .container-error-404 {
    margin-top: 50px;
    position: relative;
    height: 250px;
}

.error .container-error-404 .clip {
    display: inline-block;
    transform: skew(-45deg);
}

.error .clip {
    overflow: hidden;
}

.error .clip:nth-of-type(2) {
    overflow: hidden;
    position: relative;
    box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8), 20px 0px 20px -15px rgba(150, 150, 150, 0.8);
}

.error .clip:nth-of-type(3) .shadow:after,
.error .clip:nth-of-type(1) .shadow:after {
    content: "";
    position: absolute;
    right: -8px;
    bottom: 0px;
    z-index: 9999;
    height: 100%;
    width: 10px;
    background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.8), transparent);
    border-radius: 50%;
}

.error .clip:nth-of-type(3) .shadow:after {
    left: -8px;
}

.error .digit {
    position: relative;
    top: 8%;
    color: white;
    background: #07B3F9;
    border-radius: 50%;
    display: inline-block;
    transform: skew(45deg);
}

.error .clip:nth-of-type(2) .digit {
    left: -10%;
}

.error .clip:nth-of-type(1) .digit {
    right: -20%;
}

.error .clip:nth-of-type(3) .digit {
    left: -20%;
}

.error h2 {
    color: #A2A2A2;
    font-weight: bold;
    padding-bottom: 20px;
}

.error .msg {
    position: relative;
    z-index: 9999;
    display: block;
    background: #535353;
    color: #A2A2A2;
    border-radius: 50%;
    font-style: italic;
}

.error .triangle {
    position: absolute;
    z-index: 999;
    transform: rotate(45deg);
    content: "";
    width: 0;
    height: 0;
}

@media(max-width: 767px) {
    .error .clip .shadow {
        height: 100px;
    }
    .error .clip:nth-of-type(2) {
        width: 80px;
    }
    .error .clip:nth-of-type(1),
    .error .clip:nth-of-type(3) {
        width: 100px;
    }
    .error .digit {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 52px;
    }
    .error h2 {
        font-size: 24px;
    }
    .error .msg {
        top: -110px;
        left: 15%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .error span.triangle {
        top: 70%;
        right: -3%;
        border-left: 10px solid #535353;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
    .error .container-error-404 {
        height: 150px;
    }
}
.headline {
    float: right;
    font-size: 100px;
    font-weight: 300;
}

.error-content>h3 {
    font-weight: 300;
    font-size: 24px;
}
/******************** ارور صفحه مشخصات ********************/
.erorfild {
    font-size: 12px;
    color: red;
    margin-bottom: 10px;
    margin-right: 12px;
}

.erorinput {
    border: 1px solid red;
}