/*************************
*******Typography******
**************************/
@font-face {

	font-family: 'Vazir';
	src: url('../fonts/Vazir.eot');
	src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Vazir.woff') format('woff'),
	url('../fonts/Vazir.ttf') format('truetype'),
	url('../fonts/Vazir.svg#Vazir') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

    .nav-tabs .nav-link {
        color: #495057;
        font-weight: 500;
        border: 1px solid #dee2e6;
        border-bottom: none;
        border-radius: 8px 8px 0 0;
        padding: 10px 25px;
        background: #f8f9fa;
        margin-right: 5px;
        transition: all 0.3s;
        position: relative;
    }

    .nav-tabs .nav-link:hover {
        background: #e9ecef;
        border-color: #dee2e6;
    }

    .nav-tabs .nav-link.active {
        background: #007bff;
        color: white;
        border-color: #007bff;
    }

    .nav-tabs .nav-link.active .badge-tab {
        background: white;
        color: #007bff;
    }

    .nav-tabs .nav-link .badge-tab {
        background: #6c757d;
        color: white;
        padding: 2px 8px;
        border-radius: 20px;
        font-size: 11px;
        margin-right: 5px;
    }

    .nav-tabs .nav-link .tab-check {
        position: absolute;
        top: -5px;
        right: -5px;
        background: #28a745;
        color: white;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        font-size: 12px;
        display: none;
        align-items: center;
        justify-content: center;
    }

    .nav-tabs .nav-link.selected-tab .tab-check {
        display: flex;
    }

    .tab-content {
        background: white;
        border: 1px solid #dee2e6;
        border-radius: 0 0 10px 10px;
        padding: 20px;
        min-height: 400px;
    }

    .tab-pane {
        display: none;
        animation: fadeIn 0.3s;
    }

    .tab-pane.active {
        display: block;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .tab-items-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        max-height: 500px;
        overflow-y: auto;
        padding: 5px;
    }

    .tab-item {
        padding: 10px 15px;
        background: #f8f9fa;
        border: 2px solid #e9ecef;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s;
        display: flex;
        justify-content: space-between;
        align-items: center;
        user-select: none;
        width: 100%;
    }

    .tab-item:hover {
        border-color: #007bff;
        background: #e3f0ff;
        transform: translateX(5px);
    }

    .tab-item.selected {
        border-color: #28a745;
        background: #e8f5e9;
    }

    .tab-item .item-info {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .tab-item .item-name {
        font-weight: 500;
        font-size: 14px;
        min-width: 150px;
    }

    .tab-item .item-code {
        font-size: 12px;
        color: #6c757d;
        background: #e9ecef;
        padding: 2px 10px;
        border-radius: 12px;
    }

    .tab-item .item-price {
        color: #28a745;
        font-weight: bold;
        font-size: 14px;
        white-space: nowrap;
        margin: 0 15px;
    }

    .tab-item .item-checkbox {
        width: 22px;
        height: 22px;
        border: 2px solid #ced4da;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s;
        flex-shrink: 0;
        background: white;
        cursor: pointer;
    }

    .tab-item .item-checkbox.checked {
        background: #28a745;
        border-color: #28a745;
        color: white;
    }

    .tab-item .item-checkbox i {
        font-size: 14px;
        opacity: 0;
        transition: all 0.3s;
        color: white;
    }

    .tab-item .item-checkbox.checked i {
        opacity: 1;
    }

    .tab-item .item-icon {
        font-size: 18px;
        flex-shrink: 0;
        margin-left: 10px;
    }

    .tab-item .item-icon.folder {
        color: #ffc107;
    }

    .tab-item .item-icon.leaf {
        color: #28a745;
    }

    .tab-item .item-children-count {
        font-size: 11px;
        color: #6c757d;
        margin-left: 5px;
        background: #e9ecef;
        padding: 1px 8px;
        border-radius: 10px;
    }

    .empty-tab {
        text-align: center;
        padding: 60px 20px;
        color: #6c757d;
    }

    .empty-tab i {
        font-size: 48px;
        opacity: 0.3;
        margin-bottom: 15px;
    }

    .tab-actions {
        display: flex;
        gap: 10px;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #dee2e6;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .tab-actions .selected-count {
        color: #6c757d;
        font-size: 14px;
    }

    .tab-actions .selected-count strong {
        color: #007bff;
    }

    .tab-actions .btn-group {
        display: flex;
        gap: 8px;
    }

    .tab-actions .btn {
        padding: 6px 16px;
        font-size: 13px;
        border-radius: 6px;
        transition: all 0.3s;
    }

    .tab-actions .btn-sm {
        padding: 4px 12px;
        font-size: 12px;
    }

    .breadcrumb-container {
        background: white;
        padding: 12px 20px;
        border-radius: 8px;
        margin-bottom: 20px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    }

    .breadcrumb-item {
        cursor: pointer;
        color: #007bff;
        transition: color 0.2s;
    }

    .breadcrumb-item:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .breadcrumb-item.current {
        color: #495057;
        font-weight: 600;
        cursor: default;
    }

    .search-box {
        margin-bottom: 20px;
    }

    .search-box input {
        width: 100%;
        padding: 12px 20px;
        border: 2px solid #ced4da;
        border-radius: 25px;
        font-size: 16px;
        transition: all 0.3s;
    }

    .search-box input:focus {
        border-color: #007bff;
        outline: none;
        box-shadow: 0 0 0 3px rgba(0,123,255,0.25);
    }

    .search-results {
        position: absolute;
        width: 100%;
        background: white;
        border: 1px solid #ddd;
        border-radius: 8px;
        max-height: 400px;
        overflow-y: auto;
        display: none;
        z-index: 1000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .search-result-item {
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: all 0.2s;
    }

    .search-result-item:hover {
        background: #f0f7ff;
    }

    .detail-panel {
        margin-top: 20px;
        background: white;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        display: none;
    }

    .detail-panel.show {
        display: block;
        animation: fadeIn 0.3s;
    }

    .detail-image {
        max-width: 200px;
        max-height: 200px;
        border-radius: 8px;
        margin: 10px 0;
    }

    .price-list-in-detail {
        margin-top: 15px;
        padding: 15px;
        background: #f8f9fa;
        border-radius: 8px;
    }

    .price-item {
        display: flex;
        justify-content: space-between;
        padding: 8px 12px;
        border-bottom: 1px solid #e9ecef;
    }

    .price-item:last-child {
        border-bottom: none;
    }

    .btn-navigation {
        margin-top: 15px;
        display: flex;
        gap: 10px;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .loading-spinner {
        display: none;
        text-align: center;
        padding: 40px;
    }

    .tab-level-title {
        font-size: 14px;
        color: #6c757d;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 2px dashed #dee2e6;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .tab-level-title strong {
        color: #495057;
    }

    @media (max-width: 768px) {
        .tab-item {
            flex-wrap: wrap;
            gap: 8px;
        }
        .tab-item .item-info {
            flex-wrap: wrap;
        }
        .tab-item .item-name {
            min-width: 100px;
        }
        .nav-tabs .nav-link {
            padding: 8px 15px;
            font-size: 13px;
        }
        .tab-actions {
            flex-direction: column;
            align-items: stretch;
        }
        .tab-actions .btn-group {
            justify-content: center;
        }
    }


/*//////////////////////////////////////////*/

.result-item {
    margin-bottom: 1.5rem;
}
.result-item h4 {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 0.3rem;
}
.result-item .value {
    font-size: 1.3rem;
    font-weight: bold;
}
.result-item .status {
    font-size: 1rem;
    font-weight: normal;
}
.text-success {
    color: #28a745;
}
.text-danger {
    color: #dc3545;
}

        .navbar {
            background-color: #2c3e50;
        }
        .tab-content {
            background: white;
            border-radius: 0 0 10px 10px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .calculator-form {
            max-width: 600px;
            margin: 0 auto;
        }
/*lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll*/
.center-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;   /* اسلایدر عمودی دقیقاً وسط قرار می‌گیرد */
    background: #a0b8d9;        /* آبی خیلی ملایم */
    border-radius: 8px;         /* گوشه‌های گرد */
    padding: 10px;              /* فاصله داخلی */
    box-shadow: 0 0 5px #dfe6ff; /* سایه خیلی ملایم */

}

/* اسلایدر عمودی */
.range-vertical {
    writing-mode: bt-lr;
    -webkit-appearance: slider-vertical;
    height: 160px;
    width: 10px;
}

.center-box label {
    margin-bottom: 8px;   /* فاصله بین لیبل و اسلایدر */
    display: block;
}

/*vvvvvvvvvvvvvvvvvvvvvvvvvv*/
.dark-card {
    background: linear-gradient(135deg, #f9f9fc 0%, #f6f6fa 100%);
    border: 1px solid #6f7b8c;
    color: #070707;
}

.dark-field {
    background: #edeeec;
    border: 1px solid #3a506b;
    color: #050505;
}

.dark-input {
    background: #f9f9fc;
    border: 1px solid #4a5f7a;
    color: #090909;
}

.dark-input:focus {
    background: #f6f6fa;
    border-color: #3498db;
    color: #0a0a0a;
    box-shadow: 0 0 0 0.2rem rgba(232, 236, 238, 0.82);
}
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvcccccccccccc*/

        .card1 {
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .card-header1 {
            border-radius: 15px 15px 0 0 !important;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 20px;
        }
        .form-label1 {
            font-weight: 600;
            color: #333;
        }
        .error-message1 {
            color: #dc3545;
            font-size: 0.875rem;
            margin-top: 5px;
        }
        .alert1 {
            border-radius: 10px;
        }
        .required-field1::after {
            content: " *";
            color: #dc3545;
            font-weight: bold;
        }




        .calculator-container {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(10px);
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .header-section {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-radius: 15px 15px 0 0;
            padding: 30px;
        }
        .input-group-text {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
        }
        .form-control {
            border: 2px solid #e9ecef;
            transition: all 0.3s ease;
        }
        .form-control:focus {
            border-color: #667eea;
            box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
        }
        .btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
            padding: 12px 30px;
            font-size: 18px;
            border-radius: 50px;
            transition: all 0.3s ease;
        }
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
        }
        .result-card {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            color: white;
            border-radius: 15px;
            padding: 20px;
            margin-bottom: 15px;
            transition: all 0.3s ease;
        }
        .result-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }
        .parameter-value {
            font-size: 1.4em;
            font-weight: bold;
            text-align: center;
        }
        .parameter-label {
            text-align: center;
            opacity: 0.9;
        }
        .jump-type {
            font-size: 1.3em;
            font-weight: bold;
            text-align: center;
            padding: 10px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.2);
        }






.custom-dropdown {
    margin-top: 2px;
    width: 100%;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 16px;
    appearance: none; /* Removes default OS styles */
    outline: none;
}

.custom-dropdown:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


.header-top a:hover {
    outline: none;
    text-decoration:none;
    background: #b3d3d3;
    border-radius: 20px;
    color: #101010;
}


.header-top nav{
    background: #f6f6fa;
    border-color: #648ec7;
    border-style: solid;
    border-width: 1px;
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-pills-link-active-color: var(--bs-primary);
    --bs-nav-pills-link-active-bg: var(--bs-white);"

}

.header-top a{
    font-family: 'Vazir';
    font-size: 16px;
    color: #101010;
    border-style: dashed;
}


/*''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

.pagination .page-item .page-link {
            border-radius: 50%;
            width: 2.5em;
            height: 2.5em;
            display: flex;
            align-items: center;
            justify-content: center;
}

.pagination .page-item.active .page-link {
            background-color: #6ac9c9;
            border-color: #0d6efd;
            color: white;
}



.header-middle .badge {
  font-size: 10pt;
  color: #101010;
  border: 1px solid black;
  padding: 5px;
}
.header-middle .badge a {
  text-decoration: none;
}

.search_box input {
  text-align: right;
  background: #e7e7e3;
  border: #1a1e21;
  color: #B2B2B2;
  font-family: 'Vazir';
  font-size: 14px;
  font-weight: 300;
  height: 45px;
  outline: #1a1e21;
  padding-right: 10px;
  background-image: url(../images/home/searchicon.png);
  background-repeat: no-repeat;
  background-position: 10px;
  display: inline-block;
  width: 400px;
}


.header-bottom a:hover {
    outline: none;
    text-decoration:none;
    background: #b3d3d3;
    border-radius: 20px;
    color: #101010;
}


.header-bottom nav{
    background: #f6f6fa;
    border-color: #648ec7;
    border-style: solid;
    border-width: 1px;

    --bs-nav-link-color: var(--bs-white);
    --bs-nav-pills-link-active-color: var(--bs-primary);
    --bs-nav-pills-link-active-bg: var(--bs-white);"

}

.header-bottom a{
    font-family: 'Vazir';
    font-size: 16px;
    color: #101010;
    border-style: dashed;
}

.carousel-control-prev-icon {
    position: absolute;
    bottom: 1px;
    left: 50%;
    background-color: black;
    border-radius: 20px;
    border-style: solid;
}

.carousel-control-next-icon {
    position: absolute;
    bottom: 1px;
    right: 50%;
    border-radius: 20px;
    background-color: black;
    font-size: 5px;
    border-style: solid;
}
/*cccccccccccccccccccccccccccccccccccccccccccccccccccccccc*/

.title-wrapper {
    position: relative;
    text-align: center;
}
.title-wrapper1 {
    position: relative;
    text-align: center;
}

.title {
    position: absolute;
    top: -1rem; /* Adjust this value to move the title up or down */
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    border: 1px dotted #0f4679;
    border-radius: 10px;
    color: #0f4679;
    background: white;
}
.relative-container {
        position: relative;
    }
.title-wrapper2 {
    position: absolute;
    top: 0rem; /* Adjust this value to move the title up or down */
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    z-index: 10; /* Make sure the heading is above the carousel */
    background: white;
    border-radius: 10px;
    width: 300px;
}
.content-wrapper {
    background: rgba(242, 242, 250, 0.36);
    border-style: dotted;
    border-width: 1px;
    border-radius: 20px;
    border-color: #0f4679;
    padding: 20px; /* Add padding to make sure the content is not too close to the border */
}
/*#carouselExampleDark2 {*/
/*    background: rgba(242, 242, 250, 0.36);*/
/*    border-style: dotted;*/
/*    border-width: 1px;*/
/*    border-radius: 20px;*/
/*    border-color: #0f4679;*/
/*    padding: 20px; !* Add padding to make sure the content is not too close to the border *!*/
/*}*/

#sliderL img {
    width: 60px;
    height: 60px;
}
#sliderL h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#group img {
    width: 60px;
    height: 60px;
}
#group h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#sliderA h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#sliderA img {
    width: 60px;
    height: 60px;
}

