@font-face {
    font-family: "Yekan";
    src: url(includes/fonts/Yekan.eot);
    src: url(includes/fonts/Yekan.eot?#iefix) format("embedded-opentype"),
         url(includes/fonts/Yekan.woff) format("woff"),
         url(includes/fonts/Yekan.ttf) format("truetype"),
         url(includes/fonts/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "IRANSansWeb";
    src: url(includes/fonts/IRANSansWeb.eot);
    src: url(includes/fonts/IRANSansWeb.woff) format("woff");        
    src:   url(includes/fonts/IRANSansWeb.ttf) format("truetype");         
    font-weight : normal;
    font-style: normal;
    
}

*{
    font-family: 'IRANSansWeb' !important;
}


.my_class{
    font-family: "IRANSansWeb";
}

* {
    font-family: IRANSansWeb ;
}



::selection {
    background: #4aaefe;
    color: white;
}


@media screen and (min-width: 991px) {
  * {
    font-size: 15px;
  }
}

@media screen and (max-width: 990px) and (min-width: 601px) {
  * {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  * {
    font-size: 13px;
  }
}


@media screen and (min-width: 991px) {
  th {
    font-size: 14px;
  }
}

@media screen and (min-width: 991px) {
  td {
    font-size: 14px;
  }
}



/*vase dokme tayid date-picker */
.pwt-btn-submit {
    background-color: #007bff !important;
    border-radius: 5px !important;
    color: #fff !important;
}



.bg-light {
    background-color: #fafafa!important;
}


.table .thead-dark th {
    color: #666;
    background-color: #f5f5f5;
    border-color: #ddd;
}


.table-bordered thead th {
    border-bottom-width: 0px;
}


/*age bekhaim login,signup ... ro dar box shadow dar neshoon bedim style zir ro az comment kharej konid*/
.form-signin {
    background-color: #fff;
    width: 100%;
    max-width: 530px;
    border-radius: 10px;
    padding: 45px;
}


@media screen and (max-width: 600px) {
    .form-signin {
        padding: 20px !important;
    }
}




h1{
    font-size: 22.5px !important;
}
html {
    position: relative;
    min-height: 100%;
}



body {
    padding-top: 0px ;
    padding-bottom: 60px;
    color : #555;
}

.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 60px;
    background-color: #e7e7e7;
}


input {
    border-radius: 5px !important;
}





.emojionearea.emojionearea-inline {
    height: 36px;
    border-radius: 5px;
    border: 1px solid #ced4da;
    margin-top: -14px;
}


a.filter-result {
    background-color: #eee;
    color: #777;
}




@media screen and (min-width: 991px) {
  a.btn {
    font-size: 15px;
  }
}

@media screen and (max-width: 990px) and (min-width: 601) {
  a.btn {
    font-size: 13px;
  }
}

@media screen and (max-width: 600px) {
  a.btn {
    font-size: 12px;
  }
}

.btn:disabled {
    opacity: 1;    
    background-color: #eee;
    border-color: #eee;
    color: #888;
}


.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05) !important;
}


.footer {
   text-align: center !important;
   background-color: #2e2e2e !important;
   color: #A6A9AB !important;
}


a.nav-link {
    font-weight: 600;
    font-size: 14px;
}

a.nav-item {
    font-weight: 600;
    font-size: 14px;
}


a.nav-item:hover {
    color: #000 !important;
}


.navbar-brand {
    color: #777 !important;
}

@media screen and (max-width: 991px) {
    .nav-link {
        color: rgba(0,0,0,.5);
        border-bottom: 1px solid #eee;
        padding-bottom: 12px;
        padding-top: 12px;
    }
}


@media screen and (min-width: 991px) {
  button.btn {
    font-size: 15px;
  }
}

@media screen and (max-width: 990px) and (min-width: 601) {
  button.btn {
    font-size: 13px;
  }
}

@media screen and (max-width: 600px) {
  button.btn {
    font-size: 12px;
  }
}







@media screen and (min-width: 991px) {
  span.mobilefriendly {
    font-size: 15px;
  }
}


@media screen and (max-width: 990px) and (min-width: 601) {
  span.mobilefriendly {
    font-size: 13px;
  }
}

