@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*Popup top right X (close)*/
.ui-dialog-titlebar-close {
    overflow: hidden;
}



/*Stock - start supplier order button*/
[id^="Action_GC_WhArticleBrowse_SupplierProcessStart"] {
    background: white;
    border: red 1px solid;
    color: red !important;
    padding: 0 !important;
    height: 20px;
    top: -4px;
    left: 10px;
    width: 20px;
    line-height: 8px;
}

/*Fleet Management - control tower - temporary 2020.09.19.*/
    #Container_Vehicle_Control_Map_Main_editor_container .trsbutton {
    margin-right: -8px;
    white-space: normal;
    padding: 4px 10px;
    max-width: 100px;
    width: 100px;
    font-size: var(--font-size-s);
    font-weight: bold;
    line-height: 12px;
}

#t_jqgrid_GCJQGridControl_Veh_Browse_Control_Map, #t_jqgrid_GCJQGridControl_Vehicle_Task_Browse {
    display: none;
}

#gview_jqgrid_GCJQGridControl_Vehicle_Task_Browse {
    border-left: #666 3px solid;
}

    #gview_jqgrid_GCJQGridControl_Vehicle_Task_Browse:before {
        content: "Activities";
        font-size: 15px;
        font-weight: bold;
        padding: 3px 0;
    }

#gview_jqgrid_GCJQGridControl_Veh_Browse_Control_Map:before {
    content: "Vehicles";
    font-size: 15px;
    font-weight: bold;
    padding: 3px 0;
}


#Container_Vehicle_Control_Map_Main_editor_container {
    background: #fafafa !important;
    height: 40px;
    margin: 0 0 2px 0;
    align-items: center;
}

/*Activity: business objects show them in 1 line*/

#Container_Editor_business_objects_editor_container .editor_container_container {
    display: inline;
}


/*#Use Case: Documentation BL height changes*/
#GCCustomContent_jqGrid_Documentation_jqgridcontainer table.ui-jqgrid-htable.table.table-condensed.table-striped.table-bordered.table-hover.no-margin {
    width: 20% !important;
}

table#jqgrid_GCCustomContent_jqGrid_Documentation {
    width: 20% !important;
}


#cont_flowcon_left__lev_1_editor_container > div.editor_container_container > div:nth-child(2) > div > div .radio_group_ios {
    display: inline-flex;
    background-color: grey !important;
    border-radius: 8px 8px 8px 8px !important;
}

#cont_flowcon_left__lev_1_editor_container > div.editor_container_container > div:nth-child(2) > div > div {
    margin-left: 25% !important;
}
/*#Use Case: SmartNoteHierarchy BL height changes*/
#gview_jqgrid_GCCustomContent_jqGrid_SmartNoteHierarchy_Note {
    height: 40vh !important;
    max-height: 40vh !important;
}

#gview_jqgrid_GCCustomContent_jqGrid_SmartNoteHierarchy_Req {
    height: 40vh !important;
    max-height: 40vh !important;
}

#gview_jqgrid_GCCustomContent_jqGrid_SmartNoteHierarchy_Note > div.ui-jqgrid-bdiv {
    height: 40vh !important;
    max-height: 40vh !important;
}

#gview_jqgrid_GCCustomContent_jqGrid_SmartNoteHierarchy_Req > div.ui-jqgrid-bdiv {
    height: 40vh !important;
    max-height: 40vh !important;
}
/*#Use Case: SMartNoteHierarchy BL height changes*/
#GCCustomContent_jqGrid_SmartNoteHierarchy_jqgridcontainer table.ui-jqgrid-htable.table.table-condensed.table-striped.table-bordered.table-hover.no-margin {
    width: 20% !important;
}

table#jqgrid_GCCustomContent_jqGrid_SmartNoteHierarchy {
    width: 20% !important;
}

/*full screen entity editor left menu - 1*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active {
    background-color: var(--skin-color-main) !important;
    color: white !important;
}

.headerbackground {
    background-color: var(--skin-color-base);
}

/*left menu elements - 7*/
.nav-pills > li > a {
    color: white;
}

/*left menu and top menu hover and active states - 1*/
.navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li > a:focus,
.gcth-item-icon-run:after {
    background-color: var(--skin-color-main);
    color: white;
}

/*main menu icon - 1*/
.logo_10xone:after {
    border-color: var(--skin-color-main);
}

.logo_10xone:hover {
    border: 20px solid var(--skin-color-main);
}

/*top menu highlighted - 1*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-color: var(--skin-color-menu);
}



#Container_ROPSCActivity_RadioButton_Menu_editor_container .radio_group_ios_item_selected {
    color: white !important;
}

#Container_ROPSCActivity_RadioButton_Menu_editor_container li .selected {
    color: var(--skin-color-3);
}

#Container_ROPSCActivity_WorkSheet_editor_container .radio_group_ios li {
    /*  color: 1px solid var(--skin-color-3) !important;*/
}

#Container_ROPSCActivity_WorkSheet_editor_container li .selected {
    color: var(--skin-color-3);
}

#Container_TmTask_Chat_Filters_editor_container .radio_group_ios li {
    max-width:100% !important;
}

#Action_FilterExpandable_ChatBL {
    font-size: var(--font-size-xl) !important;
    font-weight: bold;
    font-family: var(--font-4);
}

    #Action_FilterExpandable_ChatBL:after {
        font-family: 'Themify';
        content: " \e61c";
    }

.grid_color_activity {
    width: 30% !important;
    display: inline-block;
    height: 20px !important;
    min-height: 20px !important;
}

.caledar-top-buttons .control_composite_editor {
    float: right;
    width: 28% !important;
}

.caledar-top-buttons .control_check_box_editor {
    float: left;
    width: 10% !important;
}

#Container_ROPSCActivity_RadioButton_Menu_editor_container label {
    color: black !important;
}

#Container_ROPSCActivity_RadioButton_Menu_editor_container .line-left-menu {
    margin: 14px;
    width: 91%;
    display: inline-block;
    border: 1px solid lightgrey;
}

#id_Editor_container_docu_folder_editor_container > div.editor_container_container > div:nth-child(3) {
    margin-top: -10px;
}

#Container_ROPSCActivity_RadioButton_Menu_NetworkFilter_editor_container label {
    color: black !important;
    min-width: 156px !important;
}

.caledar-top-buttons .control_composite_editor .composite {
    width: 100% !important;
}

.caledar-top-buttons .ribbontoolbar {
    float: left;
}

/*buttons, links, add new, buttons before, email recipients, task start - 3*/
.grid_container_menu_txt .btn-default,
.link-email-recipients, .link-simple-action-special-item-small, #Act_TASK_START, #Act_TASK_START:before,
.messaging-forum-item-control .item-action-chatforvard, .messaging-control-text-email span, .messaging-control-text-email span:before,
.grid_container_add_new_image:before, .list_grid_container_add_new_image:before,
.drop-box-container .message,
.webshop-subsc-container-unique-style .action_container_no_margin_biggerfont,
.close_btn:before, .open_btn:before,
#Action_FilterExpandable, .link_simple_action_padding_rightbottom {
    color: var(--skin-color-3);
}

.drop-box-container .progress {
    background-color: var(--skin-color-3);
}

.view_selector_li.selected {
    color: var(--skin-color-3);
}

/*calendar full view - calendar entry (event) - 3*/
.fc-event {
    border: 1px solid var(--skin-color-3);
    background-color: var(--skin-color-3);
    color: #fff;
}
/*#ERROR: ROPSC-A: Double scroll bar issues*/
/*full calendar fix (height/scroll)*/
.fc .fc-view-harness {
    height: 84.5vh !important;
}

/*end - full calendar fix (height/scroll)*/

.link-email-recipients, .link_simple, .link_simple_action_bold, .link_simple_action, .action-style {
    color: var(--skin-color-main);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { /* 4 */
    background-color: var(--skin-color-2);
    background-image: none;
}

.plus_box {
    background-color: var(--skin-color-4);
}

.controlhint:hover {
    color: var(--skin-color-2);
}
/* 4 */

.gcth-item-icon-doc-delete:after {
    color: var(--skin-color-4);
}
/* 4 */

.flow-chart-right-toolbar-prop {
    background: var(--skin-color-4);
}


#container_UIP_TASK_STATUS_CHANGE_ctntop_editor_container {
    border-top: 2px var(--skin-color-4) solid; background: white;
}
/* 4 */

button.button_orange, button.button_red, .control-refresh, button.button_smartmap,
.link-simple-action-special-item, .link-simple-action-special-item-last {
    background-color: var(--skin-color-main);
    min-width: 80px !important;
}

    button.button_orange:hover, button.button_red:hover, .control-refresh:hover, button.button_smartmap:hover,
    .btn-warning:hover, .btn-warning:active, .btn-warning:focus,
    .btn:hover, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,
    .btn-warning:active, .btn-warning.active {
        box-shadow: 0 0 3pt 2pt var(--skin-color-4);
        background-position: 0;
    }

.dd_menu_item_main:hover {
    background-color: var(--skin-color-5);
    color: white;
    opacity: .6;
}

/*left bar - 6*/
.content_left {
    background-color: var(--skin-color-left);
}

#content_left label {
    color: white;
}

/*left menu input (e.g. search) fields - 8*/
#MenuPanel input, #MenuPanel .adv_lookup_new_button, #MenuPanel .search_panel_main input {
    color: #f3f3f3 !important;
    border-color: var(--skin-color-7);
    min-height: var(--height-l);
    font-size: var(--font-size-m);
}

.content_3_column_left #MenuPanel input, .content_3_column_left #MenuPanel .adv_lookup_new_button, .content_3_column_left #MenuPanel .search_panel_main input {
    color: #333 !important;
}

#MenuPanel input:read-only {
    background: #444 !important;
    color: white;
}

#MenuPanel .search_panel_main input::placeholder, #MenuPanel .multi-lookup-control .dropdown:after, #MenuPanel .icon_x {
    color: white;
}


#MenuPanel .search_panel_main, .view_selector {
    background-color: var(--skin-color-left-input);
}
/*left panel end */



/*buttons etc. active - 6*/
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    background: var(--skin-color-6);
}

/*solution store small buttons - 6*/
.grid-container-thumbnail-item-flag:after, .grid-container-thumbnail-item-flag-checked:after,
.grid-container-thumbnail-item-share:after, .grid-container-thumbnail-item-cart:after, .grid-container-thumbnail-item-run:after {
    color: var(--skin-color-6);
}

.accordion-group-head {
    background: var(--skin-color-6);
}
/* 6 */

#Act_TASK_FINISH_OPTION, #Act_TASK_FINISH, #Act_TASK_FINISH_OPTION:before, #Act_TASK_FINISH:before {
    color: var(--skin-color-9);
}
/* 9 */

/* Fun */
.fun .globe {
    background: -webkit-linear-gradient(top, #bbbbbb 0%, var(--skin-color-9) 100%);
    background: linear-gradient(to bottom, #bbbbbb 0%, var(--skin-color-9) 100%);
}

/*** End of color skins' definition ***/

/*** Start Themify icon styles ***/
.cti:before {
    font-family: 'Themify';
}

.ti-custom-text:before {
    content: "\e672";
}

.ti-custom-comment:before {
    content: "\e644";
}

.ti-custom-calendar:before {
    content: "\e6b6";
}

.ti-custom-time:before {
    content: "\e72b";
}

.ti-custom-list:before {
    content: "\e694";
}

.ti-custom-check-box:before {
    content: "\e64d";
}

.ti-custom-quote-right:before {
    content: "\e67e";
}

.ti-custom-money:before {
    content: "\e68c";
}
/*PWA*/
.ti-arrow-circle-down:before {
    content: "\e65f";
}

.ti-double-arrow-up:before {
    content: "\e660";
}

.ti-double-arrow-down:before {
    content: "\e663";
}

.ti-custom-help-alt:before {
    content: "\e69c";
}

.ti-custom-base-data:before {
    content: "\e62e";
}

.ti-custom-custom-form:before {
    content: "\e6ec";
}

.ti-custom-email:before {
    content: "\e75a";
}

.ti-custom-tasks:before {
    content: "\e630";
}

.ti-custom-docs:before {
    content: "\e6a4";
}
/*#REQ: New Left Side tab on main panel of edit windows - > 10xSHEETS - DEVELOP - #4195760#*/
.ti-custom-docs-sheets:before {
    content: "\e6a3";
}
/*END - #4195760#*/

/* 20250410 BB - #ERROR C 25-04-04 10xONE: Documents: Hyperlinks saved to binders are not saved and cannot be edited after binder is saved. */
.ti-new-window:before {
    content: "\e732";
}
/*END*/

.ti-custom-financials:before {
    content: "\e68c";
}

.ti-custom-indicators:before {
    content: "\e6aa";
}

.ti-custom-work-time:before {
    content: "\e6c6";
}

.ti-custom-more:before {
    content: "\e6e1";
}

.ti-custom-star:before {
    content: "\e60a";
}

.ti-custom-layers-alt:before {
    content: "\e630";
}

.ti-custom-comment-alt:before {
    content: "\e645";
}

.ti-custom-flag:before {
    content: "\e63a";
}

.ti-custom-user:before {
    content: "\e602";
}

.ti-custom-bag:before {
    content: "\e655";
}

.ti-custom-stats-up:before {
    content: "\e673";
}

.ti-custom-cloud-up:before {
    content: "\e6b2";
}

.ti-custom-cloud-down:before {
    content: "\e6b3";
}

.ti-custom-trash:before {
    content: "\e605";
}

.ti-custom-pencil:before {
    content: "\e61c";
}

.ti-custom-search:before {
    content: "\e610";
}

.ti-custom-printer:before {
    content: "\e681";
}

.ti-custom-layout-menu:before {
    content: "\e6f5";
}

.ti-custom-star:before {
    content: "\e60a";
}

.ti-custom-layout-slider:before {
    content: "\e6ef";
}

.ti-custom-export:before {
    content: "\e63e";
    font-family: Themify;
}

.ti-custom-save:before {
    content: "\e746";
}

.ti-custom-cancel:before {
    content: "\e646";
}

.ti-custom-publish:before {
    content: "\e62f";
}

.ti-custom-refresh:before {
    content: "\e619";
}

.ti-custom-export-edit:before {
    content: "\e61d";
}






/*** End Themify icon styles ***/


/*Custom login screens*/
#EditorContainer_Login_Header1_CustomLogin_editor_container .editor_container_column,
#EditorContainer_Login_Header1_CustomLogin_editor_container .editor_container_container,
#EditorContainer_Login_Header1_CustomLogin_editor_container .editor_container_column:nth-child(1),
#EditorContainer_Login_Header1_CustomLogin_editor_container .editor_container_column:nth-child(2),
#EditorContainer_Login_Header1_CustomLogin_editor_container .editor_container_column:nth-child(3),
#EditorContainer_Login_Header2_CustomLogin_editor_container .editor_container_column,
#EditorContainer_Login_Header2_CustomLogin_editor_container .editor_container_container,
#EditorContainer_Login_Header2_CustomLogin_editor_container .editor_container_column:nth-child(1),
#EditorContainer_Login_Header2_CustomLogin_editor_container .editor_container_column:nth-child(2),
#EditorContainer_Login_Header2_CustomLogin_editor_container .editor_container_column:nth-child(3),
#EditorContainer_Login_Footer1_CustomLogin_editor_container .editor_container_column,
#EditorContainer_Login_Footer1_CustomLogin_editor_container .editor_container_container,
#EditorContainer_Login_Footer1_CustomLogin_editor_container .editor_container_column:nth-child(1),
#EditorContainer_Login_Footer1_CustomLogin_editor_container .editor_container_column:nth-child(2),
#EditorContainer_Login_Footer1_CustomLogin_editor_container .editor_container_column_r:nth-child(3),
#EditorContainer_Login_Footer2_CustomLogin_editor_container .editor_container_column,
#EditorContainer_Login_Footer2_CustomLogin_editor_container .editor_container_container,
#EditorContainer_Login_Footer2_CustomLogin_editor_container .editor_container_column:nth-child(1),
#EditorContainer_Login_Footer2_CustomLogin_editor_container .editor_container_column:nth-child(2),
#EditorContainer_Login_Footer2_CustomLogin_editor_container .editor_container_column_r:nth-child(3),
#Button_10XONE_Reg_Login,
#Button_10XONE_FlowReg_Login,
#EditorContainer_Login_Main_CustomLogin_editor_container .editor_container_column:nth-child(1)
{
    display: none;
}

/*Main*/
#EditorContainer_Login_Main_CustomLogin_editor_container .editor_container_column,
#EditorContainer_Login_Main_CustomLogin_editor_container .editor_container_container,
#EditorContainer_Login_Main_CustomLogin_editor_container .editor_container_column:nth-child(2),
#EditorContainer_Login_Main_CustomLogin_editor_container .editor_container_column:nth-child(3),
#EditorContainer_Login_Main2_CustomLogin_editor_container .editor_container_column,
#EditorContainer_Login_Main2_CustomLogin_editor_container .editor_container_container,
#EditorContainer_Login_Main2_CustomLogin_editor_container .editor_container_column:nth-child(1),
#EditorContainer_Login_Main2_CustomLogin_editor_container .editor_container_column:nth-child(2),
#EditorContainer_Login_Main2_CustomLogin_editor_container .editor_container_column_r:nth-child(3)
{
    display: block;
}

#REGISTRATION_MODULE_Container_All_editor_container #Container_Expandable_SkinSelector_control {
    width: 99%;
    position: relative;
    overflow-x: visible;
    overflow-y: visible;
    margin: -50px 0 50px 5px;
    left: 0;
}

.container-expandable-registration .close_btn {
    display: none;
}

.container-registration-controls {
    font-size: var(--font-size-m);
}

    .container-registration-controls .control_adv_lookup_editor {
        background-color: transparent;
    }

    .container-registration-controls input {
    }

#REGISTRATION_MODULE_Container_All_editor_container .input-group {
    width: 100%;
}

.container-registration-controls .adv_lookup_new_button,
.container-registration-controls .input_box_btn {
    background-color: white;
}

.container-reg-extended, .container-reg-extended-areasofinterest-title {
    margin-top: 10px;
}

.container-reg-extended-row-distance-phone {
    margin-top: 15px;
}

.container-reg-extended label {
    font-size: var(--font-size-m);
}

.container-reg-extended input {
    font-size: var(--font-size-m);
    background-color: white;
}

.container-reg-extended .input_box_btn {
    background-color: white;
}

.container-reg-agreeterms label {
    display: none;
}

.container-expandable-more-details {
    margin-top: 25px;
    font-size: var(--font-size-m);
    display: none;
}

.style-number-of-users {
    margin-left: 0px;
}

.container-registration-all {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    width: 100%;
    height: 93%;
}

    .container-registration-all .action_container {
        margin: 0 auto;
        width: 90%;
        text-align: center;
    }

/*Registration done screen*/

#Container_Request_Sent_editor_container {
    line-height: 45px;
    font-size: var(--font-size-l);
    background: white;
    padding: 20px;
    margin-top: 20px;
    border-top: 50px solid #fda527;
    width: 70%;
    font-family: var(--font-4);
}

/* Sign up fix */

#REGISTRATION_MODULE_Container_All_editor_container {
    margin: 0 auto;
    width: 96%;
    overflow-y: hidden;
}

#Container_Main_Registration__m {
    padding-bottom: 1em;
}


#REGISTRATION_MODULE_Container_All_editor_container .adv_lookup_panel {
    z-index: 10;
    min-height: 4em !important;
    margin-top: 19px;
}

#REGISTRATION_MODULE_Container_All_editor_container .adv_lookup_item {
    font-size: var(--font-size-s);
}

#REGISTRATION_MODULE_Container_All_editor_container .input_box_container {
    font-size: var(--font-size-m);
    padding-bottom: 5px;
    border: none;
}


#REGISTRATION_MODULE_Container_All_editor_container .input_box_input,
#REGISTRATION_MODULE_Container_All_editor_container .multi-lookup-control {
    margin-right: 5px;
    border: 1px solid #efefef;
    border-bottom: #fda527 1px solid;
}


#REGISTRATION_MODULE_Container_All_editor_container .link_simple,
#REGISTRATION_MODULE_Container_All_editor_container .radio_btn {
    display: none;
}
/*** End of Registration screen ***/

/*** Registration, special ***/
#Button_FlowChart_DoGoogleRegistration {
    margin-top: 15px;
}

    #Button_FlowChart_DoGoogleRegistration:hover {
        cursor: pointer;
    }

#Button_DoGoogleRegistration {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    /*//SM 20210630: Google login link color*/
    margin-bottom: 8px;
    color: var(--skin-color-main);
}


#Button_DoRegistration {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: -1.85em;
    display: table;
    margin-bottom: 1em;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}

#Button_DoGoogleRegistration:hover {
    cursor: pointer;
}
/*** End of Registration, special ***/


/*** MLM Registration ***/
div[data-form-id="ContentCollection_MLM_CLIENT_REGISTRATION_MODULE_mainform_UI_DBS"] .control_check_box_editor {
    margin-top: 0px !important;
}
/*** End of MLM Registration ***/

/*** Setup partner after registration ***/
#Container_Setup_CC_And_Partner_Main_container {
    width: 60%;
    margin: auto;
    padding-top: 2%;
}

    #Container_Setup_CC_And_Partner_Main_container .label_big_bold {
        background: var(--skin-color-main);
        padding: 10px;
        color: white;
        text-transform: uppercase;
        font-size: var(--font-size-xl);
        margin-bottom: 20px;
    }

    #Container_Setup_CC_And_Partner_Main_container .container_box {
        border-top: #ddd 1px solid;
        padding-top: 15px;
    }
/*** End of Setup partner after registration  ***/

/***Login screen - 10xone logo***/
#Container_Header_Login_container {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22133%22%20height%3D%2235%22%20viewBox%3D%220%200%20133%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMid%20meet%22%3E%0D%0A%3Cpath%20d%3D%22M0.800781%209.59375L7.48047%207.60156H10.957V31H5.91797V12.7578L1.83594%2013.7539L0.800781%209.59375ZM15.6701%2019.4375V19.3984C15.6701%2017.6927%2015.9175%2016.1172%2016.4123%2014.6719C16.9071%2013.2135%2017.6037%2011.944%2018.5022%2010.8633C19.4136%209.78255%2020.5074%208.92969%2021.7834%208.30469C23.0725%207.67969%2024.4918%207.36719%2026.0412%207.36719C27.5647%207.36719%2028.9579%207.67318%2030.2209%208.28516C31.4839%208.89714%2032.5647%209.73698%2033.4631%2010.8047C34.3746%2011.8724%2035.0777%2013.1419%2035.5725%2014.6133C36.0673%2016.0716%2036.3147%2017.6406%2036.3147%2019.3203V19.3984C36.3147%2021.0781%2036.0673%2022.6471%2035.5725%2024.1055C35.0777%2025.5508%2034.3746%2026.8138%2033.4631%2027.8945C32.5647%2028.9753%2031.4709%2029.8281%2030.1819%2030.4531C28.9058%2031.0781%2027.4931%2031.3906%2025.9436%2031.3906C24.3941%2031.3906%2022.9878%2031.0846%2021.7248%2030.4727C20.4618%2029.8607%2019.3746%2029.0208%2018.4631%2027.9531C17.5647%2026.8854%2016.8746%2025.6224%2016.3928%2024.1641C15.911%2022.6927%2015.6701%2021.1172%2015.6701%2019.4375ZM20.9045%2019.3984C20.9045%2020.4401%2021.0217%2021.4167%2021.2561%2022.3281C21.5035%2023.2266%2021.8485%2024.0078%2022.2912%2024.6719C22.7339%2025.3229%2023.2743%2025.8438%2023.9123%2026.2344C24.5503%2026.612%2025.26%2026.8008%2026.0412%2026.8008C26.8095%2026.8008%2027.4996%2026.6185%2028.1115%2026.2539C28.7235%2025.8763%2029.2574%2025.362%2029.7131%2024.7109C30.1688%2024.0469%2030.5074%2023.2721%2030.7287%2022.3867C30.9631%2021.4883%2031.0803%2020.5052%2031.0803%2019.4375V19.3984C31.0803%2018.3307%2030.9566%2017.3477%2030.7092%2016.4492C30.4748%2015.5378%2030.1298%2014.7565%2029.674%2014.1055C29.2183%2013.4544%2028.6714%2012.9336%2028.0334%2012.543C27.3954%2012.1523%2026.6988%2011.957%2025.9436%2011.957C25.1753%2011.957%2024.4852%2012.1458%2023.8733%2012.5234C23.2613%2012.888%2022.7339%2013.4023%2022.2912%2014.0664C21.8485%2014.7174%2021.5035%2015.4922%2021.2561%2016.3906C21.0217%2017.276%2020.9045%2018.2526%2020.9045%2019.3203V19.3984ZM59.2248%2019.4375V19.3984C59.2248%2017.7188%2059.5308%2016.1628%2060.1428%2014.7305C60.7548%2013.2852%2061.6141%2012.0091%2062.7209%2010.9023C63.8277%209.79557%2065.1363%208.92969%2066.6467%208.30469C68.1571%207.67969%2069.8173%207.36719%2071.6272%207.36719C73.411%207.36719%2075.0582%207.67969%2076.5686%208.30469C78.079%208.92969%2079.3811%209.78255%2080.4748%2010.8633C81.5686%2011.944%2082.4214%2013.2135%2083.0334%2014.6719C83.6454%2016.1172%2083.9514%2017.6667%2083.9514%2019.3203V19.3984C83.9514%2021.0521%2083.6389%2022.6016%2083.0139%2024.0469C82.3889%2025.4792%2081.5295%2026.7487%2080.4358%2027.8555C79.342%2028.9622%2078.0334%2029.8281%2076.51%2030.4531C74.9865%2031.0781%2073.3329%2031.3906%2071.549%2031.3906C69.7652%2031.3906%2068.1181%2031.0781%2066.6076%2030.4531C65.0972%2029.8281%2063.7951%2028.9753%2062.7014%2027.8945C61.6076%2026.8138%2060.7548%2025.5508%2060.1428%2024.1055C59.5308%2022.6471%2059.2248%2021.0911%2059.2248%2019.4375ZM64.5959%2019.3984C64.5959%2020.388%2064.7587%2021.3255%2065.0842%2022.2109C65.4227%2023.0833%2065.911%2023.8516%2066.549%2024.5156C67.1871%2025.1797%2067.9293%2025.707%2068.7756%2026.0977C69.635%2026.4883%2070.5855%2026.6836%2071.6272%2026.6836C72.6428%2026.6836%2073.5738%2026.4948%2074.4201%2026.1172C75.2795%2025.7396%2076.0152%2025.2188%2076.6272%2024.5547C77.2391%2023.8906%2077.7144%2023.1289%2078.053%2022.2695C78.4045%2021.3971%2078.5803%2020.4531%2078.5803%2019.4375V19.3984C78.5803%2018.3828%2078.4045%2017.4388%2078.053%2016.5664C77.7144%2015.681%2077.2326%2014.9062%2076.6076%2014.2422C75.9826%2013.5781%2075.2339%2013.0508%2074.3615%2012.6602C73.5022%2012.2695%2072.5647%2012.0742%2071.549%2012.0742C70.5074%2012.0742%2069.5569%2012.263%2068.6975%2012.6406C67.8511%2013.0182%2067.122%2013.5391%2066.51%2014.2031C65.898%2014.8672%2065.4227%2015.6354%2065.0842%2016.5078C64.7587%2017.3672%2064.5959%2018.3047%2064.5959%2019.3203V19.3984ZM88.4631%2031V7.75781H93.1897L104.069%2022.0742V7.75781H109.108V31H104.752L93.5022%2016.2344V31H88.4631Z%22%20fill%3D%22%232F234B%22%3E%3C%2Fpath%3E%0D%0A%3Cpath%20d%3D%22M38.8537%2031L45.0842%2021.957L39.0881%2013.207H44.4983L47.8186%2018.4023L51.178%2013.207H56.4514L50.4553%2021.918L56.7248%2031H51.2951L47.7405%2025.4336L44.1272%2031H38.8537Z%22%20fill%3D%22%23EF3E23%22%3E%3C%2Fpath%3E%0D%0A%3Crect%20x%3D%22130%22%20y%3D%228%22%20width%3D%224.49142%22%20height%3D%2215%22%20transform%3D%22rotate%2890%20130%208%29%22%20fill%3D%22%23EF3E23%22%3E%3C%2Frect%3E%0D%0A%3Crect%20x%3D%22130%22%20y%3D%2226.5086%22%20width%3D%224.49142%22%20height%3D%2215%22%20transform%3D%22rotate%2890%20130%2026.5086%29%22%20fill%3D%22%23EF3E23%22%3E%3C%2Frect%3E%0D%0A%3Cpath%20d%3D%22M126.5%2017.1309V21.6223H115V17.1309H126.5Z%22%20fill%3D%22%23EF3E23%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    height: 250px;
    background-position: center;
    margin-bottom: var(--height-input-box);
}

    #Container_Header_Login_container .label_medium_bold_center {
        display: none;
    }