#slider2 p {
  font-family: 'Vazir';
  font-size: 11pt;
    height: 40px;
}
#slider2 a {
    width: 145px;
    background: #b4e8e8;
    border: #101010;
}
#slider2 a:hover {
    background: #6ac9c9;
    color: #101010;
}

#slider2 button {
    width: 30px;
    background: #b4e8e8;
}
#slider2 h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#slider3 h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#slider3 p {
  font-family: 'Vazir';
  font-size: 11pt;
    height: 40px;
}
#slider3 a {
    width: 145px;
    background: #b4e8e8;
}
#slider3 a:hover {
    background: #6ac9c9;
    color: #101010;
}

#slider3 button {
    width: 30px;
    background: #b4e8e8;
    /*height: 30px;*/
    /*margin-top: 330px;*/
}
#header {
	border-bottom: solid 2px #FD9B18;
	margin-bottom: 20px;
}
#homepage {
	border-bottom: solid 2px #FD9B18;
	margin-bottom: 20px;
}

#footer h2 {
    background: rgba(242,242,250,0.36);
    border-style: dotted;
    border-width: 1px;
    border-radius: 15px;
    border-color: #0f4679;"
    text-align: center;
    width: 100%;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}

.accordion-item {
    padding: 0;
}

    /* Remove padding from accordion bodies */
