﻿@font-face {
    font-family: Vazir;
    src: url(/font/Vazir_new.ttf)
}

@font-face {
    font-family: IranNastaliq;
    src: url(/font/IranNastaliq.ttf)
}

html {
    scrollbar-color: silver #ffffff;
}

input[type=checkbox]{
    min-width:20px;
    min-height:20px
}

.pointer{
    cursor:pointer
}

body {
    scrollbar-color: #7d8083 #2a2f34;
    direction:rtl
}

body{
    text-align:right;
    font-family:Vazir
}

a{
    text-decoration:none
}

.loginHtml{
    height:100%
}

.loginPage {
    background-image: url("/images/login_bg2.jpg");
    background-size: cover;
    background-color: #2f3134;
    height: 100%
    /*background-size: cover*/
    /*background-size: cover;*/
}

.loginContainer {
    width: 100%;
    align-items: center;
    height: 100%;
    display: flex;
}

@media screen and (max-width: 767px) {
    .loginContainer {
        background-color: rgba(1,14,26,0.55);
    }
    .loginPart {
        background: none !important;
        border: none !important;
        box-shadow: none!important
    }
}

.loginPage h2 {
    color: white;
    text-align: center;
    text-shadow: 0 0 5px white;
}

    .loginPage hr {
        border: none;
        border-top: solid 1px rgba(52,58,64,0.5)
    }

.loginPart {
    color: white;
    border: solid 1px black;
    /*border-radius: 10px;*/
    float: none;
    margin: 0 auto;
    background: rgba(1,14,26,0.55);
    box-shadow: 0 0 10px rgb(2,21,40)
}
.loginPart ul{
    direction:rtl
}
/*@media screen and (max-width: 575px) {
    .loginPart {
        border:none;
    }

    .loginPage .container{
        height:100%
    }
}*/
button.iBtn {
    border: none;
    box-shadow: 0;
    display: block;
    margin: 0 auto;
    background: url('/images/button.png');
    width: 217px;
    height: 58px;
    color: white;
    text-align: center;
    padding-right: 50px
}
.loginPart img {
    display: block;
    margin: 0 auto
}

.loginPart .text-transparent {
    background: rgba(255,255,255,0.8)
}

.effected-Text {
    text-shadow: 0 0 5px silver;
    font-family: IranNastaliq
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

#qrCode {
    margin: 15px;
}

@media screen and (max-width: 767px) {
    .carousel-caption {
        display: none;
    }
}


/*.fa {
    color: #a6a6ab
}*/
.k-filter-row th, .k-grid-header th.k-header{
    text-align:right
}

.k-upload {
    border: none !important
}

.k-upload-button {
    width: 100% !important;
    margin: 0 !important
}

.input-group-addon {
    border-color: #ccc !important;
    cursor: pointer
}

input[readonly] {
    background-color: white !important;
}


.top10{
    margin-top:10px
}

g > text {
    font-family: Vazir !important;
}
g > g > g > g > text {
    font-size: 10px !important;
}
.k-filter{
    background:none
}
.k-filter-container{
    margin-bottom:0!important
}
.k-filter-apply{
    margin-right:3px
}
.k-datetimepicker{
    width:17.5em
}
.k-grid .k-grid-search {
    float: left!important;
}
.k-grid .k-grid-excel {
    float: left !important;
}
.hidden{
    display:none!important
}
.k-filter .k-filter-toolbar{
    vertical-align:middle
}

.k-grid .k-link {
    padding-left: 0 !important
}

.k-grid-content {
    scrollbar-color: silver #ffffff;
}

.k-grid .k-button{
    /*visibility:hidden*/
}

.k-filter-operator {
    width: 150px
}

.k-window, button, .k-listview, .k-button, input[type=text], th, td, div, span {
    font-family: Vazir
}

.k-filter-value .k-textbox {
    width: 140px
}

.k-switch-label-on,
.k-switch-label-off {
    display: block;
}

.k-switch-label-off{
    left:0!important
}
.parsley-errors-list {
    list-style: none;
    color: red;
    /*padding: 0 5px;*/
    display: block;
    margin: 0;
    width: 100%;
    position: relative;
    /*float: left;*/
    /*margin-right:100px;*/
    /*max-height: 25px;*/
    /*position:absolute;*/
    font-size: 12px
}
    .parsley-errors-list li {
        position: absolute;
        left: 0;
        background: rgba(10,10,10,0.7);
    }
    .parsley-errors-list:empty {
        display: none
    }

.parsley-error {
    border: solid 1px red
}


.fa-sign-out{
    float:left!important
}

.smallText{
    font-size:small
}

.border-box,.border-box * {
    box-sizing: border-box !important
}

.persianDateInput {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ltr{
    direction:ltr!important
}

.field-validation-error {
    color: #dc3545;
    font-size: small
}

.k-invalid-msg {
    color:black!important
}

.leaflet-popup {
    font-family: Vazir
}