body{
    background: #F5F7FF !important;
    font-family: IRANSans, sans-serif !important;
}


.box-shadow{
    box-shadow: 0 0 3px #40513B;
}
.no-shadow{
    box-shadow: 0 0 0 white;
}

/*COLLAPS MAIN MENU =====*/

body.main-sidebar-hide .main-sidebar-body .nav-link {
    justify-content:center;
    img(height): 13px;
}
body.main-sidebar-open .main-sidebar-body .nav-link{
    justify-content:flex-start;
}
.sidemenu-label{
    color : #6B6B6B;
}

.icons {
    color: #6B6B6B;
}
.side-menu .nav-link:hover .sidemenu-label , .side-menu .nav-link:hover .icons {
    color:#fff;
}

.side-menu .nav-link:hover,.show .nav-link{
    background: #4B49AC;
    padding: 20px 5px !important;
    border-radius: 7px;
}
.show .nav-link .sidemenu-label,.show .nav-link .icons,.show .nav-link .angle{
    color:#fff;
    font-size: 12.8px;
}
.side-menu{
    padding: 10px;
}
.nav-link{
    transition: 0.3s;
}
.main-header{
    background: #fff;
}
.main-header-menu-icon{
    color: #6B6B6B;
}

.titleArea{
    background: #7DA0FA;
    color:black;
    font-weight: 700;
    border-radius: 5px;
    height: 50px;
    max-width:1630px
}

.titleArea>h2 {
    font-weight: 400;
    font-size: 16px;

    /*text-shadow: 0 0 5px ghostwhite;*/
}
.titleArea>h2>strong{
    color: white;
    font-weight: 400;
    font-size: 16px;
    /*text-shadow: 0 0 5px ghostwhite;*/
}

/*BG STYLES ------- */
.bg-transparent{
    background: rgba(10, 10, 10, 0) !important;
}
.bg-dark-green{
    background: #40513B !important;
}
.bg-light-green{
    background: #799470 !important;
}
.bg-light-green-90{
    background: #79947090 !important;
}
.bg-light-green-80{
    background: #79947080 !important;
}
.bg-light-green-60{
    background: #79947060 !important;
}
.bg-light-green-40{
    background: #79947040 !important;
}
.bg-gold{
    background: #d9d4ac !important;
}
.bg-orange{
    background: #F7C04A !important;
}
.bg-orange-90{
    background: #fac554 !important;
}
.bg-orange-80{
    background: #ffcc60 !important;
}
.bg-orange-70{
    background: #fdcf6c !important;
}
.bg-orange-60{
    background: #fdd171 !important;
}
.bg-orange-50{
    background: #fad482 !important;
}
.bg-orange-40{
    background: #fad890 !important;
}
.bg-orange-30{
    background: #fbde9e !important;
}
.bg-orange-20{
    background: #f8e1ae !important;
}
.bg-orange-10{
    background: #d3bf93 !important;
}
.bg-form{
    background: rgba(245, 245, 245, 0.49) !important;
}

.bg-goli{
    background: #ec795f !important;
}
.bg-goli-80{
    background: #b56a59 !important;
}
.bg-goli-orange{
    background: #b96d3e !important;
}
.bg-goli-orange-80{
    background: #d09069 !important;
}


/*BUTTONS STYLE ---- */
.btn-submit{
    background: #799470 !important;
    color: whitesmoke !important;

}
.free-btn{
    background: #ec795f !important;
    color: whitesmoke !important;
}
.add-btn{
    background: #799470 !important;
    color: whitesmoke !important;
}
.clear-btn{
    background: #F7C04A !important;
    color: whitesmoke !important;
}
.dark-green-btn{
    background: #40513B !important;
    color: whitesmoke !important;
}
.green-btn{
    background: #799470 !important;
    color: whitesmoke !important;
}
.red-btn{
    background: #ec795f !important;
    color: whitesmoke !important;
}
.orange-btn{
    background: #F7C04A !important;
    color: whitesmoke !important;
}

/*DATA GRID STYLE ------ */
.strip-grid:nth-of-type(even){
    background: rgba(121, 148, 112, 0.05);
}
.hovered-row:hover{
    background: rgba(217, 212, 172, 0.45);
}


/*INPUTS STYLE ------ */
.input-hover:hover,
.input-focus:focus{
    border: none;
    outline: none;
    box-shadow: 0 0 3px #40513B;
}


/*FONT STYLES ---------- */
.text-shadow {
    text-shadow:  0 0 5px #40513b;
}
.font-16{
    font-size: 16px;
}


/*transitions--------*/
.trans-4{
    transition: 0.4s;
}
.trans-10{
    transition: 1s;
}



textarea{
    min-height: 80px !important;
}



/*==============*/

.alert{
    color: #ec795f !important;
}
.alert-bg{
    background: #ec795f !important;
}
.hovered-link:hover{
    color: #F7C04A !important;
}

input[readonly]{
    background: rgba(64, 81, 59, 0.06);
}


/*////heights//////*/

.height-30{
    height: 30px !important;
}
.height-50{
    height: 50px !important;
}
.height-80{
    height: 80px !important;
}
.height-100vh{
    height: 100vh !important;
}

p.errors{
    font-size: 10px !important;
    padding-top: 2px;
}
.formArea{
    background: #fff;
    border-radius: 15px;
}