.accordion-body {
    padding: 0;
}

#accordionExample span {
    text-decoration: none;
    font-size: 10pt;
    color: #101010;
    background: #cee6fc;
    border-radius: 15px;
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: right; /* Horizontally center the content */
    margin-top: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #70a8db;
    padding-right: 20px;
  }
#accordionExample a {
    text-decoration: none;
    font-family: 'Vazir';
    color: #101010;
    border-radius: 20px;
    text-align: right;
}
#accordionExample {
    border-style: none;
    border-radius: 20px;
    border-color: #0f4679;

}
#accordian a {
  text-decoration: none;
  font-family: 'Vazir';
  font-size: 12pt;
  color: #101010;
  margin-top: 5px;
}
#accordian span {
  text-decoration: none;
    font-family: 'Vazir';
    font-size: 12pt;
    background: #70a8db;
    width: 100%;
    color: #101010;
    border-radius: 10px;

}
#slider3 a {
    width: 145px;
    background: #b4e8e8;
}
#slider3 a:hover {
    background: #6ac9c9;
    color: #101010;
}
#prod1 a {
    width: 145px;
    background: #b4e8e8;
}
#prod1 a:hover {
    background: #6ac9c9;
    color: #101010;
}

#prod7 p {
  font-family: 'Vazir';
  font-size: 11pt;
    height: 40px;
}
#prod7 a {
    width: 145px;
    background: #b4e8e8;
}
#prod7-item-carousel a:hover {
    background: #6ac9c9;
    color: #101010;
}

