/*#region Root*/
:root {
    /* Brand Colors from Logos */
    --logoRed_Color: #E31E24; /* قرمز برند برای دکمه‌ها */
    --logoLightBlue_Color: #00A5E4; /* آبی روشن لوگوها برای متون منوی تیره */
    --logoLightBlue_Color2: #00A3E0; /* آبی روشن لوگو برای متون منوی تیره */
    --logoLightBlue_Color2: rgb(0, 163, 224); /* آبی روشن لوگو برای متون منوی تیره */
    --logoDarkBlue_Color: #252564; /* سورمه‌ای تیره اصلی برای منو */
    --logoDarkBlue_Color: rgb(37, 37, 100); /* سورمه‌ای تیره اصلی برای منو */
    --logoDarkBlue_Color2: #1B5297; /* سورمه‌ای تیره اصلی برای منو */
    --logoDarkBlue_Color2: rgb(27, 82, 151); /* سورمه‌ای تیره اصلی برای منو */
    /*Colors*/
    --projectMainAccent_Color: var(--logoDarkBlue_Color);
    --projectMainAccent_BGColor: var(--logoRed_Color);
    --YellowBahmanColor: var(--logoLightBlue_Color2); /* تغییر رنگ متون فعال منو به آبی روشن */
    --LighterThanMainAccent_Color: #FF5252;
    --White_Divider_With_AccentShadow_Color: linear-gradient(90deg, #FFF 0%, var(--projectMainAccent_Color) 49%, #FFF 100%);
    --Accent_Divider_With_WhiteShadow_Color: linear-gradient(90deg, var(--projectMainAccent_Color) 0%, #FFF 49%, var(--projectMainAccent_Color) 100%);
    --PowerLightColor: linear-gradient(257deg, rgba(255, 82, 82, 0.50) 28.91%, rgba(255, 255, 255, 0.00) 54.94%, rgba(227, 30, 36, 0.50) 80.96%), var(--White_Color);
    --PressedTab_Linear_Accent_Color: linear-gradient(319deg, rgba(255, 255, 255, 0.50) 1.57%, rgba(227, 30, 36, 0.50) 100.39%);
    --PressedTab_AccentLinear_Text_Color: linear-gradient(180deg, #FF5252 0%, var(--projectMainAccent_BGColor) 100%);
    --Banana_Light: #F8F8F4;
    /*******chartColor_Accent*******/
    --chartColor_1: var(--logoRed_Color);
    --chartColor_2: #FF5252;
    --chartColor_3: var(--projectMainAccent_Color);
    --chartColor_4: #FF8A80;
    --chartColor_5: #2c2c80;
    /*******chartColor_Gray*******/
    --chartColor_6: #1F1F1F;
    --chartColor_7: #4D4D4D;
    --chartColor_8: #7A7A7A;
    /*Border Color*/
    --PressedTab_AccentLinear_Border_Color: linear-gradient(317deg, #FF5252 1.62%, var(--projectMainAccent_BGColor) 97.74%);
    --Border_DokmeGholombe_Tar_Up_Daruni_Color_Dark3: linear-gradient(135deg, rgba(227, 30, 36, 0.50) 0%, var(--projectMainAccent_BGColor) 100%);
    --Border_DokmeGholombe_Up_Daruni_Color_Dark: linear-gradient(135deg, rgba(227, 30, 36, 0.25) 0.66%, rgba(227, 30, 36, 0.50) 100.66%);
    /*Border*/
    --Border_DokmeMenu_Up_AccentBorder: 1px outset rgba(227, 30, 36, 0.50);
    /*Dark Shadows*/
    --MenuBox_Dark_AccentShadow: 1px 1px 2px 0px rgba(37, 37, 100, 0.30) inset, -1px -1px 2px 0px rgba(37, 37, 100, 0.25) inset, -2px 2px 4px 0px rgba(37, 37, 100, 0.10), 2px -2px 4px 0px rgba(37, 37, 100, 0.10), -2px -2px 4px 0px rgba(37, 37, 100, 0.45), 2px 2px 5px 0px rgba(37, 37, 100, 0.45);
    /*Logo*/
    --Logo_OnLight: ../../Image/NikaImages/NikaMotor_Mark_Black.svg;
    --Logo_onDark: ../../Image/NikaImages/NikaMotor_Mark_White.svg;
    --Logo_with_TXT_onLight: ../../Image/NikaImages/NikaMotor_Logotype_Black.svg;
    --Logo_with_TXT_onDark: ../../Image/NikaImages/NikaMotor_Logotype_White.svg;
}
/*#endregion Root*/

/*#region NewRoot*/
:root {
    /*Colors*/
    --projectMainAccent_BGColor: linear-gradient(180deg, #1B5297 0%, #252564 100%);
    --YellowBahmanColor: var(--logoDarkBlue_Color2);
    --LighterThanMainAccent_Color: rgba(27, 82, 151, .3);
    --PressedTab_AccentLinear_Text_Color: linear-gradient(180deg, #1B5297 0%, #252564 100%);
    /*******chartColor_Accent*******/
    --chartColor_1: var(--logoDarkBlue_Color2);
    --chartColor_2: var(--logoLightBlue_Color);
    --chartColor_4: var(--logoLightBlue_Color);
    /*Border*/
    --Border_DokmeMenu_Up_AccentBorder: 1px outset rgba(27, 82, 151, .5);
}
/*#endregion Root*/


/*#region Header*/
.myHeader.LightHeader .myHeader_SecondLayer {
    background: var(--BackgroundColor_Color);
    -webkit-box-shadow: var(--MenuBox_Shadow2);
    -moz-box-shadow: var(--MenuBox_Shadow2);
    box-shadow: var(--MenuBox_Shadow2);
}

.myHeader.DarkHeader.DarkHeader1 .myHeader_SecondLayer {
    border: var(--Border_DokmeGholombe_Tar_Up_Daruni_Dark_Border);
    background: var(--DokmeGholombe_Sade_Up_Daruni_Color_Dark);
    -webkit-box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
    -moz-box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
    box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
}

.myHeader.DarkHeader.DarkHeader2 .myHeader_SecondLayer {
    background: var(--BackgroundColor_Dark_Color);
    -webkit-box-shadow: var(--MenuBox_Dark_Shadow);
    -moz-box-shadow: var(--MenuBox_Dark_Shadow);
    box-shadow: var(--MenuBox_Dark_Shadow);
}

.myHeader.DarkHeader.DarkHeader3 .myHeader_SecondLayer {
    background: var(--DokmeGholombe_Tar_Up_Daruni_Color_Dark);
    -webkit-box-shadow: var(--MenuBox_Dark_AccentShadow);
    -moz-box-shadow: var(--MenuBox_Dark_AccentShadow);
    box-shadow: var(--MenuBox_Dark_AccentShadow);
}

.myHeader.DarkHeader.DarkHeader4 .myHeader_SecondLayer {
    border: var(--Border_DokmeGholombe_Sade_Up_Daruni_DarkOnPureBlackBorder);
    background: var(--DokmeGholombe_Sade_Up_Daruni_Color_DarkOnPureBlack);
    -webkit-box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
    -moz-box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
    box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
}

.myHeader.DarkHeader.DarkHeader5 .myHeader_SecondLayer {
    border: var(--Border_DokmeGholombe_Tar_Up_Daruni_Dark_BlackShadowBorder);
    background: var(--DokmeGholombe_Sade_Up_Daruni_Color_Dark);
    -webkit-box-shadow: var(--DokmeGholombeSadeDown_Daruni_Dark_Shadow);
    -moz-box-shadow: var(--DokmeGholombeSadeDown_Daruni_Dark_Shadow);
    box-shadow: var(--DokmeGholombeSadeDown_Daruni_Dark_Shadow);
}

.HeaderBtns_Container {
    /*padding: 0 10px;*/
}

.LightHeader .Logo_Div img.IconOnLight,
.LightHeader img.DarkIcon_On_LightBtn,
.LightHeader #BlackName {
    display: flex;
}

.LightHeader .Logo_Div img.IconOnDark,
.LightHeader img.LightIcon_On_DarkBtn,
.LightHeader #WhiteName {
    display: none;
}

.DarkHeader .Logo_Div img.IconOnLight,
.DarkHeader img.DarkIcon_On_LightBtn,
.DarkHeader #BlackName {
    display: none;
}

.DarkHeader .Logo_Div img.IconOnDark,
.DarkHeader img.LightIcon_On_DarkBtn,
.DarkHeader #WhiteName {
    display: flex;
}

.LightHeader .HeaderLink_Div {
    color: var(--BahmanBlack_Color);
}

.DarkHeader .HeaderLink_Div {
    color: var(--White_Color);
}

.HorizontalLink:hover,
.HorizontalLink:active {
    color: var(--projectMainAccent_Color);
}

@media screen and (max-width: 767px) {
    .myHeader {
        height: 50px;
    }

        .myHeader .myHeader_SecondLayer {
            padding: 0 8px;
        }

    .Header_Container {
        padding: 4px var(--RL_Padding);
    }
}
/*#endregion Header*/


/*#region SideNav*/
.sidenav {
    height: 0;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: var(--Header_Container_Height);
    right: 16px;
    overflow: hidden;
    transition: 0.5s;
    background: linear-gradient(0deg, #1F1F1F 0%, #1F1F1F 100%), rgba(38, 38, 38, 0.55);
    border-radius: var(--InnerBorder_Radius);
    -webkit-box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
    -moz-box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
    box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
}

.mySideNavbar {
    /*background: var(--projectMainAccent_Color);*/
}

    .mySideNavbar.expanded .myMenuItem:hover .myMenuItem_Text,
    .mySideNavbar.expanded .myMenuItem:active .myMenuItem_Text,
    .mySideNavbar.expanded .myMenuItem.active .myMenuItem_Text {
        color: var(--logoLightBlue_Color); /* کنتراست مناسب روی پس‌زمینه تیره منوی فارسی */
    }

.mySideNavbar.expanded .myMenuItem:hover,
.mySideNavbar.expanded .myMenuItem:active,
.mySideNavbar.expanded .myMenuItem.active {
    background-color: rgba(255, 255, 255, 0.07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08),
                0 2px 8px rgba(0, 0, 0, 0.18);
}

.mySideNav_SubmenuItem.active .myMenuItem_Text,
.mySideNav_SubmenuItem:hover .myMenuItem_Text {
    color: var(--logoLightBlue_Color);
}

.mySideNavbar .myMenuProfile #personnelName {
    color: var(--logoLightBlue_Color) !important;
}

.YellowAccentColor {
    color: var(--YellowBahmanColor) !important;
    color: var(--logoDarkBlue_Color2) !important;
}
/*#endregion SideNav*/


/*#region Btns*/
.YellowBorder_Btn {
    border: var(--Border_DokmeMenu_Up_AccentBorder) !important;
}

.YellowBorder_Box {
    border: 4px outset rgba(227, 30, 36, 0.50) !important;
}

/* --- استایل افکت هوور دکمه‌های سیاه و سفید (تغییر به قرمز برند) --- */

/* هوور دکمه تیره/مشکی */
.myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 {
    background: var(--PressedTab_AccentLinear_Text_Color) !important;
}

    .myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 .BtnLayer2.DarkBtn_OnLightBG_Layer2 {
        background: var(--PressedTab_AccentLinear_Text_Color) !important;
        border-color: var(--LighterThanMainAccent_Color) !important;
    }

        .myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 .BtnLayer2.DarkBtn_OnLightBG_Layer2 *,
        .myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 .BtnLayer2.DarkBtn_OnLightBG_Layer2 img {
            color: var(--White_Color) !important;
            filter: brightness(0) invert(1);
        }

/* هوور دکمه روشن/سفید */
.myBtn_Div:hover .BtnLayer1.LightBtnLayer1 {
    background: var(--PressedTab_AccentLinear_Text_Color) !important;
}

    .myBtn_Div:hover .BtnLayer1.LightBtnLayer1 .BtnLayer2.LightBtnLayer2 {
        background: var(--PressedTab_AccentLinear_Text_Color) !important;
        border-color: var(--LighterThanMainAccent_Color) !important;
    }

        .myBtn_Div:hover .BtnLayer1.LightBtnLayer1 .BtnLayer2.LightBtnLayer2 *,
        .myBtn_Div:hover .BtnLayer1.LightBtnLayer1 .BtnLayer2.LightBtnLayer2 img {
            color: var(--White_Color) !important;
            filter: brightness(0) invert(1);
        }
/*#endregion Btns*/


/*#region ToggleSwitch*/
.mySwitchInput:checked + .mySwitchSlider:before {
    -webkit-transform: translateY(-50%) translateX(26px);
    -ms-transform: translateY(-50%) translateX(26px);
    transform: translateY(-50%) translateX(26px);
    background: linear-gradient(180deg, rgba(227, 30, 36, 0.50) 0%, rgba(227, 30, 36, 0.41) 100%);
}
/*#endregion ToggleSwitch*/


/*#region Tabulator_Table*/
@media (hover: hover) and (pointer: fine) {
    .tabulator-row.tabulator-selectable:hover {
        background-color: var(--bs-warning-bg-subtle);
        background-color: #e8eaf6;
        cursor: pointer !important;
    }
}

.tabulator .tabulator-footer .tabulator-pages .tabulator-page.active,
.tabulator .tabulator-footer .tabulator-pages .tabulator-page.active:hover {
    background: linear-gradient(180deg, #FF5252 0%, #E31E24 100%) padding-box, var(--PressedTab_AccentLinear_Border_Color) border-box;
}

/* اصلاح گرادینت قدیمی به قرمز دکمه‌ها در هنگام هاور */
.FormFields_AddBtn:hover .PressedHover1.TripleBtnsInTable_Btn_Layer1,
.removeRepeatableDiv_Div:hover .PressedHover1.TripleBtnsInTable_Btn_Layer1,
.PressedHover1.TripleBtnsInTable_Btn_Layer1:hover,
.PressedHover1.TripleBtnsInTable_Btn_Layer1:active,
.hidden-checkbox:checked + .TripleBtnsInTable_Btn_Layer1 {
    background: var(--PressedTab_AccentLinear_Border_Color) !important;
}
/*#endregion Tabulator_Table*/


/*#region hintIcon*/
.hint-icon {
    width: 20px;
    height: 20px;
    background-color: var(--projectMainAccent_Color);
    opacity: 70%;
    color: white;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.hint-popup {
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--projectMainAccent_Color);
    color: white;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s;
}
/*#endregion hintIcon*/


/*#region fontFamily*/
html, html *,
body, body *,
.Pelak .Pelak_Layer05_01,
.Pelak .Pelak_Layer04_04,
.ModalTopTitle,
.tabulator *,
.ql-editor {
    font-family: Avenir !important;
    font-family: 'Avenir' !important;
    font-weight: 100;
}
/*#endregion fontFamily*/


/*#region AIDA*/

.eye {
    box-shadow: 0 0 5px var(--logoDarkBlue_Color2);
}

.size-menu .eye {
    background: var(--YellowBahmanColor);
}
/*#endregion AIDA*/


.mySideNavbar_TopLogoImg {
    display: none;
    /* لوگوی نیکا موتور دو خطی است، پس ارتفاع آزاد باشد تا کشیده نشود */
    width: 134px;
    height: auto;
    max-height: 56px;
    object-fit: contain;
    flex-shrink: 0;
}

.mySideNavbar_TopLogoImg2 {
    object-fit: contain;
}

.BtnLayer1.DarkBtn_OnLightBG_Layer1,
.myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 {
    background: var(--DokmeGholombe_Tar_Up_Biruni_Color_Dark);
    -webkit-box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
    -moz-box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
    box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
}

    .BtnLayer2.DarkBtn_OnLightBG_Layer2,
    .myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 .BtnLayer2.DarkBtn_OnLightBG_Layer2 {
        border: var(--Border_DokmeGholombe_Tar_Up_Daruni_Dark_Border);
        background: var(--DokmeGholombe_Tar_Up_Daruni_Color_Dark);
        -webkit-box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
        -moz-box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
        box-shadow: var(--DokmeGholombeTarUp_Daruni_Shadow);
        /**/
        -webkit-box-shadow: var(--DokmeGholombeSadeUp_Daruni_Dark_Shadow);
        -moz-box-shadow: var(--DokmeGholombeSadeUp_Daruni_Dark_Shadow);
        box-shadow: var(--DokmeGholombeSadeUp_Daruni_Dark_Shadow);
    }

    .myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1,
    .myBtn_Div:hover .BtnLayer1.LightBtnLayer1,
    .myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 .BtnLayer2.DarkBtn_OnLightBG_Layer2 {
        -webkit-box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
        -moz-box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
        box-shadow: var(--DokmeGholombeUp_Daruni_Shadow);
        background: var(--PressedTab_AccentLinear_Text_Color) !important;
        border-color: var(--LighterThanMainAccent_Color) !important;
    }

    .myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 .BtnLayer2.DarkBtn_OnLightBG_Layer2 {
        box-shadow: none !important;
    }

    .myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1.DarkBtn_Shadow_OnDark .BtnLayer2.DarkBtn_OnLightBG_Layer2 {
        border: var(--Border_DokmeGholombe_Tar_Up_Daruni_Color_Dark3);
        background: var(--Border_DokmeGholombe_Tar_Up_Daruni_Color_Dark3);
        -webkit-box-shadow: var(--Border_DokmeGholombe_Tar_Up_Daruni_Color_Dark3);
        -moz-box-shadow: var(--Border_DokmeGholombe_Tar_Up_Daruni_Color_Dark3);
        box-shadow: var(--Border_DokmeGholombe_Tar_Up_Daruni_Color_Dark3);
    }


.myBtn_Div .BtnLayer1.DarkBtn_OnLightBG_Layer1.DarkBtn_Shadow_OnDark {
    background: var(--projectMainAccent_BGColor);
}

.myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1.DarkBtn_Shadow_OnDark {
    background: var(--DokmeGholombe_Tar_Up_Biruni_Color_Dark);
}

.myBtn_Div:hover .BtnLayer1.DarkBtn_OnLightBG_Layer1 .BtnLayer2.DarkBtn_OnLightBG_Layer2 * {
    /*color: var(--White_Color) !important;*/
}

.TripleBtnsInTable_Btn_Layer1:hover, .TripleBtnsInTable_Btn_Layer1:active {
    background: var(--PressedTab_AccentLinear_Border_Color);
}

.drag-scroll-container,
.table-responsive,
.mySimple_Bootstrap_Table th,
.mySimple_Bootstrap_Table td {
    cursor: pointer !important;
}

/*#region JalaliDatePicker*/

jdp-container {
    border: 1px outset rgba(37, 37, 100, 0.50) !important;
}

    jdp-container .jdp-days .jdp-day.selected,
    jdp-container .jdp-days .jdp-day-name.selected {
        background-color: var(--projectMainAccent_Color) !important;
    }

/*#endregion JalaliDatePicker*/