@media screen and (max-width: 600px) {
  span.mobilefriendly {
    font-size: 12px;
  }
}













@media screen and (min-width: 991px) {
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #adadad !important;
      opacity: 1; /* Firefox */
      font-size: 14px;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #adadad !important;
      font-size: 14px;
    }

    ::-ms-input-placeholder { /* Microsoft Edge */
      color: #adadad !important;
      font-size: 14px;
    }
}   

@media screen and (max-width: 990px) and (min-width: 601) {
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #adadad !important;
      opacity: 1; /* Firefox */
      font-size: 13px;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #adadad !important;
      font-size: 13px;
    }

    ::-ms-input-placeholder { /* Microsoft Edge */
      color: #adadad !important;
      font-size: 13px;
    }
}

@media screen and (max-width: 600px) {
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #adadad !important;
      opacity: 1; /* Firefox */
      font-size: 12px;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #adadad !important;
      font-size: 12px;
    }

    ::-ms-input-placeholder { /* Microsoft Edge */
      color: #adadad !important;
      font-size: 12px;
    }
}











.p-3 {
    padding: 30px!important;
}


@media screen and (max-width: 600px) {
    .p-3 {
        padding: 20px!important;
    }
}





a:hover {
    text-decoration: none;
}

.btn-group-lg>.btn, .btn-lg {
    font-size: 1rem !important;

}


.shadow-lg {
    box-shadow: 0 1rem 3rem #4aaefe1f!important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}


.table-hover tbody tr:hover {
    color: #212529;
    background-color: #e4f3f7;
}


table.table-bordered.dataTable th {
    
    border-width: 0.3px;
}


.alert-dismissible {
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


a.close {
    padding: 0px !important;
    margin: 13px;
}


.close {
    text-shadow: none; 
}





.customwhite {
    color: white;
}


.alert {
margin-bottom: 4px;    
}


.navbar-dark .navbar-nav .nav-link {
    color: #cacaca;
}

div#users_table_filter {
    text-align: end;
}


table {
    border-radius: 5px !important;
}




.breadcrumb-item>a {
    font-size: 12px;
} 
.breadcrumb-item {
    font-size: 12px;
}

button#submit {
    margin-top: 20px;
}

p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.datepicker-plot-area {
    width: 250px;
    border-radius: 5px;
    border: 0px;
}


.datepicker-plot-area * {
    text-align: center;
    color: #333;
    border-radius: 30px;
}



.card-body {
    border-radius: 0px 0px 5px 5px !important;
}

.card.mb-3.box-shadow {
    border-radius: 5px;
}



.jumbotron {
    padding: 1rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}



@media (min-width: 601px){
    .jumbotron {
        padding: 2rem 2rem;
    }
}


a#logout {
    border-bottom: 0px;
    padding-bottom: 5px;
}


/*tinymce styles*/
.tox-statusbar__path-item {
    display: none !important;
}

.tox-notifications-container {
    display: none !important;
}


textarea{
    display: block !important;
    /*age height roo sefr konid clipboardjs az kar miofte! */
    height: 1px !important;
    opacity: 0;  
}


.tox .tox-dialog {
    border:none !important;
    box-shadow: 0 1rem 3rem #4aaefe1f !important;
    padding: 20px !important;
}


.tox.tox-tinymce {
    border-radius: 5px;
}


@media screen and (max-width: 600px) {
    .tox-dialog__body-nav-item {
        margin: 10px !important;
    }
}


.col-md-3.col-sm-6 {
    width: 50%;
}


/*only in desktop*/
@media screen and (min-width: 991px) {
    .step-content{
        padding-left: 30px;
    }
}


.tox-collection__item-icon {
    font-size: 20px !important;
    height: 28px !important;
    width: 28px !important;
}


/*dashboard cards style*/
@media screen and (max-width: 767px) {
    div#camp {
        margin-left: -10px;
    }
    div#schedule {
        margin-right: -10px;
    }
    div#keyboard {
        margin-left: -10px;
    }
    div#command {
        margin-right: -10px;
    }
}



.card-header {
    background-color: #ffffff;
}