.container-registration-controls .multi_lookup {
    font-size: var(--font-size-m);
    height: 14px;
    background-color: Transparent;
}

#EditorContainer_Log_All_editor_container {
    z-index: 10000;
    width: 33%;
    padding: 5% 35px 5% 35px;
    position: relative;
    float: left;
    background: transparent;
}

.container-login-controls .container_box {
    width: 100%;
    border: none;
    background: none;
    padding: 0 5%;
}


.container-login-controls label {
    font-size: var(--font-size-l);
    padding-right: 1.2em;
    min-width: 8em;
    max-width: 20em;
}

.container-login-controls .input-group-addon {
    display: none;
}


.container-login-controls .input-group textarea {
    border: #eee 1px solid;
}

.container-login-controls .control_check_box_editor {
    max-width: 11.2em;
    position: relative;
    left: -1.3em;
}

    .container-login-controls .control_check_box_editor label {
        position: relative;
        left: 1.3em;
        top: 0.1em;
        padding-right: 1.2em;
        min-width: 12em;
        background: none;
    }

.container-login-controls input {
    font-size: var(--font-size-l);
}

.container-login-controls .close_btn, .container-login-controls .open_btn {
    font-size: var(--font-size-m);
    margin-top: 10px;
    font-family: var(--font-3);
}

.container-login-controls button.button_orange, #googlelogin {
    text-transform: uppercase;
    margin: 30px 0 20px 0;
    min-width: 230px;
    font-size: var(--font-size-l);
    cursor: pointer;
    width: 50% !important;
    min-width: 100% !important;
    border-radius: 20px;
    -webkit-border-radius: 20px;
}


#googlelogin {
    height: 50px;
    border: orange 3px solid;
    color: orange;
    margin-top: 20px;
    position: relative;
    padding: 16px 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    /* underline: none;*/
    font-weight: bold;
    font-family: var(--font-3);
    text-transform: uppercase;
    text-align: center;
}

    #googlelogin:hover {
        cursor: pointer;
    }

#googlelogin_a:hover, #googlelogin_a:focus {
    text-decoration: none !important;
}


.horizontal-line-padding {
    display: block;
    border-bottom: 1px solid var(--skin-color-input-border);
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    padding-top: 5px;
}

.container-login-top-cover {
    background-color: white;
    height: 87px;
    left: 0;
    right: 0;
    margin-top: -87px;
    position: fixed;
    z-index: 110;
    display: none;
}

.container-request-sent {
    position: fixed;
    font-size: var(--font-size-m);
    width: 400px;
}

/* login screen additional background to hide middle panel */
.editor_container_container.container-login-middle-cover {
    position: fixed;
    height: 30000em;
    top: -10px;
    left: -200px;
    width: 160%;
    z-index: 9999;
    background: url(../images/login_sign_up_background.png) no-repeat center top white;
    background: url(../images/login_bg_3_15.gif) no-repeat center top white;
    background-size: 100%;
}

/* login screen center after left aligning main block */

#EditorContainer_Log_All_editor_container .label_big_bold_center {
    padding: 10px 20px;
}

.container-login-controls .input-group {
    margin-bottom: 10px;
    width: 100%;
}

    .container-login-controls .input-group .form-control {
        min-height: 60px !important;
        background: white;
        border-radius: 30px !important;
        -webkit-border-radius: 30px !important;
    }


#Container_Login_Buttons_editor_container {
    width: 90%;
    margin: 0 auto;
}

#Button_Password_Reminder {
    float: right;
    margin-right: 0;
}

#Action_Reminder_Action {
    float: right;
    margin-top: -3px;
}

#Action_Registration_Action {
    float: left;
    width: 100%;
    font-size: var(--font-size-l);
    margin-top: -10px;
    margin: auto 0;
    text-align: center;
}

#Login_10XONE_CONTAINER_SignIn_editor_container {
    text-align: center;
}

    #Login_10XONE_CONTAINER_SignIn_editor_container .action_container {
        margin: 0;
    }
/***End of login***/

/*** Styles for my profile screen ***/
#Container_Base_editor_container {
    background: white;
    padding: 10px;
}
/*** End of Styles for my profile screen ***/

/*TaskMenuBrowseList - NewTask*/
.task_menu_browse_list .content_left {
    background: #f7f7f5;
    position: fixed;
    margin: 10px 5px 15px 0;
    z-index: 1000;
    overflow-y: scroll;
    width: 20% !important;
    padding-left: 0 !important;
    padding-right: 5px !important;
}

.task_menu_browse_list #main_content {
    margin: 7px 0 0 0;
    padding: 0 0 0 8px;
    width: 80% !important;
    left: 20% !important;
}

.task_menu_browse_list .search_panel_main {
    background-color: white !important;
    color: black !important;
    border-color: #a7b1c2 !important;
}

.task_menu_browse_list #MenuPanel input,
.task_menu_browse_list #MenuPanel .search_panel_main,
.task_menu_browse_list #MenuPanel .adv_lookup_new_button {
    background-color: white !important;
    color: black !important;
    border-color: #a7b1c2 !important;
}

.task_menu_browse_list #MenuPanel .glyphicon-search:before {
    color: black;
}

.task_menu_browse_list .grid_container_container {
    margin-bottom: 0;
    border-bottom: 1px solid var(--skin-color-input-border);
}


.task_menu_browse_list .selected .grid_container_container {
    border: 2px solid #778899;
    background: #eaeaea;
    border-right: none;
}

.task_menu_browse_list .grid_container_container:hover {
    background-color: #eee;
}


.task_menu_browse_list::-webkit-scrollbar {
    width: 5px !important;
}

/*EMail Task Assign*/
.email-assign-container {
    margin-left: 10px;
}

/*Task assign mail*/
div[id^="GCGridContainer_AssignTask_Browse_row_"] .image-list-block {
    display: block;
    float: right;
    margin-left: 2em;
    margin-right: 5px;
}

div[id^="GCGridContainer_AssignTask_Browse_row_"] .link_simple_action {
    color: rgb(81, 81, 81);
    font-size: var(--font-size-m);
    word-wrap: break-word;
}

    div[id^="GCGridContainer_AssignTask_Browse_row_"] .link_simple_action:hover {
        text-decoration: none;
    }

div[id^="GCGridContainer_AssignTask_Browse_row_"] .grid_container_container {
    margin-bottom: -1px;
}


div[id^="GCGridContainer_AssignTask_Browse_row_"] .editor_container_column {
    float: left;
    font-size: var(--font-size-m);
}

div[id^="GCGridContainer_AssignTask_Browse_row_"] .editor_container_column_r {
    float: right;
    font-size: var(--font-size-m);
    text-align: center;
}

div[id^="GCGridContainer_AssignTask_Browse_row_"] .grid_container_container {
    min-height: 19px;
}

/*EMail assign task*/
div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"] .link_simple_action_bold {
    color: rgb(81, 81, 81);
    font-size: var(--font-size-m);
    word-wrap: break-word;
}

    div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"] .link_simple_action_bold:hover {
        text-decoration: none;
    }

div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"] .link_simple_action {
    color: rgb(81, 81, 81);
    font-size: var(--font-size-m);
    word-wrap: break-word;
}

    div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"] .link_simple_action:hover {
        text-decoration: none;
    }

div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"] .grid_container_container {
    margin-bottom: -1px;
}


div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"] .editor_container_column {
    float: left;
    font-size: var(--font-size-m);
}

div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"] .editor_container_column_r {
    float: right;
    font-size: var(--font-size-m);
    text-align: center;
}

div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"].grid-container-list-item .radio_btn {
    position: relative;
    cursor: pointer;
    content: " ";
    float: left;
    border: 1px #ccc solid;
    margin-top: -6px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 14px;
    height: 14px;
    top: 0em;
    padding-top: 0em;
    padding-left: 0em;
}

div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"].grid-container-list-item div[id$="_u"].radio_btn:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #ddd;
    margin-left: 1px;
}

div[id^="GCGridContainer_EMAIL_Messages_ASSIGN_row_"] .grid_container_container {
    min-height: 19px;
}

div[id^="Conatiner_EMail_Assign_Gmail_View_editor_container"] {
    margin-left: -5px;
}

/* Attach e-mail to activity button  13.5.15*/
#Container_Task_Lookup_Connect_editor_container button.button_red {
    margin-top: 8px;
    margin-left: 5px;
    min-width: 170px;
    padding-top: 1.3em;
}


/* Task tags unique style */
.editor_container_container.task-tags {
    padding: 5px 2px 5px 2px;
    width: 96%;
}

/* activity start-finish */

#Con_Task_Inner_State_Name_editor_container {
    margin-left: -14px;
}

#Act_TASK_FINISH_OPTION, #Act_TASK_FINISH, #Act_TASK_START {
    background: none;
}

#Act_TASK_START, #Act_TASK_FINISH_OPTION, #Act_TASK_FINISH {
    color: var(--skin-color-main) !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding:0 0 5px 0;
}

.ui-widget-content #Act_TASK_START, .ui-widget-content #Act_TASK_FINISH, .ui-widget-content #Act_TASK_FINISH_OPTION {
    font-size: 0;
    width: 100px;
}

#Act_TASK_FINISH_OPTION:before, #Act_TASK_FINISH:before, #Act_TASK_START:before {
    font-family: Themify;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 12px;
    margin: 5px 5px -10px -10px;
    color: white !important;
}

#Act_TASK_START:before {
    content: "\e6ad";
    background: var(--skin-color-9);
}

#Act_TASK_FINISH_OPTION:before,
#Act_TASK_FINISH:before {
    content: "\e64c";
    background: var(--skin-color-main);
    font-size: var(--font-size-l);
}

#ontime_end_editor_container, #ontime_start_editor_container, #late_end_editor_container, #late_start_editor_container {
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
    margin-right: 3px;
}
#late_end_editor_container, #late_start_editor_container {background: red;}
#ontime_end_editor_container, #ontime_start_editor_container {background: green;}


/* Task start/finish and task status unique style */
#Con_Activity_Status_editor_container {
    background: #fcfcfc;
    padding: 5px;
    border-left: #ddd 5px solid;
}

    #Con_Activity_Status_editor_container .grid_container_blue_label {
        margin: 12px 0;
    }

/* Make activity email to fit into area */
#TaskMessagesEmail_container {
    width: 96.5%;
}

/* Activity browse list view styles */
#Button_Task_Cell_Save_All {
    left: .2em;
    line-height: 1.2em;
    min-width: 16em;
    padding: 10px;
}

/*** workflow ***/
#GCGridContainer_Task_Edit_Status__GridContainer .grid-container-edit {
    padding: 10px;
    border-left: 5px solid #aaa;
}

/*Workflow step name in edit mode */

.editor_container_container #Container_ORDER_TASK__TASK_editor_container .SIDEBAR_ITEM_BOLD_div {
    padding: 15px 0 15px 0;
    margin-top: -10px;
    display: inline-flex;
    align-items: center;
}

    .editor_container_container #Container_ORDER_TASK__TASK_editor_container .SIDEBAR_ITEM_BOLD_div:before {
        content: "\e697";
        font-family: Themify;
        padding: 10px;
        font-size: var(--font-size-l);
        margin-right: 10px;
        top: 2px;
        position: relative;
        border: #ddd 1px solid;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        font-weight: bold;
    }

/*Workflow large (not jump control!!) jump selector: where to go next */

button[data-10xid="UIP_TASKMODULE_TM_TASK_EDIT:PATH_Tab_task_in_down__TabSheet_Task_Partner_Con:CustomContent_TaskPartnerCon_Operations_button"] {
    margin-right: 10px;
    padding: 10px;
    min-height: 40px;
}

div[id="Container_Task_Menu_View_Selector_editor_container"] .input-group {
    width: 100%;
}

#NewTaskContainer_inner_editor_container {
    border: #eee 1px solid;
    padding: 5px;
    border-radius: 25px;
    background: #f2f2f2;
}
/*** End of Task, activity ***/
/***   E-mail web client ***/
#Action_Email_Browse_NewActivity:before {
    content: '\e61a';
}

#Action_Email_Browse_ExistingActivity:before, #Button_Project_Lookup_Connect:before, #Button_Task_Lookup_Connect:before {
    content: '\e628';
    position: relative;
}

#Action_Email_Browse_Delete:before {
    content: '\e605';
}

#Action_Email_Acc_Get_All_Folders {
    margin-bottom: 10px;
}

#Action_New_Email:before {
    content: '\e61a';
}

#a_calcel_readonly:before, #Button_CancelInvoice {
    content: '\e646';
    margin: 0em 0 0 .3em;
}

div[id="DataFilter_EMAIL_Messages_data_filter"] div.search_panel_search {
    width: 100%;
    border-color: #333;
}

#Button_Project_Lookup_Connect:before, #Button_Task_Lookup_Connect:before {
    margin-top: -4px;
}

#Button_Project_Lookup_Connect:before {
    content: '\f061 N';
}


/***  End of E-mail web client ***/


/***Contract***/

#Container_ContractEdit_Menu_EditMode_container.menupanel-editmode .nav-stacked li:first-child:before {
    content: "\e62e";
}

#Container_ContractEdit_Menu_EditMode_container.menupanel-editmode .nav-stacked li:nth-child(2):before {
    content: "\e65d";
}

#Container_ContractEdit_Menu_EditMode_container.menupanel-editmode .nav-stacked li:nth-child(3):before {
    content: "\e64d";
}

#Container_ContractEdit_Menu_EditMode_container.menupanel-editmode .nav-stacked li:nth-child(4):before {
    content: "\e630";
}
/*#REQ: 10xSheet - CONTRACTS: Implement 10xSheet plug in for CONTRACTS BL - #4201979#*/
#Container_ContractEdit_Menu_EditMode_container.menupanel-editmode .nav-stacked li:nth-child(5):before {
    content: "\e6a3";
}
/*#END - #4201979#*/
#Container_ContractEdit_Menu_EditMode_container.menupanel-editmode .nav-stacked li:nth-child(6):before {
    content: "\e68c";
}

#Container_ContractEdit_Menu_EditMode_container.menupanel-editmode .nav-stacked li:nth-child(7):before {
    content: "\e6aa";
}
/***End of contract***/


/***HR Employee and calendar***/

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:first-child:before {
    content: "\e62e";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(2):before {
    content: "\e65d";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(3):before {
    content: "\e64d";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(4):before {
    content: "\e630";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(5):before {
    content: "\e6a3";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(6):before {
    content: "\e68c";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(7):before {
    content: "\e6aa";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(8):before {
    content: "\e75a";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(9):before {
    content: "\e6e1";
}

#Container_Employee_EditMenuMode_container.menupanel-editmode .nav-stacked li:nth-child(10):before {
    content: "\e6c6";
}

#New_Action_Temp_Block_User_JQ_Edit:before {
    content: "\e620";
}

#New_Action_Unblock_User_JQ_Edit:before {
    content: "\e670";
}

#New_Action_Inactivate_User_JQ_Edit:before {
    content: "\e635";
}

#New_Action_History_JQ_Edit:before {
    content: "\e668";
}

#New_Action_TimeReport_JQ_Edit:before {
    content: "\e713";
}

#New_Action_Login:before {
    content: "\e71f";
}

#New_Action_Logout:before {
    content: "\e732";
}

#New_Action_Reminder__JQ_Edit:before {
    content: "\e75a";
}

#Container_Employee_Datainput_Base_Datas_editor_container {
    margin: 0;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    background: white;
    z-index: 10;
}

.hrtm-menu-holidays {
    background: #999;
    font-weight: bold;
    line-height: 1.5;
    padding: 10px 0 10px 10px;
    text-transform: uppercase;
    font-family: var(--font-5);
    margin-bottom: 10px;
}

.hrtm-menu-holidays-only-font {
    font-weight: bold;
    line-height: 1.5;
    padding: 10px 0 10px 10px;
    text-transform: uppercase;
    font-family: var(--font-5);
    margin-bottom: 10px;
}

.hrtm-menu-holidays-white {
    background: var(--skin-color-dark-inverse);
    font-weight: bold;
    line-height: 1.5;
    padding: 2px;
    text-transform: uppercase;
    font-family: var(--font-5);
    margin: 10px 0;
}

.modified_rest_day_header span {
    color: red;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 2px;
    min-width: 18px;
    text-align: center;
}

.modified_work_day_header span {
    color: black;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 2px;
    min-width: 18px;
    text-align: center;
}

.rest_day_header span {
    color: red;
    padding: 2px;
    min-width: 18px;
    text-align: center;
}
/* WorkTime Browse */
.worktime .radio_group_ios {
    margin: 0px 0px 42px 0px;
}

    .worktime .radio_group_ios li {
        padding: 0px 2px;
        font-size: var(--font-size-s);
    }


/* Worktime and holiday management - buttons and icons */

#Container_HRTM_View_TabsAndActions_editor_container .nav-tabs {
    margin: 0;
}

    #Container_HRTM_View_TabsAndActions_editor_container .nav-tabs > li {
        text-transform: none;
    }

#Container_HRTM_View_TabsAndActions_editor_container li {
    min-width: 19%;
}

li#Tab_HRTM_Tab_Calendar_tab a:before, li#Tab_HRTM_Tab_Holiday_tab a:before, li#Tab_HRTM_Tab_Approval_tab a:before, li#Tab_HRTM_Tab_ShiftSchedule_tab a:before,
li#Tab_HRTM_Tab_PresenceSheet_tab a:before {
    font-family: FontAwesome;
    content: "\f073";
    padding: 5px;
    font-size: var(--font-size-l);
    margin: 0 5px 0px -10px;
    display: inline;
}

li#Tab_HRTM_Tab_Holiday_tab a:before {
    content: "\f03a";
}

li#Tab_HRTM_Tab_Approval_tab a:before {
    content: "\f058";
}

li#Tab_HRTM_Tab_ShiftSchedule_tab a:before {
    content: "\f017";
}

li#Tab_HRTM_Tab_PresenceSheet_tab a:before {
    content: "\f03c";
}

#Container_HRTM_View_TabsAndActions_editor_container .save_cancel_datainput {
    padding: 5px 0 20px 10px;
}

div[data-10xid="UI_HR_TIME_MANAGEMENT:PATH_:Editor_HRTM_StateView_Tab"] ul div li:before {
    content: "\f128";
    padding: 5px;
    font-size: var(--font-size-m);
    margin: 0 5px 0px -10px;
    display: inline;
    font-family: FontAwesome;
}

div[data-10xid="UI_HR_TIME_MANAGEMENT:PATH_:Editor_HRTM_StateView_Tab"] ul div:nth-of-type(2) li:before {
    content: "\f00c";
}

div[data-10xid="UI_HR_TIME_MANAGEMENT:PATH_:Editor_HRTM_StateView_Tab"] ul div:nth-of-type(3) li:before {
    content: "\f00d";
}

div[data-10xid="UI_HR_TIME_MANAGEMENT:PATH_:Editor_HRTM_StateView_Tab"] ul div:nth-of-type(4) li:before {
    content: "\f141";
}

#Container_HTRM_View_DateSelector_editor_container button {
    background: none !important;
    color: #666 !important;
    background: #f2f2f2 !important;
    font-size: var(--font-size-xl);
    padding: 0 13px;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 30px;
    min-width:30px!important;
}

div#Container_HRTM_Edit_Dates_editor_container label {
    margin-left: 40px;
}

#Container_HR_TimeManagement_Calendar_View_container {
    margin-top: calc(-1*var(--height-s));
}

/***Resource calendar ribbontoolbar buttons***/
#Action_HTRM_View_NewWorkTime:before, #Action_HTRM_View_PlusNewWorkTime:before {
    content: "\e6b6";
}

#Action_HTRM_View_NewHoliday:before, #Action_HTRM_View_PlusNewHoliday:before {
    content: "\e678";
}

#Action_Calendar_AddTask:before, #Action_Calendar_PlusAddTask:before {
    content: "\e6b6";
}

#Action_Calendar_AddTask:before, #Action_Calendar_PlusAddProjectTeam:before {
    content: "\e737";
}

#Action_Calendar_AddTask:before, #Action_Calendar_PlusAddColleague:before, #Action_AddSystemUser:before {
    content: "\e75a";
}

#Action_Download_Remote_App {
    text-decoration: underline;
}

    #Action_Download_Remote_App:before {
        content: "\e6b3";
        margin: 0 0 0 10px;
        padding: 0 5px 0 0;
    }


.member-state {
    font-family: 'Themify';
    font-size: var(--font-size-l);
}

    .member-state.offline:before {
        content: "\e682";
        color: #999999;
    }

    .member-state.online:before {
        content: "\e602";
        color: #6767f2;
    }

    .member-state.notavailable:before {
        content: "\e6ae";
        color: #6767f2;
    }

    .member-state.working:before {
        content: "\e63d";
        color: #a5c562;
        cursor: pointer;
    }

.htmlcircle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}


/***End of HR Employee and calendar***/


/*Vehicle full screen left panel specific icons*/
#Container_Vehicle_EditMode_container .nav-stacked li:first-child:before {
    content: "\e62e";
}

#Container_Vehicle_EditMode_container .nav-stacked li:nth-child(2):before {
    content: "\e680";
}

#Container_Vehicle_EditMode_container .nav-stacked li:nth-child(3):before {
    content: "\e64c";
}

#Container_Vehicle_EditMode_container .nav-stacked li:nth-child(4):before {
    content: "\e6a4";
}

#Container_Vehicle_EditMode_container .nav-stacked li:nth-child(5):before {
    content: "\e68c";
}

#Container_Vehicle_EditMode_container .nav-stacked li:nth-child(6):before {
    content: "\e6aa";
}


/***Vehicle damage views controls***/

.reparing-market-and-vehicle-properties-bold {
    font-weight: bold;
}

.censurer-picture-store-list-item-label {
    font-weight: bold;
    text-align: center;
}

.censurer-picture-store-list-item-label-light-grey {
    font-weight: bold;
    text-align: center;
    background-color: lightgray;
}

#Container_VehDamageEdit_Tab26_editor_container {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(207, 207, 207);
    border-image: initial;
}

#Container_VehDamageEdit_Tab25Cont1_CC_control {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(207, 207, 207);
    border-image: initial;
}

#GCGrid_VehDamageEditDatainput_ImagesCensure__GridContainer {
    height: 700px;
    overflow: scroll;
}

    #GCGrid_VehDamageEditDatainput_ImagesCensure__GridContainer .grid-container-list-item {
        border: 1px solid #d5d5d5;
    }

    #GCGrid_VehDamageEditDatainput_ImagesCensure__GridContainer .grid_container_container {
        margin-bottom: 10px;
        padding: 5px;
    }

#Container_VehDamage_ImageCensure_ImageList_editor_container .image_censure {
    margin-left: 30px;
}

#test_container_split_editor_container .editor_container_container {
    display: block;
}

#GCJQGridControl_Task_Partner_Con_jqgridcontainer {
    width: 99%;
}

#Container_Doc_Workflow_Part_NextPrev_editor_container {
    margin-top: 20px;
    margin-left: 25px;
}

span#Action_VehDamageBrowse_Censure_Name {
    color: #2dade0;
    font-weight: bold;
    font-size: var(--font-size-l);
    line-height: 35px;
}

.selected_censure_button {
    background-color: #0b6b92 !important;
}

#Container_VehDamageEdit_Tab221_editor_container {
    background: #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #cfcfcf;
    margin-bottom: 20px;
}

.alreadyQuoted {
    background-color: lightgreen;
    font-weight: 200;
}

/* Censure control */
.image_censure_toolbar_section {
    display: inline-grid;
    float: right;
}
/***End of Vehicle damage views controls***/

/*** Right side gridcontainer***/

div[id="GCGridContainer_Top_Tasks_div"] {
    max-height: 43vh;
    overflow-y: scroll !important;
}

    div[id="GCGridContainer_Top_Tasks_div"] .GRID_CONTAINER_ITEM_div {
        display: inline-block;
    }

    div[id="GCGridContainer_Top_Tasks_div"] .grid_container_container {
        margin-bottom: 4px;
        background: #eee;
        margin-right: 3px;
    }

#Action_Top_Tasks_Finish, #Action_Top_Tasks_Finish_Option {
    color: #a5c562;
    position: relative;
    border: none;
    padding: 5px;
    background: none;
    margin: 0;
}

    #Action_Top_Tasks_Finish:before, #Action_Top_Tasks_Finish_Option:before {
        font-family: 'Themify';
        left: -1em;
        top: .75em;
        content: "\e64c";
        color: #a5c562;
        font-size: var(--font-size-l);
    }

#Action_Top_Tasks_Start {
    color: #ff9900;
    position: relative;
    border: none;
    padding: 5px;
    background: none;
    margin: 0;
}

    #Action_Top_Tasks_Start:before {
        font-family: 'Themify';
        left: -1em;
        top: .75em;
        content: "\e6ad";
        color: #ff9900;
        font-size: var(--font-size-l);
    }

#Action_Top_Tasks_Refresh {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
}

/*** End of Right side gridcontainer***/

/*** Description of ControlStype classes  ***/

div[data-10xid="UIP_TASKMODULE_TM_TASK_EDIT:PATH_UIP_TASK_EDIT_INLINE:Task_Datainput_multiAdvAdressee"] .multi_lookup_first {
    font-weight: bold;
}

div[data-10xid="USERINTERFACEPART_DOCSTORE_DSBINDER:PATH_:Editor_Composite_Doc_Task_AllDay"] {
    margin-top: 14px;
}

div[data-10xid="UI_HIERARCHY_HORIZONTAL:PATH_:Editor_UIP_RegMode_Multileg"] {
    margin-left: 20px;
}

div[data-10xid="UIP_INVOICE_DATAINPUT:PATH_:Editor_DIDayOffset"] {
    display: none;
}

#Container_AfterClose_editor_container .input-group {
    margin-top: 15px;
}
/*** End of Description of ControlStype classes  ***/


/*** Notespanel ***/
.notes-container {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border: #f0f0f0 !important;
}

div[id^="NotesPanel"] .action_container {
    margin: -12px 0px 2px -10px;
}

div[id^="NotesPanel"] .trsbutton {
    font-size: 0px;
    line-height: 30px;
    padding: 3px 0 0 5px;
    min-width: 0 !important;
    width: 55px;
    margin: 5px 10px 0 0;
    background: none;
    color: black;
}

#a_note_edit:before {
    content: '\e61c';
}

#a_note_share:before {
    content: "\e750";
}

#a_note_send_as_email:before {
    content: "\e75a";
}

#Button_TmTask_savenotea:before {
    content: "\e746";
}

#Button_TmTask_savenote {
    top: .25em;
    position: relative;
}

.content_3_column_middle a.cke_button__tmtask_many,
.content_3_column_middle a.cke_button__tmtask_paragraph,
.content_3_column_middle a.cke_button__tmtask_paragraphs,
.content_3_column_middle a.cke_button__tmtask_modify,
.content_3_column_middle a.cke_button__tmtask_numbering,
.content_3_column_middle a.cke_button__tmtask_share,
.content_3_column_middle a.cke_button__tmtask_add,
.content_3_column_middle a.cke_button__tmtask_smartchart_add,
.content_3_column_middle a.cke_button__tmtask_linktype_add,
.content_3_column_middle a.cke_button__tmtask_newnote,
.content_3_column_middle a.cke_button__tmtask_savenote,
.content_3_column_middle a.cke_button__tmtask_editnote,
.content_3_column_middle a.cke_button__tmtask_sharenote,
.content_3_column_middle a.cke_button__tmtask_deletenote {
    height: 26px;
}

