@import url(font.css);

:root {
    --blue-light: #FFC100;
    --blue: #FF8200;
    --blue-dark: #C20E0E;

    --green-light: #ffd763;
    --green: #FFC100;
    --green-dark: #FF8200;
    --green-medium-dark: #FFC100;
    --red: rgb(175, 0, 13);
    --orange: rgb(239, 143, 0);

    /*--notification-red-bgc: rgba(212, 0, 17, 0.31);*/
    /*--notification-blue-bgc: rgba(0, 169, 212, 0.31);*/
    /*--notification-orange-bgc: rgba(212, 99, 0, 0.31);*/
    /*--notification-green-bgc: rgba(0, 212, 64, 0.31);*/

    --box-shadow: 0 12px 32px rgba(188, 186, 180, 0.35);
    --box-shadow-dark: 2px 7px 16px rgba(0, 0, 0, 0.15);
    --box-shadow-light: 0 2px 10px rgba(0, 0, 0, 0.1);
    --fullscreen-box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.1), 0px 0px 3px 0px rgba(0, 0, 0, 0.14), 0px 8px 40px 0px rgba(0, 0, 0, 0.06);

    --unanswered-questions-bgc: rgba(212, 0, 17, 0.31);
    --notification-nav: #E70014C9;
    --table-header-color: #DBDBDB;
    --my-gray-color: rgba(0, 0, 0, 0.5);
    --my-gray-color-light: rgba(0, 0, 0, 0.3);

    --bgc-pattern-size: 400px;
    --bgc-pattern-size-mobile: 140px;
    --bgc-pattern-color: rgb(255, 255, 255);
    --bgc-container-pattern-color: rgb(255, 255, 255);

    --nav-height: 60px;
    --footer-height: 100px;
    --nav-toggler-font-size: 34px;
    --nav-toggle-li-font-size: 18px;
    --nav-toggle-width: 200px;
    --nav-border-color: rgba(255, 255, 255, 0.28);

    --max-width: 768px;
    --scroll-bar-color: rgba(159, 73, 4, 0.3);
    --scroll-bar-color-dark: rgba(141, 5, 5, 0.5);
    --nav-notif-width: 10px;
    --border-radius: 10px;
    --ck-editor-height: 250px;
    --loader-width: 30px;
    --social-media-icon-size: 20px;
    --social-media-icon-size-large: 8vw;
    --phone-bottom-margin: 150px;
    --log_animation-duration:500ms;
/*    switch button*/
    --switch-button-r:26px;
    --switch-button-h:20px;
    --iframe-margin-right:70px;
    --iframe-margin-bottom:50px;
}

html {
    scroll-behavior: smooth;
}

body {
    direction: rtl;
    font-family: IRANSans, sans-serif !important;
    font-weight: normal;
    font-style: normal;
    overflow-x: hidden;
    overflow-y: overlay;
    position: relative;
    width: 100vw;
    min-height: 100vh;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

/*containers*/
p {
    margin: 0;
}

.user_container {
    position: relative;
    background-color: var(--bgc-pattern-color);
    /*padding: 0 10px 0 10px;*/
    margin-right: var(--nav-toggle-width);
    height: 100vh;
}

.main_row {
    padding: 10px;
    margin: 0;
    height: 100%;
}

.footer_div {
    background-color: var(--blue-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
    position: absolute;
    bottom: 0;
}

.footer_div a {
    margin: 5px;
}

.footer_div #footer_links {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.footer_div #footer_links a {
    text-decoration: none;
    color: white;
    transition: all 0.3s;
}

.footer_div #footer_links a:hover {
    color: var(--green);
}


/*persian numbers*/
input {
    font-family: IRANSansX, sans-serif;
    font-weight: normal;
    font-style: normal;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

.persian_number {
    font-family: IRANSansX, sans-serif;
    font-weight: normal;
    font-style: normal;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    /*-moz-font-feature-settings: "ss03";*/
    /*-webkit-font-feature-settings: "ss03";*/
    /*font-feature-settings: "ss03";*/
}

.no_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*scrollbar*/
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 9999px;
    background-clip: padding-box;
    background-color: var(--scroll-bar-color);
}

::-webkit-scrollbar-thumb:hover {
    border: 3px solid rgba(0, 0, 0, 0);
    border-radius: 9999px;
    background-clip: padding-box;
    background-color: var(--scroll-bar-color-dark);
}

@media (max-width: 768px) {
    .user_container {
        /*padding: var(--nav-height) 0 var(--phone-bottom-margin) 0;*/
        margin-right: 0;
        /*margin-top: var(--nav-height);*/
        font-size: small;
        height: calc(100vh - var(--nav-height));
    }

    .footer_div {
        height: 90px;
        font-size: xx-small;
    }
}