/*
#####################
---------------------
      ##############
         ----------   
         ##########

         ROUTINET (ER-A-SE) PLATFORM

##########
----------
##############
---------------------
#####################
*/


@font-face {
    font-family: 'dana';
    src: url('../fonts/dana/Dana.woff') format('woff');
}

@font-face {
    font-family: 'aviny web';
    src: url('../fonts/aviny web.woff') format('woff'), url('../fonts/aviny web.woff2') format('woff2');
}

.font-dana {
    font-family: 'dana' !important;
}

.font-aviny {
    font-family: 'aviny web', sans-serif !important;
}

:root {
    --dev-font-dana: dana !important;
    --dev-font-aviny: aviny web;
    --dev-border-radius-lg: 8px;
}

:root, [data-bs-theme=light] {
/*    --dev-navbar-back-color: #ffffff15;*/
}

[data-bs-theme=dark] {
/*    --dev-navbar-back-color: #00000015;*/
}

/*.loaderTime {
    width: fit-content;
    background: indigo;
    padding: 0 8px;
    font-size: 25px;
    font-family: monospace;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    position: relative;
}

.loaderTime::before {
        content: "";
        white-space: pre;
        animation: l8 .5s infinite;
    }

.loaderTime::after {
        content: "";
        position: absolute;
        inset: auto auto 100% 10px;
        height: 5px;
        width: 40%;
        background: linear-gradient(90deg,rebeccapurple 40%,#0000 0 60%,#444 0);
    }*/
/*.card, .card-header, .card-footer {
    background: none !important;
    backdrop-filter: blur(100px) !important;
    color: #fff;
    border: none !important;
}*/
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: thin !important;
}

/*=============================
	28. Preloader
===============================*/
#preloaded {
/*    background-color: var(--dev-white);*/
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 9999;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle;
}


* {
    padding: 0;
    margin: 0;
    user-select: none;
    scrollbar-color: unset !important;
    /*font-family: 'aviny web', Impact, Haettenschweiler, 'Arial Narrow Bold',sans-serif;*/
    /*font-family: 'aviny web', sans-serif;*/
    /*color: #4263EB;*/
}

body {
    font-family: var(--dev-font-dana) !important;
    font-weight: 400 !important;
    font-size: 15px;

}

    body .wrapper {
/*        color: lightslategrey !important;*/
        font-weight: 500 !important;
    }

.info * {
    font-family: var(--dev-font-aviny) !important;
}


/*.btn-theme, .btn-ghost-btn-theme, .btn-outline-btn-theme {
    --dev-btn-color: 214,57,57;
    --dev-btn-color-darker: 193,51,51;*/
/*    --dev-btn-color-text: #4263EB*/
/*}*/

/* CHANGE DEFAULT */
.hr-text {
    font-size: .75rem !important;
}

.en {
    font-family: sans-serif !important;
    font-size: 15px;
}

.main-text-color {
/*    color: #4263EB !important*/
}

body .wrapper {
/*    color: lightslategrey !important;*/
    font-weight: 500 !important;
}

/*[attribute~="title"] {
    font-family: 'aviny web' !important;
    margin: 10px !important;
}

abbr[data-bs-toggle], abbr[title] {
    font-family: 'aviny web' !important;
    margin: 10px !important;
}*/



::-webkit-scrollbar {
    backdrop-filter: blur(5px) !important;
    width: 3px !important;
    border-radius: 5px !important;
    overflow-y: scroll !important;
}


::-webkit-scrollbar-track {
    background: #0E0E0E !important;
    /*background: content-box;*/
}


::-webkit-scrollbar-thumb {
    display: none !important;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #5865f2 !important;
        border-radius: 5px !important;
        display: block !important;
        transition: .5s ease !important;
    }

header .navbar .BrandTitle {
    display: block;
}

.dropdown-menu-arrow:before {
    transform: rotate(45deg) !important;
}

@media (max-width:768px) {
    .BrandTitle {
        display: none;
    }
}

.navbar {
    /*box-shadow: 0 0 10px #00000030 !important;*/
    /*height: 60px !important;*/
    /*background: #f4f6fa;*/
    /*backdrop-filter: blur(80px) !important;
    --dev-navbar-padding-y: 0 !important;
    font-family: var(--dev-font-aviny);*/
    position: fixed;
    top: 0;
    width: 100%;
    /*background: #434343;*/
/*    background: var(--dev-navbar-back-color) !important;*/
    backdrop-filter: blur(50px) !important;
    --dev-navbar-padding-y: 0 !important;
    z-index: 1050 !important;
}


    .navbar .container-fluid a.nav-link {
        color: #0088cc;
    }

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
        /*margin: 4px 0;*/
    }

    .navbar .navbar-toggler, .theme-dark .navbar .navbar-toggler {
        /*border: .1px solid #00000020 !important;*/
        /*background-color: #00000010;*/
    }


.dropdown-menu {
    border-radius: 10px !important;
}



/* POST */
.post-icon {
    --dev-icon-size: 1.5rem;
    width: var(--dev-icon-size);
    height: var(--dev-icon-size);
    font-size: var(--dev-icon-size);
    vertical-align: middle;
    stroke-width: 1.5;
}

.main-pic {
    max-height: 35em !important;
    min-width: 100% !important;
}

.roteam-main-icon {
    --dev-icon-size: 0.85rem !important;
    vertical-align: middle !important;
    margin: 5px 2px 0 0 !important;
}


.card-Box {
    box-shadow: 0 0 15px #00000030;
}


svg {
/*    color: #4263EB !important;*/
}

.dropdown-menu {
    box-shadow: 0 0 10px #00000030 !important;
}