.content_3_column_middle .cke_button_icon {
    width: 26px;
    height: 24px;
    background-size: 24px !important;
    background-image: none !important;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_editnote_icon:before {
    font-family: Themify;
    content: "\e61d";
    font-size: var(--font-size-xl);
    cursor: pointer;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_sharenote_icon:before {
    font-family: Themify;
    content: "\e750";
    font-size: var(--font-size-xl);
    cursor: pointer;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_deletenote_icon:before {
    font-family: Themify;
    content: "\e605";
    font-size: var(--font-size-xl);
    cursor: pointer;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_newnote_icon:before {
    font-family: Themify;
    content: "\e61a";
    font-size: var(--font-size-xl);
    cursor: pointer;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_savenote_icon:before {
    font-family: Themify;
    content: "\e746";
    font-size: var(--font-size-xl);
    cursor: pointer;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_many_icon {
    width: 28px;
    margin-left: 3px;
}

    .content_3_column_middle span.cke_button_icon.cke_button__tmtask_many_icon:before {
        font-family: Themify;
        content: "\e61a";
        font-size: var(--font-size-xl);
        cursor: pointer;
        margin-left: -3px;
    }

    .content_3_column_middle span.cke_button_icon.cke_button__tmtask_many_icon:after {
        font-family: var(--font-3);
        content: "\00a0\00a0\00a0";
        font-size: var(--font-size-l);
        cursor: pointer;
        margin-left: -5px;
        top: -6px;
        position: relative;
        border: #333 2px solid;
        padding: 0;
        background: #eee;
    }

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_paragraph_icon {
    width: 32px;
}

    .content_3_column_middle span.cke_button_icon.cke_button__tmtask_paragraph_icon:before {
        font-family: Themify;
        content: "\e61a";
        font-size: var(--font-size-xl);
        cursor: pointer;
        margin-left: -3px;
    }

    .content_3_column_middle span.cke_button_icon.cke_button__tmtask_paragraph_icon:after {
        font-family: "Themify";
        content: "\e68e";
        font-size: var(--font-size-l);
        cursor: pointer;
        margin-left: -5px;
        top: -4px;
        position: relative;
        padding: 0;
    }

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_paragraphs_icon {
    width: 35px;
    border-left: #aaa 1px solid;
    padding-left: 10px;
    left: -3px;
    position: relative;
}

    .content_3_column_middle span.cke_button_icon.cke_button__tmtask_paragraphs_icon:after {
        font-family: Themify;
        content: "\e600\e68e";
        font-size: var(--font-size-l);
        cursor: pointer;
        position: relative;
        left: -5px;
        top: 3px;
        -moz-animation: blur-button 2s ease-out infinite;
        -o-animation: blur-button 2s ease-out infinite;
        -webkit-animation: blur-button 2s ease-out infinite;
        animation: blur-button 2s ease-out infinite;
    }

@keyframes blur-button {
    from {
        color: #333;
        color: white;
    }
}

.content_3_column_middle a.cke_button.cke_button__tmtask_paragraphs {
    display: none;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_modify_icon:before {
    font-family: Themify;
    content: "\e61d";
    font-size: var(--font-size-xl);
    cursor: pointer;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_numbering_icon:before {
    font-family: Themify;
    content: "\e734";
    font-size: var(--font-size-xl);
    cursor: pointer;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_share_icon:before {
    font-family: Themify;
    content: "\e750";
    font-size: var(--font-size-xl);
    cursor: pointer;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_add_icon:after {
    font-family: Themify;
    content: "\e61a";
    font-size: var(--font-size-xl);
    cursor: pointer;
    margin-left: -8px;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_smartchart_add_icon:after {
    font-family: Themify;
    content: "\e61a";
    font-size: var(--font-size-xl);
    cursor: pointer;
    margin-left: -8px;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_linktype_add_icon:after {
    font-family: Themify;
    content: "\e61a";
    font-size: var(--font-size-xl);
    cursor: pointer;
    margin-left: -8px;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_add_icon:before {
    font-family: var(--font-3);
    content: "\00a0\00a0\00a0";
    font-size: var(--font-size-l);
    cursor: pointer;
    margin-left: -5px;
    top: -6px;
    position: relative;
    border: #333 1px solid;
    padding: 0;
    background: #ccc;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_smartchart_add_icon:before {
    font-family: var(--font-3);
    content: "\00a0\00a0\00a0";
    font-size: var(--font-size-l);
    cursor: pointer;
    margin-left: -5px;
    top: -6px;
    position: relative;
    border: #333 1px solid;
    padding: 0;
    background: #ccc;
}

.content_3_column_middle span.cke_button_icon.cke_button__tmtask_linktype_add_icon:before {
    font-family: var(--font-3);
    content: "\00a0\00a0\00a0";
    font-size: var(--font-size-l);
    cursor: pointer;
    margin-left: -5px;
    top: -6px;
    position: relative;
    border: #333 1px solid;
    padding: 0;
    background: #ccc;
}

.cke_chrome {
    top: 5px !important;
    height: 100% !important;
}

/*** End of Notespanel ***/

/*** Thumbnail articlewebshop-box ***/
#Container_ArticleWebshopOrder_ArticleWebshop_Part_Sum_editor_container .label_big_smaller_bold,
#Container_ArticleWebshopOrder_ArticleWebshop_Part_Sum_editor_container .list_grid_container_container,
#GCGC_Articlewebshoporder_pay_div .label_big_smaller_bold,
#GCGC_Articlewebshoporder_shipping_div .label_big_smaller_bold {
    font-size: var(--font-size-l);
}

.webshop .input-group input, .webshop label {
    font-size: var(--font-size-l);
}

div[data-10xid="UIP_ARTICLEWEBSHOPBROWSE_BROWSE:PATH_UIP_Articlewebshopbrowse_ArticleWebshop_Browseref:Editor_OrderPartner"] {
    background-color: white;
    border: 2px solid #59A5D8;
    margin: 0;
}

#id_art_webshop_expship_st__mh {
    background-color: white;
    padding: 25px 10px;
    border: 2px solid #59A5D8;
}

.webshop-item-count .form-control {
    font-size: var(--font-size-xl);
    background-color: transparent !important;
    text-align: center !important;
}

.webshop-measure {
    text-transform: uppercase;
    font-size: var(--font-size-s);
    vertical-align: bottom;
    margin-top: 24px;
}

.webshop-card-price {
    font-size: var(--font-size-xl);
    float: right;
}

.webshop-card-currency {
    font-size: var(--font-size-l);
    margin-top: 7px;
    float: right;
    font-weight: normal;
}

.webshop-card-point {
    color: #59A5D8;
    font-size: var(--font-size-l);
    float: right;
    font-weight: bold;
}

.webshop-card-measure {
    color: #59A5D8;
    font-size: var(--font-size-l);
    float: right;
    font-weight: normal;
}

.basket-go-shopping {
    text-align: left;
    background-color: #59A5D8;
    color: white;
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: var(--font-size-l);
    font-family: var(--font-3);
    white-space: normal;
    padding: 12px 15px;
}

    .basket-go-shopping:hover {
        background-color: #59A5D8;
    }

    .basket-go-shopping:after {
        font-size: var(--font-size-l);
        color: white;
        font-family: 'FontAwesome';
        content: "\f054";
        float: right;
        margin-top: 2px;
    }

div[data-10xid="UIP_ARTICLEWEBSHOPBROWSE_BROWSE_SUBMENU:PATH_UIP_Articlewebshopbrowse_Submnuref:Editor_PayWithFee"] label,
div[data-10xid="UIP_ARTICLEWEBSHOPBROWSE_BROWSE_SUBMENU:PATH_UIP_Articlewebshopbrowse_Submnuref:Editor_PayWithFee2"] label,
div[data-10xid="UIP_ARTICLEWEBSHOPBROWSE_BROWSE_SUBMENU:PATH_UIP_Articlewebshopbrowse_Submnuref:Editor_PayWithFee3"] label,
div[data-10xid="UIP_ARTICLEWEBSHOPBROWSE_BROWSE_SUBMENU:PATH_UIP_Articlewebshopbrowse_Submnuref:Editor_PayWithFee4"] label {
    left: 40px;
    position: relative;
    margin-top: 4px;
}

div[data-10xid="UIP_ARTICLEWEBSHOPBROWSE_BROWSE_SUBMENU:PATH_UIP_Articlewebshopbrowse_Submnuref:Editor_PayWithClubCard"] label {
    left: 40px;
    position: relative;
    margin-top: 4px;
}

#Container_ClubCards_editor_container,
#Container_PayWithFee4_editor_container {
    font-size: var(--font-size-l);
}

#label_CustomContent_ClubCard0_Amount,
#label_CustomContent_ClubCard1_Amount,
#label_CustomContent_ClubCard2_Amount,
#label_CustomContent_ClubCard3_Amount,
#label_CustomContent_PayWithFee4_Amount,
#label_CustomContent_Articlewebshopbrowse_Basket_GoldPrice1_V,
#label_CustomContent_Articlewebshopbrowse_Basket_GoldPrice2_V,
#label_CustomContent_Articlewebshopbrowse_Basket_GoldPrice3_V,
#label_CustomContent_Articlewebshopbrowse_Basket_GoldPrice4_V,
#label_CustomContent_Articlewebshopbrowse_Basket_GoldPrice5_V {
    text-align: right;
}

.webshop .content_left .radio_btn {
    position: absolute;
    left: 0px;
}

.webshop .jcarrow {
    display: none;
}

.webshop .jcarrows {
    display: none;
}

.basket-small-label {
    font-size: var(--font-size-l);
}

.basket-small-label-white {
    font-size: var(--font-size-l);
    color: white;
}

.basket-big-label-orange {
    font-size: var(--font-size-xl);
    color: #fda527;
}

.basket-big-label-blue {
    font-size: var(--font-size-xl);
    color: #59A5D8;
}

.basket-qty {
    text-align: center;
}

.basket-price {
    text-align: right;
}

.payment-obligation {
    margin-bottom: 25px;
    text-align: right;
}

.article-desc {
    width: 100%;
}

.webshop-basket-gh-product {
    color: #fda527;
    font-weight: 100;
}


.webshop-basket-gh-qty {
    color: #fda527;
    font-weight: 100;
    text-align: center;
}

.webshop-basket-gh-price {
    color: #fda527;
    font-weight: 100;
    text-align: center;
}

#ctn_webshop_list_main_top_editor_container {
    margin-top: 15px;
}

#GCGC_WebshopBasket_Submenu_div .grid_container_container {
    margin-bottom: 0px;
    min-height: 20px;
    padding: 5px 0px 5px 0px;
}

#Container_Articlewebshopbrowse_Submenu_LivingBasket_ListContent_editor_container div {
    font-size: var(--font-size-l);
}

#Action_ArticleWebshop_ArticleWebshopBrowse_Details {
    color: #fda527;
}

.webshop-basket-label, .webshop-basket-gold-label {
    font-size: var(--font-size-xl);
    color: #fda527;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 100;
}

.webshop-basket-label {
    margin-top: 30px;
}

    .webshop-basket-label:before {
        font-family: 'FontAwesome';
        font-size: var(--font-size-xl);
        color: #fda527;
        content: "\f07a";
        margin-right: 10px;
    }


#Action_WebshopLivingBasket_IncQty:after, #Action_WebshopLivingBasket_DecQty:after {
    font-family: 'FontAwesome';
    font-size: var(--font-size-m);
    color: #fda527;
    content: "\f067";
}

#Action_WebshopLivingBasket_DecQty:after {
    content: "\f068";
}

#A_Articlewebshopbrowse_Browse_DecQty, #A_art_webshopbs_art_Articlewebshopbrowse_Browse_DecQt,
#A_Articlewebshopbrowse_Browse_IncQty, #A_art_webshopbs_art_Articlewebshopbrowse_Browse_IncQty {
    height: 40px;
    display: block;
    margin-top: 12px;
}

#A_art_webshopbs_art_Articlewebshopbrowse_Browse_DecQty {
    float: right;
}

    #A_Articlewebshopbrowse_Browse_DecQty:after, #A_art_webshopbs_art_Articlewebshopbrowse_Browse_DecQty:after,
    #A_Articlewebshopbrowse_Browse_IncQty:after, #A_art_webshopbs_art_Articlewebshopbrowse_Browse_IncQty:after {
        font-family: 'FontAwesome';
        font-size: var(--font-size-xxl);
        color: #fda527;
        content: "\f068";
    }

#A_Articlewebshopbrowse_Browse_IncQty:after, #A_art_webshopbs_art_Articlewebshopbrowse_Browse_IncQty:after {
    content: "\f067";
}

.living-basket {
    display: block;
    position: absolute;
    top: 80px;
    width: 95%;
}

.grid-container-thumbnail-item.artwebs-box {
    width: 250px;
    height: 540px;
    box-sizing: border-box;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37) !important;
    max-height: 540px;
    background-color: white;
    border: 0px solid transparent !important;
    border-radius: 2px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.grid-container-thumbnail-item-artnamenote.artwebs-box, .grid-container-thumbnail-item-artpricepoint.artwebs-box,
.grid-container-thumbnail-item-artwsqty.artwebs-box, .grid-container-thumbnail-item-artdetails.artwebs-box {
    top: 125px;
    width: 90%;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: var(--font-size-l);
    font-weight: bold;
    position: absolute;
    left: 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: normal;
}

.grid-container-thumbnail-item-artpricepoint.artwebs-box {
    top: 172px;
}

.grid-container-thumbnail-item-artwsqty.artwebs-box {
    top: 210px;
}

.grid-container-thumbnail-item-artdetails.artwebs-box {
    top: 400px;
}

.grid-container-thumbnail-item-image.artwebs-box {
    position: absolute;
    width: 100%;
    height: 250px;
    cursor: pointer;
    left: 0;
    top: 0;
}

.gcth-item-icon-check.artwebs-box {
    position: absolute;
    font-size: 0px;
    top: 0px;
    right: 4px;
}

    .gcth-item-icon-check.artwebs-box:after {
        font-family: 'FontAwesome';
        font-size: var(--font-size-xxxl);
        color: #E53935;
        content: "\f00c";
    }


#Container_WEBSHOP_BROWSE_first_sec_editor_container .icon_circle_arrow_gray {
    margin-top: 5px;
}

#Container_WEBSHOP_BROWSE_first_sec_nosubsc_editor_container .icon_circle_arrow_gray {
    display: none;
}

#Container_ArticleWebshopOrder_ArticleWebshop_Part_Sum_editor_container .control_check_box_editor {
    margin-top: 0 !important;
}
/*** End of Webshop ***/

/***  SOLUTION STORE (=WEBSHOP) UNIQUE STYLES ***/

#label_Label_WebshopHeader_LineSolutions_main:before {
    font-family: 'Themify';
    content: "\e6a0";
    margin-right: 10px;
}

#label_label_My_Company_Head:before {
    font-family: 'Themify';
    content: "\e69b";
    margin-right: 10px;
}

.webshop-container-unique-style {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 00px 0px;
    background: white;
}

.webshop-nosubsc-container-unique-style .action_container_no_margin_biggerfont {
    color: #666;
}

.webshop-subsc-container-unique-style .action_container_no_margin_biggerfont {
    color: #fda527;
}

.webshop-subsc-container-unique-style #Container_WEBSHOP_BROWSE221_editor_container,
.webshop-subsc-container-unique-style #Container_WEBSHOP_BROWSE2_editor_container {
    display: none;
}

.webshop-subsc-container-unique-style #Container_WEBSHOP_BROWSE_first_editor_container {
    padding: 0;
    margin-left: -10px;
}

/* webshop: solution store: solutions' main title */

#GCGC_WEBSHOP_Browse__GridContainer .action_container_no_margin_biggerfont {
    font-size: 1.5em;
    max-width: 280%;
    padding-bottom: .5em;
    border-bottom: 1px solid var(--skin-color-input-border);
    margin-left: -3em;
    padding-top: 2em;
    cursor: pointer;
    text-transform: uppercase;
}

    #GCGC_WEBSHOP_Browse__GridContainer .action_container_no_margin_biggerfont:hover {
        text-decoration: underline;
    }

/* webshop / solution owner */
#Container_Gray31_container {
    top: 0em;
    left: -4em;
    position: relative;
    padding-right: 10px;
    margin-bottom: 10px;
}

/* webshop / solution store / short description */
#Container_WEBSHOP_BROWSE2_editor_container {
    padding: 5px 0px;
    font-size: var(--font-size-m);
    margin-left: 1em;
}

    #Container_WEBSHOP_BROWSE2_editor_container:before {
        top: 1.1em;
        left: -.8em;
        position: relative;
        content: "\f129";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #888;
        padding-right: 10px;
    }


/* webshop / solution store / what is included? description */

#Container_UIP_WEBSHOP_DETAILINFO__m .label_large {
    font-size: var(--font-size-m);
    padding: 10px 0px 0px 0px;
    margin-bottom: -15px;
    text-transform: uppercase;
}


/* webshop / solution store / left filters */
#Container_Filter_WebShop_control .input_box_label label {
    text-transform: uppercase;
}

/* webshop custom styles: tab sheet */
#WebshopList_main_container_editor_container .tab_sheet_detail {
    left: -6em;
    width: 106.9%;
    position: relative;
    background: white;
}

/* webshop custom styles: left filter */
#webshopBrowseBrowseFilter_data_filter {
    max-width: 100%;
    background: none;
    margin-top: 10px;
}

#stat_rep_filter_panel_box_editor_container {
    display: block;
}

/* webshop custom styles: solution icon */
#Container_WEBSHOP_BROWSE1_editor_container .avatar-medium,
#Container_WEBSHOP_BROWSE1_nosubsc_editor_container .avatar-medium {
    font-size: var(--font-size-xl);
    width: 3em;
    height: 3em;
    display: none;
}

/* webshop custom styles: top main label */
#Container_Header_Info_WebShop__m .label_big_bold {
    margin-top: 0px;
    font-size: 2em;
    border-bottom: 1px #bbb dotted;
    padding-left: 1em;
}

    #Container_Header_Info_WebShop__m .label_big_bold:before {
        content: "\f14a";
        color: #000;
        font-size: var(--font-size-l);
        padding-right: 0.5em;
        position: absolute;
        top: 1.3em;
        left: 1em;
    }

#Container_Header_Info_WebShop__m .container_box {
    margin-bottom: -15px;
}

#Container_WEBSHOP_BROWSE_nosubsc_all_other_data_editor_container {
    position: relative;
    left: -6em;
}

#Container_SolutionStore_BROWSE_menu_editor_container {
    padding: 12px 0 0 30%;
    margin-top: 40px;
    width: 100%;
    margin-left: -65px;
}


#Container_SolutionStore_RUN_menu_editor_container {
    position: absolute;
    top: -20px;
    right: 20px;
}

.gcth-item-icon-check.small-box {
    position: absolute;
    font-size: 0px;
    top: 0px;
    right: 4px;
}

.gcth-item-icon-flag, .gcth-item-icon-flag-checked, .gcth-item-icon-share,
.gcth-item-icon-cart, .gcth-item-icon-run, .gcth-item-icon-doc-delete,
.gcth-item-icon-tedit, .gcth-item-icon-tshare, .gcth-item-icon-tfinish {
    cursor: pointer;
}

.gcth-item-icon-doc-delete {
    font-size: 0;
}

#GCGC_WEBSHOP_Browse_div .icon_circle_arrow_gray, .dd_menu_circle_arrow_gray {
    color: #999;
    position: relative;
    float: left;
    top: 2px;
    left: -10px;
}

.gcth-item-icon-flag:after, .gcth-item-icon-flag-checked:after,
.gcth-item-icon-share:after,
.gcth-item-icon-cart:after, .gcth-item-icon-run:after, .gcth-item-icon-doc-delete:after {
    font-family: 'FontAwesome';
    font-size: var(--font-size-xl);
    color: #ccc;
    content: "\f204";
}

.gcth-item-icon-check.small-box:after {
    color: #E53935;
    content: "\f00c";
}

.gcth-item-icon-share:after {
    content: "\f1e0";
}

.gcth-item-icon-cart:after, .gcth-item-icon-run:after, .gcth-item-icon-doc-delete:after {
    font-family: 'Themify';
}

.gcth-item-icon-tedit, .gcth-item-icon-tshare, .gcth-item-icon-tfinish {
    font-family: 'Themify';
    font-size: var(--font-size-l);
    color: black;
    margin-right: 10px;
}

    .gcth-item-icon-tedit:after {
        content: "\e61c";
    }

    .gcth-item-icon-tshare:after {
        content: "\e750";
    }

    .gcth-item-icon-tfinish:after {
        content: "\e64c";
    }

.gcth-item-icon-run {
    cursor: pointer;
    font-size: 0px;
    width: 40px;
    height: 40px;
    position: absolute;
    background: transparent;
    margin-top: 30px;
    margin-left: -50px;
    padding: 7px 8px 6px;
    z-index: 1;
    top: 5px;
}

    .gcth-item-icon-run:after {
        content: "\e6ad";
        background: #ff5c35;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        padding: 8px;
        color: white;
    }

.gcth-item-icon-flag-checked:after {
    color: #666;
    content: "\f205";
}

.gcth-item-icon-cart:after {
    content: "\e717";
    font-size: var(--font-size-xl);
}

.gcth-item-icon-doc-delete:after {
    content: "\e605";
    font-size: var(--font-size-l);
    bottom: 0;
    color: #666;
}


.gcth-item-icon-edit, .gcth-item-icon-delete {
    top: 10px;
    right: 35px;
    font-size: 0px;
    position: absolute;
}

.gcth-item-icon-delete {
    right: 10px;
}

    .gcth-item-icon-edit:after, .gcth-item-icon-delete:after {
        font-size: var(--font-size-l);
        font-weight: 400;
        font-family: "Themify";
    }

.gcth-item-icon-edit:after {
    content: "\e61c";
}

.gcth-item-icon-delete:after {
    content: "\e646";
}

.grid-container-thumbnail-item-desc:hover {
    opacity: 0.8;
    color: #fff;
    background-color: rgba(0,0,0,0.85);
    z-index: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--font-size-m);
    display: none;
}

.grid-container-thumbnail-item-image {
    position: absolute;
    left: 70px;
    top: 40px;
    cursor: pointer;
    background: white;
}

.termsCheckbox {
    left: 50%;
}

.termsandconditionsdiv {
    text-align: center;
}

#Container_WEBSHOP_BROWSE_mn2_main_1stline_editor_container {
    min-height: 30px;
    height: 80px;
    margin-top: -110px;
}

#GCGC_WEBSHOP_Browse_div .link_simple_action {
    color: white !important;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
}

#SOLUTION_containter_editor_container .icon_circle_arrow_gray {
    position: absolute;
    right: 230px;
    top: 10px;
}

#Container_Project_Edit_sol_pgn_editor_container {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    border-bottom: 1px solid var(--skin-color-input-border);
    margin-bottom: 10px;
    background: #fafafa;
    padding: 10px 10px 0 0;
}


#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item {
    border-top-width: 120px !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item-image {
    position: relative;
    left: 5px;
    top: 10px;
    cursor: pointer;
    width: 100% !important;
    height: 100% !important;
    float: left;
    display: none;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item-code {
    display: none;
}

#Container_Header_GC_WEBSHOP_Browse_editor_container .no-next-page {
    display: none !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.07) !important;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.07) !important;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}


#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item-title {
    position: absolute;
    top: -100px;
    z-index: 1;
    white-space: normal;
    word-break: break-word;
}

#GCGC_WEBSHOP_Browse_div .action_container {
    float: left;
    padding-right: 10px;
}

#Container_Header_GC_WEBSHOP_Browse_editor_container {
    margin-top: -40px;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+1) {
    border-top-color: #f69e91 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+2) {
    border-top-color: #f26e5a !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+3) {
    border-top-color: #d24334 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+4) {
    border-top-color: #f4744c !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+5) {
    border-top-color: #f89f7c !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+6) {
    border-top-color: #ef3e23 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+7) {
    border-top-color: #aa9fbe !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+8) {
    border-top-color: #8a7ca6 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+9) {
    border-top-color: #6d5e92 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+10) {
    border-top-color: #9791a5 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+11) {
    border-top-color: #635a78 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+12) {
    border-top-color: #2f234b !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+13) {
    border-top-color: #663366 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+14) {
    border-top-color: #2f234b !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+15) {
    border-top-color: #603d57 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+16) {
    border-top-color: #915763 !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+17) {
    border-top-color: #f3808c !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+18) {
    border-top-color: #ef526f !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+19) {
    border-top-color: #f7a8ac !important;
}

#GCGC_WEBSHOP_Browse_div .grid-container-thumbnail-item:nth-of-type(19n+20) {
    border-top-color: #472365 !important;
}

/*** End of Solution store (=webshop) ***/


/*** MLM webshop override ***/

/* Thumbnail medium-box */
#GCGridContainer_Webshop_Kit_div .grid-container-thumbnail-item.medium-box {
    width: 130px;
    height: 220px;
    box-sizing: border-box;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37) !important;
    max-height: 220px;
    background-color: white;
    border: 0 solid transparent !important;
    border-radius: 2px;
    float: left;
    margin: 10px 5px 10px 5px;
}

    #GCGridContainer_Webshop_Kit_div .grid-container-thumbnail-item.medium-box:hover {
        /*opacity: 0.8;*/
        color: #fff;
        background-color: rgba(0,0,0,0.45);
    }

#GCGridContainer_Webshop_Kit_div .grid-container-thumbnail-item-title.medium-box {
    top: 20px;
    width: 110px;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: var(--font-size-m);
    font-weight: bold;
    position: absolute;
    left: 10px;
    text-align: center;
    text-wrap: normal;
    white-space: normal;
    overflow: hidden;
}

#GCGridContainer_Webshop_Kit_div .grid-container-thumbnail-item-subtitle {
    bottom: 45px;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: var(--font-size-s);
    width: 130px;
    text-align: center;
    position: absolute;
    white-space: normal;
    overflow: hidden;
    left: 0;
}

#GCGridContainer_Webshop_Kit_div .grid-container-thumbnail-item-longdesc {
    position: absolute;
    top: 180px;
    width: 130px;
    text-align: center;
    left: 0;
    height: 35px;
    padding: 0 5px 0 5px;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: var(--font-size-s);
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}


#GCGridContainer_Webshop_Kit_div .grid-container-thumbnail-item-image.medium-box {
    position: absolute;
    left: 35px;
    top: 60px;
    cursor: pointer;
}

#GCGridContainer_Webshop_Kit_div .gcth-item-icon-check.medium-box {
    position: absolute;
    font-size: 0;
    top: 130px;
    text-align: center;
    width: 130px;
    right: 0;
}

    #GCGridContainer_Webshop_Kit_div .gcth-item-icon-check.medium-box:after {
        font-family: 'FontAwesome';
        font-size: var(--font-size-xxl);
        color: #E53935;
        content: "\f00c";
    }
/*** End of Webshop MLM override ***/

/*** Webshop PG override ***/

#d_art_webshop_head0_editor_container .label_big_smaller_bold {
    font-size: var(--font-size-l);
    text-transform: uppercase;
    font-weight: normal;
    font-family: var(--font-3);
}

#d_art_webshop_head1_editor_container .label_big_smaller_bold {
    font-size: var(--font-size-xl);
    text-transform: uppercase;
    font-weight: bold;
    font-family: var(--font-3);
    margin-top: 15px;
}

#id_webshop_pay_info_cont_editor_container .label_big_smaller_bold_red {
    padding-top: 14px;
}

.label_big_smaller_bold {
    color: black;
    margin: 5px 0px 5px 0px;
    padding-top: 14px;
    padding-bottom: 0px;
    font-weight: bold;
    font-size: var(--font-size-m);
}

