a { text-decoration: none}
@font-face {
    font-family: 'yekan';
    src:  url('../fonts/BYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iransans';
    src: url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANSansWeb(FaNum).woff') format('woff');
}

@font-face {
    font-family: IRANSansNoneE;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IRANSansWeb(NoEn)_Medium.eot');
    src: url('../fonts/IRANSansWeb(NoEn)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/IRANSansWeb(NoEn)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(NoEn)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(NoEn)_Medium.ttf') format('truetype');
}
option {
    font-family: iransans;
}
.yekan { font-family: yekan}
.global-notification-counter {
    position: absolute;
    background: #bf1e3d;
    width: 14px;
    height: 14px;
    color: white;
    text-align: center;
    font-size: 11px !important;
    top: -5px;
    right: 7px;
}
.relative  {position: relative}
#success-alertbar { direction: rtl}
/*@font-face {*/
/*    font-family: 'naskh';*/
/*    src:  url('../fonts/IRANSans_Bold_0.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

.item-thumb-stars .fas  , .item-thumb-stars .far {font-size: 13px}
@font-face {
    font-family: 'naskh';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb.70a5f97c18c45e8ef620a374be61c6c3.eot');
    src: url('../fonts/IRANSansWeb.70a5f97c18c45e8ef620a374be61c6c3.eot?#iefix') format("embedded-opentype"), url('../fonts/IRANSansWeb.9d38733b8a7b9153f2bf9bfe476ef8e3.woff2') format("woff2"), url('../fonts/IRANSansWeb.50f4bba2f37081daeca8c423abdced8b.woff') format("woff"), url('../fonts/IRANSansWeb.244a401eb43afb0fe739f8dcd8530ae4.ttf') format("truetype");
}
.uk-background-blue {
    background: #1e87f0;

}


.uk-form-danger, .uk-form-danger:focus {
    color: #f0506e;
    border-color: #f0506e !important;
}
.input-error {   color: #f0506e !important; direction: rtl}
.uk-background-gray {
    background: #c9c9c9;

}
.uk-background-yellow {
    background: #e6dec8;

}
.uk-button.uk-button-round  { border-radius: 25px  !important;}
.uk-background-ruge {
    background: #08294e;

}

#global-category a { color :  white   }
.uk-background-black { background-color: black }

.textalign span { color: #d1d1d1}
.uk-heading-line > ::before, .uk-heading-line > ::after {

    border-bottom: 2px solid #2f2f2f;
}

.uk-list-divider > li:nth-child(n+2) {
    border-top: 1px solid #373536;
}
.uk-card-default .uk-card-header {
    border-bottom: 1px solid #484848;
}
.uk-card-default .uk-card-footer {
    border-top: 1px solid #484848;
}
.uk-card-perp {
    background-color: #403c4c !important;
    border-color: #403c4c !important;
}
.uk-card-gray  {
    background-color: #1d1e1f    !important;
    border-color: #000000     !important;
}
.uk-card-gray  .uk-textarea , .uk-card-gray .uk-input {
    background-color: #121212  !important;
    border-color: #2e2e2f;
}

.uk-background-y { background-color: #e8c35c ; border-color: #e8c35c}
.uk-background-lg { background-color: #e4e4e4 ; border-color: #e4e4e4}

 .uk-table-center td , .uk-table-center th { text-align: center}
.uk-table-right td , .uk-table-right th { text-align: right }
.number { font-family: iransans !important; ; font-size: 17px}
.ui-state-default {font-family: iransans }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    font-weight: normal;
    font-size: 11px;
}

.ui-widget-header {
    border: 1px solid #df4040 !important;
    background-color: #ec5252  !important;
    font-family: yekan;
}
.ui-datepicker-calendar th span { font-family: yekan}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #de4242 !important;
    background-color: #ec5252 !important;
    color: #ffffff !important;
}

body { text-align: right  ; font-family: iransans ;

    font-size: 13px;
    font-weight: 500;
    padding-top: 113px ;
    background: #121212;
    color: white ;
}
.uk-card-default { background-color: black !important; ; border-color: black !important; color: white }
.uk-card-default h4 {  color: white }
.color-y { color: #e6dd9e !important;}
hr { border-color: #353535 !important;}
.tm-course-lesson-section ,.uk-card { box-shadow: none ;
    border: solid 1px #dbdbdb;}
.uk-accordion-course .uk-icon-button { background-color: transparent ; color: inherit }

.custom-breadcrumb li {
    display: inline ; margin-left: 5px
}
.custom-breadcrumb .seperator {
    color: #b7b7b7;

}
.custom-breadcrumb a {
    color: #686f7a;

}

.vertical-menu .uk-radio:checked
{
    background-color: #ec5252;

}

.uk-textarea , .uk-input {
    background-color: white ;
    border: solid 1px #dbdbdb;

}
html { background: #fafafa}
.uk-accordion-course .uk-accordion-title::before {
    background-position: 11px 18px;
    content: "نمایش جلسات فصل ";
    font-size: 11px;
    text-align: left;
    height: 34px;
    line-height: 34px;
    padding-left: 35px;
    width: 200px;
    padding-top: 9px;
    color: #1faeb8;
}
#side-nav-wrapper:not(:hover) .sidebar-submenu { display: none !important;}
.topic1 {
   min-height: 200px ;
}

.footer-directory-ul a {
    color: #868585;
}
.footer-directory-ul .title {
    color: #4a5f73;
}

.naskh {  font-family: iransans !important;}
.uk-card-body { direction: rtl}
input , select , option{ text-align: right ; direction: rtl}
.h100 { height: 100% }
.custom-input {
    background-color: white ;
    border: solid 1px #dbdbdb;
}


.uk-form-large:not(textarea):not([multiple]):not([size]) { padding-right: 35px }
.uk-button .spiner { display: none }

.rtl { direction: rtl}
.uk-button { font-weight: normal !important;}
.table { direction: rtl ; text-align: right}
.fwn { font-weight: normal !important;}
.fwb { font-weight: bold !important;}
.fs17 { font-size: 17px !important; }
.fs11 { font-size: 11px !important; }
.fs10 { font-size: 10px !important; }
.fs19 { font-size: 19px !important; }
.color-white { color: white !important;}
.color-bg { color: #1faeb8 !important;}
.color-black  { color: #020406 !important;}
/*#tm-show-on-mobile .uk-navbar-nav > li > a { color: white !important;}*/

.table.no-header th { background-color: transparent !important; border : none}
.table-white td {
    vertical-align: middle;}
.red-table td { background-color: #ffc1c1  !important;
    vertical-align: middle;}

.table-white  { background: #383a39 !important;}
.table-white th  { background: #212121 !important;}
.uk-table-bordered th, .uk-table-bordered td {
    border-bottom: solid 1px #121212 !important;
}
.uk-button-secondary  , .uk-button-success  { color: white !important;}
.tahoma { font-family: tahoma }
.color-gray { color: gray !important; }
.color-green { color: #46a787 }
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs14 { font-size: 14px !important;}
.fs15 { font-size: 15px !important;}
.fs23 { font-size: 23px !important;}
.fs26 { font-size: 26px !important;}
.fs30 { font-size: 30px !important;}
.flex-align-center {
    align-items: center
}
.color-red-orange {
    color: #ec5252 !important;
}
.uk-button-red-orange {
    background-color: #ec5252;
    color: white ;
}
.uk-legend { font-size: 17px }

.no-shadow { box-shadow: none}

textarea { text-align: right}
.post-index-cover {  background-size: cover ; background-position: top center ; background-repeat: no-repeat }
.index-post-footer .stat-span  {     font-weight: bold;
    font-family: tahoma;
    font-size: 16px;
    color: grey; }
.index-post-footer .fas , .index-post-footer a.fas {

    color: #dadada;
    font-size: 25px;
}
.color-light-gray {
    color: #dedede;
}
.index-post-text { font-size: 13px }

.like-course-btn svg ,.comment-like-btn svg{ fill : white ; stroke : black   }
.like-course-btn.liked svg , .comment-like-btn.liked svg{ fill : #ed4956  ; stroke : transparent }



.uk-button { border-radius: 0px  ; font-size: 13px}

.blink_me {
    animation: blinker 1s linear infinite;
}
.global-icon-size{
    width: 30px  !important; height: 30px !important; ;
}
.global-icon-size-15{
     width: 15px !important;  height: 15px !important;
}
.global-icon-size-20{
     width: 20px !important;  height: 20px !important;
}

@keyframes blinker {
    50% {
        opacity: 0.3 ;
    }
}


.uk-button-primary { color: white !important; }

.uk-button-secondary {
    background-color: #3e474f !important;
}

img {
    max-width: 100%; /* This rule is very important, please do not ignore this! */
}
#crop-modal img {
    max-width: 100% !important;
}
/*.cropper-container {*/
/*    margin: 0 auto; !* This rule is very important, please do not ignore this! *!*/
/*}*/






.gray-bg.vertical-menu a {
    background-color: white  !important;
}

ul { list-style: none}
.gray-bg.vertical-menu a.active {
     background-color: white   !important;
}
.gray-bg.vertical-menu { box-shadow: none !important;}
.uk-position-bottom-right { top : 0px !important;  bottom: auto}

.hidden { display: none }

.upload-image-inline .cover {
     position: relative;
    width: 100% ;
    height: 100% ;
    background: gray;
    opacity: 0.8;
    text-align: center;
    padding-top: 30%;
     display: none;
}
.upload-image-inline .cover .fas { color: white }
.upload-image-inline:hover .cover{display: block}
.upload-image-inline {
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.cert-input { padding: 2px ; }
.cert-input:hover  { padding: 2px ;  border: dashed 1px #e0e0e0
}

.uk-padding-custom {

    padding: 233px;
}

#main-navbar {

    height:65px ; background-color: #121212 ; align-items: center ; border-bottom: solid 1px #dbdbdb;
}

#main-navbar .uk-dropdown{

     background-color: white  ; color: black;
}

#main-navbar .uk-dropdown-nav > li > a {
    color: #002833;
}

#main-navbar .uk-dropdown-nav .uk-nav-divider {
    border-top: 1px solid #7d7d7d;
}
.angle-top-right::before {
    border-color: transparent transparent white  transparent;
}



.global-border-color { border-color: #dbdbdb !important;}
.global-border { border : solid 1px #dbdbdb}
#main-logo {
    height: 40px ;
    width: 40px ;
}
.sidebar-icon .fas {
    color: #676161  !important;
    font-size: 17px;
}
#swal2-content { direction: rtl}
.custom-search-input{ border: none ; height: 42px  ; background: #b8c1c3 ; color:white   }
.custom-search-input .fa { color:white   }

.custom-search-input:focus{
    color: #666 !important;
}
.custom-search-input::-webkit-input-placeholder {
    color:white !important;
}

.custom-search-input::-moz-placeholder {
    color:white !important;
}

.custom-search-input::-ms-placeholder {
    color:white !important;
}

.custom-search-input::placeholder {
    color:white !important;
}
​



#newslatter-input { border: none ; height: 42px  ; background: white ; width: 300px }


.custom-search-input::-webkit-input-placeholder { /* Edge */
    font-size: 13px;
    color: gray;
}

.custom-search-input::-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 13px;
    color: gray;

}

.custom-search-input::placeholder {
    font-size: 13px;
    color: gray;

}

#newslatter-input::placeholder {
    font-size: 13px;
    color: gray;

}

.custom-search-input:focus {
    background-color: white ;
    border: solid 1px #e6e6e6;
}


.btn .spiner {
    display: none;}
.inprogdelete { opacity: 0.3}
.lecture-button-toggle , .section-button-toggle {

    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.8s linear;


}
.course-section:hover .section-button-toggle {
    visibility: visible;
    opacity: 1;
}
.lecture-wrapper:hover .lecture-button-toggle  {

    visibility: visible;
    opacity: 1;

}
.amsify-suggestags-input {
    float: right; }
.amsify-suggestags-input-area { min-height: 40px  !important;}


.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}



