@import url("/public/assets/css/fonts/css/fontiran.css");
body{
    font-family: IRANSans !important;
    font-weight: 400;
    font-size:14px;
}
h1, h2, h3, h4, h5, h6,input, textarea , pre , p , a , select{
    font-family: IRANSans !important;
}
button{
    font-family: IRANSans !important;
}
h1 {
    font-weight: bold;
}
/*
Project: Yooz Gamification Panel and Game
Author: Amir Bakhshi (Yooz Group)
Author URL: https://yoozsite.ir
Author Number: 09165357556
*/
html{
    font-size:10px;
    --root-font: IRANSans;
    --body-bg:#edf0f7;
    --panel-sidebar:#172236;
    --panel-sidebar-logo-color:#fd9600;
    --panel-sidebar-items-bg:#47475f;
    --panel-sidebar-items-color:#fff;
    --panel-sidebar-items-hover-bg:#377dff;
    --panel-sidebar-items-hover-color:#fff;
    --panel-sidebar-items-icon-color:#85869b;
    --panel-sidebar-items-icon-hover-color:#fff;
    --panel-sidebar-child-items-box-bg:#405173;
    --panel-sidebar-child-items-color:#fff;
    --panel-sidebar-child-items-hover-color: #fd9600;
    --panel-inputs-border:#081826;
    --panel-h1-color:#0098ff;
    --panel-h6-color:#0d5a76;
    --box-shadow:0px 0px 15px -5px rgba(0,0,0,0.15);
    --panel-boxes-bg:#fff;
    --panel-header-color:#000;
    --panel-content-box-bg:#fff;
    --panel-content-box-color:#000;
    --panel-buttons-bg:#0098ff;
    --panel-buttons-color:#fff;
    --panel-labels:#333;
    --inputs-bg:#0000000;
    --inputs-color:#000;
    --input-border:#0d5a76;
    --inputs-label-color:#736b6b;
    --header-icons-color:#0d5a76;
    --text-color:#0d5a76;
    --active-button:#0098ff;
    --light-bg:#f5f6f8;
    --link-color:#0c5bee;
    --active-inputs-outline-color:#0098ff;


    --white-bg:#fff;
    --alert-bg:#fff;
    --alert-color:#656566;
    --buttons-bg:#f5f5f6;
    --input-bg:#f4f4f5;


    --header-box-shadow:0px 10px 30px 0px rgba(82,63,105,0.05);
    --float-box-shadow:0px 0px 30px 0px rgba(82,63,105,0.1);
    --icon-color:#183153;
    --icon-after-color:#a3adba;
    --button-hovered-bg:#377dff;
    --button-hovered-color:#fff;
    --button-border:#d7d7d7;

    --link-hover-color:#377dff;

    --alert-message-bg:#f3f3f3;
    --alert-message-color:#635959;
    --accept-button-bg:#377dff;
    --accept-button-color:#fff;
    --select-hover-bg: #f6f6f7;
    --select-hover-color:#377dff;
}