#prod7 button {
    width: 30px;
    background: #b4e8e8;
    /*height: 30px;*/
    /*margin-top: 330px;*/
}
#prod7 a:hover {
    background: #e1eaea;
    color: #101010;
}

#cart_items h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 11pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#cart_items h1 {
    background: #e1e1c7;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 11pt;
    padding-top: 8px;
    padding-bottom: 8px;
}
#cart_items img {
    width: 150px;
    height: 150px;
    border-radius: 15px;
}
#form h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#form h1 {
    background: #cedaec;
    text-align: center;
    border-radius: 15px;
    font-size: 11pt;
}

#formR h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#formR h1 {
    background: #cedaec;
    text-align: center;
    border-radius: 15px;
    font-size: 11pt;
}
#mod h1 {
    text-align: center;
    font-size: 11pt;
}

#prod4 h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#prod4 h1 {
    font-size: 12pt;
}


/*==================================================================================================================*/




/* lg */

/* md */


/* sm */

/*sdddddddddddddddddddddd*/

/*@font-face {*/

/*	font-family: 'Vazir';*/
/*	src: url('../fonts/Vazir.eot');*/
/*	src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),*/
/*	url('../fonts/Vazir.woff') format('woff'),*/
/*	url('../fonts/Vazir.ttf') format('truetype'),*/
/*	url('../fonts/Vazir.svg#BYekan') format('svg');*/
/*	font-weight: normal;*/
/*	font-style: normal;*/
/*}*/



