@import url("/lib/fonts/Libre_Barcode_39/all.css");

:root {
    --primary: #ff9800;
    --light: #F8F8F8;
    --dark: #4c4c4c;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /*margin-bottom: 60px;*/
    font-family: IRANSans;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: IRANSans;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #6c757d !important;
    font-weight: lighter;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6c757d !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #6c757d !important;
}

.navbar-brand img {
    height: 35px;
}

.header-carousel .owl-dots {
    left: .25rem;
    right: unset;
}

.fact-item .fact-icon i {
    font-size: 4rem;
}

.fact-item:hover .fact-icon {
    background: var(--dark);
}

.service-item .service-text h3 {
    color: var(--dark);
}

.service-item:hover .service-text h3 {
    color: #fff;
}

.presenter {
    width: 2rem; /*46px;*/
    margin-left: .5rem;
}

.project .nav .nav-link h3 {
    text-align: right !important;
    font-size: 1.5rem;
}

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

.error {
    color: #dc3545 !important;
}

.grow {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    transition: .5s !important;
}

    .grow:hover {
        width: 120px;
    }

    .grow.bg:hover {
        width: 170px;
    }

    .grow i {
        margin-left: 1rem !important;
    }

.footer .btn.btn-link {
    text-align: right;
}

    .footer .btn.btn-link::before {
        content: "\f104";
        margin-right: 0;
        margin-left: 10px;
    }

.form-select.rtl {
    padding: .375rem .75rem;
    background-position: left .75rem center;
}

label[for] {
    color: var(--primary) !important;
}

    /*label[for].required:before {
        content: '* ';
        color: red;
    }*/

    label[for].required:after {
        content: ' (ضروری)';
        color: red;
        /*color: #dc3545 !important;*/
        font-size: small;
        font-weight: lighter;
    }

textarea.form-control {
    min-height: calc(1.5em + .75rem + 120px);
}

.form-group {
    margin-top: .75rem;
}

.section-title {
    letter-spacing: 2px;
}

    .section-title a {
        letter-spacing: -1px;
        font-weight: lighter;
        font-size: initial;
        margin-right: 4rem;
    }

h5 .section-title {
    color: var(--secondary);
    font-weight: 600;
    /*text-align: center;*/
    border-bottom: solid 1px var(--primary);
    padding-bottom: .5rem;
}

/*h5.section-title:after,
    h5.section-title:before {
        content: '~~~';
        margin: 0 .25rem;
    }*/

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: #fff !important;
}

.btn-outline-primary:hover {
    background-color: #ffb952 !important;
    color: #fff !important;
}

#div1 .col .input-group,
#div2 .col .input-group {
    min-width: 150px;
}

.form-check .form-check-input {
    float: unset !important;
}

.form-check-label {
    margin-right: 1.5rem;
}

.chosen-container-single .chosen-single {
    border: 1px solid #4c4c4c !important;
    border-radius: 0 !important;
}

.chosen-container-active.chosen-rtl .chosen-choices,
.chosen-container-active.chosen-rtl .chosen-single {
    border-color: #dbc6b2 !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(183,141,101,0.25);
}

.chosen-container-multi .chosen-choices {
    background-image: none !important;
    border: 1px solid #4c4c4c !important;
    padding: .22rem !important;
}

    .chosen-container-multi .chosen-choices li.search-field input[type="text"],
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-rtl .chosen-choices li.search-field input[type="text"] {
        font-family: IRANSans !important;
        border-radius: 0 !important;
    }

.chosen-container-active.chosen-with-drop .chosen-single {
    box-shadow: unset !important;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #ff9800 !important;
    background-image: linear-gradient(#ffb952 20%, #ff9800 90%) !important;
}

.chosen-container-single .chosen-drop {
    border-radius: 0 !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    border-radius: 0 !important;
    background-image: none !important;
    background-color: #e9ecef !important;
    line-height: unset !important;
}

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        top: .55rem !important;
    }

.table-striped {
    border-color: #ff9800 !important;
}

    .table-striped > thead > tr > th {
        color: var(--primary) !important;
        font-weight: normal !important;
    }

    .table-striped > tbody > tr:nth-of-type(2n+1) {
        --bs-table-accent-bg: var(--light) !important;
    }

div.no-image {
    background-color: #fff;
    height: 150px;
    width: 150px;
    vertical-align: middle;
    display: inherit;
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem auto -.5rem -.5rem;
}