*{
border-style:none;box-sizing:border-box;text-decoration:none;list-style:none;outline:none;
margin:0;padding:0;direction:rtl;transition:all 0.4s ease-in-out,visibility 0s;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-drag:none;-webkit-app-region:no-drag;
color:var(--text-color);
}
body{background:var(--body-bg);}
.ltr{direction:ltr;}
.lineBreak{display:block;width:94%;height:1px;margin-right:3%;}
/* position */
.fixBlock{position:fixed;}
.absoluteBlock{position:absolute;}
.relativeBlock{position:relative;}
/* display */
.blockElement{display:block !important;}
.hideElement{display:none !important;}
.flexBox{display:flex;}
.flexBoxWithWrap{display:flex;flex-wrap:wrap;}
.blockBox{display:block;}
.gridBox{display:grid;}
.hide{display:none;}
/* overflow */
.autoOverflowY{overflow-y:auto;}
.hideOverflow{overflow:hidden;}
/* state */
.containObject{object-fit:contain;object-position:center;}
.coverObject{object-fit:cover;object-position:center;}
.centerBox{top:50%;left:50%;transform:translate(-50%,-50%);}
.containBG{background-size:contain;background-repeat:no-repeat;background-position:center;}
/* show */
.fullScreen{width:100%;height:100%;}
.fullWidth{width:100%;}
.fullHeight{height:100%;}
/* font styles */
.centerText{text-align:center;}
.leftText{text-align:left;}
.justifyText{text-align:justify;}
/* icons */
.yooz_icon{color:var(--icon-color) !important;}
.yooz_icon::before{color:var(--icon-color) !important;}
.yooz_icon::after{color:var(--icon-after-color) !important;}
/* messages */
.yooz_message_text{color:var(--message-text);}
/* inputs */
.inputContainer{position:relative;height:52px;}
.inputContainer input[type="text"]{background:none;}
input{padding: 0 10px;}
input::placeholder,textarea::placeholder{color: #d2d2d2;}
/*  cursor */
.pointer{cursor:pointer;}
.noneUserSelect{user-select:none;-webkit-user-select:none;}
/* icons */
.iconAfter::after,.iconBefore:before{content:"";position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;}
/* elements */
.selectContainer{position:relative;}
.blockSelection{display:block !important;}
.hideSelection{display:none !important;}
.selectAppearance{position:absolute;z-index:5;width:28px;height:28px;top:50%;left:5px;transform:translateY(-50%);cursor:pointer;}
.selectAppearance::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.selectedOption{position:relative;width:100%;height:40px;padding:0 10px;padding-left:38px;background:var(--white-bg);color:var(--text-color);border: 1px solid var(--button-border);border-radius:10px;overflow:hidden;cursor:pointer;}
.selectedOptionText{display:block;line-height:38px;font-size:14px;}
.selectionSearchBox{display:none;position:absolute;width:100%;height:100%;top:0;right:0;padding:0 10px;padding-left:38px;background:var(--white-bg);color:var(--text-color);}
.optionsContainer{display:none;position:absolute;z-index:5;width:100%;max-height:250px;top:45px;right:0;padding:5px;background:var(--white-bg);box-shadow:var(--float-box-shadow);border-radius:10px;overflow:auto;}
.optionItem{min-height:28px;color:var(--text-color);line-height:28px;border-radius:5px;}
.optionItem:hover{background:var(--select-hover-bg);}
.optionItem:hover label{color:var(--select-hover-color);}
.optionItem input{display:none;}
.optionItem label{display:block;padding:5px 10px;cursor:pointer;}
/* border-radius */
.border5{border-radius:5px;}
#yooz_curtain{z-index:500;top:0;right:0;opacity:0.6;background-color:#000;}

.deActive{opacity:0.5;}
.onProccess{position:relative;opacity:0.8;overflow:hidden;color:transparent !important;}
.onProccessButtonUI{position:absolute;z-index:10;width:100%;height:100%;top:0;right:0;background-color:rgba(255,255,255,0.3);}
.onProccessButtonUI span{position:absolute;width:5px;height:5px;top:50%;left:50%;transform:translate(-50% , -50%);background-color:#fff;border-radius:50%;animation:loading 1000ms 150ms infinite linear;}
.onProccessButtonUI span:first-of-type{left:calc(50% + 10px);animation-delay: 0ms;}
.onProccessButtonUI span:last-of-type{left:calc(50% - 10px);animation-delay: 300ms;}
@keyframes loading {
    0%{transform:scale(1) translate(-50% , -50%);}
    15%{transform:scale(1.5) translate(-50% , -50%);}
    30%{transform:scale(1) translate(-50% , -50%);}
    100%{transform:scale(1) translate(-50% , -50%);}
}
#yooz_alert_message_navbar{position:fixed;z-index:1000000;width:fit-content;height:fit-content;top:0;right:10px;}
#yooz_alert_message_navbar .yooz_alert_message{position:relative;width:300px;height:auto;margin:10px 0;padding:10px;padding-left:40px;background-color:var(--white-bg);border-radius:5px;box-shadow:var(--box-shadow);user-select:none;}
#yooz_alert_message_navbar .yooz_alert_message p{color:var(--alert-color);text-align:justify;}
#yooz_alert_message_navbar .yooz_alert_closer{position:absolute;z-index:5;width:20px;height:20px;top:50%;left:10px;transform:translateY(-50%);cursor:pointer;}
#yooz_alert_message_navbar .yooz_alert_closer::before,
#yooz_alert_message_navbar .yooz_alert_closer::after{
    position:absolute;content:"";width:16px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:var(--alert-color);
}
#yooz_alert_message_navbar .yooz_alert_closer::before{transform:translate(-50%,-50%) rotate(-45deg);}

#content_body .button{padding:0 30px;border-radius:5px;height:30px;background-color:var(--panel-buttons-bg);color:var(--panel-buttons-color);font-size:1.15em;cursor:pointer;}
.yooz_sections_title{color:var(--panel-h6-color);font-size:1.2em;}
.yooz_section{border-radius:5px;background-color:var(--panel-boxes-bg);box-shadow:var(--box-shadow);}