﻿:root {
    --primary-color: #0D9CBA;
    --secondery-color: #0C2D57;
    --primary-text: #2D264B;
    --secondery-text: #dddddd;
    --white-color: #FFFFFF;
    --blue-color: #29ABE0;
    --green-color: #4CAF50;
    --background-color: #EFECEC;
}

html {
    height: 90vh;
}

body {
    font-family: Sans;
    /*min-height: 100vh*/
}

/*reset css*/
a, ol, ul, li, p, span {
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: black
}

ol, ul {
    list-style: none;
}
/*end reset css*/
/*site buttons styles*/
.general-btn {
    color: var(--primary-color);
    background-color: var(--white-color);
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    text-align: center;
    font-size: 14px
}

    .general-btn:hover {
        color: var(--primary-color);
        background-color: var(--white-color);
        border-radius: 10px;
        border: 1px solid var(--primary-color);
        text-align: center;
    }

.btn {
    font-size: 14px !important;
}
/*site buttons styles*/
/*general styles for use on all page*/
.font-sm {
    font-size: 12px !important;
}

.font-md {
    font-size: 14px !important;
}

.font-lg {
    font-size: 16px !important;
}

.font-xl {
    font-size: 20px !important;
}

.font-xxl {
    font-size: 24px !important;
}

.font-bold {
    font-family: SansB;
}

.line {
    border-bottom: 1px solid var(--background-color);
    width: 100%;
    min-width: 40px;
}

.center-items {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn:active {
    border: 0 !important;
}

.btn:hover {
    background: none;
}

.lead {
    color: var(--secondery-text) !important;
    font-size: 12px;
}

.text-muted {
    color: var(--secondery-text) !important;
}

.border-1 {
    border: 1px solid var(--background-color) !important;
}

.form-switch .form-check-input:focus {
    /*--bs-form-switch-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e) !important;*/
    --bs-form-switch-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e) !important;
}
.object-fit-cover {
    object-fit: cover;
}

.object-position-right {
    object-position: right;
}

.main-logo-size{
    width : 100px;
}

.line{
    width : 100%;
    border-bottom : 1px solid var(--secondery-text)
}

.border-10-radios {
    border-radius: 10px 10px 0 0;
}

/*end change bootstrap default styles*/
/*footer styles*/
.footer-bg-color {
    background-color: var(--secondery-color);
}

    .footer-bg-color div p {
        color: var(--white-color);
        text-align: center;
    }
/*end footer styles*/
/*media query form responsive style*/
@media (min-width: 480px) {
    .text-sm-nowrap {
        text-wrap: nowrap;
    }
}

@media (max-width: 480px) {
    .font-sm {
        font-size: 10px !important;
    }

    .font-md {
        font-size: 12px !important;
    }

    .font-lg {
        font-size: 14px !important;
    }

    .font-xl {
        font-size: 16px
    }

    .font-xxl {
        font-size: 18px;
    }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*end media query form responsive style*/
.readmore-button {
    color: var(--primary-color);
    border: none;
}

.readmore-button {
    color: var(--primary-color);
    border: none;
}

.readmore-button:focus {
    color: var(--primary-color);
    border: none;
}

.readmore-button:hover {
    color: var(--primary-color);
    border: none;
}

.main-input {
    width: 100%;
    border: 1px solid #dddddd;
    border-radius : 10px;
    padding : 10px;
}

.main-green-btn {
    background-color: var(--green-color);
    color: var(--white-color);
    border-radius: 10px;
    border: 1px solid var(--green-color);
    padding : 15px 10px;
}

.main-blue-btn {
    background-color: var(--blue-color);
    color: var(--white-color);
    border-radius: 10px;
    border: 1px solid var(--blue-color);
    padding: 15px 10px;
}

.main-gray-btn {
    background-color: #3E3F3A;
    color: var(--white-color);
    border-radius: 10px;
    border: 1px solid #3E3F3A;
    padding: 15px 10px;
}

.main-blue-background {
    background-color: #001f3f;
    color: var(--white-color);
}
.main-box{
    height : 110px;
    border : 1px solid var(--secondery-text);
    border-radius : 10px;
}
.main-box-header{
    background-color : var(--green-color);
    padding : 10px;
    color : white;

}

.main-select {
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 10px;
}

.active-form-section {
    border: 1px solid var(--green-color) !important;
    background-color: #E8F5E9 !important;
    color: var(--green-color)
}

/* استایل کلی جدول */
.custom-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    overflow: hidden;
    font-size: 0.9rem;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

    /* هدر جدول */
    .custom-table thead th {
        position: sticky;
        top: 0;
        background-color: #212529;
        color: #f8f9fa;
        font-weight: 600;
        text-align: center;
        z-index: 2;
        padding: 10px;
    }

    /* ردیف‌ها */
    .custom-table tbody tr {
        transition: background-color 0.2s ease;
    }

        .custom-table tbody tr:nth-child(even) {
            background-color: #f8f9fa; /* راه‌راه */
        }

        .custom-table tbody tr:hover {
            background-color: #e9ecef; /* هاور ملایم */
        }

    /* سلول‌ها */
    .custom-table td,
    .custom-table th {
        padding: 8px 12px;
        vertical-align: middle;
        border: 1px solid #dee2e6;
        text-align: center;
        white-space: nowrap;
    }

    /* آدرس یا فیلدهای طولانی */
    .custom-table .truncate {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* اسکرول با استایل تمیز */
.table-container {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid #dee2e6;
}

