@import url('../../Font/Darker_Grotesque,Roboto/SMI_Fontface.css');



/*#region Root*/
:root {
    /*Colors*/
    --projectMainAccent_Color: #3A7CBF;
    --projectMainAccent_BGColor: linear-gradient(270deg, #36B2E7 0%, #3A7CBF 100%);
    --LighterThanMainAccent_Color: #36B2E7;
    --White_Divider_With_AccentShadow_Color: linear-gradient(90deg, #FFF 0%, #3A7CBF 49%, #FFF 100%);
    --Accent_Divider_With_WhiteShadow_Color: linear-gradient(90deg, #3A7CBF 0%, #FFF 49%, #3A7CBF 100%);
    --PowerLightColor: linear-gradient(257deg, rgba(54, 178, 231, 0.50) 28.91%, rgba(255, 255, 255, 0.00) 54.94%, rgba(58, 124, 191, 0.50) 80.96%), var(--White_Color);
    --PressedTab_Linear_Accent_Color: linear-gradient(319deg, rgba(255, 255, 255, 0.50) 1.57%, rgba(58, 124, 191, 0.50) 100.39%);
    --PressedTab_AccentLinear_Text_Color: linear-gradient(180deg, #36B2E7 0%, #3A7CBF 100%);
    --Banana_Light: #cbe0f7;
    /*******chartColor_Accent*******/
    --chartColor_1: #3A7CBF;
    --chartColor_2: #569DE4;
    --chartColor_3: #0b3fed;
    --chartColor_4: #78caed;
    --chartColor_5: #3a3fed;
    /*******chartColor_Gray*******/
    --chartColor_6: #1F1F1F;
    --chartColor_7: #4D4D4D;
    --chartColor_8: #7A7A7A;
    /*Border Color*/
    --PressedTab_AccentLinear_Border_Color: linear-gradient(317deg, #36B2E7 1.62%, #3A7CBF 97.74%);
    --Border_DokmeGholombe_Tar_Up_Daruni_Color_Dark3: linear-gradient(135deg, rgba(58, 124, 191, 0.50) 0%, #3A7CBF 100%);
    --Border_DokmeGholombe_Up_Daruni_Color_Dark: linear-gradient(135deg, rgba(58, 124, 191, 0.25) 0.66%, rgba(58, 124, 191, 0.50) 100.66%);
    /*Border*/
    --Border_DokmeMenu_Up_AccentBorder: 1px outset rgba(58, 124, 191, 0.50);
    /*Border Radius*/
    /*Light Shadows*/
    /*Dark Shadows*/
    --MenuBox_Dark_AccentShadow: 1px 1px 2px 0px rgba(58, 124, 191, 0.30) inset, -1px -1px 2px 0px rgba(58, 124, 191, 0.25) inset, -2px 2px 4px 0px rgba(58, 124, 191, 0.10), 2px -2px 4px 0px rgba(58, 124, 191, 0.10), -2px -2px 4px 0px rgba(58, 124, 191, 0.45), 2px 2px 5px 0px rgba(58, 124, 191, 0.45); /*Text Shadows*/
    /*Sizes*/
    /*Logo*/
    --Logo_OnLight: ../../Image/SMI_Images/smartMobility.svg;
    --Logo_onDark: ../../Image/SMI_Images/smartMobility.svg;
    --Logo_with_TXT_onLight: ../../Image/SMI_Images/smart-mobility_Black.svg;
    --Logo_with_TXT_onDark: ../../Image/SMI_Images/smart-mobility.svg;
    /*--iti-path-globe-2x: url("../../../images/vendor/globe@2x.webp");*/
}
/*#endregion Root*/



/*#region Btns*/
.YellowBorder_Box {
    border: 4px outset rgba(58, 124, 191, 0.50) !important;
}
/*#endregion Btns*/



/*#region ToggleSwitch*/
.mySwitchInput:checked + .mySwitchSlider:before {
    background: linear-gradient(180deg, rgba(58, 124, 191, 0.50) 0%, rgba(58, 124, 191, 0.41) 100%);
}
/*#endregion ToggleSwitch*/



/*#region tabulator_Table*/
@media (hover: hover) and (pointer: fine) {
    .tabulator-row.tabulator-selectable:hover {
        background: var(--projectMainAccent_BGColor);
    }
}

.tabulator .tabulator-footer .tabulator-pages .tabulator-page.active,
.tabulator .tabulator-footer .tabulator-pages .tabulator-page.active:hover {
    /*in background tarkibi az background-color va border-color ast*/
    background: linear-gradient(180deg, #36B2E7 0%, #3A7CBF 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: linear-gradient(317deg, rgba(54, 178, 231, 0.50) 1.62%, rgba(58, 124, 191, 0.50)) 97.74%;
}
/*#endregion tabulator_Table*/


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


.mySideNavbar_TopLogoImg {
    display: none;
    width: auto;
    height: 46px;
    flex-shrink: 0;
}

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

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


.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: none;
}


/*#region Dubai_Pelak*/


/* select مخفی دراپ‌داون */
.plate-letter-hidden-select-Dubai {
    display: none;
}

/* دراپ‌داون حروف در بخش اصلی */
.PelakField_Main .plateLetter_Dropdown_Dubai {
    flex: 1; /* یک سهم از فضا را بگیرد */
    flex: 2;
    min-width: 0;
    display: flex; /* برای اینکه فرزندش ارتفاع کامل بگیرد */
    height: 100%;
    align-items: center;
}


/* چرخش فلش */
.plateLetter_Dropdown_Dubai.open .dropdown-arrow, /* برای سازگاری با کد JS */
.plateLetter_Dropdown_Dubai.open .dropdown-arrow { /* برای سازگاری با کد JS */
    transform: rotate(180deg);
}

.PlateField_Dubaiflag {
    height: 72%;
    width: auto;
    align-self: center;
}

.plateLetter_Trigger {
    padding: 0 8px 1px 11px;
}

.PelakField_MainAlphabet {
    flex: 1 !important;
}

/*#endregion Dubai_Pelak*/


/* --- بازنویسی برای زبان انگلیسی --- */
.tabulator .tabulator-footer .tabulator-page[data-page="first"]::before,
:lang(en) .tabulator .tabulator-footer .tabulator-page[data-page="first"]::before {
    content: "First";
}

.tabulator .tabulator-footer .tabulator-page[data-page="last"]::before,
:lang(en) .tabulator .tabulator-footer .tabulator-page[data-page="last"]::before {
    content: "Last";
}

.tabulator .tabulator-footer .tabulator-paginator > label::before,
:lang(en) .tabulator .tabulator-footer .tabulator-paginator > label::before {
    font-size: 12px;
    content: "Show rows per page :";
}

:lang(en) .tabulator .tabulator-footer .tabulator-page-counter > span span:nth-of-type(1):before {
    content: "Showing";
}

:lang(en) .tabulator .tabulator-footer .tabulator-page-counter > span span:nth-of-type(3):before {
    content: "of";
}

:lang(en) .tabulator .tabulator-footer .tabulator-page-counter > span span:nth-of-type(5):before {
    content: "rows";
}

:lang(en) .ql-editor.ql-blank::before {
    content: "Write your text here...";
}

:lang(en) .myKanbanDragula_Table tbody tr .kanban-cell:nth-of-type(2)::before {
    content: "Agenda";
}

:lang(en) .myKanbanDragula_Table tbody tr .kanban-cell:nth-of-type(3)::before {
    content: "Awaiting Permission";
}

:lang(en) .myKanbanDragula_Table tbody tr .kanban-cell:nth-of-type(4)::before {
    content: "Awaiting Part & Core Return";
}

:lang(en) .myKanbanDragula_Table tbody tr .kanban-cell:nth-of-type(5)::before {
    content: "Technical Implementation";
}

:lang(en) .myKanbanDragula_Table tbody tr .kanban-cell:nth-of-type(6)::before {
    content: "Quality Control";
}

:lang(en) .myKanbanDragula_Table tbody tr .kanban-cell:nth-of-type(7)::before {
    content: "End Of Work";
}

.map-point, .mapPointStyle {
    background: var(--Accent_Divider_With_WhiteShadow_Color);
    padding: 1px 3px 3.5px !important;
    border: 1px solid var(--Blur_BG_Color);
    box-shadow: var(--MenuBox_Dark_AccentShadow);
    width: fit-content !important;
    min-width: 14px !important;
}

    .map-point.active, .mapPointStyle.active {
        background-color: initial;
        background: var(--White_Divider_With_AccentShadow_Color);
        color: white;
        border-color: inherit;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
        box-shadow: var(--MenuBox_Dark_AccentShadow);
    }