/*PG Webshop*/

.webshop .content_left {
    background: transparent;
    border: none;
    padding-right: 5px;
    padding-left: 10px;
    overflow-y: scroll;
}

.webshop .container_box {
    padding: 8px 2px;
}

.webshop .horizontal_line {
    border-bottom: 1px solid var(--skin-color-input-border);
}

.webshop .content_left .grid-container-list-item {
    background-color: transparent;
    max-width: 100%;
}

.webshop .grid_container_menu_container {
    border: none;
}

.webshop .content_left .grid_container_container {
    background-color: transparent;
    border: none;
}

.webshop .content_left .GRID_CONTAINER_ITEM_div {
    left: 0;
}

.webshop .content_left .controlhint {
    display: none;
}
/*** End of Webshop PG override ***/



/***Prosperity 4leg hierarchy***/
div[data-10xid="UI_HIERARCHY_HORIZONTAL:PATH_:Editor_UIP_RegMode_Multileg"] .selected {
    height: 30px;
}

#Cont_Emp_List_filter3_editor_container .icon_circle_arrow_gray {
    margin-top: 15px;
}
/***End of Prosperity 4leg hierarchy***/


/***2 panel doc BL: top dropdown and list-dropdown***/

#ListContent_DocStore_Browse_lite_menupopup_editor_container .dd_menu_content {
    left: 0px;
}
/*** End of 2 panel doc BL: top dropdown and list-dropdown***/


/*** INVOICE ***/

.paytermoninvoice {
    margin: 20px 0 0 5px;
}

.invoice-browse-container-all {
    font-size: var(--font-size-m);
    padding: 0px 0px 10px 0px;
}

.invoice-browse-invoice-name-caption {
    font-size: var(--font-size-m);
    font-weight: bold;
    padding-top: 2px;
    height: 20px;
    border-right: 1px #999 solid;
}

.invoice-browse-partner-name:first-of-type {
    font-size: var(--font-size-l);
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid var(--skin-color-input-border);
}

.invoice-browse-partner-name {
    font-size: var(--font-size-m);
    padding: 10px 0px 10px 0px;
}


.invoice-browse-invoice-payoff-type-name {
    padding: 3px 0 6px 10px;
}

.invoice-browse-invoice-state-name {
    background-color: #5EDD8B;
    padding: 6px 0;
    color: white;
    text-align: center;
    margin-top: -12px;
    margin-left: -10px;
    min-height: 100%;
    line-height: 30px;
    border-right: 5px white solid;
}

.invoice-browse-first-row {
    padding-left: 2px;
}

.invoice-browse-second-row {
    line-height: 20px;
    font-size: var(--font-size-s);
}

.invoice-browse-third-row {
    line-height: 20px;
    font-size: var(--font-size-m);
}

.invoice-browse-container-all .editor_container_column_r {
    float: left;
}

.customcontent-warning-style {
    color: Orange;
}

.customcontent-error-style {
    background: Red;
    color: white;
}

.customcontent-error-style-high {
    line-height: 20px;
    color: Red;
}

.customcontent-medium-font {
    font-size: var(--font-size-m);
}

.browse-amount-negative {
    color: Red;
    white-space: nowrap;
}

.browse-amount-negative-right {
    color: Red;
    white-space: nowrap;
    text-align: right;
}

.browse-amount-positive {
    color: green;
    white-space: nowrap;
}

.browse-amount-positive-right {
    color: green;
    white-space: nowrap;
    text-align: right;
    margin-right: 20px;
}

.calc-browse-amount-negative {
    color: Red;
    white-space: nowrap;
}

.calc-browse-amount-positive {
    color: green;
    white-space: nowrap;
}

.invoice-browse-gross-amount-negative {
    color: Red;
    font-size: var(--font-size-m);
    white-space: nowrap;
}

.invoice-browse-gross-amount-positive {
    color: #5EDD8B;
    white-space: nowrap;
}

.wh-stock-wh-movement-line-stock-valuations {
    color: #5EDD8B;
    white-space: pre;
}

/* Invoice lines*/
.invoice-lines-save-cancel-label {
    margin-top: -2px;
}

    .invoice-lines-save-cancel-label .editor_container_column_r {
        float: left;
    }

.invoice-lines-save-cancel-label-all .editor_container_column_r {
    float: left;
}

.listcontent-financialview-labels {
    margin-top: 10px;
}

.listcontent-invoiceline-itemname {
    margin-top: 5px;
    font-weight: bold;
}

.listcontent-invoiceline-details {
    padding-top: 2px;
}

/* Financials: invoices  (left side) */
#Container_Invoices_In_Calculation_editor_container .action-style {
    color: white;
    font-size: var(--font-size-m);
    text-transform: uppercase;
    padding: 0px 0px 10px 0px;
    cursor: pointer;
}

div[data-10xid="UIP_SALESORDER_BROWSE_SUBMENU:PATH_UIP_SalesOrder_Submnuref:Editor_TagFilter_SalesOrder_SortOrder"] {
    display: inline-flex;
}

    div[data-10xid="UIP_SALESORDER_BROWSE_SUBMENU:PATH_UIP_SalesOrder_Submnuref:Editor_TagFilter_SalesOrder_SortOrder"]:before {
        font-family: "FontAwesome";
        content: "\f161";
        font-size: var(--font-size-l);
        color: white;
        padding: 0 5px 0 5px;
        position: relative;
        -moz-transform: translateY(60%);
        -o-transform: translateY(60%);
        -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        height: 100%;
    } 


div[data-10xid="UIP_INVOICE_SUBMENU:PATH_UI_INVOICE_SUBMENU_part_Cust:Editor_Invoice_Menu_Order_Tag"] {
    display: inline-flex;
}

    div[data-10xid="UIP_INVOICE_SUBMENU:PATH_UI_INVOICE_SUBMENU_part_Cust:Editor_Invoice_Menu_Order_Tag"]:before {
        font-family: "FontAwesome";
        content: "\f161";
        font-size: var(--font-size-l);
        color: white;
        padding: 0 5px 0 5px;
        position: relative;
        -moz-transform: translateY(60%);
        -o-transform: translateY(60%);
        -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        height: 100%;
    }

div[data-10xid="UIP_TRANSPORTORDER_BROWSE_SUBMENU:PATH_UIP_TransportOrder_Submnuref:Editor_TransportOrder_Menu_Order_Tag"] {
    display: inline-flex;
}

    div[data-10xid="UIP_TRANSPORTORDER_BROWSE_SUBMENU:PATH_UIP_TransportOrder_Submnuref:Editor_TransportOrder_Menu_Order_Tag"]:before {
        font-family: "FontAwesome";
        content: "\f161";
        font-size: var(--font-size-l);
        color: white;
        padding: 0 5px 0 5px;
        position: relative;
        -moz-transform: translateY(60%);
        -o-transform: translateY(60%);
        -webkit-transform: translateY(60%);
        -ms-transform: translateY(60%);
        transform: translateY(60%);
        height: 100%;
    }

.link_invoice_summary {
    color: #00adef;
    text-decoration: none;
    cursor: pointer;
    font-size: var(--font-size-m);
    font-weight: bold;
    background-color: lightblue;
}

/*** End of INVOICE ***/

/*** Task-order: INVOICE ***/
#Action_Editor_TaskOrderBrowse_Column_PreviewOrderConfirmation {
    font-size: 0;
    content: '';
}

    #Action_Editor_TaskOrderBrowse_Column_PreviewOrderConfirmation:before {
        font-family: 'Themify';
        content: '\e67c';
        font-size: var(--font-size-l);
        margin-right: 10px;
        float: right;
    }

#Action_Editor_TaskOrderBrowse_Column_PrintInvoice {
    font-size: 0;
    content: '';
}

    #Action_Editor_TaskOrderBrowse_Column_PrintInvoice:before {
        font-family: 'Themify';
        content: '\e610';
        font-size: var(--font-size-l);
        margin-right: 10px;
        float: right;
    }

/* #Use case: Inside webshop: Order ranking */
#Action_Editor_TaskOrderBrowse_Column_Ranking {
    font-size: 0;
    content: '';
}

    #Action_Editor_TaskOrderBrowse_Column_Ranking:before {
        font-family: 'Themify';
        content: '\e610';
        font-size: var(--font-size-l);
        /*margin-right: 10px;*/
        /*float: right;*/
    }

#Action_Editor_TaskOrderBrowse_Column_DownloadInvoice {
    font-size: 0;
    content: '';
}

    #Action_Editor_TaskOrderBrowse_Column_DownloadInvoice:before {
        font-family: 'Themify';
        content: '\e6a7';
        font-size: var(--font-size-l);
        margin-right: 10px;
        float: right;
    }

#Action_Editor_Invoice_Print {
    font-size: 0;
    content: '';
}

    #Action_Editor_Invoice_Print:before {
        font-family: 'Themify';
        content: '\e681';
        font-size: var(--font-size-l);
        margin-right: 10px;
        float: right;
    }

.print-icon-acton-container {
    align-content: end;
    text-align: right;
}

.print-icon-action {
    font-size: 0;
    content: '';
    min-width: 0 !important;
    width: 30px !important;
    height: 30px;
    background-color: #fcfcfc;
    border-radius: 0;
}

    .print-icon-action:before {
        font-family: 'Themify';
        content: '\e681';
        font-size: var(--font-size-l);
        color: #333;
        float: right;
        margin-right: 3px;
    }

#Action_Editor_Invoice_EditPopup {
    font-size: 0;
    content: '';
}

    #Action_Editor_Invoice_EditPopup:before {
        font-family: 'Themify';
        content: '\e61c';
        font-size: var(--font-size-l);
        margin-right: 10px;
        float: right;
    }

#Action_Editor_Invoice_CardPopup {
    font-size: 0;
    content: '';
}

    #Action_Editor_Invoice_CardPopup:before {
        font-family: 'Themify';
        content: '\e610';
        font-size: var(--font-size-l);
        margin-right: 10px;
        float: right;
    }

#Action_Editor_Invoice_ViewPopup {
    font-size: 0;
    content: '';
}

    #Action_Editor_Invoice_ViewPopup:before {
        font-family: 'Themify';
        content: '\e61c';
        font-size: var(--font-size-l);
        margin-right: 10px;
        float: right;
    }

/*** End of Task-order: INVOICE ***/




/*** Financial items, CALC, Financials ***/
.calc-custom-height {
    padding-top: 12px;
}

.calc-checkbox-height {
    margin: -5px 0 0 -4px;
}

.calc-browse-date {
    margin-top: 30px;
}

.calc-browse-createtaskprocess {
    padding-top: 2px;
}

/* Financial items card view adjusted style */
#Container_Calculation_Grid_NetVatGross_editor_container {
    margin-top: 30px;
}

/* Financial items plugin: card view adjusted style */
#Container_Calculation_Grid_DebitCredit_Plugin_editor_container,
#Container_Calculation_Grid_MainPartUnder_Plugin_editor_container,
#Container_Editor_ccBrowse_InvoiceAndVoucher_Plugin_editor_container {
    font-size: var(--font-size-s);
    border-left: #EEE 1px solid;
    margin-top: 2px;
    line-height: 1em;
    padding: 0px 2px 0px 4px;
}

#Action_CalcBrowse_GridColumn_Assign:before {
    content: "\f0c6";
    color: black;
    font-size: var(--font-size-l);
    font-family: 'FontAwesome';
    font-weight: bold;
    position: relative;
}

/*** End of Financial items, CALC ***/


/***  Making sure financials, task & document edit mode save and cancel looks properly ***/

#Container_Tab_Task_Edit_Base_editor_container #Container_SaveCancelButton_editor_container {
    float: right;
}

#Container_DocStore_DsBinder_Part_Editorcontainer_editor_container .action_container_no_margin {
    margin-top: 10px;
    margin-left: 56px;
}

.action_container_gantt_btn {
    margin-top: 10px;
    margin-left: 56px;
}
/***  End of Making sure financials, task & document edit mode save and cancel looks properly ***/


#cont_flowcon_right_editor_container #Container_DS_BINDER_NAME_AND_SAVE_editor_container {
    min-width: 310px;
}

/*** Document tags unique style ***/
#ListContent_DocStore_Browse_Detail1_editor_container,
#ListContent_DocStore_Browse_Detail1101_editor_container,
#ListContent_DocStore_Browse_Detail0_editor_container {
    font-size: var(--font-size-s);
    line-height: 1.5em;
}

/*** Flowchart, Smart chart ***/

/* flowchart header */
#FullScreenPanel {
    z-index: 2;
    background: #FbFbFb;
    width: 100%;
    height: 100%;
    visibility: initial;
    overflow-x: hidden;
}

.flow-chart-top-toolbar, .flow-chart-left-toolbar {
    background: #fbfbfb !important;
    border: none;
    padding: 1px 0 6px 5px !important;
}

#cont_flowcon_left__lev_1_editor_container .input_box_container {
    display: table;
    width: 100%;
    padding-top: 0px;
}


#chartheadercont_editor_container .input_box_container,
#chartheadercont0_editor_container .input_box_container {
    padding-top: 0px;
    position: relative;
    margin: 0 0 2em 0;
}

#chartheadercont0_editor_container .input_box_label label {
    font-size: var(--font-size-s);
    padding-right: 0px;
    margin-right: 0px;
}

#chartheadercont_editor_container .button_orange,
#chartheadercont_editor_container .button_red,
#chartheadercont_editor_container .button_gray,
#chartheadercont0_editor_container .button_orange,
#chartheadercont0_editor_container .button_red,
#chartheadercont0_editor_container .button_gray,
#chartheadercont0_editor_container .button_undo,
#chartheadercont0_editor_container .button_redo {
    padding: 12px 8px;
    margin: 0px 2px;
    position: relative;
    right: 15px;
    float: right;
    top: 1px;
}

#chartheadercont_editor_container .link_simple_action_big,
#chartheadercont0_editor_container .link_simple_action_big {
    margin-left: 5px;
    font-size: var(--font-size-l);
    position: relative;
    color: #4083a9;
    top: 8px;
    width: 100%;
}

/* back to previous chart and cancel */
#chartheadercont_back_view_main_editor_container {
    position: absolute;
    z-index: 1;
    display: block;
    min-width: 40em;
    left: 2em;
    top: 1em;
}

/* smart chart view mode buttons */
#id_task_Chart_ProcessName_action_close_view,
#id_task_Chart_ProcessName_action_back_view,
#Edit_SMART_CHART_Button2 {
    color: #383838 !important;
    font-weight: normal;
    position: relative;
    top: 1.5em;
    font-family: var(--font-3);
    text-transform: uppercase;
    font-size: var(--font-size-s);
    background: transparent;
    z-index: 100;
}

    #id_task_Chart_ProcessName_action_close_view:before {
        content: "X";
        margin-right: .3em;
    }

    #id_task_Chart_ProcessName_action_back_view:before {
        font-family: 'Themify';
        content: "\e64a";
        margin-right: .3em;
    }

#Button_TmTask_DataInput_add_dec_objc_editor_container, #Button_TmTask_DataInput_add_dec_objcw_editor_container {
    margin-left: 10px;
    margin-top: 7px;
}


#chartheadercont_caption1_editor_container .icon_circle_arrow_gray {
    padding: 7px;
    border: 1px solid #eee;
    border-right: none;
}

#chartheadercont_caption1_editor_container .dd_menu_content {
    top: 35px;
    left: 55px;
}


#Process_DiagramToolBar_Left, #SmartMap_DiagramToolBar_Left {
    margin-top: 15px !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    border: none;
    width: 10% !important;
}


/* Charts grid view */

#Container_Draw_Data_editor_container {
    position: relative;
    left: -3em;
    top: -.3em;
}

/*** End of Flowchart, Smart chart ***/

/*Flow_con*/
.fix-width-container {
    width: 405px;
    padding: 2px;
}

.fix-width-container11 {
    padding: 2px;
    margin-top: -5px;
}

    .fix-width-container11 .flow-chart-container {
        border: none;
    }

    .fix-width-container11 .flow-chart-right-toolbar-main {
        opacity: 0;
    }

    .fix-width-container11 #id_Editor_container_docu_detail_container {
        margin-top: -30px;
    }
/***End of Flow_con***/

/***  docs documents 2 panel custom styles ***/
#ListContent_DocStore_Browse_lite_menupopup_editor_container .icon_circle_arrow_gray {
    position: absolute;
    top: -.2em;
}

#ListContent_DocStore_Browse_lite_menupopup_editor_container .dd_menu_container {
    right: inherit;
}

.action_container_next_to_control {
    padding-left: 20px;
    padding-top: 4px;
}

.action_container_next_to_control_left_padding {
    padding-left: 20px;
}

/*#Use case: Interfaces: Vehicle bid interface:Kárnavigátor interface: Uploading vehicle injury calculation from XML*/
div#Container_VehDamageEdit_Tab11_editor_container {
    margin-bottom: 10px;
}

/*#Use case: Transportation management:Transport order: Ware*/
div#Container_Ware_Ware_Part_NonVisible_control {
    padding-bottom: 50px;
}

.boldwhitelabel {
    color: white;
    font-weight: bold;
    margin: 5px 0;
}

#MainEdit_Doc_Upload_editor_container .input_box_input {
    display: table-cell;
    height: 14px;
    width: 100%;
    border: #eee 3px solid;
    vertical-align: bottom;
    padding: 6px 2px 6px 4px;
    min-width: 20px;
    background-color: #ffffff;
}

.content_left #cont_flowcon_editor_container {
    background: #eeeeee;
    border-top: #ECECE8 10px solid;
    padding-left: 5px;
    color: #888;
    position: fixed;
    min-height: 8000em;
    margin-top: -10px;
}

#cont_flowcon_Doc_editor_container {
    color: #888;
}

#sizer {
    height: 100% !important;
}


#DataFilter_DocStroreBrowse_data_filter {
    margin-left: 0;
    display: table;
    width: 100%;
    max-height: 1em;
}

#DataFilter_DocStroreBrowse1_data_filter {
    margin-left: 0;
    display: table;
    width: 100%;
    max-height: 1em;
}

.cont_flowcon_right_editor_container #DataFilter_DocStroreBrowse_data_filter {
    margin-bottom: -10px;
    margin-top: -30px;
}

.cont_flowcon_right_editor_container #DataFilter_DocStroreBrowse1_data_filter {
    margin-bottom: -10px;
    margin-top: -30px;
}

#GCGridContainer_DocStore_Browse_div .list_grid_container_container {
    border: none;
    border: #eee 1px solid;
}

#GCGridContainer_DocStore_Browse_div .grid-container-edit {
    border: none;
    padding: 0;
    border: #eee 1px solid;
}

/*DOCSTORE new styling*/
/*list item wrapper*/
/*#GCGridContainer_DocStore_Browse_div .grid-container-list-item,
#GCGridContainer_DocStore_Browse_div.disabled-grid-container-list-item {
    margin: 0;
}

#GCGridContainer_DocStore_Browse_div .grid_container_container,
#GCGridContainer_DocStore_Browse_div > span > div > div.grid_container_container {    
    margin-bottom: 0;
    position: relative;
    overflow: visible;
    min-height: 36px;
    padding: 20px 20px;
    border: none;
    border-bottom: 1px solid var(--skin-color-input-border);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
}

    #GCGridContainer_DocStore_Browse_div > span > div > div.grid_container_container .link_simple_action_bold {
        color: var(--skin-color-main);
        text-decoration: none;
        cursor: pointer;
        font-weight: bold;
        margin: 5px 0;
        font-size: var(--font-size-l);
    }

#ListContent_DocStore_BDetail01_editor_container {
    height: 0px;
    line-height: 1.3em;
}

#ListContent_DocStore_Browse_Detail0_editor_container {
    position: relative;
    top: -35px;
    line-height: 1.3em;
}

#ListContent_DocStore_Browse_Detail_image_editor_container > div.editor_container_container > div > div > div {
    display: flex;
    align-items: center;
}

    #ListContent_DocStore_Browse_Detail_image_editor_container > div.editor_container_container > div > div > div > img {
        width: 48px;
    }

#Act_TASK_START.hide_action_if_disabled, .hide_action_if_disabled,
#Act_TASK_START.hide_action_if_disabled:before, .hide_action_if_disabled:before {
    color: transparent !important;
    cursor: default;
    border: transparent;
}

    .hide_action_if_disabled:before {
        color: transparent !important;
        cursor: default;
    }

#control_content_preview_Custom_Doc_Preview {
    height: 100%;
}*/

/*DocStore only PWA search_panel_container Disabled for WEB*/
#DataFilter_DocStroreBrowsePWAOnly_data_filter.search_panel_container {
    display: none;
}
/***  End of docs documents 2 panel custom styles ***/

/***  Documents ***/
div[id="Container_DocStore_States_And_Filter_editor_container"] #Action_FilterExpandable {
    margin-top: 3px;
}

div[id="ListContent_DocStore_Browse_Detail01_lite_editor_container"] .action_container_no_margin {
    float: left;
}

div[id="DataFilter_DocStroreBrowse_data_filter"] .icon_arrow {
    display: none;
}

div[id="DataFilter_DocStroreBrowse1_data_filter"] .icon_arrow {
    display: none;
}
/***  End of Documents ***/

/*** Networks ***/
#GCGridContainer_Project_Browse__GridContainer {
    margin-top: 10px;
}

#Con_prj_image_editor_container .avatar-custom {
    display: none;
}

#Con_prj_empty2_image_editor_container {
    border-left: 1px solid #eee;
    margin: 1em 1em 0 0;
}

/* Networks big screen view */
.content_left #GCGrid_ProjectEditDatainput__GridContainer .grid_container_menu_txt,
.content_left #GCGrid_ProjectEditDatainput__GridContainer .avatar-medium {
    float: right;
}

    .content_left #GCGrid_ProjectEditDatainput__GridContainer .grid_container_menu_txt li {
        border: none;
        margin: 0;
    }

.content_left #GCGrid_ProjectEditDatainput__GridContainer .grid_container_menu_txt {
    position: relative;
    left: 3.5em;
    top: -.2em;
    margin: 0;
}


.content_left #GCGrid_ProjectEditDatainput__GridContainer #GridContainer_Project_Datainput_ResourceHuman_ListTemplate_Detail_main2_editor_container {
    position: relative;
    left: .5em;
    top: -.8em;
}

.content_left #GCGrid_ProjectEditDatainput__GridContainer .grid_container_container {
    margin: 0;
    padding: .3em .3em 0 .6em;
    line-height: .8em;
    border-bottom: none;
}

.content_left #GCGrid_ProjectEditDatainput__GridContainer .action_container {
    margin: .4em 0 .4em 0;
}


div[id="Container_GanttChart_Project_Select_panel0_editor_container"] .radio_group li {
    background: url(../images/separ_radio_group1.png) right top no-repeat;
}

    div[id="Container_GanttChart_Project_Select_panel0_editor_container"] .radio_group li.last {
        background: none;
    }


div[id="GCGridContainer_Project_Edit_Participants_div"] .grid-container-list-item {
    width: 200px;
    height: 120px;
    margin: 30px 10px;
    float: left;
}

div[id="GCGridContainer_Project_Edit_Participants_div"] img.avatar-medium {
    width: 3em;
    height: 3em;
    margin-bottom: 6px;
}

#Button_Project_Edit_Participants_New {
    background: #ff5c35;
}

    #Button_Project_Edit_Participants_New:before {
        content: '\e61a';
        margin-top: -4px;
    }

div[id^="GCGridContainer_Project_Edit_Participants_row"] li.button_li {
    padding-left: 0;
    padding-right: 0;
    margin-left: 5px;
    margin-right: 0;
}

div[id="Container_Project_Edit_Participant_editor_container"] .link_simple_action {
    color: black;
}

    div[id="Container_Project_Edit_Participant_editor_container"] .link_simple_action:hover {
        text-decoration: none;
    }

div[id="Container_Project_Edit_Participant_editor_container"] .link_simple_action_bold {
    color: black;
    word-break: break-all;
}

    div[id="Container_Project_Edit_Participant_editor_container"] .link_simple_action_bold:hover {
        text-decoration: none;
    }

#Button_Project_Edit_Participant_Add_Save {
    margin-top: 10px;
}
/*** End of Networks ***/

/*** Pivot table ***/
div[data-10xid="UIP_MIS_PIVOT_VIEW_CONTROL:PATH_UI_MIS_PIVOT_VIEW_CONTROL:Editor_MIS_PIVOT_FILTER_VIEW_LOOKUP"] ul {
    max-height: 400px;
}

#PivotGrid_frame {
    margin-left: -10px;
    width: 102%;
    min-height: 1000px;
}

#ExpandableContainerClass_PIVOTGRID_CONTROL_control, #ExpandableContainerClass_PIVOTGRID_CONTROL__m {
    min-height: 60em;
}

#Container_MIS_PIVOT_VIEW_CONTROL_editor_container {
    border-bottom: 1px solid var(--skin-color-input-border);
    padding: 5px 70px 0 0;
}

#label_mis_ct_title {
    margin: 5px 0 0 2px;
}

#ddm_DropDownMenu2013_Pivot_OpList {
    margin-left: 10px;
}

    #ddm_DropDownMenu2013_Pivot_OpList ul.dropdown-menu {
        right: 0px !important;
        left: auto !important;
    }

    #ddm_DropDownMenu2013_Pivot_OpList ul > dropdown-menu {
        width: 100px !important;
    }

.dxPivotGrid_pgCollapsedButton,
.dxPivotGrid_pgExpandedButton,
.dxPivotGrid_pgSortDownButton,
.dxPivotGrid_pgSortUpButton,
.dxPivotGrid_pgFilterResizer,
.dxPivotGrid_pgFilterButton,
.dxPivotGrid_pgFilterButtonActive,
.dxPivotGrid_pgCustomizationFormCloseButton,
.dxPivotGrid_pgDragArrowDown,
.dxPivotGrid_pgDragArrowUp,
.dxPivotGrid_pgDragHideField,
.dxPivotGrid_pgDataHeaders,
.dxPivotGrid_pgGroupSeparator,
.dxPivotGrid_pgSortByColumn,
.dxPivotGrid_pgPrefilterButton {
    background-image: none !important;
    /*-background-image: none !important;*/ /* for IE6 */
    background-repeat: no-repeat;
    background-color: red;
}


/*** End of Pivot table ***/

/*** Maps and Leaflet ***/

.geomap_container {
    height: 100%;
    width: 100%;
}

.geomap {
    min-height: 400px;
    min-width: 400px;
    height: 100%;
    width: 100%;
}

.geomap_marker {
    height: 300px;
    width: 300px;
}

.geomap_custom_icon {
    display: none;
}

.geomap_marker .marker_icon {
    /*position: fixed;
    bottom: 0px;
    left: 0px;*/
}

.geomap_marker ul {
    padding-left: 70px;
    margin-bottom: -25px;
    /*position: fixed;
    top: 0px;
    right: 0px;*/
}

.geomap_marker li {
    line-height: 1;
    font-family: var(--font-1);
    font-weight: normal;
    background: rgba(225, 225, 225, 0.3);
    padding: 3px;
    color: #333;
    font-size: 12px;
    max-width: 150px;
}

.geomap_marker_popup li {
    padding: 8px;
    cursor: pointer;
}

    .geomap_marker_popup li:hover {
        color: white;
        background-color: red;
    }

.geomap_marker_popup_container .leaflet-popup-tip-container {
    display: none;
}

.geomap_marker_popup_container .leaflet-popup-content {
    margin: 0px;
}

.geomap_marker_popup_container .leaflet-popup-content-wrapper {
    border-radius: 0px;
    min-width: 160px;
}

/*#Use Case: Fleet Management - Control Map, Vehicles, Activities and Trips:*/
.contgeomapstyle {
    margin: 0px;
}

/*** End of Maps and Leaflet ***/


/*** Other, misc ***/
/* Calc and Activity temporary fix */

