@import "fonts.css";
@import "theme.css";

/* Global */
body {
    background-color: #e0e5eb1a;
    color: var(--srs-text-dark);
    font-family: "Vazir";
    font-size: 1em;
}

a {
    color: var(--srs-color-primary-light);
    text-decoration: none;
}

    a:hover {
        color: var(--srs-color-primary-dark);
    }

label {
    margin-right: .25rem
}

h1, h2, h3, h4, h5, h6 {
    line-height: unset
}

option:nth-child(odd) {
    background-color: var(--srs-bg-primary-light);
}

option {
    overflow-wrap: break-word;
    white-space: break-spaces;
    text-align: justify;
}

@media (min-width:769px) {
    .desktop-hidden {
        display: none;
    }
}

/*** Sizing ***/
.srs-w-fit {
    width: fit-content;
}
.srs-w-fill {
    width: 100%;
    width: -webkit-fill-available;
}
.srs-w-12 {
    width: 12%
}
.srs-w-20 {
    width: 20%
}
.srs-h-fit {
    height: fit-content;
}

/*** Spacing ***/
/*.srs-mt-100 {
        margin-top:100%;
}*/
/*** CKEditor Overrides ***/
.cke_inner {
    top: 0 !important; /*maximize editor in firefox*/
}

/*** Bootstrap Overrides ***/
.srs-breadcrumb .breadcrumb-item::before {
    float: right;
    padding: .1rem .2rem;
}

/*** Buttons ***/
.srs-btn-xs {
    padding: 0.2rem;
    width: 1.5rem;
    height: 1.5rem;
}
.srs-btn-circle-sm {
    width: 2.75rem;
    height: 2.75rem;
    padding: .8rem 0;
    border-radius: 50%;
    background-color: var(--bs-gray-100);
}

    .srs-btn-circle-sm:hover {
        border-color: #fff;
    }

.srs-btn-square-sm,
.srs-btn-square-sm:active,
.srs-btn-square-sm:hover {
    width: 2.7rem;
    height: 2.7rem;
    padding: .8rem 0;
    border: 1px solid;
}

.srs-btn-primary-dark,
.srs-btn-primary:hover,
.srs-btn-outline-primary-dark,
.srs-btn-outline-primary-dark:hover {
    background-color: var(--srs-color-primary-dark);
    border: 1px solid var(--srs-color-primary-dark);
}

    .srs-btn-primary-dark,
    .srs-btn-primary:hover,
    .srs-btn-outline-primary-dark:hover,
    .srs-btn-primary,
    .srs-btn-outline-primary:hover,
    .srs-btn-secondary,
    .srs-btn-secondary:hover,
    .srs-btn-circle-sm:hover,
    .srs-btn-square-sm.active,
    .srs-table-pager td a:hover,
    .srs-table-pager td span {
        color: #fff;
    }

.srs-btn-primary,
.srs-btn-outline-primary:hover,
.srs-btn-square-sm.active,
.srs-table-pager td a:hover,
.srs-table-pager td span {
    background-color: var(--srs-color-primary-light);
    border-color: var(--srs-color-primary-light);
}

.srs-btn-outline-primary, .srs-table-pager td a {
    background-color: transparent;
    border-color: var(--srs-color-primary-light);
    color: var(--srs-color-primary-light);
}

.srs-btn-outline-primary-dark {
    background-color: transparent;
    color: var(--srs-color-primary-dark);
}

.srs-btn-secondary,
.srs-btn-secondary:hover {
    background-color: var(--srs-color-secondary);
    border: 1px solid var(--srs-color-secondary);
}

.srs-btn-secondary-light,
.srs-btn-secondary-light:hover {
    background-color: var(--srs-color-secondary-light);
    border: 1px solid var(--srs-color-secondary-light);
}

.srs-btn-secondary-light:hover, .srs-btn-secondary:hover, .srs-btn-light:hover {
    filter: contrast(0.9);
}

.srs-btn-light, .srs-btn-light:hover {
    background-color: var(--srs-bg-light);
    color: var(--srs-text-dark);
}

/*** Backgrounds ***/
.srs-bg-lightGray {
    background-color: #eceeef
}

.srs-bg-light {
    background-color: var(--srs-bg-light);
}

.srs-bg-primary-light {
    background-color: var(--srs-bg-primary-light);
}

.srs-bg-color-primary-light {
    background-color: var(--srs-color-primary-light);
}

.srs-bg-color-primary-dark {
    background-color: var(--srs-color-primary-dark);
}

/* Boxes */
.srs-border {
    border: 1px solid var(--srs-bg-light);
}

.srs-border-primary-light {
    border: 1px solid var(--srs-color-primary-light);
}

.srs-border-primary {
    border: 1px solid var(--srs-color-primary-light);
}

.srs-box-shadow-sm {
    box-shadow: 0px 1px rgb(0 0 0 / 25%);
}

.srs-box-shadow {
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 25%);
}

.srs-border-radius {
    border-radius: var(--srs-border-radius);
}