.list-group-item i.fa-linkedin, .list-group-item i.fa-facebook-square {
    color: #517da2;
}

.list-group-item i.fa-google-plus {
    color: #dc3545;
}

.list-group-item i.fa-telegram {
    color: #3993df;
}

.list-group-item i.fa-whatsapp {
    color: #28a745;
}

.list-group-item i.fa-twitter {
    color: #007bff;
}

.tags {
    padding: .5rem 0;
    /*    overflow-x: auto;
    -webkit-overflow-scrolling: touch !important;*/
    margin: .2rem 0;
}

    .tags a[role="button"] {
        color: var(--secondary);
        font-size: .75rem;
        margin-left: .5rem;
        border: 1px solid;
        padding: .2rem .5rem;
        line-height: 2.5rem;
        font-weight: 500;
        background: #fff;
        white-space: nowrap;
    }

        .tags a[role="button"]:hover {
            color: var(--primary);
        }

[onclick] {
    cursor: pointer;
}

.p-responsive {
    padding: .2rem 0;
}

@media (min-width: 768px) {
    .p-responsive {
        padding: 1rem 0;
    }
}

@media screen and (max-width: 768px) {
    .blog-slider {
        margin: 11rem auto 1rem auto !important;
    }
}

.darad {
    color: var(--primary) !important;
}

.svEmrooz .svadad.darad {
    color: #fff !important;
}

.svEmrooz .svadad:not(.darad) {
    color: #777 !important;
}

dd {
    margin: 0 !important;
}

dt {
    color: var(--primary);
}

.blog-slider__title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.service-text h3,
.service-text p,
.blog-slider__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.organizer-logo {
    height: 250px;
    align-content: center;
    display: grid;
    background: #fff;
    overflow: hidden;
}

    .organizer-logo img {
        max-height: 260px;
        margin: auto;
    }

.blog-slider__img::after {
    background-color: transparent !important;
}

.splash {
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white !important;
    z-index: 9999;
}

.ticket {
    position: relative;
    background-color: var(--light);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
    border: 1px solid #F8F8F8;
    /*    padding-right: .5rem;
    padding-left: .5rem;*/
    display: flex;
    align-items: center;
}

    .ticket .first {
        position: relative;
        border-left: .25rem dotted #fff !important;
        width: 75% !important;
        margin: 0 1rem 0 0;
    }

        .ticket .first .poster {
            max-height: 110px;
            overflow: hidden;
            opacity: 0.3;
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .ticket:not(.active) {
        border: none !important;
    }

        .ticket:not(.active) .second {
            z-index: 1;
            width: 23.6%;
            background-color: #fff !important;
            height: 100% !important;
            left: 0 !important;
            top: 0 !important;
            position: absolute !important;
        }

    .ticket::after, .ticket::before {
        content: '';
        display: block;
        position: absolute;
        bottom: .75em;
        left: .18em;
        width: 40%;
        height: 20%;
        max-height: 13em;
        box-shadow: 0 13px 8px #979797;
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);
        z-index: -1;
        margin-left: .25rem;
    }

    .ticket::after {
        right: .75em;
        left: auto;
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    .ticket:not(.active)::before {
        margin-left: 25%;
    }

@media (max-width: 575.98px) {
    .ticket {
        display: block;
    }

        .ticket .first {
            width: 100% !important;
            border: none !important;
        }

        .ticket .m-auto.text-black {
            width: 100% !important;
            text-align: center;
            margin-bottom: 2rem !important;
        }
}

.qrCode {
    /* width: 25% !important;
    padding: .5rem !important; */
}

    .qrCode img {
        width: 100px;
        max-width: 100%;
        margin: auto;
    }

.barcode {
    font-size: 3rem;
    line-height: 2;
    height: 3rem;
    /* margin-bottom: 2rem; */
    text-align: center;
    color: #000;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 5;
}

.modal-header {
    border-bottom: 1px solid #dee2e6;
}

.mds-bs-persian-datetime-picker-popover.show {
    display: block;
    opacity: 1;
    border-radius: 0;
}

.mds-bs-persian-datetime-picker-popover tr:last-child > td {
    border: 0;
}

.mds-bs-dtp-container table table tbody.days td[data-day][data-today] {
    background-color: var(--primary) !important;
    color: #fff !important;
}

.centerPage {
    justify-content: center;
    margin: auto;
    margin-top: 10rem;
    padding: 3rem;
    background-color: #fff;
    max-width: 500px;
}