#GCGridContainer_CalculationModule_Browse_div span[id^='GCGridContainer_CalculationModule_Browse_row'],
#GCGridContainer_Task_Browse__GridContainer span[id^='GCGridContainer_Task_Browse_row'] {
    height: 0;
    border: none;
    padding: 0;
    margin: 0;
}
/*** End of Other, misc ***/


/*** Gantt Chart***/

#chart_gantt_GanttChart_Diagram span, #chart_gantt_GanttChart_Diagram div {
    font-family: Avenir;
    font-size: 12px;
}

#GanttChart_Diagram_ganttcontainer {
    max-width: 4000px !important;
}

#Container_GanttChart_Project_Select_panel_editor_container .save_cancel_datainput {
    float: left;
}

#Container_GanttChart_Project_Select_panel_editor_container {
    max-width: 1200px !important;
}


/*#Use case:Userforms: Userform four button on left menu*/
.save_cancel_datainput_userform {
    float: right;
    text-align: right;
    width: 50%;
}

    .save_cancel_datainput_userform .btn-warning {
        background: var(--skin-color-main, #fd4f00) !important;
    }

    .save_cancel_datainput_userform .btn-default {
        background: #b1adac !important;
    }

.editor-container-no-height .btn-default {
    background: #b1adac !important;
}

.left-user-form-container .editor_container_column_r.uf_container {
    min-height: auto !important;
    padding: 0 !important;
}

.udf-action-buttons .editor_container_column {
    border: none !important;
}

.udf-action-buttons .uf_container {
    padding: 0 !important;
}

.udf-action-buttons .editor_container_column_r {
    border: none !important;
}


/*.udf-action-buttons .ribbontoolbar .trsbutton, .ribbontoolbar button {
	width: 16.5% !important;
}*/

.ribbontoolbar.small .trsbutton, .ribbontoolbar.small button {
    width: 20% !important;
    line-height: 18px;
    font-size: var(--font-size-xs);
    padding-bottom: 5px;
    word-wrap: break-word;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.udf-action-buttons .ribbontoolbar {
    background: none !important;
}

.udf-action-buttons button {
    min-height: 55px;
    display: inline-grid;
    border: none !important;
}

.editor-container-no-height button {
    min-height: 65px;
    display: inline-grid;
    border: 4px solid #2e353f;
}

.editor-container-no-height .editor_container_column {
    border: none !important;
}

.editor-container-no-height .editor_container_column_r {
    border: none !important;
}

/*.udf-button {
	font-size: 15px;
	margin-bottom: 6px;
}*/

.udf-action-buttons button:before {
    font-size: 15px;
    margin-bottom: 6px;
}


#Action_Userform_EditMenu_Save:before {
    content: "\e746";
}

#Action_Userform_EditMenu_Export:before {
    content: "\e63e";
}

#Action_Userform_EditMenu_Cancel:before {
    content: "\e646";
}

#Action_Userform_EditMenu_Publish:before {
    content: "\e62f";
}

#Action_Userform_EditMenu_Reload:before {
    content: "\e619";
}


#Action_Userform_EditMenu_Export_Edit:before {
    content: "\e61d";
}


/*Editing new UDF css*/


/*.uf-edit-container .uf_container{
	border: 1px solid black !important;
}

.uf-edit-container .editor_container_container{
	padding: 5px;
}*/



/*Adding new UDF css*/

.ui-sortable.ui-droppable .editor_container_column.uf_container {
    /*border: 1px solid #999 !important;*/
}

.ui-sortable.ui-droppable .editor_container_column_r.uf_container {
    /*border: 1px solid #999 !important;*/
}

.ui-sortable.ui-droppable .editor_container_container {
    padding: 5px;
}

/*.editor_container_column_r.uf_container! > .ui-sortable.ui-droppable { border: 1px solid black !important; }*/

.label-big-bold-userform {
    color: white;
    margin: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--font-5);
    letter-spacing: 0.1em;
}

/*#Use case:Userforms: ExtendedPopUpPage of Dropped Control */
div#CFUIP_Container_editor_container {
    overflow-x: scroll;
    width: 100%;
}

/*#Use case:Userforms: When move editors on container */
.ui-state-highlight-control, .ui-widget-content .ui-state-highlight-control, .ui-widget-header .ui-state-highlight-control {
    border: green 1px solid;
    border-radius: 5px;
    color: #363636 /*{fcHighlight}*/;
}

/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: red 2px solid;
	color: #363636*/ /*{fcHighlight}*/ /*;
}*/

/*#Use Case:Userforms: Added class and removed style from attribute*/
.editor_full_width {
    width: 100% !important;
}

.editor-container-no-height > .editor_container_column_r {
    min-height: 0 !important;
}

    .editor-container-no-height > .editor_container_column_r .save_cancel_datainput {
        width: 100% !important;
    }

/*.editor-container-no-height > .editor_container_column_r .save_cancel_datainput > .content_left .trsbutton {
    background-color: #ec3d22 !important;
}*/



/*** Operational Plan menu***/
div[id="Container_New_Operational_Plan_editor_container"] .input_box_label {
    width: 250px;
    float: right;
    margin-top: 6px;
    font-size: var(--font-size-m);
}

div[id="Container_Existing_Operational_Plan_editor_container"] .input_box_label {
    width: 270px;
    float: right;
    margin-top: 6px;
    font-size: var(--font-size-m);
}

#Container_New_Operational_Plan_editor_container {
    margin-left: 160px;
}

#Container_Existing_Operational_Plan_editor_container {
    margin-left: 160px;
}


div[id="Container_New_Gantt_Plan_editor_container"] .input_box_label {
    width: 250px;
    float: right;
    margin-top: 6px;
    font-size: var(--font-size-m);
}

div[id="Container_Existing_Gantt_Plan_editor_container"] .input_box_label {
    width: 660px;
    float: right;
    margin-top: 6px;
    font-size: var(--font-size-m);
}

#Container_New_Gantt_Plan_editor_container {
    margin-left: 70px;
}

#Container_Existing_Gantt_Plan_editor_container {
    margin-left: 70px;
}

#Container_NoHaveGanttCHart_editor_container {
    height: 200px;
}

#ui_empty_hide_container_editor_container {
    height: 200px;
}

div[id="Container_New_Release_Plan_editor_container"] .input_box_label {
    width: 660px;
    float: right;
    margin-top: 6px;
    font-size: var(--font-size-m);
}

div[id="Container_Existing_Release_Plan_editor_container"] .input_box_label {
    width: 660px;
    float: right;
    margin-top: 6px;
    font-size: var(--font-size-m);
}

#Container_New_Release_Plan_editor_container {
    margin-left: 70px;
}

#Container_Existing_Release_Plan_editor_container {
    margin-left: 70px;
}

div[id="GCGridContainer_Project_Edit_Participants_div"] .grid-container-list-item button {
    min-width: 30px !important;
}
/*** End of Operational Plan menu***/

/*** Waybill ***/
div[id="jqgriddiv_GCJQGridControl_WaybillLine_Browse"] #bacNewGridLine:before {
    content: "";
}

div[id="jqgriddiv_GCJQGridControl_WaybillFuel_Browse"] #bacNewGridLine:before {
    content: "";
}

#jqgriddiv_GCJQGridControl_WaybillFuel_Browse #bacNewGridLine:before {
    font-family: Themify;
    content: "\e61a";
}
/*** End of waybill ***/


/*** Project portfolio editor ***/
div[id="Container_New_Portfolio_Activity_editor_container"] .input_box_label {
    width: 760px;
    float: right;
    margin-top: 6px;
    font-size: var(--font-size-m);
}

div[id="Container_New_Portfolio_Network_editor_container"] .input_box_label {
    width: 760px;
    float: right;
    margin-top: 6px;
    font-size: var(--font-size-m);
}

#Container_New_Portfolio_Activity_editor_container {
    margin-left: 60px;
}

#Container_New_Portfolio_Network_editor_container {
    margin-left: 60px;
}

div[id="Container_Portfolio_DataInput_InviteControl_editor_container"] .multi_lookup button {
    padding: 4px 5px 0px 5px;
}

div[id="Container_Portfolio_DataInput_InviteControl_editor_container"] .multi_lookup {
    padding: 5px 8px 8px 6px;
    font-size: var(--font-size-l);
}

div[id="Container_Portfolio_DataInput_InviteControl_editor_container"] .input_box_input input {
    padding: .3em 0em .3em .4em;
    font-size: var(--font-size-l);
}

div[id="Container_Portfolio_DataInput_InviteControl_editor_container"] .input_box_container {
    height: 120px;
}

div[id="Container_Portfolio_DataInput_InviteControl_editor_container"] .multi-lookup-control .dropdown {
    right: .5em;
    top: .5em;
}

/*POrtfolio chart*/
#button_ChA_NodeNew {
    padding-bottom: 3px;
    padding-top: 3px;
}

button[id="button_ChA_NodeNew"] .flowchart_toolbar_new {
    margin-top: 8px;
}

button[id="button_ChA_NodeNew"] .ui-button-text {
    padding-top: 6px;
    font-size: var(--font-size-s);
    padding-left: 2.5em;
}

div[id="MessageDialog_UI_Portfolio_NewOrExistItem_editor_container"] .action_container_no_margin_no_constraint_center {
    padding-left: 60px;
}
/*** End of Project portfolio editor ***/


#Container_ARTICLE_Article_Part_ArticleLinecodeImage_Container_editor_container {
    margin-top: 10px;
}

.barcode_scanner_popup {
    display: none;
    width: 380px;
}


    .barcode_scanner_popup.barcode_show {
        display: block;
        width: 380px;
    }

.barcode_scanner_video_container {
    width: 380px;
}

    .barcode_scanner_video_container.viewport {
        width: 380px;
    }

video {
    width: 100%;
}

.drawingBuffer {
    display: none;
}

.editor_nobackground_noborder input {
    background-color: transparent !important;
    border: none;
}

/* #Use case: Documents: Document Filing */
#cont_flowcon_left_editor_container .editor_container_container {
    display: block;
}

.gcth-item-icon-doc-delete {
    font-size: 0;
}

#chart_SmartMap_Diagram_flowcon {
    width: 100% !important;
    position: relative !important;
}

/* #Use case: Networks: Status report */
#Container_GanttChart_cnt_Selector_editor_container #baccustomButton2:before {
    font-family: 'Themify';
    content: "\e62b";
}

#Container_GanttChart_cnt_Selector_editor_container #baccustomButton3:before {
    font-family: 'Themify';
    content: "\e75a";
}

/* #Use case: Transportation management: Transport order, ware, load */
#GCJQ_TransportOrder_TransportOrderBrowseWeb_jqgridcontainer #baccustomButton:before {
    font-family: 'Themify';
    content: "\e66d";
}
/* Connect to load */

#GCJQ_Ware_WareBrowseWeb_jqgridcontainer #baccustomButton2:before {
    font-family: 'Themify';
    content: "\e66b";
}
/* Import wares */

#baccustomButtonStr_TransportLoad_TransportLoadBrowseWeb_Start:before {
    font-family: 'Themify';
    content: "\e6ad" !important;
}
/* Load start */
#baccustomButtonStr_TransportLoad_TransportLoadBrowseWeb_Finish:before {
    font-family: 'Themify';
    content: "\e71f" !important;
}
/* Load finish */
#baccustomButtonStr_TransportLoad_TransportLoadBrowseWeb_ConnectLoad:before {
    font-family: 'Themify';
    content: "\e62d" !important;
}
/* Tran ord connect to load */
#baccustomButtonStr_TransportLoad_TransportLoadBrowseWeb_Storno:before {
    font-family: 'Themify';
    content: "\e646" !important;
}
/* Load start */
#baccustomButtonStr_TransportLoad_TransportLoadBrowseWeb_Cancel:before {
    font-family: 'Themify';
    content: "\e6a5" !important;
}
/* Load start */
#baccustomButtonStr_TransportLoad_TransportLoadBrowseWeb_Start:before {
    font-family: 'Themify';
    content: "\e6ad" !important;
}
/* Load start */
#baccustomButtonStr_TransportLoad_TransportLoadBrowseWeb_End:before {
    font-family: 'Themify';
    content: "\e71f" !important;
}
/* Load start */
#baccustomButtonId_TaskWare_TaskWareBrowseWeb_LinkToTrip:before {
    font-family: 'Themify';
    content: "\e62d" !important;
}
/* Load start */
#baccustomButtonId_TaskWare_TaskWareBrowseWeb_UnlinkFromTrip:before {
    font-family: 'Themify';
    content: "\e604" !important;
}
/* Load start */
#baccustomButtonId_TaskWare_TaskWareBrowseWeb_Finish:before {
    font-family: 'Themify';
    content: "\e71f" !important;
}
/* Load start */

#Tab_Userform_CustomCode .control_composite_editor > .input-group-addon {
    display: none;
}

#Tab_Userform_CustomCode .control_composite_editor .adv_lookup_panel {
    width: 100% !important;
    padding: 0px !important;
}

#Tab_Userform_CustomCode .control_composite_editor .form-control {
    background-color: white !important; /*#f3f3f3 !important;*/
    color: black !important;
}

#Tab_Userform_CustomCode .control_composite_editor .adv_lookup_new_button {
    background-color: white !important;
}

#Tab_Userform_CustomCode .dropdown-menu {
    width: 100% !important;
}

.left-side-label-udf-customcode-tab {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.left-side-label-udf-customcode-ddlabel {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

#Tab_Userform_CustomCode .save_cancel_datainput {
    width: 100% !important;
    padding-right: 20px;
}

    #Tab_Userform_CustomCode .save_cancel_datainput button {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

#Container_Userform_Simple_Form_Edit_Code_container .save_cancel_datainput {
    float: left;
    text-align: left;
}

#Container_Userform_Simple_Form_Edit_Code_container .editor_full_width .input-group-addon {
    display: none;
}

#Container_Userform_Simple_Form_Edit_Code_container .udf-code-editor-label {
    display: block;
    clear: both;
    margin-top: 80px;
}

/* #Use case: Documents: Filing */
/* Filing Format lookup */
.filingfilter > .editor_container_container > .editor_container_column {
    width: 70% !important;
}

.mr-10 {
    margin-right: 10px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.margin-left-3xl {
    margin-left: 9em;
}


/* #Use case: Supplier invoices */
div#MainPanel div#GCGridContainer_Re_invoicing_InvoiceLines_div > div > div:nth-child(2n) {
    background: #f2f2fa;
}

div#MainPanel div#GCGridContainer_Re_invoicing_InvoiceLines_div > div {
    counter-reset: list-number;
}

    div#MainPanel div#GCGridContainer_Re_invoicing_InvoiceLines_div > div > div.grid-container-edit:before {
        counter-increment: list-number;
        content: counter(list-number);
        margin-right: 10px;
        margin-bottom: 10px;
        width: 25px;
        height: 25px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        background-color: #575757;
        border-radius: 50%;
        color: #fff;
        position: absolute;
        margin-top: 47px;
        margin-left: 2px;
    }

div#MainPanel #GCGridContainer_Re_invoicing_InvoiceLines_div div[id*='Container_Invoice_Re_invoicing_Calc'].container_box > *:nth-child(2) > div {
    padding-left: 10px !important;
}

    div#MainPanel #GCGridContainer_Re_invoicing_InvoiceLines_div div[id*='Container_Invoice_Re_invoicing_Calc'].container_box > *:nth-child(2) > div:hover {
        cursor: default;
    }

    div#MainPanel #GCGridContainer_Re_invoicing_InvoiceLines_div div[id*='Container_Invoice_Re_invoicing_Calc'].container_box > *:nth-child(2) > div:before {
        content: "";
    }

div#MainPanel #GCGridContainer_Re_invoicing_InvoiceLines_div div[id*='Container_Invoice_Re_invoicing_Calc'].container_box > *:nth-child(3) > div {
    margin-top: 0 !important;
}

.label-info-wh-space-pre-wrap {
    white-space: pre-wrap;
    font-size: var(--font-size-s);
    margin: 0px 10px 5px 0px;
    padding: 1px 1px 1px 0px;
    text-align: justify;
    color: #a9aeb4;
}

div#GCGC_SMART_MAP_HISTORY_ALL_div {
    margin-top: 10px;
}

    div#GCGC_SMART_MAP_HISTORY_ALL_div .grid-container-list-item {
        max-height: 20px;
        margin: 0;
    }

div#PopupContent_SmartMap_History_Selected_Item_editor_container {
    text-align: center;
    margin-bottom: 25px;
}

/*#REQ: Avoid the overlapping of flags in Sales Order edit screen - All Order Items tab - #4166077# - 2022/04/08*/
/*Sales Order labels command radio buttons*/
#Container_SalesOrder_CalcuationBrowse_Filter_editor_container > div.editor_container_container > div {
    padding-bottom: 10px;
}

    #Container_SalesOrder_CalcuationBrowse_Filter_editor_container > div.editor_container_container > div > div {
        height: auto !important;
        display: grid;
        grid-auto-rows: 30px;
        grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
        grid-gap: .5em;
        vertical-align: middle;
    }
/*Sales Order labels command radio buttons*/
/*#4166077# - END*/

/*#ERROR: left tab (Activity BL) - selector - responsive behaviour - #4173980# 2022/04/19*/
div.radio_group_ios > ul > div > li {
    display: inline-flex;
    height: 100%;
    align-items: center;
    padding: 5px;
}
/* #4173980# - END */

/*#REQ: Documents BL new BUTTON: Add Photo - #4172172# - 2022/04/19*/
/*picture wrapper*/
.imageWrapper {
    background: transparent;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*picture from camera*/
#pictureFromCamera {
    width: 100%;
    height: auto;
}

/*button camera file input - for capture*/
.btnCFI {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    min-width: 120px;
    /*background: rgba(0,0,0,.4);*/
    color: #fff;
    background: var(--skin-color-main);
    border: solid 1px #fff;
    border-radius: 15px;
    font-size: 14px;
    cursor: pointer;
}

    .btnCFI:hover {
        filter: contrast(200%);
        color: #fff;
        background: var(--skin-color-main);
    }

/*preview image*/
#control_content_preview_Custom_Doc_Preview > div > img {
    width: 100%;
    height: auto;
    position: absolute;
}

/*hide full screen panel from chat screen*/
#FullScreenPanel > div[data-form-id="ContentCollection_DocStore_Main_UI"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
}
/*hide label chat rooms from web*/
#label_CustomContent_TaskChatPageList_Header_Label {
    display: none;
}

/*hide doc binder from camera screen*/
#ExtendedPanel > div > div > div#Container_Doc_Edit_All_container {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
}
    /*show doc binder name for 10xSheet*/
    #ExtendedPanel > div > div > div#Container_Doc_Edit_All_container.Container_Sheet {
        all: unset !important;
        height: 300px !important;
    }

        #ExtendedPanel > div > div > div#Container_Doc_Edit_All_container.Container_Sheet #Editor_DocStore_Di_BaseTab_container > div {
            height: 80px !important;
            overflow: hidden !important;
        }

#ExtendedPanel > div > div #Container_Doc_Edit_All_container.Container_Sheet #Action_DocStore_DsBinder_Datainput_Cancel_Part,
#ExtendedPanel > div > div #Container_Doc_Edit_All_container.Container_Sheet #Editor_DocStore_Di_BaseTab_container > div > div:not(:nth-child(2)) {
    visibility: hidden;
}

/*hide add photo button from web*/
#Action_DocStore_Add_Photo {
    visibility: hidden;
}
    /*doc binder icon for button Add Photo*/
    #Action_DocStore_Add_Photo:before {
        font-family: FontAwesome;
        content: "\f030" !important;
        margin: 0 !important;
        background-color: transparent !important;
    }
/*#4172172# - END*/

/*#ERROR: Transport Order - FLI Plug-in - dxGrid CSS no lines displayed - #4175831#*/
/*.dx-widget {
    height: auto !important;
}
*/
.dx-scrollable-container {
    margin-bottom: 15px;
}


/*#ERROR: DXGRID: Column filter popup scrollbar is missing*/
#main_body > div > div > div.dx-popup-content > div {
    height: 220px !important;
}

/*#ERROR: SALES ORDER: dxGrid view paging is not working properly - instead of switching the pages are extending current list -#4220630#*/
/*hide last empty row in the table*/
div.dx-scrollable-content > div > table > tbody > tr.dx-row.dx-freespace-row.dx-column-lines {
    height: 0 !important;
}
/*#4175831# - END*/

.dx-gridbase-container {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    background: white;
    padding: 10px;
}

.dx-datagrid .dx-link {
    color: var(--skin-color-main);
    text-decoration: none !important;
}

.dx-datagrid {
    margin-left:-15px;
}

.dx-datagrid-borders > .dx-datagrid-pager, .dx-datagrid-group-panel .dx-group-panel-message, .dx-datagrid-group-panel .dx-group-panel-item {
    font-family: var(--font-1);
    font-size: var(--font-size-s);
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

.dx-toolbar .dx-toolbar-items-container {
    height: var(--height-xl);
}

.dx-datagrid-borders > .dx-datagrid-header-panel {
    border-top: 1px solid #ddd;
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0!important;
}

.dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item, .dx-datagrid .dx-datagrid-header-panel .dx-header-filter,
.dx-datagrid .dx-column-indicators,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-sort.dx-sort {
    font-size: var(--font-size-s);
}



/*#REQ: New Left Side tab on main panel of edit windows - > 10xSHEETS - DEVELOP - #4195760#*/
#task_doc_sheets_editor_container > div.editor_container_container > div > div > div > div:nth-child(2)
#id_Editor_container_docu_folder_editor_container,
#id_Editor_container_docu_photo_sheet_buttons_editor_container {
    padding: 10px 0;
    background: #efefef;
}

/* --------------------------------------  DON'T DELETE THIS RULE ----------------------------------------------/*
/* ----------------- Hide Doc Binder Buttons-line for 10xSheet Plugin on each module ---------------------------*/
/*Network BL*/
#ProjectEdit_Docs_Sheets_container #id_Editor_container_docu_folder_editor_container,
#ProjectEdit_Docs2_Sheets_container #id_Editor_container_docu_folder_editor_container,
/*Partner*/
#Container_PartnerEdit_DocData_10xSheets_editor_container #id_Editor_container_docu_folder_editor_container,
/*Sales order*/
#Container_SalesOrderSelect_DocData_10xSheets_editor_container #id_Editor_container_docu_folder_editor_container,
/*Transport Order*/
#Container_TransportOrder_TransportOrder_Part_Editorcontainer_10xSheets_editor_container #id_Editor_container_docu_folder_editor_container,
/*Employees*/
#C_Employee_10xSheets_container #id_Editor_container_docu_folder_editor_container,
/*Contract*/
#Tab_Contract_Sheets_container #id_Editor_container_docu_folder_editor_container,
/*Task*/
#task_doc_sheets_editor_container #id_Editor_container_docu_folder_editor_container {
    display: none;
}
/* -------------- END - Hide Doc Binder Buttons-line for 10xSheet Plugin on each module ------------------------*/
.luckysheet {
    position: relative !important;
}
/*#END - #4195760#*/

/*#REQ: CHAT: Add a new notification counter on the UI to every CHAT - #4202914#*/
/*chat unread messages badge*/
[id^=label_CustomContent_TaskChatPageList_UnreadMessages] {
    min-width: 24px;
    min-height: 24px;
    text-align: center;
    position: absolute;
    top: 0;
    right: -5px;
    padding: 6px;
    border-radius: 50%;
    font-size: var(--font-size-);
    font-weight: 600;
    color: #fff;
    background: var(--skin-color-main);
}
/*#END - #4202914#*/
#main-nav {
    display: none;
}





