@font-face
{
    font-family:IRANSans-web-bold;
    src:url("../fonts/iransans/IRANSans-Bold-web.eot");
    src:url("../fonts/iransans/IRANSans-Bold-web.eot?#iefix") format('eot')
    ,url("../fonts/iransans/IRANSans-Bold-web.woff2") format('woff2')
    ,url("../fonts/iransans/IRANSans-Bold-web.woff") format('woff')
    ,url("../fonts/iransans/IRANSans-Bold-web.ttf") format('ttf');
    font-weight:700
}

@font-face
{
    font-family:IRANSans-web-meduim;
    src:url("../fonts/iransans/IRANSans-Medium-web.eot");
    src:url("../fonts/iransans/IRANSans-Medium-web.eot?#iefix") format('eot')
    ,url("../fonts/iransans/IRANSans-Medium-web.woff2") format('woff2')
    ,url("../fonts/iransans/IRANSans-Medium-web.woff") format('woff')
    ,url("../fonts/iransans/IRANSans-Medium-web.ttf") format('ttf');
    font-weight:500
}
@font-face
{
    font-family:IRANSans-web-ultra;
    src:url("../fonts/iransans/IRANSans-UltraLight-web.eot");
    src:url("../fonts/iransans/IRANSans-UltraLight-web.eot?#iefix") format('eot')
    ,url("../fonts/iransans/IRANSans-UltraLight-web.woff2") format('woff2')
    ,url("../fonts/iransans/IRANSans-UltraLight-web.woff") format('woff')
    ,url("../fonts/iransans/IRANSans-UltraLight-web.ttf") format('ttf');
    font-weight:100;
}
@font-face
{
    font-family:IRANSans-web-light;
    src:url("../fonts/iransans/IRANSans-Light-web.eot");
    src:url("../fonts/iransans/IRANSans-Light-web.eot?#iefix") format('eot')
    ,url("../fonts/iransans/IRANSans-Light-web.woff2") format('woff2')
    ,url("../fonts/iransans/IRANSans-Light-web.woff") format('woff')
    ,url("../fonts/iransans/IRANSans-Light-web.ttf") format('ttf');
    font-weight:300
}
@font-face
{
    font-family:IRANSans-web;
    src:url("../fonts/iransans/IRANSans-web.eot");
    src:url("../fonts/iransans/IRANSans-web.eot?#iefix") format('eot')
    ,url("../fonts/iransans/IRANSans-web.woff2") format('woff2')
    ,url("../fonts/iransans/IRANSans-web.woff") format('woff')
    ,url("../fonts/iransans/IRANSans-web.ttf") format('ttf');
    font-weight:400
}


.set-adds{
    width: 100%;
    margin-top: 10px;
}

h1,h2,h3,h4,h5,h6,span {
    font-family: IRANSans-web-bold;
}
p{
    font-family: IRANSans-web;
}
body{
    font-family: IRANSans-web;
}

:root {
--primary: #001b2e;
--dark: #163b58;
--default: #1c1c1c;
--secondary: #e35c38;
--ads: #00355a;
--primary_bg: #f9faff;
--border-color:  #e0e0e2;
}
#header .header-row{
    align-self: flex-end;
}

#footer {
    background: var(--light);
    margin-top: unset;
}

#footer .footer-copyright p {
    color: var(--light);
}

#footer .footer-copyright.footer-copyright-style-2 {
    background: var(--primary);
}

p {
    color: var(--dark);
}

#footer a:not(.btn):not(.no-footer-css) {
    color: var(--dark);
}
.main{
    padding-top: 50px;
}
.custom-card-info-label{
    color: var(--light);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    letter-spacing: -0.5px;
    font-weight: 600;
    font-size: 14px;
}

.custom-card-info .card-body{
    background: var(--primary_bg);
    border: 1px solid var(--border-color);
    border-radius: 16px;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: var(--light);
}
.text-color-primary, .text-primary{
    color: var(--light) !important;
}
#header .header-body {
    background: var(--light);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
    border: 1px solid rgb(221, 221, 221);
}
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
    color: var(--dark);
}