/* Hide number inputs controls */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*** Main Titles ***/
.srs-title {
    font-family: 'IranNastaliq';
}

.srs-subtitle {
    border-right: 0.25rem solid var(--srs-color-primary-light);
}

/*** Texts ***/
.srs-txt-primary-light {
    color: var(--srs-color-primary-light);
}

.srs-fs-smaller {
    font-size: .9rem
}

.srs-text-justify {
    text-align: justify;
}

/*** Wrap settings - Mostly in Tables ***/
.srs-overflow-x {
    overflow-x: auto !important;
    overflow-y: visible;
}

.srs-ws-nowrap {
    white-space: nowrap;
}

@media (max-width:600px) {
    .srs-ws-mb-nowrap {
        white-space: nowrap;
    }
}

@media (max-width:768px) {
    .srs-ws-mdUp-wrap {
        white-space: normal;
    }
}

@media (max-width:600px) {
    .srs-mobile-text-nowrap {
        text-wrap: nowrap;
    }
}

/*** Grid ***/
.srs-grid .srs-grid-item-img {
    height: 11rem;
    max-height: 11rem;
}

    .srs-grid .srs-grid-item-img img {
        object-fit: cover;
    }

.srs-grid-3 .srs-grid-item {
    width: 33.33%;
}

@media (max-width:600px) {
    .srs-grid-3 .srs-grid-item {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .srs-grid-3 .srs-grid-item {
        width: 50%;
    }

        .srs-grid-3 .srs-grid-item:nth-child(even) {
            padding: 0 !important
        }
}

@media (min-width:1025px) {
    .srs-grid-3 .srs-grid-item:nth-child(3n) {
        padding: 0 !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .srs-grid-4 .srs-grid-item:nth-child(even) {
        padding: 0 !important
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .srs-grid-4 .srs-grid-item:nth-child(3n) {
        padding: 0 !important
    }
}

@media (min-width:1280px) {
    .srs-grid-4 .srs-grid-item:nth-child(4n) {
        padding: 0 !important
    }
}

/*** Animations ***/
@media (min-width:769px) {
    .srs-animation-fadeSlideIn {
        animation: 900ms ease-in 0s 1 running slidein;
    }
}

@keyframes slidein {
    from {
        transform: translateX(+50px);
        opacity: .7
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

/*** Layering ***/
.srs-bg-overlay {
    z-index: 1
}

.srs-toast {
    z-index: 2
}

/* Tree Views */
.srs-tree-view img {
    transform: scaleX(-1);
}
/*** Radio Groups ***/
@media (max-width:1150px) {
    .srs-rdbtnGrp tr td {
        display: block
    }
}

/*** Footer ***/
.srs-sub-footer {
    font-size: .94rem;
}

/* Services - FormsCol */
@media (min-width:769px) {
    .srs-services-form .srs-services-form-col {
        width: 32.8%
    }
}

@media (max-width:768px) and (min-width:601px) {
    .srs-services-form .srs-services-form-col {
        width: 49.5%
    }
}

/* Radio Button Group & Checkbox Group - based on compile*/
.srs-form-radio-group tr,
.srs-form-chk-group tr {
    display: flex;
    justify-content: space-between;
}

/* Admin Checkbox Group - based on compile */
.srs-chkGroup tr:last-of-type td {
    padding-bottom: 0;
}

@media (max-width:600px) {
    .srs-chkGroup td {
        display: block
    }
}
/*** Menus ***/
.srs-admin-menu-container {
    width: 22%;
    font-size: .95rem;
    height: max-content;
}

@media (max-width:991px) {
    .srs-admin-menu.offcanvas {
        width: 18rem;
    }

    .srs-admin-menu-container {
        box-shadow: none;
        border: 0px;
    }
}

.srs-nav-toggler[aria-expanded="true"] .navbar-title, .srs-nav-item .active {
    color: var(--srs-color-primary-light)
}

.srs-nav-toggler.collapsed .navbar-title, .srs-nav-item a {
    color: var(--srs-text-dark)
}

.srs-nav-item, .srs-bb-item {
    border-bottom: 1px solid var(--bs-border-color-translucent);
}

    .srs-nav-item:last-child, .srs-menu-parent:last-of-type,
    .srs-bb-item:last-child {
        border: 0;
    }

.srs-main-container {
    min-height: 34rem;
    width: 77%
}

@media (max-width:991px) {
    .srs-main-container {
        width: 97% !important;
    }
}

/* News */
.srs-news .srs-news-status {
    border: 1px solid var(--srs-bg-dark);
    padding: .25rem .375rem;
}

    .srs-news .srs-news-status:active,
    .srs-news .srs-news-status.active {
        background-color: #e3ce0d;
    }

.srs-news .srs-news-content {
    height: 13rem;
}

    .srs-news .srs-news-content img,
    .srs-news .srs-news-content video,
    .srs-news-sView .srs-news-sView-content img,
    .srs-news-sView .srs-news-sView-content video {
        max-width: 100%
    }