/*-------------------------------------------------------------------------------------------------*/
/*-----------   Please implement the new desktop application styles above this comment  -----------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*--- Please implement the new styles for the mobile (PWA) application in the media block below ---*/
/*-------------------------------------------------------------------------------------------------*/
/*===========================================PWA MOBILE============================================*/
/* Styles for mobiles and pwa */
@media only screen and (max-width: 860px) {
    html {
        overflow: scroll;
        overflow-x: hidden;
    }

    body {
        color: #555;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        font-family: var(--font-2), var(--font-2), var(--font-3);
        font-size: var(--font-size-m);
        /* overflow: -moz-scrollbars-vertical;*/
        overflow-y: scroll;
        background-color: #fff;
    }

    ::-webkit-scrollbar {
        width: 0; /* Remove scrollbar space */
        background-color: transparent; /* Optional: just make scrollbar invisible */
    }

    /* Optional: show position indicator in red */
    ::-webkit-scrollbar-thumb {
        color: black;
    }  

    .navbar-default {display:  none;}


    .editor_container_container {
        display: inline-grid;
    }
    .content_2_column_right_edit .editor_container_container {
        display: block !important; /*place all fields in new row*/
    }

    /*chart*/
    #chart_SmartMap_Diagram_flowcon, .flow-chart-right-toolbar-main {
        float: none;
        position: relative !important;
        width: 100%;
        height: 50vh !important;
        overflow-y: scroll;
        color: white;
        right: unset;
    }

    /*.content_fullscreen*/
    .content_2_column_right {
        all: unset;
        left: 0 !important;
        display: block;
        background: #f7f7f5;
        position: relative;
        margin: 30px 0px 0px 0px;
        z-index: 299;
        width: 100% !important;
        height: 50vh !important;
        min-height: 50vh !important;
    }


    #Container_Header_Login_container .label_medium_bold_center {
        margin: 20vh 0;
    }

    #EditorContainer_Log_All_editor_container {
        padding: 0;
    }

    #Action_Reminder_Action {
        margin-top: 15px;
    }

    .fun .globe {
        display: none;
    }

    /*top-containers*/

    #UIP_Vehicle_VehicleBrowse_BrowserefcardUIP_VEHICLE_BROWSE_LIST_CONTENTRefCARD_CustomContent_JumpFLowControl_Calculation_Card_287 > tbody > tr:nth-child(1) {
        display: flex;
    }

    div.editor_container_container.item-main-header-container {
        display: flex!important;
        justify-content: space-between;
        position: relative;
        background: transparent !important;
    }

    #Container_Expandable_SkinSelector1_control {
        display: none;
    }

    #e_Container_Header_m_Info_WebShop_main_control {
        position: fixed;
        top: 50px;
        left: 15px;
    }

    #e_Container_Solution_Expandable_main__h {
        display: none;
    }

    #Container_Filter_WebShop_control {
        display: none;
    }

    #Container_Header_GC_WEBSHOP_Browse_editor_container {
        margin: 0 auto;
    }

    .dropdown-menu > li > a {
    }

    #NewTaskContainer_inner_editor_container > div.editor_container_container:before {
        content: 'Quick add activity\A\A';
        white-space: pre-wrap;
        padding-bottom: 10px;
    }

    #NewTaskContainer_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container {
        padding: 10px;
        border-radius: 10px;
        background: #e3e8eb;
        margin-top: 5px;
        position: sticky;
    }

    /*#NewTaskContainer_inner_editor_container > div.editor_container_container > div:nth-child(-n+2) {
        width: 50% !important;
        display: inline-flex;
    }*/


    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .input-group input {
        display: block;
    }

    label {
        padding-left: 0;
    }

    .link_simple_action_bold {
        font-size: var(--font-size-m);
        /*text-transform: uppercase;*/
    }

    .action_container .link_simple_action_bold:first-child {
        top: 15px !important;
        position: relative;
    }

    #PWA_ARTICLE_BARCODESCAN_OPEN_Container_editor_container .save_cancel_datainput {
        float: right;
        margin-top: -40px;
    }

    body::-webkit-scrollbar {
        width: 2px;
        /*background-color: #F5F5F5;*/
    }

    body {
        overflow-x: hidden;
        /*background: #d3d8df;*/
        /* background: #e1e5ea;*/
    }

    #main_content {
        padding-bottom: 100px;
    }

    .sp {
        width: 100px;
        height: 100px;
        left: 50%;
        top: 50%;
        position: fixed;
        margin-left: -50px;
        margin-top: -50px;
    }

    /*content left - filter panel pwa*/
    .content_left {
        transition: background-color .1s linear;
        -moz-transition: background-color .1s linear;
        -webkit-transition: background-color .1s linear;
        background-color: transparent;
        margin-top: 0;
        border-right: 0;
        width: 100% !important;
        text-align: center;
        position: fixed;
        height: auto !important;
        min-height: auto !important;
    }
        /*content left visible - filter panel pwa*/
        .content_left.menu_visible {
            margin-top: var(--solution-header-height);
            background-color: var(--skin-color-left);
            height: 100vh !important;
            padding: 6vh 0px 16vh 0px;
            overflow-y: scroll;
            z-index: 3;
        }
        /*content left icon - filter panel pwa*/
        .content_left a.content_left_icon {
            float: right;
            display: block;
            /* padding-right: 15px;*/
            min-height: auto !important;
            min-width: 4vh !important;
        }


    /*elvis*/
    #GCGC_Header_Right_Browse_PWA__GridContainer > table > tbody > tr > td {
        display: none;
    }

    .nav.nav-pills.nav-stacked.pwa-bottom-nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        min-height: 10vh;
        box-shadow: 0px -9px 12px -4px rgba(0,0,0,0.24);
        background-color: #ffffff;
        display: flex;
        overflow-x: auto;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -webkit-transform: translate3d(0,0,0);
    }

        .nav.nav-pills.nav-stacked.pwa-bottom-nav li {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: stretch;
            flex-grow: 1;
            max-width: 16.5%;
            overflow: hidden;
            font-family: "Montserrat" !important;
            font-size: 1.2em;
            line-height: 1em;
            font-weight: 400;
            color: #444444;
            text-decoration: none;
            -webkit-tap-highlight-color: transparent;
            transition: background-color 0.1s ease-in-out;
            text-align: center;
            order: initial;
        }

            .nav.nav-pills.nav-stacked.pwa-bottom-nav li.hover,
            .nav.nav-pills.nav-stacked.pwa-bottom-nav li.active {
                background-color: var(--skin-color-main) !important;
                color: #fff !important;
                -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
                -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
                box-shadow: inset 0px 0px 5px #c1c1c1;
                outline: none;
            }

                .nav.nav-pills.nav-stacked.pwa-bottom-nav li.active:before {
                    background: transparent !important;
                    color: #fff !important;
                }

            .nav.nav-pills.nav-stacked.pwa-bottom-nav li.pwa-bottom-nav-togglable-hidden {
                display: none;
            }

 


    /*Webshop main-panel changes*/

    #GCGC_WEBSHOP_Browse_PWA_div .grid-container-thumbnail-item-image {
        position: relative;
        left: 5px;
        top: auto;
        cursor: pointer;
        width: 100% !important;
        height: 100% !important;
        float: left;
        display: none;
    }

    #GCGC_WEBSHOP_Browse_PWA_div .grid-container-thumbnail-item-code {
        display: none;
    }


    #GCGC_WEBSHOP_Browse_PWA_div .grid-container-thumbnail-item-title {
        position: relative;
        top: auto;
        z-index: 1000;
        white-space: normal;
        left: 0;
    }

    #GCGC_WEBSHOP_Browse_PWA_div .action_container {
        float: left;
        padding-right: 10px;
    }

    #GCGC_WEBSHOP_Browse_PWA_div .link_simple_action {
        color: var(--skin-color-main) !important;
    }


    /*header-top*/

    #MenuPanel {
        width: 100% !important;
        padding: 15px !important;
        padding-top: 0;
        display: contents;
        position: fixed;
        height: 94vh;
    }
        /*search_panel_container*/
        #MenuPanel .search_panel_main, .search_panel_container {
             margin: 10px 0;
             padding: 3px 0;
            width: 100%;
            border-radius: 20px !important;
            -webkit-border-radius: 20px !important;
            /* background-color: var(--skin-color-left-input);*/
        }


    /*DocStore only PWA search_panel_container*/
    #DataFilter_DocStroreBrowsePWAOnly_data_filter.search_panel_container {
        display: block;
        background-color: #fff;
        top: 10px;
    }
    /*DocStore only PWA search_panel_container icon*/
    #DataFilter_DocStroreBrowsePWAOnly_data_filter > div > div > div.inner-addon.left-addon > i {
        left: -5px;
    }
        /*DocStore only PWA search_panel_container custom icon*/
        #DataFilter_DocStroreBrowsePWAOnly_data_filter > div > div > div.inner-addon.left-addon > i::before {
            /* color: #aaa !important;
            font-family: FontAwesome;
            content: "\f002" !important;
            font-size: 24px;*/
        }
    /*DocStore only PWA search_panel_container custom text*/
    #SRCH_DataFilter_DocStroreBrowsePWAOnly {
        font-size: var(--font-size-ll);
    }
    /*end DocStore only PWA search_panel_container*/


    #MenuPanel .input-group .input-group {
        display: table;
    }

        #MenuPanel .input-group .input-group:first-child {
            border-bottom: 1px solid rgba(255,255,255,.05);
        }

    #MenuPanel input, #MenuPanel .adv_lookup_new_button, .search_panel_main input, .adv_lookup_new_button {
        display: flex !important;
        align-items: center !important;
        justify-content: center;
        margin: 0 !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-top: 0 !important;
        padding: 0 0 0 5px !important;
    }

    .search_panel_main input {
        color: #555 !important;
        padding-left: 35px !important;
    }

    /*menu panel custom search icon*/
    #MenuPanel > div > div > div.action_container {
        padding-top: 15px !important;
        text-align: left !important;
    }
    /*menu panel search text*/
    #MenuPanel .search_panel_main input[type=text] {
        margin: 0 !important;
        width: 100%;
        padding: 0 0 0 38px !important;
        font-size: var(--font-size-ll);
    }

    .vertical_menu_container {
        color: white;
        margin: 15px 0 10px 0;
        display: contents;
    }

    .container_main {
        margin-top: 4vh;
        width: 100%;
        text-align: center;
        position: relative;
        height: 96vh;
        padding-bottom: 16vh;
        /* z-index:290;*/
        /*background: #e1e5ea;*/
    }

    /*top-header*/
    .container_top_pwa {
        min-height: 6vh !important;
        background: var(--skin-color-2);
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        /*z-index: 2;*/
    }
    /*profil image*/
    #container_top > div.container_top_left > a img#profil_image {
        border: 2px solid rgba(255,255,255,.7);
        width: calc(var(--solution-header-height)*1.2);
        height: calc(var(--solution-header-height)*1.2);
        margin-left: calc(var(--solution-header-height) - 3px);
    }

    .container_top_pwa .vertical_menu_container {
        width: 100%;
        height: calc(100vh - var(--solution-header-height));
        position: absolute;
        top: 4vh;
        left: 0;
        margin: 0 !important;
        background: #fff;
    }

    #container_top > div.container_top_left {
        position: relative;
        float: left;
        display: inline-flex;
        /* margin: 5px;*/
    }

    #container_top > div.container_top_right {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        float: right;
        margin: 5px;
    }

    #container_top > div.container_top_left > a {
        padding-right: 20px;
    }

        #container_top > div.container_top_left > a > span > i,
        #container_top > div.container_top_right > a > span > i {
            color: rgba(255,255,255,.8);
            font-size: 2.2em;
        }
    /*topbar right menu bl title*/
    #container_top_right_heading {
        color: rgba(255,255,255,.8);
        font-family: "Montserrat";
        font-weight: 600;
        font-size: var(--font-size-l);
        text-transform: uppercase;
        padding-right: 5px;
    }

    #GCGC_Header_Right_Browse_PWA_div {
        width: 100%;
    }

        #GCGC_Header_Right_Browse_PWA_div .grid-container-thumbnail-item-image {
            position: relative;
            left: 5px;
            top: auto;
            cursor: pointer;
            width: 100% !important;
            height: 100% !important;
            float: left;
            display: none;
        }

        #GCGC_Header_Right_Browse_PWA_div .grid-container-thumbnail-item-code {
            display: none;
        }


        #GCGC_Header_Right_Browse_PWA_div .grid-container-thumbnail-item-title {
            position: relative;
            top: auto;
            z-index: 1000;
            white-space: normal;
            left: 0;
        }

        #GCGC_Header_Right_Browse_PWA_div .action_container {
            float: left;
            padding-right: 10px;
        }

    .grid_container_container {
        position: relative;
        min-height: inherit;
        padding: 0;
        overflow: visible;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;

    }

    .content_left .grid_container_container {
        background: #fff;
        padding: 15px;
        border: 2px #fff !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        margin-bottom: 0;
        position: relative;
        overflow: visible;
        min-height: 0;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    #GCGC_Header_Right_Browse_PWA_div div.grid_container_container {
        min-height: 0;
        background: transparent !important;
        padding: 0px !important;
        border: 0 !important;
        box-shadow: none !important;
        margin-bottom: 0 !important;
        -webkit-border-radius: 0 !important;
    }

    .content_left .grid_container_container .selected-chat {
        border: 2px solid var(--skin-color-main) !important;
        background: var(--skin-color-9);
    }


    /*left-right top menu*/
    #Container_Header_Left_Menu_editor_container, #GCGC_Header_Right_Browse_PWA_div {
        padding-bottom: 12vh;
    }


        #Container_Header_Left_Menu_editor_container > div.editor_container_container > div > div > div > ul > li,
        #GCGC_Header_Right_Browse_PWA_div > div > div.grid-container-list-item {
            text-align: left;
            overflow: visible;
            min-height: auto !important;
            margin: 0 !important;
            padding: 25px 25px;
            border: 0 !important;
            border-bottom: 1px solid var(--skin-color-input-border);
            font-family: "Montserrat" !important;
            font-size: 1.3rem;
            line-height: 1.5rem;
            background: transparent !important;
            border-radius: 0;
            -webkit-border-radius: 0;
            box-shadow: none !important;
            cursor: pointer !important;
        }

            #Container_Header_Left_Menu_editor_container > div.editor_container_container > div > div > div > ul > li:hover {
                background: none !important;
            }


        #GCGC_Header_Right_Browse_PWA_div .link_simple_action {
            color: var(--skin-color-base) !important;
            text-transform: uppercase;
            font-family: "Montserrat" !important;
            font-size: 1.2em;
            font-weight: 400;
        }

            #GCGC_Header_Right_Browse_PWA_div .link_simple_action:hover {
                color: var(--skin-color-main) !important;
                text-decoration: none !important;
            }

        #Container_Header_Left_Menu_editor_container > div.editor_container_container > div > div > div > ul > li > a {
            margin-right: 0;
            line-height: 10px;
            color: #666;
            min-height: auto !important;
            height: auto !important;
            border: 0 !important;
            padding: 0px;
        }

            #Container_Header_Left_Menu_editor_container > div.editor_container_container > div > div > div > ul > li > a:hover {
                background: none !important;
            }


            #Container_Header_Left_Menu_editor_container > div.editor_container_container > div > div > div > ul > li > a:active {
                background: none !important;
            }

        #Container_Header_Left_Menu_editor_container .left_menu_span {
            color: var(--skin-color-base) !important;
            text-transform: uppercase;
            font-family: "Montserrat" !important;
            font-size: 16px;
            line-height: 1em;
            font-weight: 400;
        }

            #Container_Header_Left_Menu_editor_container .left_menu_span:hover {
                color: var(--skin-color-main) !important;
            }

    /*menu icons*/
    .fa .fa-bars {
        -moz-transition: 1s ease-in-out;
        -webkit-transition: 1s ease-in-out;
        transition: 1s ease-in-out;
        display: inline-block;
    }

    .bar_vert {
        -ms-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    /*end - menu icons*/
    /*end - left-right top menu*/

    /*grid containers*/
    #container_task_tree_invisible_container .input_group {
        background: inherit;
        border-bottom: none;
    }

    .grid_container_menu_container {
        top: -10px;
        right: 25px;
        bottom: 0;
        left: auto;
        /*position: inherit;*/
    }

    .editor_container_container {
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }

    .grid-container-list-item, .disabled-grid-container-list-item {
        background: #fff;
        margin-top: 10px;
        padding: 5px 0 10px 0;
        position: relative;
        overflow: visible;
        min-height: auto;
        border-bottom: 1px solid var(--skin-color-input-border) !important;
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .grid_container_container .nav-tabs {
        margin: 5px 0;
        background: #fff;
        border: 0 !important;
        max-width: 100%;
        display: grid;
        /* Define Auto Row size */
        grid-auto-rows: 30px;
        /*Define our columns */
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        font-size: var(--font-size-s);
        grid-gap: .3em;
    }

        .grid_container_container .nav-tabs > li {
            /* display: flex;
            flex-direction: row;
            justify-content: center;  */
            border: 1px solid #eee;
            cursor: pointer;
        }

            .grid_container_container .nav-tabs > li > span {
                position: absolute;
                top: 50%;
                height: 100px;
                margin-top: -50px;
            }

        .grid_container_container .nav-tabs:before, .grid_container_container .nav-tabs:after {
            display: none !important;
        }
    /*end - grid containers*/

    /*custom grid containers*/
    /*right-menu*/
    #GCGC_Header_Right_Browse_PWA_div .grid_container_menu_container {
        display: none !important;
        background: rgba(255,255,255,.3);
        border-radius: 15px !important;
        margin: 0;
        cursor: pointer;
    }
    /*note panel*/
    .content_3_column_left {
        width: 100% !important;
        /* max-height: 50vh; */
        padding: 0px 10px !important;
        height: 96vh !important;
        min-height: 96vh !important;
        background: var(--skin-color-left);
        color: rgba(255,255,255,.7);
        margin: 0;
    }

    .content_3_column_left_max {
        width: 100% !important;
        padding-right: 5px !important;
        min-height: 0px !important;
        max-height: 0px !important;
        background: transparent;
    }

    .container_top .nav-pills > li > a {
        color: black;
    }

    .container_top .nav-pills > li:hover {
        background: red;
    }

    .container_top .nav-pills > li > a:hover {
        color: white;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active {
        background-color: transparent !important;
        /* color: white !important;*/
    }

    .container_top_left_heading {
        /* font-size: 16px;
        margin: 2px 0 0 5px;*/
    }

    .container_top_right_heading {
        position: relative;
        float: right;
        font-size: 1em;
        text-align: right !important;
        /*margin: 7px 0 0 5px;*/
    }

    .content_left .content_left_icon .icon_circle_arrow_gray {
        color: white;
    }

    .container_top .content_left_icon .icon_circle_arrow_gray {
        color: var(--skin-color-dark-inverse);
    }

    /*Header Right Panel*/
    .content_right_icon {
        float: right;
        padding-left: 10px;
    }

    #Container_Header_Left_Menu_editor_container,
    #Container_Header_Right_Menu_editor_container {
        display: none;
        width: 100%;
        height: 100vh;
        position: absolute;
        top: calc(var(--solution-header-height)*1.8);
        left: 0;
        /* padding-top: 4vh;*/
        margin: 0 !important;
        background: white;
        overflow-y: scroll !important;
        z-index: 100010;
    }

    /*left menu edit mode*/
    .menupanel-editmode {
        padding-top: 0;
        /*  height: 100% !important;*/
    }

    .head_error {
        width: 100%;
        z-index: 1500;
        margin: 0 auto;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
        padding: 0.6em 0.5em;
        color: var(--skin-color-main);
        font-size: var(--font-size-m);
        background: white;
    }

    .nav-stacked > li.active:before {
        text-align: center;
    }

    .menupanel-editmode .nav-stacked > li span {
        text-align: center;
        font-size: var(--font-size-s);
        text-transform: lowercase;
    }

        .menupanel-editmode .nav-stacked > li span:first-letter {
            text-transform: uppercase;
        }


    .menupanel-editmode .nav > li {
        display: inline;
    }

        .menupanel-editmode .nav > li > a {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 5px;
        }

    .drop-box-container {
        display: none;
    }

    .radio_group ul {
        display: flex !important;
        justify-content: space-between;
    }

    .radio_group li {
        padding: 0 12px;
    }

        .radio_group li.first {
            margin-left: 0;
        }

    #ddm_CustomContent_DropDown_Doc_Operations_General {
        margin-bottom: 0;
    }

    #Container_BF_Contract_Fields_doc_control {
        display: none;
    }

    #Container_BF_Contract_Fields_doc__m .tab_container_box {
        margin-top: 20px;
    }

    /*Partner Screen*/

    /*Check for dependency*/


    /*Invoice*/
    #ddm_CustomContent_DropDown_Invoice_Browse_Operations_Mobile {
        margin: 6px 0;
    }

    /*Acivity Screen*/
    #Con_Task_Inner_State_Name_editor_container {
        margin-left: 0;
    }

    .editor_container_container.act-start-finish-date {
        display: inline-flex;
        margin-left: 10px;
    }

    #Con_Task_Inner_Actions_editor_container {
        margin-left: 10px;
    }

    #Con_Task_infopanel02_editor_container .editor_container_column_r #Con_Task_Inner_Actions_Parent_editor_container #Con_Task_infopanel003_editor_container .editor_container_column {
        padding-bottom: 8px;
    }

    #Con_Task_infopanel02_editor_container .editor_container_column_r #Con_Task_Inner_Actions_Parent_editor_container #Con_Task_infopanel003x_editor_container .editor_container_column {
        padding-bottom: 8px;
    }

    #Con_Task_infopanel002_editor_container {
        margin-top: 5px;
    }

    #Con_Activity_Status_2_editor_container .editor_container_container {
        display: flex;
        margin-bottom: 20px;
    }

    #GridNotfCont_editor_container > .editor_container_container {
        display: flex;
    }

    #GridNotfCont_editor_container .editor_container_container .editor_container_column:first-child {
        width: 9% !important;
        display: inline-block;
    }

    #task_doc_editor_container #id_Editor_container_docu_folder_editor_container {
        width: 80%;
    }

    #task_doc_editor_container #id_Editor_container_docu_detail_container {
        width: 80%;
    }

    #task_doc_editor_container #Container_DocStore_Operations_editor_container {
        width: 80%;
    }

    #Con_Task_infopanel03_editor_container {
        position: relative;
        left: 30px;
    }

    #Container_Addressee01_editor_container {
        position: absolute;
        margin: 5px 0;
    }

    #Con_Task_infopanel02_editor_container .editor_container_container .editor_container_column:nth-child(2) {
        position: relative;
        left: 6px;
    }

    #Con_Task_Inner_Actions_Parent_editor_container {
        margin: 10px 0;
    }

    ul.nav.nav-pills.nav-stacked {
        /* display: table;*/
        text-align: left;
    }

    /*Process Log*/

    .process-log-grid-style-pwa {
        display: inline-flex;
        width: 80%;
        margin: 2px 0;
    }

    .process-log-grid-style-label {
        font-weight: bolder;
    }

    /*Skin selector*/

    .skin_selector {
        display: none !important;
    }

    .content_right {
        display: none !important;
    }

    /*Sales Order*/

    .sales-order-action-cont-tm-task-name {
        width: 50%;
        margin-bottom: 8px;
    }

    /*Card View Top Add New Button*/

    .card-view-add-new-action {
        margin-top: 10px;
    }

    /*Smart notes*/
    .text-nowrap-ellipsis {
        white-space: normal;
        margin: 10px 0;
    }

    iframe.cke_wysiwyg_frame.cke_reset {
        min-height: 450px !important;
    }

    .main_content_smart_note {
        /*left: 9% !important;*/
        width: 100% !important;
    }

    /*============ EMPLOYEE BL ==================================================================================================================*/
    #GCGridContainer_Employee_Browse_div > span > div.grid-container-list-item {
        min-height: 45px;
    }

    #Cont_Emp_List_menu_editor_container > div.editor_container_container > div > div > div,
    #Cont_Emp_List_menu_editor_container > div.editor_container_container > div > div > div > div.icon_circle_arrow_gray {
        position: absolute !important;
        top: 0;
        right: 0;
    }

    #Cont_Emp_List_main_editor_container > div.editor_container_container > div:nth-child(1) > div img.avatar-large {
        margin-right: 15px;
    }

    #Con_Task_FristRow_editor_container > div.editor_container_container > div > div #Con_Task_FristRow2_editor_container {
        font-size: var(--font-size-l);
    }

    #Con_Task_FristRow_editor_container > div.editor_container_container > div > div > div.action_container {
        font-size: var(--font-size-ll);
        padding: 7px 0;
    }

    #Cont_Emp_List_main_editor_container > div.editor_container_container > div:nth-child(1) > div img.avatar-large {
        width: 4.5em;
        height: 4.5em;
    }
    /*action buttons to the left*/
    #GCGridContainer_Employee_Browse_div > span > div > div.grid_container_menu_container {
        top: -10px;
    }

        #GCGridContainer_Employee_Browse_div > span > div > div.grid_container_menu_container > div.btn-group {
            width: 100%;
            display: inline-flex;
            flex-direction: row-reverse;
        }

            #GCGridContainer_Employee_Browse_div > span > div > div.grid_container_menu_container > div.btn-group button {
                float: right;
                margin: 3px 0 0 3px !important;
            }

    /*============ EMPLOYEE BL END ==============================================================================================================*/
    /*-------------------------------------------------------------------------------------------------------------------------------------------*/
    /*============ DOCSTORE BL ==================================================================================================================*/

    /*grid container*/
    #GCGridContainer_DocStore_Browse_div .grid_container_container,
    #GCGridContainer_DocStore_Browse_div > span > div > div.grid_container_container {
        /*background: #fff;*/
        margin-bottom: 0;
        position: relative;
        overflow: visible;
        height: auto;
        min-height: auto;
        padding: 0;
        border: none;
        border-bottom: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

        #GCGridContainer_DocStore_Browse_div > span > div > div.grid_container_container .link_simple_action_bold {
            color: var(--skin-color-main);
            text-decoration: none;
            cursor: pointer;
            font-weight: bold;
            margin: 5px 0;
            font-size: var(--font-size-m);
            line-height: calc(var(--font-size-m) + 4px);
        }

    #CC_Editor_DsBinder_Browse_ExportContainer_editor_container > div.editor_container_container > div > div > div,
    #CC_Editor_DsBinder_Browse_ExportContainer_editor_container > div.editor_container_container > div > div > div > div.icon_circle_arrow_gray {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
    }

    #ListContent_DocStore_BDetail01_editor_container {
        height: auto;
        line-height: 1.3em;
    }

    #ListContent_DocStore_Browse_Detail0_editor_container {
        position: relative;
        top: 0;
        line-height: 1.3em;
    }

    #GCGridContainer_DocStore_Browse_div {
        overflow-y: scroll !important;
    }

        #GCGridContainer_DocStore_Browse_div > span > div {
            border-bottom: solid 1px var(--skin-color-input-border);
            border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            padding: 15px 0;
            margin: 0;
        }

   
            #GCGridContainer_DocStore_Browse_div > span > div > div.grid_container_menu_container {
            }

                #GCGridContainer_DocStore_Browse_div > span > div > div.grid_container_menu_container > div.grid_container_menu_txt.btn-group {
                    padding: 0 !important;
                    background: rgba(255,255,255,.4);
                    border-top: none;
                    border-radius: 0 !important;
                    -webkit-border-radius: 0 !important;
                }



    #ListContent_DocStore_Browse_Detail0_editor_container {
        top: 0px;
    }

    #ListContent_DocStore_Browse_container .editor_container_container {
        height: auto;
    }

    #ListContent_DocStore_Browse_Detail_image_editor_container > div.editor_container_container > div > div > div img {
        top: 0;
        margin-bottom:10px;
    }

    #ListContent_DocStore_Browse_Detail00_editor_container > div.editor_container_container > div:nth-child(3) > div > div.action_container {
        padding: 0 0 3px 0;
        margin: 0;
    }

    #id_Editor_container_docu_folder_editor_container .editor_container_column.uf_container,
    #id_Editor_container_docu_folder_editor_container .action_container {
        width: fit-content !important;
    }

    #id_Editor_container_docu_folder_editor_container .radio_group_ios {
        text-align: right !important;
    }

    /*============ DOCSTORE BL END ==============================================================================================================*/
    /*-------------------------------------------------------------------------------------------------------------------------------------------*/
    /*============ CHAT BL ======================================================================================================================*/
    /*Chat list*/
    #GCGridContainer_TaskChatPageList_div .grid-container-list-item {
        display: contents;
        padding: 15px;
    }

        #GCGridContainer_TaskChatPageList_div .grid-container-list-item .grid_container_container {
            display: block !important;
            /* background: rgba(0,0,0,.4); */
            background: transparent;
            border-radius: 0 15px 15px 15px !important;
            /* border-bottom: 1px solid #444;*/
            /* margin: 10px 0 !important; */
            padding: 10px 15px;
            cursor: pointer;
            /* border: 0;*/
        }

        #GCGridContainer_TaskChatPageList_div .grid-container-list-item .selected .grid_container_container {
            border: 2px solid var(--skin-color-main);
            background: var(--skin-color-9) !important;
        }

        #GCGridContainer_TaskChatPageList_div .grid-container-list-item .grid_container_menu_container {
            display: none;
        }

        #GCGridContainer_TaskChatPageList_div .grid-container-list-item .grid_container_container #ListContent_TaskChatPageList_container {
            color: #bbb;
            text-align: left !important;
            /*line-height: 2em;*/
        }

            #GCGridContainer_TaskChatPageList_div .grid-container-list-item .grid_container_container #ListContent_TaskChatPageList_container > div > div.action_container {
                padding: 5px 0;
            }

    #label_CustomContent_TaskChatPageList_Header_Label {
        display: block;
        padding: 10px 0 5px 0;
        text-align: left;
        font-size: var(--font-size-xl);
        font-weight: bold;
    }
    /*unread messages notification*/
    [id^=label_CustomContent_TaskChatPageList_UnreadMessages] {
        top: 5px;
    }

    [id^=label_CustomContent_TaskChatPageList_Project] {
        text-align: left;
        font-size: var(--font-size-s);
    }

    /*custom chat filter*/
    /*custom search icon for chat*/
    .content_3_column_left .selected .grid_container_container,
    .content_3_column_right .selected .grid_container_container {
        color: #ccc !important;
        border: none;
        background: var(--skin-color-2) !important
    }

    .content_3_column_left .grid_container_container span {
        display: block;
    }

    .content_3_column_left .grid_container_container #Action_TaskChatPageName,
    .content_3_column_right .grid_container_container #Action_TaskChatPageName,
    .content_3_column_left .selected .grid_container_container #Action_TaskChatPageName,
    .content_3_column_right .selected .grid_container_container #Action_TaskChatPageName {
        display: block;
        color: #fff;
        font-size: var(--font-size-ll);
        font-weight: 300;
        /* text-transform: uppercase;*/
    }
    /*end - custom grid containers*/

    .content_3_column_left #MenuPanel input,
    .content_3_column_left #MenuPanel .adv_lookup_new_button {
        color: rgba(255,255,255,.7) !important;
        background: rgba(255,255,255,.1) !important;
    }

    .content_3_column_left #MenuPanel .search_panel_main {
        color: #333 !important;
        background: transparent !important;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

        .content_3_column_left #MenuPanel .search_panel_main input[type=text] {
            color: #333 !important;
            margin: 0 !important
        }

    #CompositeEditor_TaskChatPageList_cControl {
        margin: 10px 0;
    }

    .content_left .selected-chat .grid_container_container {
        background: rgba(255,255,255,.1) !important;
    }

    #GCGridContainer_TaskChatPageList__GridContainer > table > tbody > tr {
        border: none;
    }

    #Action_TaskChatPageName {
        font-size: var(--font-size-l);
        font-weight: 900;
    }

        #Action_TaskChatPageName:hover,
        #Action_TaskChatPageName:active {
            text-decoration: none;
        }

    #A_CHAT_PAGE_ADD_NEW_BUTTON {
        margin: 0 !important;
        min-width: 100px !important;
        position: fixed;
        bottom: 20px;
        right: 20px;
    }

    div.inner-addon.left-addon > i {
        top: 50%;
        transform: translateY(-50%);
        font-size: var(--font-size-lll);
    }


    .content_3_column_left #MenuPanel .glyphicon-search:before {
        color: rgba(255,255,255,.7) !important;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        /*padding: 0 0 0 5px !important;*/
        font-size: 16px;
    }


    #Container_DocStore_Menu_View_Selector_editor_container {
        margin-top: 15px !important;
    }

    #TaskChatPageListFilter_data_filter > div > div > div.inner-addon.left-addon {
        padding: 0 !important;
        color: rgba(255,255,255,.3) !important;
    }

        #TaskChatPageListFilter_data_filter > div > div > div.inner-addon.left-addon input[type=text] {
            width: 100%;
            color: rgba(255,255,255,.7) !important;
            font-size: 16px;
            padding: 20px 0px 20px 34px !important;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
        }

    #Container_Filter_WebShop_control {
        display: inline-block; /*Eariler: Table*/
    }

    #e_Container_Header_m_Info_WebShop_main_control {
        display: none;
    }

    #GCGridContainer_TaskChatPageList_div > div > div.selected > div {
        background: var(--skin-color-2) !important;
    }
    /*end custom chat filter*/

    /*============ CHAT BL END ==================================================================================================================*/
    /*-------------------------------------------------------------------------------------------------------------------------------------------*/
    /*============ 10XSHEETS BL  ================================================================================================================*/
    /*10xsheet plugin popup screen spreadsheet name */
    #Editor_DocStore_Di_BaseTab_container > div > div.input-group.control_editor.control_text_editor.editor_full_width > div.input-group {
        z-index: 9992 !important;
    }
    /*10xsheet file back button fix */
    #Action_DocStore_DsBinder_Datainput_Cancel_PartLS {
        position: absolute;
        top: -13px;
        right: 0;
        font-size: var(--font-size-s);
        z-index: 1;
    }

    .content_container {
        width: 100%;
        margin: 0px auto;
        text-align: left;
        padding: 0px;
        min-height: auto;
        position: relative;
        float: left;
        top: calc(var(--solution-header-height)*.6);
    }

    .sticky-chat-text {
        position: sticky !important;
        top: 0;
        z-index: 101;
        background-color: white !important;
    }
    /*============ 10XSHEETS BL END =============================================================================================================*/
    /*-------------------------------------------------------------------------------------------------------------------------------------------*/
    /*left solution menu items*/
    #GCGC_WEBSHOP_Browse_div > div.grid-container-thumbnail-item {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        box-shadow: none !important;
        min-height: 220px;
        border: 0px solid transparent !important;
        border-radius: 2px;
        padding: 30px 30px 0px 30px;
        margin: 0px 0px 30px 0px;
        /* background-color: white;*/
        /* float: left; */
        /* border: 1px solid #eee !important; */
    }

    #Container_SolutionStore_BROWSE_menu_editor_container > div.editor_container_container > div > div > div.action_container {
        padding: 0 0 0 10px;
    }

    #Container_SolutionStore_BROWSE_menu_editor_container {
        padding: 45px 0 0 0;
        margin: 0 0 0 30px;
        width: 100%;
    }

    /*multi lookup*/
    .multi-lookup-control .input_box_input input {
        min-width: 1px;
        padding: 8px 0 8px 5px;
    }

    .multi_lookup .item-text {
        /* overflow: hidden;
        text-overflow: ellipsis;
        max-width: 30ch;*/
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .control_adv_multi_lookup_editor {
        width: 100%;
    }

    .multi_lookup button {
        border: none;
        padding: 0;
        cursor: pointer;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .multi-lookup-control .dropdown {
        top: auto;
        bottom: 10px;
        z-index: 2;
    }

    .input-group-addon[style="min-width: 355px;text-align:left;"] {
        min-width: 160px !important;
    }

    input-group.control_editor.control_circle_check_box_editor.editor_full_width .input-group-addon {
        min-width: 1px !important;
    }

    .input-group.control_editor.control_check_box_editor.editor_full_width .input-group-addon {
        min-width: 90px !important;
    }

    .action_container_no_margin .trsbutton {
        clear: initial;
        margin-right: 0px;
        padding: 5px 15px;
        background: #fff;
        color: var(--skin-color-main) !important;
        border: 1px solid var(--skin-color-main);
    }

        .action_container_no_margin .trsbutton:hover,
        .action_container_no_margin .trsbutton:active {
            /*clear:initial;*/
        }

        .action_container_no_margin .trsbutton:first-of-type, .save_cancel_datainput button:first-of-type {
            text-transform: uppercase;
            margin-left: 0;
            background: #fff;
            color: var(--skin-color-main) !important;
            border: 1px solid var(--skin-color-main);
        }

        .action_container_no_margin .trsbutton:last-of-type, .save_cancel_datainput button:last-of-type {
            text-transform: uppercase;
            background: var(--skin-color-main) !important;
            color: #fff !important;
            border: 1px solid var(--skin-color-main);
        }



    .grid-container-list-item .editor_container_container .invoice-browse-invoice-state-name {
        width: 20% !important;
    }

    /*chat message*/

    .radio_group_ios {
        margin: 0;
    }

    .messaging-forum-item-control {
        color: #666;
        background: transparent;
        margin: 0;
        padding: 0;
        border-bottom: 1px #eee solid;
        margin-bottom: 10px !important;
    }

        .messaging-forum-item-control .item-part {
            color: #666;
            background: transparent;
            margin: 0;
            padding: 0;
        }

        .messaging-forum-item-control.alternate {
            color: #666;
            margin: 0;
        }

            .messaging-forum-item-control.alternate .content-container {
                /*background: #fafafa;*/
            }

        .messaging-forum-item-control .content-container {
            vertical-align: top;
            margin: 0 0 15px 0;
            margin-right: 10px;
        }

        .messaging-forum-item-control.last .item-actions {
            display: inline-flex;
            flex-direction: row;
            line-height: var(--height-xs);
            padding: 0 5px;
            vertical-align: middle;
            justify-content: center;
        }


        .messaging-forum-item-control .item-text {
            color: #111;
            font-size: var(--font-size-s);
            font-weight: 400;
            padding-left:10px;
            word-wrap: break-word;
            text-align: left;
            white-space: pre-wrap;
        }

        .messaging-forum-item-control .item-action,
        .messaging-forum-item-control .item-action-chatreply,
        .messaging-forum-item-control .item-action-chatforvard,
        .messaging-forum-item-control .item-action-chatimportant {
            display: inline;
            cursor: pointer;
            font-weight: 200;
            line-height: 1.1em;
            font-size: var(--font-size-xs);
            font-weight: bold;
        }

        .messaging-forum-item-control .avatar-container .avatar, .messaging-forum-item-control .avatar-container .type-icon {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            margin: 0 !important;
            padding: 0 !important;
        }

        .messaging-forum-item-control .avatar-container {
            margin-left: 0;
            width: 32px;
        }

    .messaging-item-picture {
        width: 100%;
    }

    .messaging-forum-item-control.last .item-time {
        position: absolute;
        top: 7px;
        right: 10px;
        font-size: var(--font-size-s);
        display: block;
        text-align: right;
        margin: 5px 5px 0 0;
    }

    .ribbontoolbar .trsbutton {
        min-width: auto !important;
    }


    .ribbontoolbar {
        width: 100% !important;
        background: #fff !important;
    }

        .ribbontoolbar > span {
            width: 100% !important;
            height: auto !important;
            max-width: 100%;
            display: grid;
            /* Define Auto Row size */
            /*grid-auto-rows: 30px;*/
            /*Define our columns */
            grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
            grid-gap: .1em .1em;
            /*background: transparent !important;*/
        }


    .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all, div[id^='gview_jqgrid_GC'].ui-jqgrid-view, .ui-jqgrid-bdiv, div.ui-jqgrid-bdiv > div {
        width: 100% !important;
        height: auto !important;
        border: 0;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        color: #333333;
        padding: 4px;
        border: 0;
    }

    .ui-jqgrid-bdiv {
        overflow: inherit;
    }

    table, table tbody {
        width: 100% !important;
        border: 0 !important;
    }

    #jqgrid_GCJqGrid_HR_TimeManagementBrowse > tbody tr[role="row"].jqgrow {
        grid-template-columns: 1fr 2fr 1fr !important;
        display: grid !important;
        grid-template-rows: 1fr 1fr !important;
        margin: 15px 8px;
        padding: 15px;
        border-radius: 15px;
        background: #fff;
        border: 0;
        box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    }

        #bacDeleteGridLine:before,
        #jqgrid_GCJqGrid_HR_TimeManagementBrowse > tbody tr[role="row"].jqgrow #bacDeleteGridLine:before {
            content: "\e605";
            padding-left: 0 !important;
        }
    /*grid view table-row*/
            .ui-jqgrid tr[role="row"].jqgrow {
        display: grid;
        padding: 15px 0;
        border-radius: 15px;
        border-bottom: 1px solid #efefef;
        box-shadow: none;
        -webkit-box-shadow: none;
    }


    /*align td items left*/
    td .action_container_center_grid {
        text-align: left !important;
    }


    /*settings table td*/
    .ui-jqgrid tr.ui-row-ltr td {
        border: none;
        margin: 3px 0 0 0;
        /*line-height: 1.3em;*/
        min-width: 100%;
    }

    /*hide row hover*/
        .ui-jqgrid tr.ui-state-hover {
        background: #fff !important;
        text-decoration: none;
    }
    /*hide columns name*/
    tr.ui-jqgrid-labels.ui-sortable,
    .ui-state-default .ui-jqgrid-hdiv,
    .jqgfirstrow {
        display: none !important;
    }


    /*list view top icons group fix*/
    #Column_TaskBrowse_Actions_container {
        float: right !important;
        width: min-content !important;
    }

        #Column_TaskBrowse_Actions_container > div {
            width: 100% !important;
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 15px;
            flex-direction: row;
        }

            #Column_TaskBrowse_Actions_container > div > div > div {
                float: right !important;
                text-align: center;
                cursor: pointer !important;
                width: 100% !important;
                /* border: solid 1px var(--skin-color-input-border);*/
            }

    /*list view top icons row fix*/
    td[title="PrintGenerate numberSync task to contactsOk"],
    td[title="ENumber"] {
        max-width: 50% !important;
    }
    /*list view top icons fix*/

    td[title="Edit"], td[title="Delete"], td[title="E"], span[id^="Action_Editor_Task_EditPopup"], td:nth-child(1) > input[type=checkbox] {
        place-content: left !important;
        text-align: left !important;
        width: 34px !important;
        height: 34px !important;
        /*border: 1px solid !important;*/
        overflow: hidden !important;
    }

        td[title="Edit"] span:before, td[title="Delete"] span:before {
            color: var(--skin-color-main) !important;
            font-size: var(--font-size-xl) !important;
        }

        td[title="Delete"] span:before {
            padding-left: 15px !important;
        }

        td[title="E"] span:before {
            /* content: " " !important;*/
            color: var(--skin-color-main) !important;
            font-size: var(--font-size-xl) !important;
        }
    /*custom icons definitions*/
    #bacSaveGridLine:before,
    #bacAddNewUnder:before,
    #bacEditGridLine:before,
    #bacDeleteGridLine:before,
    span[id="Action_Waybill_Storno"]:before,
    span[id="Action_Editor_Task_EditPopup"]:before,
    span[id="Action_Editor_SyncTask"]:before,
    span[id="Action_PartnerAssignNumber"]:before {
        font-family: Themify;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*font-size: 1.6em !important;*/
        margin: 1px;
        cursor: pointer;
        color: var(--skin-color-main) !important;
    }

    span[id^='Action_Editor_Task_Column']:before,
    span[id^="Action_Editor_Task_EditPopup"]:before,
    span[id="Action_PartnerAssignNumber"]:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*color: #3e8bc7;*/
        font-size: 24px !important;
        margin: 1px;
    }

    td[role=gridcell].jqgrid-column-action {
        /* float: none;*/
        text-align: left !important;
        align-items: start !important;
    }

    td .icon_circle_arrow_gray {
        all: unset;
    }

    img.avatar-medium {
        width: 2em;
        height: 2em;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
    }

    img.icon {
        width: 20px;
        height: 20px;
    }

    /* #UseCase: 10xONE PWA - responsive basics*/
    /*------------ MOBILE CALENDAR -------------*/

    .reddd {
        background-color: red;
    }

    .calendar_container {
        border: none;
        position: fixed;
        background: transparent;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        margin-top: 0 !important;
    }

    .calendar_main_table {
        background: rgba(255,255,255,0.5);
        width: 100%;
        font-family: "Montserrat" !important;
        font-size: 3em;
        font-weight: 600;
        z-index: 60012;
        background: rgba(255, 255, 255, 0.8);
        border-radius: .3em;
        width: 100% !important;
        max-width: 460px;
        margin: 0 !important;
        padding: 0 !important;
        backdrop-filter: blur(5px) !important;
        box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);
    }

        .calendar_main_table .calendar_main_table td, .calendar_main_table .calendar_main_table tr {
            border: none;
        }

        .calendar_main_table .calendar_table {
            width: 100%;
        }

        .calendar_main_table > tbody {
            width: 100% !important;
        }

        .calendar_main_table .calendar_table td {
            width: 100% !important;
            border-radius: .3em;
            text-align: center;
            vertical-align: middle !important;
            font-weight: 600;
            color: #aaa;
        }

    .calendar_container > table > tbody > tr:nth-child(1) > td {
        margin: 0 !important;
    }

    .calendar_main_table .calendar_days_head {
        font-size: 1rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .calendar_main_table .calendar_head_table tr {
        display: none;
    }

    .calendar_main_table .calendar_head_table {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr 8fr 1fr 1fr;
        column-gap: 10px;
        background: var(--skin-color-main);
        margin: 0 !important;
        padding: 0px 20px !important;
        border-radius: .6em .6em 0 0;
        border-bottom: none;
        text-align: center;
    }

    .calendar_main_table .calendar_days {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        column-gap: 10px;
        row-gap: 15px;
        border-radius: .2em;
        padding: 3px 15px !important;
    }

    .calendar_main_table .calendar_days_black,
    .calendar_main_table .calendar_days_today,
    .calendar_main_table .calendar_days_selected,
    .calendar_main_table .calendar_days_weekend,
    .calendar_main_table .calendar_days_otherMonth,
    .calendar_main_table .calendar_days_Selected {
        line-height: 2em;
        border: none;
    }

    .calendar_main_table tbody > tr:nth-child(2) > td > table > tr:nth-child(n+2) > td:nth-child(6) {
        background: rgba(0,0,0, .08);
    }

    .calendar_main_table tbody > tr:nth-child(2) > td > table > tr:nth-child(n+2) > td:nth-child(7) {
        background: rgba(0,0,0, .2);
    }

    .calendar_main_table .calendar_days_black {
        color: #000;
        background-color: white;
    }

    .calendar_main_table .calendar_days_today {
        color: #fff !important;
        background-color: var(--skin-color-main) !important;
    }

    .calendar_main_table .calendar_days_selected {
        color: #fff;
        background-color: #333;
        border: solid 1px #fff;
    }

    .calendar_main_table .calendar_days_weekend {
        color: var(--skin-color-base);
        background-color: #f2f2f2;
    }

    .calendar_main_table .calendar_days_otherMonth {
        color: #999;
        cursor: default;
        background-color: #f2f2f2;
    }

    .calendar_main_table .calendar_days_Selected {
        background-color: #b1b1b1;
        color: #fff;
        cursor: default;
    }

    .calendar_main_table .calendar_days_black:hover,
    .calendar_main_table .calendar_days_weekend:hover {
        background-color: #f5f5f5;
        cursor: pointer;
    }

    .calendar_main_table .calendar_days_today:hover,
    .calendar_main_table .calendar_days_selected:hover {
        cursor: pointer;
    }

    .calendar_main_table .calendar_Today {
        content: url(/../images/bg_calendar_today.gif) !important;
        background-repeat: no-repeat;
    }

    .dxlp-loadingImage {
    }

    .calendar_main_table .calendar_month_year_td,
    .calendar_main_table .calendar_btn_div {
        background: none;
        width: 100%;
        height: auto;
        font-size: 1.2em;
        line-height: 2em;
        padding: 8px 5px;
    }

    .calendar_main_table .calendar_btn_left2:after,
    .calendar_main_table .calendar_btn_left:after,
    .calendar_main_table .calendar_btn_right:after,
    .calendar_main_table .calendar_btn_right2:after {
        text-align: center;
        font-family: 'FontAwesome';
        font-size: 2em;
    }

    .calendar_main_table .calendar_btn {
        background-color: transparent !important;
    }

    .calendar_btn_left2:after {
        content: "\f100 ";
    }

    .calendar_btn_left:after {
        content: "\f104 ";
    }

    .calendar_btn_right:after {
        content: "\f105 ";
    }

    .calendar_btn_right2:after {
        content: "\f101 ";
    }


    .calendar_btn:hover, .calendar_btn:focus {
        background: no-repeat 0px -10px;
    }

    .cal-icon {
        width: 20px;
        height: 16px;
    }


    /*==============================================================================*/
    /*extended panel*/
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.popup-container {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 4vh !important;
        left: 0 !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%);
        margin-top: 0 !important;
        margin-left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        padding: 50px 10px;
        z-index: 9991 !important;
        overflow-y: scroll;
    }

    #main_body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.popup-container.ui-draggable.ui-resizable {
        height: 100vh !important;
    }

    .ui-dialog-titlebar.ui-widget-header {
        position: absolute;
        top: 0;
        background-image: none;
        background: #fafafa;
        filter: none;
        border: none;
        min-height: 40px;
        z-index: 10000;
    }

    #chartheadercont0Ok00_Yes_No_editor_container {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.popup-container .ui-widget-content {
        padding-bottom: 50px;
    }

    .ui-dialog .ui-dialog-title {
        padding: 15px;
        color: var(--skin-color-main);
    }
    /*extended panel*/
    .popup-container #ExtendedPanel {
        display: contents;
        padding: 15px !important;
        padding-top: 5vh !important;
        padding-bottom: 50px !important;
        height: 100vh !important;
        width: 100vw !important;
        overflow: scroll !important;
    }

    .cke_toolbox .cke_toolbar:last-child {
        display: none;
    }

    .cke_toolbox .cke_toolbar:nth-last-child(2) {
        display: none;
    }

    a.cke_button {
        padding: 2px 1px !important;
    }

    .cke_toolbox .cke_combo_text.cke_combo_inlinelabel {
        width: 40px;
    }

    .grid-container-small-row .grid-container-list-item {
        max-height: none !important;
    }

    .grid-container-small-row .link_simple_action_bold, .grid-container-small-row .link_simple_action {
        white-space: unset;
    }

    .padding-top-medium {padding: 0;}

    .input-group {
        padding: 0;
        margin: 0 !important;
    }

        /* #main_content_container .editor_container_column .input-group, #main_content_container .editor_container_column .input-group-addon,
    #main_content_container .editor_container_column_r .input-group, #main_content_container .editor_container_column_r .input-group-addon,
    #main_content_container .editor_container_container .input-group, #main_content_container .editor_container_container .input-group-addon,
    .popup-container .input-group, .popup-container .input-group-addon {
        background: white;
    }*/

    .input-group label {
        border-bottom: none;
    }

    .input-group.top {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0 !important;
    }

    .input-group-addon {
        /* vertical-align: bottom !important;*/
        vertical-align: middle !important;
    }

    .adv_lookup_main .input-group-addon {
        vertical-align: top !important;
    }

    /*tabs*/
    .radio_group_ios li {
        padding: 0 5px;
    }

    /*tabs menu panel*/
    #MenuPanel .radio_group_ios li {
        color: #e1e5ea;
        background: var(--skin-color-left);
    }
    /*left filter panel tabs activities |FROM ME | FOR ME | ALL |*/
    #container_task_tree_invisible_container > div > div:nth-child(3) > div.radio_group_ios li {
        padding: 7px 28px;
        font-size: var(--font-size-l);
    }

  
    /*input*/
    .input-group .form-control, .input-group textarea, .input-group .input-group {
        border-left: none;
        border-top: none;
        border-right: none;
        padding: 3px;
        font-size: var(--font-size-s);
    }

    /*PWA messaging*/
    #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column.uf_container > div > div > div.big.input-group {
        background: transparent;
    }

    /*task name*/
    #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container {
        display: inline-flex;
        background: var(--skin-color-left);
        /* width: calc(100% - 55px);*/
        padding: 10px 0 0 55px;
        position: fixed !important;
        bottom: auto;
        top: 4vh;
        margin: 0;
        z-index: 2;
        right: 0;
    }

        /*hide main title and button persons/networks*/
        #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container {
            position: absolute;
            right: 0;
            width: 35px;
            height: 35px;
            background: transparent;
            z-index: 999;
            padding: 0;
            margin: 0;
            border: none;
        }

            #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container > div > div > span > button {
                position: absolute;
                right: 10px;
                width: 35px;
                height: 35px;
                background: transparent;
                z-index: 1004;
            }

                #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container > div > div > span > button:after {
                    font-family: FontAwesome;
                    font-size: 20px;
                    color: #fff;
                    content: "\f064";
                    /* content: "\f013"; */
                    padding: 0;
                    margin: 0 0 0 -10px;
                    display: block !important;
                    z-index: 1005;
                    opacity: .7;
                }


    #Container_TmTask_Chat_NetworkLookup_editor_container > div.editor_container_container {
        height: 500px;
        margin-top: auto 0;
        padding: 10px;
        background: var(--skin-color-content);
        border-radius: 0px 0px 10px 10px;
    }


    #Action_TaskChat_Datainput_EditParticipants {
        content: none;
        background-color: var(--skin-color-left);
        min-width: 32px !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column.uf_container > div > div > div.big.input-group input {
        width: 81%;
        color: rgba(255,255,255,.9);
        background: transparent;
        z-index: 1000;
    }

        #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column.uf_container > div > div > div.big.input-group input:required:invalid {
            /* background-color: #fffade !important;*/
            color: rgba(255,255,255,.5);
            background-color: transparent !important;
        }
    /*chat name main panel*/
    [name="Editor_Chat_Task_Datainput_Name"] {
        /* font-weight: bold !important;*/
        font-size: var(--font-size-ll) !important;
        /*text-transform: uppercase !important;*/
        /* font-family: var(--font-4) !important;*/
        letter-spacing: inherit !important;
        margin: 0 !important;
    }

    #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container > div > div.action_container {
        padding: 0;
    }

    /*network*/
    #Container_TmTask_Chat_NetworkLookup_editor_container {
        width: 100%;
        position: fixed !important;
        background: #fff;
        bottom: auto;
        top: 10vh;
        left: 0;
        margin: 0;
        border-radius: 0px 0px 10px 10px;
        z-index: 2;
    }

    /*chat messages*/
    #task_chat_messages_editor_container {
        position: relative;
        top: 20px;
        bottom: 500px;
    }

    .messaging-control-action {
        display: block;
        overflow: auto;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .message-action-icon {
        display: inline-block;
        margin: 0px 1px;
        padding: 10px;
        border: none;
        background: transparent;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px;
    }

    .messaging-control-text-cont {
        display: block;
        position: fixed !important;
        align-items: center;
        width: 100%;
        max-width: 100%;
        /* padding: 10px 20px;*/
        background: #e1e5ea;
        bottom: 0;
        top: auto;
        left: 50%;
        transform: translate(-50%);
        margin: 0;
        height: auto !important;
        /* border-radius: 10px 10px 0px 0px;*/
        -webkit-box-shadow: 0px -5px 14px -12px rgba(66, 68, 90, 1);
        -moz-box-shadow: 0px -5px 14px -12px rgba(66, 68, 90, 1);
        box-shadow: 0px -5px 14px -12px rgba(66, 68, 90, 1);
    }

    #Task_Messages_Container > div.messaging-control-text-cont > div.messaging-control-text {
        display: flex;
        width: 100%;
        border-radius: 15px;
    }

    .messaging-control {
        width: 100%;
        margin-bottom: 0px;
        padding-bottom: calc(var(--solution-header-height)*1);
        background-color: transparent;
        left: unset;
        position: relative;
        border-radius: 0 15px 15px 15px !important;
        max-height: 600px !important;
        overflow-y: auto;
    }

    .messaging-control-text-input-cont {
        display: flex;
        width: 100%;
        height: auto !important;
        border-radius: 0 15px 15px 15px !important;
        background: #fff !important;
    }

    .messaging-control-text .input-group .form-control, .input-group textarea {
        display: flex;
        width: 100%;
        font-size: var(--font-size-l);
        color: #aaa;
        min-height: var(--height-input-box) !important;
        border-radius: 0 15px 15px 15px !important;
        padding: 10px 20px;
        background: #fff;
    }

    #Task_Messages_Container > div.messaging-control-text-cont > div.messaging-control-text > div > textarea:focus {
        outline: none !important;
        color: #444;
        font-weight: 600 !important;
        border: 1px solid #a6b0bf;
        /* border: 1px solid var(--skin-color-main);*/
        box-shadow: 0 0 5px #607085;
    }

    .messaging-control-container {
        width: 100%;
        padding: 0;
        border-top: 0;
        border-color: var(--skin-color-input-border);
    }

    .messaging-control-action-icons {
        margin-top: 0px;
    }

    .message-action-icon img {
        width: 20px;
        height: 20px;
    }

    /*MenuPanel open close btn*/
        #MenuPanel .open_btn, #MenuPanel .close_btn {
        color: #a7b1c2;
        border-top: 0;
    }

    .close_btn, .open_btn {
        padding: 14px 5px 14px 15px;
        width: auto;
        cursor: pointer;
        text-align: left;
        text-transform: uppercase;
        font-family: var(--font-4);
        border-top: 1px var(--skin-color-8) solid;
        color: var(--skin-color-main);
        font-size: var(--font-size-l);
    }

        .open_btn:before {
            content: "\e649";
        }

        .close_btn:before {
            content: "\e64b";
        }

    .input-group label {
        position: relative;
        left: 0;
        z-index: 1;
        opacity: .8;
        font-weight: bold;
        padding:5px;
    }

    .input-group.top label {
        position: absolute !important;
        top: 3px !important;
        left: 3px !important;
        z-index: 1 !important;
        opacity: .8 !important;
    }

    div[title="#REQUIRED_VALIDATION_TEXT#"] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    /*input:required:invalid {
        color:#3c3c3c !important;
        background-color: var(--skin-color-3) !important;
    }*/

    .input-group.control_editor.top.control_circle_check_box_editor.input-group.top label {
        /* background:#fff !important;*/
        position: relative !important;
        /*vertical-align:middle !important;*/
    }
    /* .grid_container_container {
        right: 5px;
        padding-top: calc(var(--height-l)*2);
    }*/



    #bacSettingsButton {
        display: none;
    }


    /* button group*/
    .btn-group, .btn-group-vertical {
        position: relative;
        padding: 0 !important;
        display: flow-root;
        vertical-align: middle;
    }

    .ribbontoolbar .trsbutton, .ribbontoolbar button {
        align-items: center;
        width: auto !important;
        text-transform: none;
        cursor: pointer;
        margin: 0;
        padding: 0 5px;
        font-size: var(--font-size-s);
        color: #fff !important;
        align-content: center;
        flex-direction: column;
        border-right: 1px white solid;
        line-height: 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0px !important;
        vertical-align: middle !important;
    }

    .radio_btn {
        margin-left: 10px;
    }

    #MenuPanel .radio_btn {
        float: right;
        margin-right: 5px;
    }

 
    #Action_ROPSCW_TaskNotePage_NoteName
    .link_simple_action {
        font-size: 1.2em;
        text-decoration: none;
        cursor: pointer;
    }



    button {
        margin-left: 5px 5px 5px 10px;
    }
   

    button, .control-refresh {
        background-color: var(--skin-color-main);
 
    }

    #FullScreenPanel {
        position: fixed;
        top: 6vh; /* calc(var(--solution-header-height)*1.6); */
        z-index: unset;
        width: 100vw;
        height: 96vh !important;
        visibility: initial;
        overflow-x: hidden;
        padding: 15px 15px 16vh 15px;
    }

    .content_fullscreen {
        background: #FbFbFb;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 10005;
    }


    .container-login-controls .input-group {
        max-width: 100%;
        border: none;
    }

    .container-login-controls {
        text-align: center;
    }

    .container-login-controls-largebox {
        width: 100vw;
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

    .container-login-controls label, .container-login-controls input {
        font-size: var(--font-size-l);
        min-width: 100px;
    }

    .container-login-controls > div {
        margin: 0 !important;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        width: 100vw;
        height: 100vh;
    }

    .container-login-controls .container_box {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        padding: 0 12.5%;
        border: none;
        background: none;
    }
    .container-login-controls .input-group .form-control {
            height: auto !important;
            min-height: auto !important;
            font-size: 1.2em;
            color: #333 !important;
            background: #fcfcfc !important; 
            padding: 15px 25px;
            margin: 4px 0px;
            border-radius:30px!important;
            -webkit-border-radius: 30px !important;
        }

            .container-login-controls .input-group .form-control:focus {
                font-weight: 400 !important;
                border: 1px solid var(--skin-color-main) !important;
                color: var(--skin-color-main) !important;
                -webkit-box-shadow: 2px 2px 14px -4px rgba(0,0,0,0.5) !important;
                box-shadow: 2px 2px 14px -4px rgba(0,0,0,0.5) !important;
                background: #fff !important;
            }


    #Action_Registration_Action {
        position: relative;
        top: 145px;
        float: none;
        width: 100%;
        font-size: 1em;
        /*font-style:italic;*/
        margin: 0;
        text-align: center;
        color: #ccc;
    }

    #Action_Reminder_Action {
        font-size: 1em;
        /* font-style:italic;*/
        margin-top: 4px;
        float: right;
        color: #ccc;
    }

        #Action_Registration_Action:hover, #Action_Reminder_Action:hover {
            text-decoration: none;
            color: var(--skin-color-main);
        }



    #Container_Login_Buttons_editor_container {
        width: 100%;
        margin: 0 auto
    }

    .container-login-controls button.button_orange, #googlelogin {
        text-transform: uppercase;
        /*width: 80% !important;*/
        height: auto !important;
        font-size: 1.2em;
        background: white;
        border: 0 !important;
        padding: 25px 25px;
        margin: 20px 0px !important;
        background-color: var(--skin-color-main);
    }

    .search_panel_container, div.input-group.control_editor.control_composite_editor.editor_full_width {
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 15px;
    }

    #Container_TaskFilter_TaskLeftFilterBoxVisible__m {
        margin-top: 0;
    }

    .grid_container_add_new_input {
        width: 80%;
    }

    #MenuPanel ul > li > a {
        display: inline-flex;
        width: 100%;
        align-items: center;
    }

        #MenuPanel ul > li > a > img {
            width: 24px;
            max-height: 24px !important;
            margin: -5px 5px 0 0;
        }
    /*hr-calendar-filter*/
    .hrtm-menu-holidays-white {
        background: transparent;
    }

    .hrtm-menu-holidays-only-font {
        font-weight: 400;
        color: #fff;
        opacity: .75;
    }

    #Contanier_EmployeeHolidayBalance_Menu_Sum_Buttons_On_HR_Resource_Calendar_editor_container > div.editor_container_container > div > div {
        max-width: 100%;
        display: grid;
        /* Define Auto Row size */
        grid-auto-rows: 30px;
        /*Define our columns */
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        grid-gap: .5em;
    }


    /*nav-tabs*/
    ul.nav-tabs {
        margin: 5px 0;
        background: #fff;
        display: inline-flex;
        border: 0 !important;
        border: 0 !important;
        overflow: auto;
        max-width: calc(100vw - 30px);
        margin: 0 0 1em;
        white-space: nowrap;
        max-width: 100%;
    }

        ul.nav-tabs:before {
            display: none;
        }

    .nav-tabs > li:nth-child(3) {
        clear: both;
    }

    .nav-tabs > li:nth-child(n) {
        order: unset;
        display: contents;
        padding: 0 10px;
    }

    .nav-tabs > li > a:before {
        margin: 0 !important;
    }

    .nav-tabs > li > a {
        line-height: 1.4rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 10px 15px;
        border: 2px solid #fff;
        font-size: var(--font-size-m);
        background: #ececec;
        border-radius: 0;
        color: #333;
    }


    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        background: #fff;
        color: #333;
        text-decoration: none;
        font-weight: bold;
        border-top: 4px solid var(--skin-color-main);
        -webkit-box-shadow: 0px -10px 10px -6px rgba(0,0,0,0.34) !important;
        box-shadow: 0px -10px 10px -6px rgba(0,0,0,0.34) !important;
    }


    div.radio_group_ios > ul {
        /* width:100%;*/
        overflow: auto;
        white-space: nowrap;
        background: transparent;
    }

        div.radio_group_ios > ul:first-child {
            display: inline-block;
        }
    /*top-nav-tabs*/
    #Container_HRTM_View_TabsAndActions_editor_container .nav-tabs {
        display: grid;
        margin: 0;
        max-width: 100%;
        grid-auto-rows:50px;
        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
        grid-gap: .1em .1em;
        background: transparent !important;
        border: 0 !important;
        margin-top: 5px;
    }

        #Container_HRTM_View_TabsAndActions_editor_container .nav-tabs:before {
            display: none;
        }
   

    #Container_HRTM_View_TabsAndActions_editor_container ul > li {
        order: unset !important;
    }

        #Container_HRTM_View_TabsAndActions_editor_container ul > li:empty {
            display: none;
        }

    #Container_HRTM_View_TabsAndActions_editor_container ul.nav-tabs {
        min-height: 50px;
        padding: 3px;
        background: #fff;
        border: 0 !important;
    }

    #Container_HRTM_View_TabsAndActions_editor_container .nav-tabs > li > a {
        grid-template-rows: 1fr 1fr;
        grid-auto-rows: 50%;
        height: 50px;
        padding: 3px;
    }

        #Container_HRTM_View_TabsAndActions_editor_container .nav-tabs > li > a:before {
            margin: 0 !important;
        }

    #Container_HRTM_View_TabsAndActions_editor_container .nav-tabs > li.active > a,
    #Container_HRTM_View_TabsAndActions_editor_container .nav-tabs > li.active > a:hover,
    #Container_HRTM_View_TabsAndActions_editor_container .nav-tabs > li.active > a:focus {
        height: 50px;
        padding: 3px;
        -webkit-box-shadow: 0px -10px 10px -6px rgba(0,0,0,0.34) !important;
        box-shadow: 0px -10px 10px -6px rgba(0,0,0,0.34) !important;
    }

    .ui-jqgrid .ui-jqgrid-bdiv {
        overflow: unset;
    }

    #Container_HTRM_View_DateSelector_editor_container > div.editor_container_container,
    #MainPanel > div > div > div.input-group.editor_full_width.editor_full_width {
        margin: 8px 0;
        display: inline-flex;
        justify-content: space-evenly;
    }

    #Container_HTRM_View_TopActions_Calpager_editor_container > div.editor_container_container > div.editor_container_column.uf_container {
       
    }

    #Container_HTRM_View_DateSelector_editor_container > div.editor_container_container > div:nth-child(n) {
        width: auto !important;
    }

    #Container_HTRM_View_DateSelector_editor_container button {
        margin: 0 !important;
        color: #fff !important;
        background: var(--skin-color-4)!important;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        min-width: 60px !important;
    }



    #Empty_Line_2_editor_container > div.editor_container_container.container-box-top-padding > div > div > div > div.input-group-addon {
        min-width: auto !important;
    }


    /*** Financial items, CALC, Financials ***/
    .calc-custom-height {
        padding-top: 12px;
    }

    .calc-checkbox-height {
        margin: -5px 0 0 -4px;
    }

    .calc-browse-date {
        margin-top: 30px;
    }

    .calc-browse-createtaskprocess {
        padding-top: 2px;
    }

    /* Financial items card view adjusted style */
    #Container_Calculation_Grid_NetVatGross_editor_container {
        margin-top: 30px;
    }

    /* Financial items plugin: card view adjusted style */
    #Container_Calculation_Grid_DebitCredit_Plugin_editor_container,
    #Container_Calculation_Grid_MainPartUnder_Plugin_editor_container,
    #Container_Editor_ccBrowse_InvoiceAndVoucher_Plugin_editor_container {
        font-size: var(--font-size-s);
        border-left: #EEE 1px solid;
        margin-top: 2px;
        line-height: 1em;
        padding: 0px 2px 0px 4px;
    }

    #Container_Calculation_Operations_editor_container > div.editor_container_container {
        display: grid;
        grid-auto-columns: 1fr;
        padding-bottom: 20px;
    }

        #Container_Calculation_Operations_editor_container > div.editor_container_container > div:first-child {
            grid-column: span 5;
            display: block !important;
            width: 100% !important;
        }

        #Container_Calculation_Operations_editor_container > div.editor_container_container > div:nth-child(n+2) {
            width: max-content !important;
        }

    #Action_CalcBrowse_GridColumn_Assign:before {
        content: "\f0c6";
        color: black;
        font-size: var(--font-size-l);
        font-family: 'FontAwesome';
        font-weight: bold;
        position: relative;
    }

    .action_container {
        font-size: var(--font-size-l);
        text-align: left !important;
    }

    .action_container_no_margin {
        float: right;
        display: inline-flex;
        width: max-content;
    }

    #Action_FilterExpandable {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 0;
        /*  color: #fda527;*/
        /* font-family: Arial, 'lucida grande', tahoma, verdana; */
        font-size: var(--font-size-l);
        margin-top: 0;
    }

    .grid-container-list-item .grid_container_menu_txt .btn {
        padding: 6px 12px !important;
        border: none;
        color: white !important;
        /*  border-radius: 1px !important;*/
        margin-bottom: 15px !important;
    }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group > .btn:first-child {
        padding:2px 6px !important;
        min-width: 10px !important;
        min-height: 24px;
        background: white !important;
        color: #666 !important;
        border: solid 1px var(--skin-color-input-border) !important;
        margin: 3px 3px 0 0 !important;
    }

    /*FullCalendar - NEW */
    /*display data don't touch'*/
    td:nth-of-type(n+1) {
        display: table-cell;
        margin: 0;
        width: 100% !important;
        font-size: 15px;
    }

    .fc-body .fc-resource-area .fc-cell-content {
        font-size: var(--font-size-s);
    }
    /* Scheduler calendar controls */
    .fc-body .fc-resource-area .fc-cell-content {
        font-size: var(--font-size-s);
    }

    .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider,
    .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view,
    .fc-unthemed .fc-list-heading td {
        border-color: #ddd !important;
        border: 0 !important;
    }

    .fc-timegrid.fc-timeGridDay-view.fc-view td,
    .fc-timegrid.fc-weekGridDay-view.fc-view td {
        border: 0 !important;
    }

    .fc .fc-button-group {
        display: flex !important;
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .fc-toolbar-chunk {
        width: 100%;
        display: inline-flex;
    }

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.5em !important;
    }

    .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
        margin-left: 0 !important;
    }

    .fc .fc-toolbar {
        display: grid !important;
        justify-content: normal !important;
        row-gap: 5px;
    }

    .fc .fc-toolbar-title {
        font-size: 12px;
        margin: 0 0 0 10px;
    }

    /*fc showing table - divider*/
    .fc .fc-resource-timeline-divider {
        width: 2px !important;
    }

    .fc .fc-scrollgrid-section table, .fc .fc-datagrid-cell-cushion, .fc-direction-ltr .fc-timeline-event.fc-event-end, .fc-timegrid-event .fc-event-main,
    .fc-theme-standard td, .fc-theme-standard th {
        font-size: var(--font-size-s);
        white-space: normal !important;
    }

    #fcal_CustomContent_ROPSCActivity_Calendar > div.fc-view-harness.fc-view-harness-active {
        width: auto !important;
        height: 64vh !important;
    }

    /* fc top action container*/
    #Container_ROPSCActivity_View_TopActions_editor_container {
        display: flex;
    }

    /*hide-second-calendar #CHECK IF NEEDED*/
    #fcal_CustomContent_ROPSCActivity_Calendar_NonHR {
        /* display: none !important;*/
    }

    #fcal_CustomContent_ROPSCActivity_Calendar {
        /* padding-top: 20px;*/
    }

    /*menu panel - filter*/
    #Container_ROPSCActivity_RadioButton_Menu_editor_container label {
        color: #ccc !important;
    }
    /*activities-list-*/
    #Container_ROPSCActivity_RadioButton_Menu_editor_container div.radio_group_ios > ul {
        background-color: transparent;
    }

    .ropsc_left_container {
        padding-top: 4vh;
    }

    /*notes-list*/
    #GCGridContainer_ROPSC_TaskNotePageNoteList_div > div > div.selected
    #Action_ROPSC_TaskNotePage_NoteName {
        color: #eee;
    }
    /*notes-list*/
    #GCGridContainer_ROPSC_TaskNotePageNoteList_Time_Tracking_div > div > div.selected
    #Action_ROPSC_TaskNotePage_NoteName {
        color: #eee;
    }

    #GCGridContainer_ROPSC_TaskNotePageNoteList_div > div > div > div:nth-child(2) {
        display: none !important;
    }
    #GCGridContainer_ROPSC_TaskNotePageNoteList_Time_Tracking_div > div > div > div:nth-child(2) {
        display: none !important;
    }

    #ListContent_ROPSC_TaskNotePageNoteList_container > div {
        display: grid;
        grid-template-columns: 5fr 0fr 1fr;
    }

    #Container_ROPSCATaskList_Container1_editor_container > div.editor_container_container {
        display: inline-flex;
    }

    #label_CustomContent_ROPSC_TasknotePage_Notes_Modified_1307022 {
        display: flex;
        align-items: center;
    }

    #GCGridContainer_ROPSC_TaskNotePageNoteList_row_1307022 {
        background: transparent;
    }
    #GCGridContainer_ROPSC_TaskNotePageNoteList_Time_Tracking_row_1307022 {
        background: transparent;
    }

    #GCGridContainer_ROPSC_TaskNotePageNoteList_row > * {
        display: none;
    }
    #GCGridContainer_ROPSC_TaskNotePageNoteList_Time_Tracking_row > * {
        display: none;
    }

    #GCGridContainer_ROPSC_TaskNotePageNoteList_row_1306966_2
    #GCGridContainer_ROPSC_TaskNotePageNoteList_row_1306966__toolbar
    #GCGridContainer_ROPSC_TaskNotePageNoteList_row_1307022__toolbar {
        display: none;
    }
    #GCGridContainer_ROPSC_TaskNotePageNoteList_Time_Tracking_row_1306966_2
    #GCGridContainer_ROPSC_TaskNotePageNoteList_Time_Tracking_row_1306966__toolbar
    #GCGridContainer_ROPSC_TaskNotePageNoteList_Time_Tracking_row_1307022__toolbar {
        display: none;
    }

    #GCGridContainer_ROPSC_TaskNotePageNoteList_div:first-child:nth-child(1) {
        border-radius: 15px !important;
    }
    #GCGridContainer_ROPSC_TaskNotePageNoteList_Time_Tracking_div:first-child:nth-child(1) {
        border-radius: 15px !important;
    }

    /*ROPSC-W menu selected item container*/
    #Container_ROPSCWTaskList_Container1_editor_container > div.editor_container_container {
        width: 100%;
        display: inline-grid;
        grid-template-columns: 15fr 1fr;
    }

    /*ROPSC-W menu item text*/
    .content_3_column_left .grid-container-list-item #Action_ROPSCW_TaskNotePage_NoteName {
        font-size: var(--font-size-l);
    }

    /*ROPSC-W menu selected item text*/
    .content_3_column_left .grid-container-list-item.selected #Action_ROPSCW_TaskNotePage_NoteName {
        color: #eee;
    }
    /*end notes-list*/
    /*end FullCalendar - NEW ================================================================================= */

    /*** JumpControl ***/
    .jumpcontrol-table .jumpcontrol-td {
        width: auto !important;
        font-size: var(--font-size-s);
    }

    .jumpcontrol-table td {
        display: inline-table;
        margin: 3px 0;
    }

    .jccontent {
        padding: 10px;
    }
    /*arrow*/
    .jcarrow, .jcarrows {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left-width: 4px;
        top: 50%;
        transform: translateY(-50%);
    }

    /*#REQ: Documents BL new BUTTON: Add Photo - #4172172# - 2022/04/27*/
    /*button add photo*/
    #Action_DocStore_Add_Photo {
        visibility: visible;
        display: block;
        position: fixed;
        min-width: 52px !important;
        min-height: 52px !important;
        border-radius: 28px;
        bottom: 15px;
        right: 5px;
        padding: 0 !important;
        z-index: 2;
    }
        /*button add photo - camera icon*/
        #Action_DocStore_Add_Photo:before {
            font-family: FontAwesome;
            content: "\f030" !important;
            margin: 0 !important;
            padding: 0 !important;
            font-size: 1.7em;
            background-color: transparent !important;
        }
    /*add photo - preview window*/
    #control_content_preview_Custom_Doc_Preview {
        width: 100%;
        height: auto;
        position: absolute;
    }
        /*doc binder wrapper for image & text*/
        #control_content_preview_Custom_Doc_Preview > div {
            /* min-height: 94vh;*/
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            #control_content_preview_Custom_Doc_Preview > div > img {
                width: 94vw;
                height: auto;
                position: absolute;
            }

    /*wrapper for image & text*/
    .imageWrapper {
        background: transparent;
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    /*preloader text*/
    /* #imageplaceholdertext {
       width: 100%;
    }*/

    /* #control_content_preview_Custom_Doc_Preview > div {
        width: auto;
        height:100%;
    }*/
    /*camera image*/
    #pictureFromCamera {
        width: 100%;
        height: auto;
    }

    /*label fro button*/
    #labelCFI {
        width: 100%;
        min-width: 120px;
    }
    /*button camera file input - capture*/
    .btnCFI {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        min-width: 120px;
        color: #fff;
        background: var(--skin-color-main);
        border: solid 1px #fff;
        border-radius: 15px;
        font-size: 14px;
        cursor: pointer;
    }

        .btnCFI:hover {
            color: #fff;
            background: var(--skin-color-main);
            filter: contrast(200%);
        }
    /*#4172172# - END*/

    /*edit screen header for small devices - width fix */
    .save_cancel_datainput {
        min-width: max-content;
    }

    .label_big_bold, .label_medium_bold {
        font-weight: bold;
        font-size: var(--font-size-ll);
        text-transform: uppercase;
        font-family: var(--font-4);
        letter-spacing: inherit;
        margin: 5px 0;
    }

    /*upload completed text */
    #label_Label_Chart_ProcessNameOk {
        text-align: center;
    }

    .ui-widget-overlay {
        z-index: 9988 !important;
    }

    /*-------------------------Vehicle Damage custom css--------------------------*/
    /*veh - top block*/

    #VehAccesoriesSetDiv_editor_container {
        border: 3px solid #64B5F6;
        width: 40%;
    }

    div#Container_VehDamage_Browse_Filter_Expandable_control {
        padding: 10px;
    }

    div#label_CustomContent_VehDmg_Item_Count,
    div#label_CustomContent_VehDmg_Censure_Count {
        padding: 3px 10px !important;
    }

    /*veh edit mode - bids*/
    .vdfloatingdiv {
        width: 100%;
        position: relative;
    }

        .vdfloatingdiv .grid-container-thumbnail-item-image.image-box {
            max-width: 100% !important;
            /* height: 100px; */
            overflow: hidden;
        }

    .vd-left-summary {
        background: #2dade0;
        margin: 0 !important;
        color: #fff;
        padding: 20px;
        font-family: 'Open Sans';
        font-size: 14px;
        font-weight: bold;
        line-height: 30px;
    }

    button#Action_ShowPdfImages {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important;
        background: transparent !important;
        color: #2dade0 !important;
        text-transform: uppercase;
        font-size: 14px;
        border: 1px solid;
        border-radius: 2px;
        padding: 10px;
    }

    .veh-damage-left-item {
        /*max-width: 78% !important;*/
    }

    .vehdamagetopbuttons {
        margin: 20px 0;
    }

    #Container_SaveCancel3_View_container > div > div.save_cancel_datainput {
        float: none;
        text-align: left;
        width: 100%;
        max-width: 100%;
        margin: 0.25vw 0.25vw 0.25vw 0;
    }

    #Container_VehDamageEdit_Tab_RequestType_editor_container {
        background: #fff;
        padding: 0px !important;
        border: 1px solid #cfcfcf;
        margin-bottom: 20px;
    }

        #Container_VehDamageEdit_Tab_RequestType_editor_container > div.editor_container_container > div > div > div.container_box {
            padding: 20px !important;
        }
    /*end veh edit mode - bids*/

    /*veh custom query*/
    [data-10xid="UIP_MIS_CUSTOM_QUERY:PATH_:Editor_UIP_MIS_Custom_Query"] {
        margin: 0 !important;
        margin-bottom: 15px !important;
        display: inline-flex !important;
        justify-content: left !important;
    }

        [data-10xid="UIP_MIS_CUSTOM_QUERY:PATH_:Editor_UIP_MIS_Custom_Query"] > div.radio_group > ul {
            margin-top: 0 !important;
        }

    [data-10xid="UIP_MIS_CUSTOM_QUERY:PATH_:Editor_Custom_Query_Selector"] > div.input-group-addon {
        display: block !important;
    }
    /*end veh custom query*/

    /*-------------------------END - Vehicle Damage custom css--------------------------*/

}
/* END Styles for mobiles and PWA */
/*==============================  #PWA _END =================================
Please place the new styles for the desktop version above the code 
line in this document "@media only screen and (max-width: 860px) {". 
Also, the code should be checked on the mobile display of the application 
and possibly define new styles adapted to the mobile version. 
This code needs to be placed inside the @media (sizes) block.
Thank you*/



