html {
    height: 100%;
}

body {
    direction: rtl;
    font-family: "Vazir";
    background-color: #dfdede;
    height: 100%;
}
a{
    text-decoration: none!important;
}
#mainPanel {
    display: block;
    height: 100%;
}

#rightBar {
    display: block;
    background-color: #fff;
    float: right;
    height: 100%;
    width: 80px;
    text-align: center;
    padding-top: 17px;
}

#rightBar a {
    display: block;
    margin-top: 15px;
    border-bottom: 1px dashed #f2f2f2;
    padding: 7px !important;
    color: #7c7676;
    text-decoration: none;
    font-size: 12px;
}

#rightBar a img {
    display: block;
    margin: auto;
}
#rightBar a i {
    display: block;
    margin: auto;
    font-size: 35px;
    color: #1e4681;
}

#logo {
    border-radius: 100%;
    padding: 4px;
    border: 2px solid rgb(236, 233, 233);
}

#contentPanel {
    display: block;
    float: left;
    width: -webkit-calc(100% - 82px);
    width: -moz-calc(100% - 82px);
    width: calc(100% - 82px);

    background-color: #ebeff2;
    height: 100%;
    padding: 7px;
    overflow: auto;
}

#header {

    padding: 10px;
}

#header label {
    font-size: 13px !important;
    color: #615f5f;
    margin-bottom: 10px;
}

#header h6 {
    margin-top: 5px;
    font-size: 13px;
    float: left;
    color: #615f5f;
}

#mainContentPlace {
    display: block;
    min-height: 700px;
}

#footer {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #615f5f;
}

.box {
    display: block;
    background-color: #fff;
    min-height: 80px;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    color: #615f5f;
    line-height: 27px;
}
.box a{
    text-decoration: none;
}
.box input, .box textarea {
    font-size: 12px;
}
.box img {
    display: block;
    float: right;
}

.box label {
    display: block;
    margin-top: 20px;
    padding-right: 100px;
    ;
    color: #615f5f;
    font-size: 13px;
    ;
}

.box h6 {
    display: block;
    color: #615f5f;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px dashed #c8c7c7;
    padding: 7px;
    ;
}
.box h5 {
    display: block;
    color: #615f5f;
    font-size: 13px;
    text-align: right;
    border: 1px solid #f0f0f0;
    padding: 10px;
    ;
}
.dashI{
    display: block;
    font-size: 30px!important;
    float: right;   
    border-radius: 100%;
    padding: 15px;
    color: #f2f2f2!important;
}

.green{
    background-color: #395340;
}
.orange{
    background-color: #9c4b15;
}
.blue{
    background-color: #40497e;
}
.gray{
    background-color: #5e5d5c;
}
.box h4 {
    display: block;
    color: #615f5f;
    font-size: 13px;
    text-align: right;
    border: 1px solid #f0f0f0;
    padding: 10px;
    float: right;
    width: auto;
    border-radius: 3px;
    margin-left: 2px;
}

.box .bborder {
    border-bottom: 1px solid #c8c7c7;
    padding: 7px;
    text-align: center;
}
.red{
    color:red;
}

#loginPanel img{
    display: block;
    margin: auto;
    width: 20%;
}
#loginPanel .form-control{
   border-radius: 20px;
   background: #ffffff75 !important;
}
#loginPanel .btn-login{
   border-radius: 20px;
   background: #fff201ec !important;
   color: #152781;
}
.login-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
}
.inner-login{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content:center;
}
.inner-login{
    font-family: "Vazir";
    background: linear-gradient(187deg, rgba(6,43,64,0.6867880941439075) 22%, rgba(19,67,111,0.5075163854604341) 100%),url(../img/login.jpg);
    background-position: center;
    background-size: cover;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 ); 
}

@media (max-width: 490px) {
    label {
        display: none;
    }

    #header {
        text-align: center;
    }

    .box {
        margin-top: 20px;
    }

 

    #contentPanel {
        display: block;
        float: left;
        width: -webkit-calc(100% - 62px);
        width: -moz-calc(100% - 62px);
        width: calc(100% - 62px);

        background-color: #ebeff2;
        height: 100%;
        padding: 7px;
        overflow: auto;
    }
}
.a{
    display: block;     
    padding: 2px;
    margin: auto;
    text-decoration: none!important;
    float: right;
    font-size: 10px;
}
.a img{
    margin-left: 3px;
}
.shortcut {
    display: block;
    background-color: #fff;
    min-height: 45px;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    color: #615f5f;    
}
.shortcut label{
    color:#0d6efd;
    float: right;
    margin-left: 10px;
}
.shortcut a{
    text-decoration: none;
}
.shortcut  a:hover{
    color:red;
}
.shortcut input{    
    display: block;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    width: 75%;    
    float: left;
}
.bbordash{
    border-bottom:1px dashed #cccccc ;
}
.bborsol{
    border-bottom:1px solid #cccccc ;
}
.pagination{
    text-align: left!important;
}
.pagination a{
    text-decoration: none;
}
.actions a{
    float: right;
    margin-left: 5PX;
}
.actions i{
    font-size: 20px;
}
.actions .fa-edit {
    color: green!important;
}
.actions .fa-trash {
    color: red!important;
}
.actions .fa-info-circle {
    color: rgb(83, 55, 2)!important;
}
.actions button{
    border:0px;
    background-color: #fff;
    float: right;
    margin-left: 5PX;
}
.btn-close{
    float: left;
}
.alert{
    font-size: 12px;
}
.fa-tachometer{
    color: #a0660f!important;
}
.fa-folder-open{
    color: #015316!important;
}
.fa-industry{
    color: #015316!important;
}
.fa-users{
    color: #831d19!important;
}
.fa-angle-double-left{
    color:red!important;
    font-weight: bold;    
}
.fa-cogs{
    color: #c9c505!important;
}
.fa-power-off{
    color: #c90505!important;
}
.fa-taxi{
    color: #c90505!important;
}
.fa-plus{
    color: #c90778!important;
}
.fa-search{
    color: #028113!important;
}
.fa-gears{
    color: #028113!important;
}
.fa-file{
    color: #98a302!important;
}
.fa-thumb-tack{
    color: #c90778!important;
}
.fa-address-card{
    color: #0a0a0a!important;
}
.fa-id-card{
    color: #ad3131!important;
}
.fa-anchor{
    color: #024d1f!important;
}
.fa-link{
    color: #1b0f3b!important;
}
.fa-comments{
    color: #a54504!important;
}
.fa-calendar{
    color: #02284d!important;
}
.fa-gear{
    color: #4d024c!important;
}
.fa-table{
    color: #ff8c00!important;
}
.ck-editor__editable[role="textbox"] {
    /* editing area */
    min-height: 400px;    
}
@media (max-width: 1000px) {
    .box {
        margin-top: 20px;
    }
}
.chart-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
}
.subMenu{
    display: block;
}
.subMenu a{
    display: block;    
    border-bottom: 0px dashed #f2f2f2!important;
    padding: 7px !important;
    color: #77767c;
    text-decoration: none;
    font-size: 11px!important;    
    font-weight: bold;
    margin-top: 0px!important;
}
.subMenu a:hover{
    color: #5f090d!important;
}
.productLabel {
    display: block;
    margin-top: 0px!important;
    padding-right: 10px!important;
    ;
    color: #615f5f;
    font-size: 13px;
    ;
}