h1, h2, h3, h4, h5, h6 {
  font-family: 'Vazir', sans-serif;
  font-size: 13pt;
  text-align: center;
    margin-top: 5px;
}

#contact-page h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 14pt;
    padding-top: 5px;
    padding-bottom: 5px;

}
#contact-page img {
    width: 100%;
    width: 100%;
    border-radius: 15px;
}

#do_action h1 {
    background: #e1e1c7;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}

#do_action h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#do_action span {
    background: #ecec9e;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    color: #101010;
    padding-top: 5px;
    padding-bottom: 5px;
}

#edit h1 {
    background: #cedaec;
    text-align: center;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#panel span {
    background: #b0cddc;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    color: #101010;
    padding-top: 5px;
    padding-bottom: 5px;
}
#panel a {
  background: #9bc6dc;
  text-decoration: none;
  font-family: 'Vazir';
  font-size: 12pt;
  color: #101010;
  margin-top: 5px;
  border-radius: 15px;
}
#edit label {
  text-decoration: none;
  font-family: 'Vazir';
  font-size: 12pt;
  color: #101010;

}


/*/////////////////////////////////////////*/
#tab1 .nav {
  color : #e7e7a9;
  background-color: #e1eaea;
  padding : 5px 15px;
  border-radius: 15px;
  font-family: 'Vazir';
  font-size: 15pt;
  /*color: #101010;*/
}
#tab1 .tab-content {
  padding : 5px 15px;
  font-family: 'Vazir';
  font-size: 14pt;
  color: #101010;
}
/*ccccccccccccccccccccccccc*/

/*#prod6 .container .row {*/
/*    !*width: 100%;*!*/
/*    background: #b4e8e8;*/
/*    color: #101010;*/
/*}*/

/*/////////////////////////////////////////*/
#prod4 .view-product img {
    width: 300px;
    height: 300px;

}
/*#similar-product img:hover {*/
/*    width: 400px;*/
/*    height: 400px;*/
/*    border-radius: 10px;*/
/*    margin-top: 10px;*/
/*}*/