/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

    /*top menu*/
    .container_top_pwa {
        min-height: 32px !important;
        background: var(--skin-color-2);
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        /* z-index: 2; */
    }
    /*profil image*/
    #container_top > div.container_top_left > a img#profil_image {
        border: 2px solid rgba(255,255,255,.7);
        width: calc(var(--solution-header-height) - 3px);
        height: calc(var(--solution-header-height) - 3px);
    }
    /*lef/right menu list*/
    #Container_Header_Left_Menu_editor_container,
    #Container_Header_Right_Menu_editor_container {
        display: none;
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 32px;
        left: 0;
        /* padding-top: 4vh; */
        margin: 0 !important;
        background: white;
        overflow-y: scroll !important;
        z-index: 100010;
    }
    /*filter icons*/
    .icon_filter_gray {
        display: block;
        position: fixed;
        top: 40px;
        right: 0;
        z-index: 1003;
    }

    .container_main {
        position: relative;
        margin-top: 32px;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 290;
        background: #e1e5ea;
    }

    #main_content {
        height: 100%;
        left: unset !important;
        width: 100% !important;
        padding: 10px 15px 0 15px !important;
    }

    /*====================================  LOGIN CONTAINER  ==============================================*/
    .container-login-controls .container_box {
        padding: 0 25%;
    }

    #Action_Registration_Action {
        top: 120px;
    }

    /*====================================  MENU PANEL  ==============================================*/

    #MenuPanel > div > div > div.action_container {
        padding: 0 !important;
    }

    /*=======================================  CHAT  ==================================================*/

    /*Chat name and menu*/
    #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--skin-color-left);
        padding: 0px 0px 0px 55px;
        position: fixed !important;
        bottom: auto;
        top: 32px;
        right: 0;
        margin: 0;
        z-index: 2;
    }

        #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container {
            height: 32px;
            position: absolute;
            right: 0;
            padding: 10px 0 0 0;
            margin: 0;
            border: none;
            background: transparent;
            z-index: 999;
        }

        #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column.uf_container > div > div > div.big.input-group input {
            padding-top: 15px;
        }

        #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container > div > div > span > button {
            position: absolute;
            top: 0;
            right: 10px;
            width: 32px;
            height: 32px;
            background: transparent;
            z-index: 1004;
        }
    /*Search Filter Task Chat List*/
    #TaskChatPageListFilter_data_filter > div > div > div.inner-addon.left-addon input[type=text] {
        width: 100%;
        color: rgba(255,255,255,.7) !important;
        font-size: var(--font-size-l);
        padding: 10px 0 10px 34px !important;
    }
    /*chat network popup*/
    #Container_TmTask_Chat_NetworkLookup_editor_container {
        width: 100%;
        position: fixed !important;
        background: #fff;
        bottom: auto;
        top: 74px;
        left: 0;
        margin: 0;
        border-radius: 0px 0px 10px 10px;
        z-index: 2;
    }
}