#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
    color: var(--secondary);
}
.sidebar{
    padding: 15px;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-bottom: 20px;
}

.row-container {
    width: 100%;
    margin-bottom: 10px;
}

.data-row { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    
}

.data-row div {
    flex: 1;
    text-align: center;
}

.number{
    font-size: 16px;
    font-family: IRANSans-web-bold;
}

.data-row div:last-child {
    text-align: left;
}

.input-container {
    display: flex; 
    align-items: center; 
    direction: ltr;
}



.btn-primary:hover:not(.bg-transparent), .btn-primary.hover:not(.bg-transparent) {
    background-color: #2d2d2d;
    border: 1px solid #2d2d2d;
}

.btn-secondary {
    --hover: var(--secondary);
    background-color: var(--secondary);
    border-color: var(--secondary) ;
    color: var(--secondary-inverse);
}
.btn-secondary:hover:not(.bg-transparent), .btn-secondary.hover:not(.bg-transparent) {
    background-color: var(--secondary);
}

.body {
}

.bg-ads {
    background-color: var(--ads) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    border-radius: 16px;
}

#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
    background: #484848;
    color: #fff !important;
}

.btn-outline.btn-secondary{
    border-radius: 14px;
}
.btn-primary{
    border-radius: 14px;
}


.header-logo img{
    width: unset !important;
}





.square-input {
    width: 37px;
    height: 40px;
    margin: 0 1px; 
    border-radius: 8px;
    border: 1px solid var(--primary);
    background: none;
    text-align: center;
    font-size: 24px;  
    direction: ltr;
}


.square-input:focus {
    outline: none; 
    
}

.cadr-16{
    border: 1px solid #ddd;
    border-radius: 16px;
}

.blog-date-top{
    border-radius: 16px 16px 0 0 !important;
}

.blog-date-bottom{
    border-radius: 0 0 16px 16px !important;
}

.brd-16{
    border-radius: 16px !important;
}

.blog-img-header-rnd{
    border-radius: 16px 16px 0 0;
}

/* ###########################  Prefix Selected Items #################### */
.dropdown-container {
    position: relative;
}

.dropdown-header {
    padding: 10px;
    border: 1px solid var(--primary);
    border-radius: 16px;
    /* background-color: #fff; */
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-header:after {
    content: '▼';
    font-size: 12px;
    margin-left: 10px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 3px solid #ccc;
    border-radius: 4px;
    max-height: 350px;
    height: 350px;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    display: none;
}

.dropdown-menu.active {
    display: block;
    border-radius: 2px 2px 5px 5px;
}

.dropdown-search {

    position: sticky;
    top: 0;
    background-color: #f0f0f0; /* پس‌زمینه طوسی کم‌رنگ */
    z-index: 11;
}

.dropdown-search input {
    width: 100%;
    padding: 8px;
    border: 3px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.dropdown-item-prenumber {
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.dropdown-item-prenumber:hover {
    background-color: #f0f0f0;
}

.dropdown-item-prenumber input {
    margin-left: 10px;
    /* width: 15px; */
    width: 20px;
    height: 20px;
    /* border-radius: 10px; */
    /* margin-left: 10px; */
    border: 3px solid #000000;
    border: 3px solid #000000;
    appearance: none;
    outline: none;
    border-radius: 4px;
}

.dropdown-item-prenumber input:checked {
    background-color: var(--primary); 
}


.selected-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: white;
    border-radius: 4px;
    padding: 5px;
}
.selected-item {
    background-color: var(--primary);
    border-radius: 5px;
    padding-right: 3px;
}
.selected-item button {
    
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    
    cursor: pointer;
}


.dropdown-items {
    max-height: 200px;

}

.dropdown-items::-webkit-scrollbar {
    width: 8px;
}

.dropdown-items::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}