@font-face {
    font-family: light;
    src: url("../fonts/yekan-light.ttf");
}

@font-face {
    font-family: bold;
    src: url("../fonts/yekan-bold.ttf");
}
.fontKol{
    font-family: 'light';
}
.backShadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);  
}
.backBlur{
    background-color: #0b1447;
}
.colorWhite{
    color: white;
}
a:hover, a:focus{
    text-decoration: none;
}
.colorBlack {
    color: black;
}

.starColorSize{
    color: #CC6600;
    font-size: 15px;
}
.glyphicon-star {
    &.half {
        position: relative;
        &:before {
            position: relative;
            z-index: 9;
            width: 47%;
            display: block;
            overflow: hidden;
        }
        &:after {
            content: '\e006';
            position: absolute;
            z-index: 8;
            color: #bdc3c7;
            top: 0;
            left: 0;
        }
    }
}

.half {
    position:relative;
}
.half:before {

    content: "\e006"; /* put here default icon code*/
    width: 52%;
    display: block;
    position: absolute;
    overflow: hidden;

}
.half:after {
    content: "\e007"; /* put here icon-empty code*/
}
.imgCss{
    height: 150px;
    width:200px;
}
.shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);    
}

.font12{
    font-size: 12px;
}
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.zoom2{
    transform: scale(1.5,1.5)
}
.zoom5{
    transform: scale(0.5,0.5)
}
.colorBarcode{
    color: blue;
}
.colorVazn{
    color: #CC0000;
}
.colorMablagh{
    color: #CC0000;
}
.bold{
    font-weight: bold;
}
.line2{
    line-height: 2;
}
.marginR10{
    margin-right: 10px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    color: #FF3333;
}
.checkmark{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
.filterBtn{
    color: #9D9D9D;
}
.filterBtn:hover, .filterBtn:focus{
    color: white;
}
.scrollable-menu-sort {
    height: auto;
    max-height: 220px;
    overflow-x: hidden;
}
.scrollable-menu {
    height: auto;
    width: 100%;
    max-height: 220px;
    overflow-x: hidden;
}
/*-----------------------------------------------------------------------*/
.red{
    background-color: red;
}
.borderRadius{
    border-radius: 5px;   
}
.border2{
    border: 2px solid gray;
}
.imgRiz{
    border-radius: 5px;   
    border: 1px solid black;
    width: 50px;
    height: 50px;
    margin: 5px;
    /*padding: 20px;*/
}
.imgSelectBig{
    border-radius: 5px;   
    max-width: 100%;
    max-height: 600px;
    min-height: 600px;
}
.imgSelectRiz{
    border-radius: 5px;   
    max-width: 100%;
    max-height: 300px;
    min-height: 300px;
}
.marginUp10{
    margin-top: 10px;
}
ss{
    cursor: pointer;
}
redColor{
    color: red;
}
.tdRed{
    color: red;
}
.tdBlue{
    color: blue;
}
.tabCss{
    min-height: 400px;
}
.tdGray{
    color: gray;
}
.tabMenu{
    color: #009999;   
}
.comment{
    background-color: white;
    height: auto;
    width: 100%;
    max-height: 400px;
    overflow-x: hidden;
}
.likeImg{
    cursor: pointer;
}
.pointer{cursor: pointer;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.bb{font-weight: bold;}


#on_top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    cursor: pointer;
    background-color: black;
    color: white;
    padding: 15px;
    opacity: 0.5;
    border-radius: 30%;
}
#showBasket {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;
    cursor: pointer;
    background-color: black;
    color: white;
    padding: 15px;
    opacity: 0.5;
    border-radius: 30%;
}

.liGoroh{
    cursor: pointer;
}
.liGoroh:hover{
    background-color: gray;
    color: white;
}
.nav-tabs {
    border-bottom: 0px solid #ddd;
}
.pa10{
    margin: 5px;
}
.badgeRed{
    font-size: 10px;   
    background-color: #CC0000;
}
.badgeGreen{
    font-size: 10px;   
    background-color: #006633;
}
.badgeBlue{
    font-size: 10px;   
    background-color: #0000CC;
}
.inputCss{
    text-align: center;
    font-size: 14px;
    height: 40px;
}
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
    border-radius: 5px;   
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);  
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: right !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}
.tableBasket {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 14px;
}

.tableBasket th, .tableBasket td {
    text-align: right;
    padding: 5px;
}

.tableBasket tr {
    border-bottom: 1px solid #ddd;
}

div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}
sa{
    padding: 3px 20px;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.tableRobot{
    border: 1px solid #FFF ;
    cursor: pointer;
}