#ChatPanel .action_container_paddig_left {
    padding-bottom: 10px;
}

@media screen and (max-width: 860px) {


    button.button_orange, button.button_smartmap, button.button_red, button.button_gray, .button_undo, .button_redo, .control-refresh {
        z-index: 100;
  
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    /*top menu*/
    .container_top_pwa {
        min-height: 32px !important;
        background: var(--skin-color-2);
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 15px;
        /* z-index: 2; */
    }
    /*profil image*/
    #container_top > div.container_top_left > a img#profil_image {
        border: 2px solid rgba(255,255,255,.7);
        width: calc(var(--solution-header-height) - 3px);
        height: calc(var(--solution-header-height) - 3px);
    }
    /*lef/right menu list*/
    #Container_Header_Left_Menu_editor_container,
    #Container_Header_Right_Menu_editor_container {
        display: none;
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 32px;
        left: 0;
        /* padding-top: 4vh; */
        margin: 0 !important;
        background: white;
        overflow-y: scroll !important;
        z-index: 100010;
    }
    /*filter icons*/
    .icon_filter_gray {
        display: block;
        position: fixed;
        top: 40px;
        right: 0;
        z-index: 1003;
    }

    .container_main {
        position: relative;
        margin-top: 32px;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 290;
        background: #e1e5ea;
    }

    #main_content {
        height: 100%;
        left: unset !important;
        width: 100% !important;
        padding: 10px 15px 0 15px !important;
    }

    /*====================================  MENU PANEL  ==============================================*/

    #MenuPanel > div > div > div.action_container {
        padding: 0 !important;
    }

    #A_CHAT_PAGE_ADD_NEW_BUTTON {
        margin: 0 !important;
        content: " " !important;
        max-width: 32px !important;
        max-height: 32px !important;
        visibility: hidden;
    }

        #A_CHAT_PAGE_ADD_NEW_BUTTON:after {
            position: absolute;
            left: 2px;
            top: 23px;
            visibility: visible;
            color: #fff;
            font-family: FontAwesome;
            content: "\f055" !important;
            font-size: 28px;
            margin: 0 !important;
            width: 32px;
            height: 32px;
            border-radius: 20px;
            color: var(--skin-color-main);
            background: transparent;
        }

    /*=======================================  CHAT  ==================================================*/

    /*Chat name and menu*/
    #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--skin-color-left);
        padding: 0px 0px 0px 55px;
        position: fixed !important;
        bottom: auto;
        top: 32px;
        right: 0;
        margin: 0;
        z-index: 2;
    }

        #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container {
            height: 32px;
            position: absolute;
            right: 0;
            padding: 10px 0 0 0;
            margin: 0;
            border: none;
            background: transparent;
            z-index: 999;
        }

        #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column.uf_container > div > div > div.big.input-group input {
            padding-top: 15px;
        }

        #Container_Chat_TmTaskEdit_TmTaskName_editor_container > div.editor_container_container > div.editor_container_column_r.uf_container > div > div > span > button {
            position: absolute;
            top: 0;
            right: 10px;
            width: 32px;
            height: 32px;
            background: transparent;
            z-index: 1004;
        }
    /*Search Filter Task Chat List*/
    #TaskChatPageListFilter_data_filter > div > div > div.inner-addon.left-addon input[type=text] {
        width: 100%;
        color: rgba(255,255,255,.7) !important;
        font-size: var(--font-size-l);
        padding: 10px 0 10px 34px !important;
    }
    /*chat network popup*/
    #Container_TmTask_Chat_NetworkLookup_editor_container {
        width: 100%;
        position: fixed !important;
        background: #fff;
        bottom: auto;
        top: 74px;
        left: 0;
        margin: 0;
        border-radius: 0px 0px 10px 10px;
        z-index: 2;
    }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}


/* ----------- Laptops ----------- */

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
}