﻿

@font-face {
    font-family: 'Qs_Iranyekan black';
    src: url('../fonts/Qs_Iranyekan black.ttf') format('truetype');
}
@font-face {
    font-family: 'Qs_Iranyekan bold';
    src: url('../fonts/Qs_Iranyekan bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Qs_Iranyekan';
    src: url('../fonts/Qs_Iranyekan.ttf') format('truetype');
}
.control-label {
    font-family: 'Qs_Iranyekan' !important;


}

body {
}
       .btn
{
    text-align:right !important
}
.dropdown-menu {
    width: 100% !important;
    height: 400px;
    overflow-x: auto;
}

.panel-default {
    border-color: #beae8c !important;
}

.panel-heading {
    background-color: #beae8c  !important;
    color: #FFF !important;
  
}

.jqx-item .ck {
    position: fixed;
    left: 30px !important;
    color: #a03919 !important;
}

.jqx-menu-dropdown {
    width: 210px !important;
}
.jqx-fill-state-normal-orange, .jqx-widget-header-orange, .jqx-menu-vertical-orange {
    /*  background: #5e6596 !important;*/
    background-image: linear-gradient(#8c93b8, #5e6596,#4a5178);
    border: #5e6596 !important;
    color: white !important;
    text-shadow: 2px 2px 3px black;
    padding-right:0px !important
}
/*#14677e #686fa0 #5e6596 #5a6190*/

.fa-warning {
    color: #d43f3a !important;
    font-weight: bolder;
}

/*Menu*/
.DvMenu {
    background-image: linear-gradient(#8c93b8, #5e6596,#4a5178);
  /*  background-color: #5e6596*/
}

.ImgLogo {
    height: 100px;
    margin-left: 0px !important;
    border: none !important;
}

.jqx-fill-state-normal-orange, .jqx-widget-header-orange, .jqx-menu-vertical-orange {
    height: 100px !important;
}

.DvMenu h3 {
    color: white !important;
    text-shadow: 2px 2px 3px black ;
    font-family: 'Qs_Iranyekan bold' !important;
    padding-left: 30px !important
}
/*Menu*/
.jqx-widget {
    font-size: large !important;
    font-family: 'Qs_Iranyekan bold';
}

@media screen and (min-width: 0px) and (max-width:390px) {
    .jqx-widget {
        /*       font-size: 13.5px !important;*/
        font-size: smaller !important;
        letter-spacing: -1.3px
    }
}
@media screen and (min-width: 391px) and (max-width:670px) {
    .jqx-widget {

        font-size: 13.8px !important;
        letter-spacing: -1.9px
    }

}

/*@media screen and (min-width:361px) and (max-width:768px) {
    .jqx-widget {
        font-size: 11px !important;
    }

}
*/