h1, h2, h3, h4, h5, h6,
ul, li,
blockquote,
span,
p {
    text-align: justify !important;
    transition: all .2s ease !important;
}

a {
    text-decoration: none !important;
}

p {
    /*white-space: nowrap;
    overflow: hidden;*/
    text-overflow: ellipsis
}

mark {
    padding: 5px 10px !important;
    border-radius: 2px;
    text-decoration: none !important;
}

    mark:hover,
    mark::selection {
/*        background: #778899;*/
        text-decoration: none !important;
        transition: all .2s ease;
    }

data {
    font-size: 20px !important
}

.article-d img {
    border-radius: 8px !important;
    margin: 15px 0 !important;
}


/* KAVOSH */
.loading-dots {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .loading-dots > span {
        display: inline-block;
        width: 5px;
        height: 5px;
        margin: 0 .5px;
        background-color: #4263eb;
        border-radius: 50%;
        animation: Fade 1.5s infinite alternate;
    }

@keyframes Fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.Search .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    height: 33px !important;
}

.card-body a svg {
/*    color: #778899;*/
}

    .card-body a svg:hover {
/*        color: #4263EB;*/
    }

/*.nav-item {
    display: flex;
    justify-content: center !important;
}*/

li.nav-item.active {
    /*background-color: #00000020;*/
/*    color: #000 !important;*/
    border-radius: 5px;
}


/*.form-check-input:checked {
    background-color: #4263EB !important;
    accent-color: #4263EB !important;
}*/


/* social Media */
.socialMedia a svg {
    margin: 2px;
    transform: rotate(0deg) scale(1.25);
    transition: all .4s ease-in-out;
}

    .socialMedia a svg:hover {
        transform: rotate(10deg) scale(1.5);
    }

.socialMedia a:nth-child(1) svg:hover {
    animation-delay: 1s;
    color: #CD201F !important;
}

.socialMedia a:nth-child(2) svg:hover {
    animation-delay: 2s;
    color: #000000 !important;
}

.socialMedia a:nth-child(3) svg:hover {
    animation-delay: 3s;
    color: #5865f2 !important;
}

.socialMedia a:nth-child(4) svg:hover {
    animation-delay: 4s;
    color: #0A66C2 !important;
}

.socialMedia a:nth-child(5) svg:hover {
    animation-delay: 5s;
    color: #0088cc !important;
}

.socialMedia a:nth-child(6) svg:hover {
    animation-delay: 6s;
    color: #5865f2 !important;
    /*background: -webkit-radial-gradient(33% 100% circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;*/
}

.socialMedia a:nth-child(7) svg:hover {
    animation-delay: 7s;
    color: #25D366 !important;
}



.END h4 {
    font-size: 20px;
}

.END ol li {
    font-size: 20px;
}

    .END ol li a:hover {
/*        color: #0094ffff !important;*/
        transition: all .2s ease-in;
    }

.END .card .card-body ol li a {
    transition: all .2s ease-in;
}

    .END .card .card-body ol li a:hover {
        padding: 0 5px;
    }


a.carousel-control-prev,
a.carousel-control-next {
    transition: all .2s ease-in;
}

    a.carousel-control-prev:hover,
    a.carousel-control-next:hover {
        border-radius: 5px;
/*        background: #00000020;*/
    }

/* CHANGE DEFAULT */
.hr-text {
    font-size: .75rem !important;
}

.modal-content {
    box-shadow: 0 0 10px #00000050 !important;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


data {
    font-size: 20px !important
}


@media (min-width: 992px) {
    .card-lg > .card-body {
        padding: 2rem 1.5rem !important;
    }
}

.left-box {
    font-family: var(--dev-font-aviny);
}

.article-d {
    font-family: var(--dev-font-dana);
}

    .article-d img {
        border-radius: 10px !important;
        margin: 15px 0 !important;
    }

.navbar .nav-item a span.nav-link-title,
.kavosh-filter {
    font-family: var(--dev-font-aviny);
}


.card-body .carousel-inner .carousel-item img {
    transition: 0.3s ease-in-out;
}

    .card-body .carousel-inner .carousel-item img:hover {
        transform: scale(1.1);
    }












a.scrollTop {
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}


















































/* Auto Complete */




.ui-menu-item div.ui-state-active {
    border-radius: 10px;
/*    background: #5865f2;*/
    padding: 10px;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 8px !important;
    margin: 10px !important;
    list-style: none;
    background-color: #00000060;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

/* حالت بلور */
body.blur .blur-after-select-kavosh-box {
    filter: blur(8px);
    transition: all .3s ease-in;
    /* opacity: -10 !important;*/
}
/* حالت بلور */
/*.kavoshBox {
}    
*/

.use-sticky-kavosh-box {
    top: 4.5rem;
}

.use-sticky-bottom-2 {
    bottom: 2px;
}










/* General container styling */
.expandable-text {
    overflow: hidden;
    position: relative;
    font-family: var(--dev-font-dana);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

    .expandable-text h2 {
        font-size: 1.5rem;
        margin-bottom: 15px;
        text-align: center;
        font-weight: bold;
    }

.text-preview {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 7.2em;
    font-size: 1rem;
    position: relative;
    transition: max-height 1s ease, opacity 1s ease;
}

    .text-preview.expanded {
        max-height: 100%;
        white-space: normal;
        opacity: 1;
    }

    .text-preview::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 1.2em;
/*        background: linear-gradient(to top, var(--dev-bg-surface), rgba(244, 244, 249, 0));*/
        pointer-events: none;
    }

    .text-preview.expanded::after {
        display: none;
    }