@font-face {
    font-family: "IRSans";
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/IRANSansWeb_Medium.woff2) format("woff2"), url(/fonts/iransw.woff2) format("woff"), url(/fonts/iransansweb_light.woff2) format("truetype");
}

html > *, div, h1, h2, h3, h4, h5, h6, p, ul, li, a, button, input, text {
    font-family: 'IRSans' !important;
    /*direction: rtl;*/
}
body {
    padding-top: 0;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    /*position: absolute;*/
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

.navbar {
    margin: 1em;
    border: solid;
    outline: none;
    border-color: #49F3E6;
    box-shadow: 0 0 10px #49F3E6;
}
.nav-item, .nav-link{
    font-size: small;
}
.navbar *{
    font-size: small;
    list-style: none;
}
/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.body-content {
    margin: 10px 50px;
}
.loader-container{
    width: 50px;
    margin: 0 auto !important;
    height: 0;
    top: 300px;
    position: sticky;
    z-index: 1000;
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btn.bluegreen-glow:hover{
    background-image: none;
    background-color: #ffffff1f;
}
.bluegreen-glow{
    border: solid 1px;
    outline: none;
    border-color: #49F3E6;
    box-shadow: 0 0 10px #49F3E6;
}
.bluegreen-glow:hover{
    border: solid 1px;
    outline: none;
    border-color: #49F3E6;
    box-shadow: 0 0 15px #49F3E6;
}
.golden-glow{
    border: solid 1px;
    outline: none;
    border-color: #ECCF31;
    box-shadow: 0 0 10px #FFD700;
}

.golden-glow:hover{
    border: solid 1px;
    outline: none;
    border-color: #ECCF31;
    box-shadow: 0 0 15px #FFD700;
}
.k-grid {
    font-size: 10px;
}
.k-grid td {
    line-height: 2em;
}
.card-header{
    padding: 3px 5px 3px 3px;
}
.card-body{
    padding: 3px 8px 0 3px;
}
.card-body .table{
    margin: 0;
    font-size: small;
    direction: rtl;
}
.card-body .table .caption{
    color:#f4edaf;
    font-weight: bold;
}
.card-body .table .content{
    color:white;
}
.card-body.table .table th, .table td{
    padding: 0;
}