#tabs-wrapper .tab { display: none}
#tabs-wrapper .tab.active { display: block}
@media only screen and (max-width: 900px) {
    #main-navbar  { height: 53px !important;}
    .tm-show-on-mobile {
        height: 60px !important;
        top: 0px !important;
        padding-top: 30px;
    }
    .uk-padding-custom { padding: 0px }
    #home-slider-text {
        padding-right: 0px  !important;
    }
    .color-black-s { color: black !important;}



}

#home-slider-text {
    padding-right: 53%
}
.uk-button-light-blue {
    background-color: #f8faff ;
}

.item-box-title {
    display: block;
    border-bottom: solid 1px #e6e6e6 ;
    text-align: center;
    color: black;
    font-size: 13px;
    padding: 15.8px 30px;
    font-weight: bold;

}
.uk-tab > * > a {
    font-size: 13px;
}
.uk-text-dark {
    color: #5a5a5a;
}

 .uk-table-ruge  th  {
    background: #a4a4a4;
    border: none;
    color: #393939;
    border-bottom: solid 6px #f2f2f2 !important;
    border-color: #f2f2f2;
    font-weight: bold;
    font-size: 17px;
}

.uk-text-center th { text-align: center}

.uk-tab > .uk-active > a {
    color: #f64267;
    border-color: #f64267;
    font-weight: bold;
}

.auth-page-box .uk-tab > .uk-active > a {
    color: #eeeeee;
    border-color: #232020;
}
.auth-page-box .uk-tab a {
    color: #929292;

}
.auth-page-box a {
    color: #d46a6a;
}



.row-reverse { flex-direction: row-reverse}


.box-shadow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1) !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1) !important;
}
.rad-5 {
    border-radius: 5px ;
}
.location-spinner{
    background: #6a747d;
    padding: 30px;
    border-radius: 5px;
    opacity: 0.7;
    color: white;"
}
.location-loading{
    position: absolute ; top: 30% ; text-align: center ; width: 100% ; z-index : 999
}
#loading.location-loading{ visibility: hidden }

.vitrin-thumb { width: 110px ; height: 83px }
.fix-height { height: 20px ;  overflow: hidden}

.uk-button-xs {
    padding: 0 13px;
    line-height: 28px;
    font-size: 0.875rem;
}