#similar-product button {
    width: 30px;
    background: #b4e8e8;
    /*height: 30px;*/
    /*margin-top: 330px;*/
}


#prod4 .product-information {
  text-decoration: none;
  font-family: 'Vazir';
  font-size: 12pt;
}
#prod4 .product-information span {
    text-decoration: none;
    font-family: 'Vazir';
    font-size: 12pt;
    color: #101010;
    text-align: center;
    border: #101010;
    /*background: #e7e7a9;*/
    width: 100%;
    padding: 6px;
    border-radius: 15px;
}
/*/////////////////////////////////////////*/
#prod1 p {
    font-family: 'Vazir';
    font-size: 12pt;
}

#prod2 span {
    margin-top: 15px;
    text-decoration: none;
      background: #e7e7a9;
      width: 100px;
      /*height: 25px;*/
    padding: 8px;
}

#prod3 span {
    margin-top: 15px;
    text-decoration: none;
    background: #e1eaea;
    width: 100%;
    align-items: center;
}
#prod3 a {
    text-decoration: none;
    font-family: 'Vazir';
    font-size: 10pt;
    background: #e7e7a9;
    color: #101010;
    margin: 1px;
    border-color: #6a1a21;
    width: 40px;
}
#prod3 a:hover {
    background: #e1eaea;
    color: #101010;
}


#prod2 a {
    text-decoration: none;
    font-family: 'Vazir';
    font-size: 10pt;
    /*background: #e7e7a9;*/
    width: 100px;
    color: #101010;
    /*margin-top: 10px;*/
}

/*#productlisted .container .col-sm-9 .features_items .col-sm-4 .product-image-wrapper .single-products .prod1 span {*/
/*    text-decoration: none;*/
/*    font-family: 'Vazir';*/
/*    font-size: 12pt;*/
/*    background: #e7e7a9;*/
/*    width: 100px;*/
/*    color: #d71a1a;*/

/*}*/
#productlisted .row .col-sm-6 {
  text-align: center;
}

#prod2 span:hover {
  text-decoration: none;
  background: #e1eaea;
  color: #101010;
}


/* The slider itself */


/*@media (min-width: 576px) and (max-width: 767.98px) { ... }*/
/*@media (min-width: 768px) and (max-width: 991.98px) { ... }*/
/*@media (min-width: 992px) and (max-width: 1199.98px) { ... }*/
/*@media (min-width: 1200px) { ... }*/



/*@media (min-width: 575.98px) {*/
    /*#slider .col-sm-6 {*/
    /*    padding-top: 25px;*/
    /*}*/
    /*#slider img {*/
    /*    width: 325px;*/
    /*}*/
    /*#slider p {*/
    /*    text-align: justify;*/
    /*    text-justify: inter-word;*/
    /*}*/
    /*#slider a {*/
    /*    width: 200px;*/
    /*    background: #86b7fe;*/
    /*}*/
/*}*/





/*hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh*/



/* Mouse-over effects */
#slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */



body {
  font-family: 'Vazir';
  font-size: 10pt;
  /* background:; */
  position: relative;
  font-weight: normal;
  direction: rtl;
}

ul li {
  list-style: none;
}

/*a:hover {*/
/*    outline: none;*/
/*    text-decoration:none;*/
/*}*/

/*a:focus {*/
/*  outline:none;*/
/*  outline-offset: 0;*/
/*}*/

/*a {*/
/*  -webkit-transition: 300ms;*/
/*  -moz-transition: 300ms;*/
/*    -o-transition: 300ms;*/
/*    transition: 300ms;*/
/*}*/


.btn:hover,
.btn:focus{
  outline: none;
  box-shadow: none;
}


a#scrollUp {
  bottom: 0px;
  right: 10px;
  padding: 5px 10px;
  background: #FE980F;
  color: #FFF;
  /* -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite; */
}

a#scrollUp i{
  font-size: 30px;
}


/*************************
*******Header CSS******
**************************/



/*.search_box {*/
/*    padding-top: 12px;*/
/*}*/
.navbar-brand.abs {
      background: #F0F0E9;

}

@media (min-width: 360px) {
.navbar-brand.abs
    {
        position: absolute;
        width: auto;
        /*left: 50%;*/
        /*transform: translateX(-50%);*/
        text-align: center;
        align-content: center;
        background: #e1eaea;

    }
}