/* CSS Document */

@charset "utf-8";

@import "clear.css";

/* --- --- ////// webfonts ////// --- --- :) */

@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-Regular.eot');
    src: url('./fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Lato-Regular.woff') format('woff'), url('./fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./fonts/HelveticaNeue.eot');
    src: url('./fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('./fonts/HelveticaNeue.woff') format('woff'), url('./fonts/HelveticaNeue.ttf') format('truetype');
}

@font-face {
    font-family: 'ralewayregular';
    src: url('./fonts/raleway-regular-webfont.eot');
    src: url('./fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/raleway-regular-webfont.woff') format('woff'), url('./fonts/raleway-regular-webfont.ttf') format('truetype'), url('./fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
}

@font-face {
    font-family: 'gotham';
    src: url('./fonts/_gotham-book_-webfont.eot');
    src: url('./fonts/_gotham-book_-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/_gotham-book_-webfont.woff') format('woff'), url('./fonts/_gotham-book_-webfont.ttf') format('truetype'), url('./fonts/_gotham-book_-webfont.svg#gotham') format('svg');
}

@font-face {
    font-family: 'gothambold';
    src: url('./fonts/_gotham-boldd_-webfont.eot');
    src: url('./fonts/_gotham-boldd_-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/_gotham-boldd_-webfont.woff') format('woff'), url('./fonts/_gotham-boldd_-webfont.ttf') format('truetype'), url('./fonts/_gotham-boldd_-webfont.svg#gotham') format('svg');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('./fonts/fontawesome-webfont.eot?v=3.2.1');
    src: url('./fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('./fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('./fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('./fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Themify';
    src: url('./fonts/themify.eot');
    src: url('./fonts/themify.eot?#iefix') format('embedded-opentype'), url('./fonts/themify.woff') format('woff'), url('./fonts/themify.ttf') format('truetype'), url('./fonts/themify.svg#themify') format('svg');
}



:root {
    --solution-header-height: 30px;
    --height-xxs: 1px;
    --height-xs: 3px;
    --height-s: 5px;
    --height-m: 10px;
    --height-l: 20px;
    --height-xl: 30px;
    --height-xxl: 40px;
    --height-xxxl: 60px;
    --height-input-box: 30px;
    --width-xxs: 1px;
    --width-xs: 3px;
    --width-s: 5px;
    --width-m: 30px;
    --width-l: 50px;
    --width-xl: 100px;
    --width-xxl: 200px;
    --width-xxxl: 400px;
    --input-group-bottom-margin: 3px; /* 5px: very dense input forms, 20px: lighter, but much higher input forms */
    --label-font-size: 11.5px;
    --font-size-xxs: 5px;
    --font-size-xs: 8px;
    --font-size-s: 11px;
    --font-size-m: 12px;
    --font-size-l: 14px;
    --font-size-ll: 16px;
    --font-size-lll: 18px;
    --font-size-xl: 22px;
    --font-size-xll: 24px;
    --font-size-xlll: 28px;
    --font-size-xxl: 34px;
    --font-size-xxxl: 42px;
    --font-1: Lato, Avenir;
    --font-2: Lato;
    --font-3: Lato;
    --font-4: gothambold;
    --font-5: Lato;
    --font-6: "Avenir Next";
    --skin-color-input-border: #e6e6e6;
    --skin-color-content: #f3f8fb;
    --skin-color-light-content: #f8f8fa;
    --border-color-light: #e6e6e6;
    --border-color-medium: #6e6e6e;
    --border-color-dark: #2e2e2e;
}

/* --- Halve scorllbar for the entire app --- */

*::-webkit-scrollbar {
    width: 8px;
    height: 1em;
}

*::-webkit-scrollbar-track {
    background: var(--skin-color-base);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--skin-color-base);
    border-radius: 20px;
    border: 3px solid var(--skin-color-base);
    width: 8px;
    height: 1em;
}

*::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255, 255, 255, 0.3);
        width: 8px;
        height: 1em;
    }


/* --- Fullcalendar tooltip css - starts --- */


.tooltip[data-popper-reference-hidden] {
    visibility: hidden;
    pointer-events: none;
}

.popper,
.tooltip {
    position: absolute;
    z-index: 9999;
    background: #070fff;
    color: black;
    width: auto;
    border-radius: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    /*padding: 10px;*/
    text-align: center;
    opacity: 1;
}

.tooltip-inner {
    background-color: transparent;
}

.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #FFC107;
}

.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}

.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
    top: -25px !important;
}

    .popper[x-placement^="top"] .popper__arrow,
    .tooltip[x-placement^="top"] .tooltip-arrow {
        border-width: 5px 5px 0 5px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        bottom: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0;
    }

.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

    .tooltip[x-placement^="bottom"] .tooltip-arrow,
    .popper[x-placement^="bottom"] .popper__arrow {
        border-width: 0 5px 5px 5px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: transparent;
        top: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0;
    }

.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}

    .popper[x-placement^="right"] .popper__arrow,
    .tooltip[x-placement^="right"] .tooltip-arrow {
        border-width: 5px 5px 5px 0;
        border-left-color: transparent;
        border-top-color: transparent;
        border-bottom-color: transparent;
        left: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0;
    }

.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

    .popper[x-placement^="left"] .popper__arrow,
    .tooltip[x-placement^="left"] .tooltip-arrow {
        border-width: 5px 0 5px 5px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        right: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0;
    }

/* --- Fullcalendar tooltip css - starts ---*/

/* --- --- ////// containers and main parts ////// --- --- */

body {
    color: #6e6e6e;    
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: var(--font-1), var(--font-3), var(--font-2);
    font-size: var(--font-size-m);
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    background-color: var(--skin-color-content);
}

.headerbackground {
    height: var(--solution-header-height);
}

.disappearable-validation-error {
    position: fixed;
    border: solid 1px black;
    display: block;
    padding: 7px;
    font-size: var(--font-size-m);
    background-color: White;
    z-index: 91010;
    text-align: center;
}

.disappearable-validation-error-popup {
    position: absolute;
    border: solid 1px black;
    display: block;
    padding: 7px;
    font-size: var(--font-size-l);
    background-color: White;
    z-index: 10000;
    text-align: center;
}

.vdfloatingdiv {
    width: 28%;
    position: fixed;
}

.total-fullscreen {
    position: absolute;
    display: block;
    width: 1200px;
    top: -70px;
    left: 0;
    z-index: 101;
    min-height: 400px;
}

.popup-container {
    z-index: 102;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 15px;
    outline: 0;
    -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 50px rgba(0, 0, 0, .5);
    /*top:10%!important;
  left:20%!important;*/
}

.no-next-page {
    margin-top: 10px;
}

.notes-container {
    z-index: 200;
    border-radius: 2px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

    .notes-container .input_box_input {
        padding-right: 0;
        padding-bottom: 0;
    }


/* --- --- ////// loading panel ////// --- --- */

.loading-panel {
    background-color: white;
    top: -50px !important;
    height: 200% !important;
    min-height: 100% !important;
}

.loading-panel-transparent {
    background-color: transparent;
    height: 100%;
    z-index: 1000000;
}

.grid-container-list-item,
.disabled-grid-container-list-item {
    margin: 5px 0 10px 0;
}

.loading-panel-class {
    z-index: 1000000 !important;
}

.grid-container-edit {
    background: white;
    margin-bottom: 15px;
    margin-top: 15px;
    border: 1px solid #eee;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    border-bottom: none;
    padding: 5px;
}

    .grid-container-edit .grid_container_container {
        border: none;
    }

    .grid-container-edit .grid-container-edit,
    .popup-container #ExtendedPanel,
    .popup-container .grid_container_container {
        border: none;
        padding: 0;
    }

table.treetable .grid-container-edit {
    border: 2px #aaa solid;
    margin: 1em 0;
    padding: 1em;
}

.grid-container-edit .container-box {
    padding: 0;
}

.container-with-whitebackground .grid_ontainer_edit {
    background-color: white;
}

.content_fullscreen {
    min-height: 90%;
    background: #FbFbFb;
    position: fixed;
    margin-left: .2em;
    z-index: 1000;
    width: 100% !important;
    padding: 5px;
}

    .content_fullscreen .loading-label {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        background: url(../appearances/10XOneNew/images/ajax-loader-pager.gif) no-repeat center center;
        margin: 15px;
        padding: 15px;
    }

#main_page_container {
    float: left;
}

/* --- --- ////// head ////// --- --- */


/* --- --- action container --- --- */

.action_container_center {
    float: inherit;
    margin-left: 40%;
    margin-right: 40%;
}

.action_container_save_cancel {
    float: right;
}

.action_container_generic {
    float: right;
}

.action_container_no_margin_biggerfont {
    margin: 0 0;
    margin-bottom: 4px;
}

.action_container_smallfont_solidborder {
    border-right: white 1px solid;
    padding-left: 3px;
}

.action_container_no_margin_gridview {
    margin: 0 0;
    margin-bottom: 4px;
}

.action_container_center_grid {
    text-align: center;
}

.action_container_no_margin_biggerfont_rightbottompadding {
    margin: 0 0;
    margin-bottom: 4px;
    padding-right: 7px;
    padding-bottom: 7px;
}

.action_container_no_margin_biggerfont_rightbottombiggerpadding {
    margin: 0 0;
    margin-bottom: 4px;
    padding-right: 7px;
    padding-bottom: 20px;
}

.action_container_no_margin_biggerfont_right {
    margin: 0;
    text-align: right;
}

.action_container_no_margin_biggerfont_right_float {
    margin: 0 0;
    margin-bottom: 0;
    text-align: right;
    float: right;
}

.action_container_blue_paddig {
    color: #34559A;
    margin-bottom: 3px;
    padding-top: 6px;
    padding-bottom: 10px;
    font-weight: bold;
}

.action_container_blue_paddig_all {
    color: #34559A;
    margin-bottom: 3px;
    padding-top: 6px;
    padding-bottom: 10px;
    font-weight: bold;
    padding-left: 10px;
}

.action_container_paddig_left {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
}

.action_container_paddig_top_width100 {
    padding-top: 12px;
    width: 100%;
}

.padding-s {
    padding: 5px;
}

.padding-m {
    padding: 10px;
}

.padding-l {
    padding: 20px;
}


/* --- --- top left and right of screen --- --- */

.container_top {
    z-index: 9990;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    color: black;
    background: #FbFbFb;
    height: var(--solution-header-height);
}

.head {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    padding: 0 0;
    position: relative;
    color: #373737;
}

/* --- user_profil --- */
.user_profil_container {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 190px;
    text-align: left;
}

.user_profil_container_user_pic {
    width: var(--solution-header-height);
    height: var(--solution-header-height);
    text-align: left;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    cursor: pointer;
}

.user_profil_item_container {
    position: absolute;
    left: 53px;
    top: -1px;
    line-height: 1;
}

.user_profil_item {
    margin-bottom: 3px;
    cursor: pointer;
    color: #000;
    text-transform: uppercase;
}

.head_left_menu {
    position: absolute;
    right: 0;
    top: 2px;
    height: 30px;
}


    /*Right menu*/

    .head_left_menu .ChatPanel {
        position: absolute;
        right: 0;
        top: 2px;
        background: url(../images/bg_center.png) repeat-x;
        padding: 10px 15px 4px 25px;
        height: 30px;
        left: 2px;
    }

div[id="HDHeader_Header_uip__popup"] .action_container {
    text-align: center;
}

div[id="HDHeader_Header_uip__popup"] .link_simple_action {
    font-size: var(--font-size-m);
}

.head .ChatPanel {
    width: 952px;
    margin: 0 auto;
    text-align: left;
    padding: 0 10px;
    position: relative;
    color: #373737;
    height: 35px;
}

.HeadIcons {
    color: black;
    font-size: var(--font-size-l);
}

.HeadTaskIcon:after {
    font-family: 'Themify';
    content: "\e67c";
}

.HeadChatIcon:after {
    font-family: 'Themify';
    content: "\e644";
}

.HeadDocIcon:after {
    font-family: 'Themify';
    content: "\e6c8";
}

.HeadEmailIcon:after {
    font-family: 'Themify';
    content: "\e75a";
}

.head_left_menu ul {
    padding-top: 4px;
}

.head_left_menu li {
    display: block;
    float: left;
    cursor: pointer;
    color: white;
    background-repeat: no-repeat;
    height: 21px;
    margin-right: 10px;
    margin-left: 12px;
}

    .head_left_menu li img {
        margin-right: 2px;
        height: 21px;
        padding-right: .2em;
    }

    .head_left_menu li span {
        vertical-align: top;
        margin: -28px 0 0 10px;
        display: inline-block;
        padding: 2px 3px 2px 3px;
        background: red;
        position: absolute;
    }


/* --- head RIGHT menu --- */

.head_right_menu {
    position: absolute;
    right: 0;
    top: 5px;
}

    .head_right_menu li {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 0;
        margin-top: 4px;
        height: 21px;
        width: 21px;
        cursor: pointer;
    }

        .head_right_menu li img {
            height: 21px;
            width: 21px;
        }


/* --- other items --- */

.head_solotion_name {
    position: absolute;
    left: 191px;
    top: 6px;
    width: 40px;
    height: 40px;
}

.user_profil_container_solution_pic {
    width: 40px;
    height: 40px;
    text-align: left;
}

.head_page_maint_title {
    position: absolute;
    left: 239px;
    top: 6px;
    font-size: var(--font-size-xl);
    color: #000;
}

.head_page_sub_title {
    position: absolute;
    left: 240px;
    top: 37px;
    color: #000;
    max-width: 570px;
    overflow: hidden;
    white-space: nowrap;
}

.head_logo {
    position: absolute;
    left: 462px;
    top: 26px;
    width: 82px;
    height: 20px;
    background: url(../images/logo_head_10xone.png) no-repeat;
}

.head_error {
    width: 100%;
    z-index: 1500;
    margin: 0 auto;
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
    padding: 0.6em 0.5em;
    color: red;
    font-size: var(--font-size-m);
    background: white;
}

.head_solutions {
    position: absolute;
    color: black;
    text-transform: uppercase;
    cursor: pointer;
    top: 38px;
    left: 52px;
}

    .head_solutions span {
        display: block;
    }

#HDHeader_Header_dd_menu,
#HDHeader_Header_dd_menu2,
#HDHeader_Header_dd_menu3,
#HDHeader_Header_dd_menu4 {
    left: 4em !important;
    position: fixed;
    top: 22px;
    z-index: 1;
    padding: 5px;
}

#HDHeader_Header_dd_menu {
    left: calc(var(--solution-header-height)*3.8);
}

#HDHeader_Header_dd_menu3 {
    left: calc(var(--solution-header-height)*2.8);
}

#HDHeader_Header_dd_menu4 {
    left: 180px;
}


/* --- --- ////// content ////// --- --- */


/* --- Middle of screen: 2 sides of the main screen --- */

.container_with_background,
.container-with-background {
    background-color: #f8f8f8;
    margin: 2px 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.container-with-coloredbackground {
    background-color: YELLOW;
    margin: 1px 0 1px 0;
}

.container-with-redbackground {
    background-color: #FA6A00;
    margin: 1px 0 1px 0;
    color: white;
}

.editor-container-gridview {
    display: table;
    width: 100%;
    margin-top: 0;
}

.container-with-gridcellview {
    background-color: white;
    margin: 1px 0 1px 0;
    border-right: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    border-top: silver 1px solid;
}

.container-with-whitebackground {
    background-color: white;
    padding: 5px 0;
    margin-top: -10px;
}

.container-with-padding {
    padding: 0px;
}

.container-no-padding-no-margin {
    padding: 0;
    margin: 0;
}

.container_main {
    margin-top: var(--solution-header-height);
    width: 100%;
    position: relative;
    min-height: 600px;
    /* pcz 11.27.2022 text-align: center; background: #f6f6f6;*/
}


/* Lookup-ok kilóghatnak ha kiveszem*/
/*#main_content_container
{
overflow-x: hidden;
}*/

.container_main_single {
    background: transparent;
    width: 100%;
    text-align: left;
    overflow: hidden;
}

.container_main_leftmain {
    width: 100%;
    text-align: left;
}

.container_main_leftmainmlm {
    width: 85%;
    text-align: left;
}


/* --- Middle of screen: middle of the main screen --- */

.content_container {
    width: 100%;
    margin: -1px auto;
    text-align: left;
    padding: 0 0px 10px 10px;
    min-height: 50px;
    position: relative;
    float: left;
}

.content_container_single {
    width: 350px;
    margin: -1px auto;
    text-align: left;
    padding: 8px 10px;
    min-height: 50px;
}

.content_container_single1row {
    width: 700px;
    margin: -1px auto;
    text-align: left;
    padding: 8px 10px;
    min-height: 50px;
}

.content_container_single3row {
    width: 350px;
    margin: -1px auto;
    text-align: left;
    padding: 8px 10px;
    min-height: 50px;
}

.content_left {
    left: 0;
    position: fixed;
    top: 0;
    overflow-y: scroll;
    padding: calc(var(--solution-header-height)) 0 0 0!important;
    height: 100%;
    border-right: 1px #eee solid;
    background-color: var(--skin-color-6);
    /*z-index: 300;*/
    z-index: 1000;
}

.content_left_leftmain {
    top: 10px;
    width: 172px;
    margin-right: 10px;
    min-height: 50px;
    position: fixed;
}

.skin_selector {
    width: 68%;
    position: fixed;
    left: 100%;
    right: 0;
    border: #eee 1px solid;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.498039) 0 3px 9px;
    height: 12.3em;
    top: 100px;
    overflow-x: visible;
    overflow-y: visible;
    margin-left: 5px;
    z-index: 3000;
}

.pre_skin_selector {
    width: 100%;
    position: relative;
    border: #eee 1px solid;
    background-color: white;
    height: 24px;
    overflow-x: visible;
    overflow-y: visible;
}

.content_right {
    position: fixed;
    left: 100%;
    right: 0;
    /*border: #eee 1px solid;*/
    background-color: white;
    /*box-shadow: rgba(0, 0, 0, 0.498039) 0 3px 9px;*/
    height: 100%;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 1000;
}

.content {
    left: 16.666666667%;
    width: 83.33333333%;
    float: left;
    min-height: 700px;
    position: relative;
    margin: 10px 0 0 -15px;
    background-color: white /*var(--skin-color-content);*/;
}

.content_2_column_left {
    margin: 0 0 0 0;
    padding: 20px 0px 10px 0px;
    /*overflow-y: scroll;*/
    margin-left: 0px;
    min-height: 100% !important;
    height: 100% !important;
}

.col-md-10.content_2_column_left {
    width: 50% !important;
}

.content_2_column_right {
    background: #f7f7f5;
    position: fixed;
    margin: 10px 5px 15px 5px;
    /* changed z-index for drag n drop */
    z-index: 99;
    /*overflow-y: scroll;*/
    width: 50% !important;
    min-height: 100% !important;
}

.content_2_column_right_edit {
    width: 83% !important;
    left: 16.66666667% !important;
}

    .content_2_column_right_edit .editor_container_container {
        /*display: block !important;*/
    }

.content_2_column_right_edit .item-main-header-container.drop-container {
        top: 0 !important;
}

    .selected_notetask {
    border-color: #778899;
    }

.text-nowrap-ellipsis {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.content_3_column_left .selected .grid_container_container,
.content_3_column_right .selected .grid_container_container {
    border: 2px solid var(--skin-color-main);
    background: var(--skin-color-9);
}

.content_3_column_left .grid-container-list-item,
.content_3_column_left .grid_container_container,
.content_3_column_right .grid_container_container,
.disabled-grid-container-list-item {
    margin: 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.link_simple_action 

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

.content_3_column_right #Action_TaskNotePageTaskList_ClosedTasks,
.text-3-column-floatright {
    float: right;
    margin-right: 3px;
}

.content_3_column_right .editor_container_container {
    margin-bottom: 5px;
}

.content_3_column_left::-webkit-scrollbar,
.content_3_column_middle ::-webkit-scrollbar,
.content_3_column_right ::-webkit-scrollbar {
    width: 5px !important;
}

.content_3_column_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;
}

.content_3_column_middle {
    margin: 7px 0 0 0;
    padding: 0 0 0 8px;
    width: 60% !important;
}

    .content_3_column_middle .input-group {
        min-height: 40px;
    }

.content_3_column_right {
    background: #f7f7f5;
    position: fixed;
    margin: 0 5px 15px 10px;
    z-index: 1000;
    overflow-y: scroll;
    width: 20% !important;
}

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

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

.content_left .selected-chat .grid_container_container {
    background: var(--skin-color-9);
}

.schema_1_Auto_0_felosztas .content_left {
    position: static;
    display: block;
    float: left;
}

.schema_1_Auto_0_felosztas .content {
    position: static;
    display: block;
    float: left;
}

.content_single {
    width: 350px;
    float: left;
    padding: 0px 10px;
    min-height: 100px;
    position: relative;
    overflow-y: hidden;
}

.content_single1row {
    width: 700px;
    float: left;
    padding: 0 10px;
    min-height: 100px;
    position: relative;
    overflow-y: hidden;
}

.content_single3row {
    width: 350px;
    float: left;
    padding: 0 10px;
    min-height: 100px;
    position: relative;
    overflow-y: hidden;
}


/* --- --- ////// footer ////// --- --- */


/* --- a --- */

.container_bottom {
    width: 100%;
    border-top: solid 1px #a1a09d;
    margin-top: 1px;
    height: 50px;
    position: relative;
    display: none;
}

.footer {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
    border-top: solid 1px #a1a09d;
    margin-top: -1px;
    display: none;
}


/* --- footer_box --- */

.footer_box_empty {
    padding: 10px 0;
    display: none;
}

.footer_box {
    width: 216px;
    margin-right: 15px;
    margin-left: 10px;
    float: left;
    padding: 25px 0;
}

.footer_box_last {
    width: 216px;
    margin-right: 0;
    margin-left: 10px;
    float: left;
    padding: 25px 0;
}

.footer_box_title {
    height: 30px;
    color: #565656;
    font-size: var(--font-size-l);
    text-transform: uppercase;
    background: url(../images/poty.gif) repeat-x bottom;
    margin-bottom: 14px;
    cursor: default;
    display: none;
}

.footer p {
    font-size: var(--font-size-xs);
    color: #d8d8d8;
    line-height: 1.2;
    margin-bottom: 10px;
}

.footer h2.blogs {
    font-size: var(--font-size-xs);
    color: #fff;
    margin-bottom: 3px;
}

.footer a.more {
    width: 1px;
    height: 27px;
    overflow: hidden;
    padding-left: 27px;
    background: url(../images/footer_more_btn.png) no-repeat;
    display: block;
    text-decoration: none;
    margin: 10px 0 15px 0;
    color: #111;
    font-size: var(--font-size-xxs);
}


/* link_list */

.link_list a {
    font-size: var(--font-size-xs);
    color: #d8d8d8;
    line-height: 1.2;
    margin-bottom: 10px;
    text-decoration: none;
}

    .link_list a:after {
        content: ' >';
        color: #ff6c00;
        font-size: var(--font-size-xs);
    }

.link_list li {
    padding-bottom: 10px;
}


/* --- copyright --- */

.copyright {
    clear: both;
    text-align: center;
    color: #d5d5d5;
    font-size: var(--font-size-xs);
    width: 960px;
    padding-bottom: 20px;
}


/* --- --- ////// controls ////// --- --- */

/* --- --- error panel --- --- */

.error-message-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    opacity: 0.9;
    z-index: 100000000;
    background-color: white;
    text-align: center;
    display: block;
    height: 5.5em;
}

.error-message-panel-text {
    color: red;
    font-weight: bold;
    display: block;
    font-family: var(--font-5);
    font-size: var(--font-size-m);
    margin: .5em 0;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.error-message-panel-text:before {
    font-family: 'Themify';
    font-size: var(--font-size-s);
    content: "\e683";
}

.error-message-panel-link {
    cursor: pointer;
    text-decoration: underline;
    width: 100%;
    display: block;
    color: #00adef;
}

/*** --- BUTTON --- ***/

.gridtoolbarhover,
.gridtoolbarhover_custom {
    color: white;
    margin: 6px 6px 6px -3px;
    padding: .8em .5em;
    background: #fda527;
    top: 5px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: none;
    font-size: var(--font-size-s);
}


.trsbutton:before, button:before {
    font-size: var(--font-size-m);
    font-family: Themify;
    font-weight: bold;
}

.btn {
    text-shadow: none;
    text-transform: none;
    border: none;
}

.trsbutton, a.cke_dialog_ui_button, .btn {
    margin-right: 5px;
    white-space: normal;
    padding: 3px 5px !important;
    font-family: var(--font-4) !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    min-width: calc(var(--height-m)*3);
    /* added because of cke ckeditor buttons*/
    background-image: none !important;
}

#MenuPanel .trsbutton {
    width: 100%;
    word-break: break-all;
    line-height: 1em;
}

button, .gridtoolbarhover_custom,
.gridtoolbarhover,
.button_undo,
.button_redo,
.control-refresh {
    position: relative;
    font-family: var(--font-4) !important;
    cursor: pointer;
    border: none;
    display: inline-block;
    text-align: center;
    color: white !important;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    height: var(--height-input-box);
    font-weight: bold;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

button, .control-refresh {
    background-color: var(--skin-color-main);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

button {
    margin-left: 10px;
}

    button:first-of-type {
        margin-left: 0;
    }


.button_red_red, .button_red {
    background: red;
}

.button_gray {
    background-color: #AAA8A1;
}

button:active, .button_undo:active, .button_redo:active {
    background: #cfcfcf;
}

button.button_orange:active,
button.button_red:active,
button.button_red_red:active,
.control-refresh:active {
    color: #fcd3a5;
}

button.button_smartmap {
    position: absolute;
    top: 5px;
    right: 10px;
    margin-top: 0;
    line-height: 1.2em;
}

    button.button_smartmap:before {
        content: "\e633";
        font-size: var(--font-size-l);
    }

.control-refresh {
    margin: 0;
    min-height: 40px;
}

button.button_gantt {
    background-image: url(../appearances/10XOneNew/images/ikon_close.png);
    background: #6e6e6e;
    width: 60px;
    height: 60px;
}

.inline_button {
    float: right;
    padding: 0 0 20px 10px;
}

.buttonontop {
    z-index: 999;
}


.save_cancel_datainput {
    float: right;
    text-align: right;
    min-width: 200px;
    margin: 0.25vw 0.25vw 0.25vw 0;
}

    .save_cancel_datainput button:first-of-type {
        background-color: var(--skin-color-7);
    }


.three_action_button_datainput {
    float: right;
    text-align: right;
    min-width: 400px;
    margin-bottom: 10px;
    margin-left: -130px;
}

    .three_action_button_datainput button:nth-child(2) {
        background-color: var(--skin-color-7);
    }

.trs-download-button {
    margin-left: 10px;
}

    .trs-download-button:before {
        font-family: 'Themify';
        content: "\e6b3";
    }

.trs-refresh-button:before {
    font-family: 'Themify';
    content: "\e619";
}


/*** --- BUTTON --- ***/


#Con_prj_empty2_image_editor_container {
    padding-left: 10px;
}

#Con_prj_gantt_image_editor_container {
    padding-left: 25px;
    padding-top: 25px;
    cursor: pointer;
}

#Button_TmTask_DataInput_ProcessStart_undo_bd {
    background-color: #AAA8A1;
    background: url(../images/arrow_undo.png) left center no-repeat;
}

#Button_TmTask_DataInput_ProcessStart_redo_bd {
    background-color: #AAA8A1;
    background: url(../images/arrow_redo.png) left center no-repeat;
}

.action_container_messagebox_buttons {
    padding-top: 20px;
    text-align: center;
    margin-left: 20px;
}

.action_container_no_margin_no_constraint_center {
    text-align: center;
}

.wizzard_action_container_no_margin_no_constraint_center {
    padding-left: 90px;
    padding-top: 20px;
}

.wizzard_action_container_no_margin_no_constraint_right {
    padding-left: 90px;
    padding-top: 20px;
    float: right;
}

.action_container_no_margin_no_constraint_padding {
    padding-top: 9px;
}

.action_container_no_margin {
    float: right;
}


/* --- LINK --- */

.link_simple {
    color: #00adef;
    text-decoration: none;
    cursor: pointer;
}

    .link_simple:hover {
        color: #000;
        text-decoration: underline;
    }

.link_simple_action {
    color: #00adef;
    text-decoration: none;
    cursor: pointer;
}

    .link_simple_action:before {
        font-size: var(--font-size-m);
        font-family: Themify;
    }

    .link_simple_action:hover {
        text-decoration: underline;
    }

.link_simple_action_padding_leftbottom {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 7px;
    padding-left: 7px;
}

    .link_simple_action_padding_leftbottom:hover {
        text-decoration: underline;
    }

.link_simple_action_padding_rightbottom {
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 7px;
    padding-right: 7px;
    color: #fda527;
}

    .link_simple_action_padding_rightbottom:hover {
        text-decoration: underline;
    }

.link_simple_action_padding_rightbottom_blue {
    color: var(--skin-color-2);
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 7px;
    padding-right: 15px;
}

    .link_simple_action_padding_rightbottom_blue:hover {
        text-decoration: underline;
    }

.link_simple_action_padding_bottom {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 7px;
}

    .link_simple_action_padding_bottom:hover {
        text-decoration: underline;
    }

.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);
}

.link_simple_action_bold_paddingleft {
    color: #fda527;
    text-decoration: none;
    cursor: pointer;
    font-size: var(--font-size-m);
    font-weight: bold;
    padding-left: 3px;
}

.link-simple-action-bold-paddingleft-blue {
    color: #337ab7 !important;
    text-decoration: none;
    cursor: pointer;
    /*font-size: var(--font-size-m);
    font-weight: bold;
    padding-left: 3px;*/
}

.link_simple_action_bold:hover {
    text-decoration: underline;
}

.link_simple_action_bold_paddingleft:hover {
    text-decoration: underline;
}

.link_simple_action_big:hover, .link_simple_action_small:hover, .link_simple_action_boldlite:hover, .link_simple_action_noboldlite:hover {
    text-decoration: underline;
}

.link_simple_action_big, .link_simple_action_small, .link_simple_action_boldlite, .link_simple_action_noboldlite {
    color: var(--skin-color-main);
    text-decoration: none;
    cursor: pointer;
    font-size: var(--font-size-l);
    max-width: 230px;
    min-height: 40px;
    line-height: 120%;
}

.link_simple_action_small {
    font-size: var(--font-size-s);
}

.link_simple_action_boldlite {
    font-weight: bold;
}

.link_simple_action_noboldlite {
    font-weight: normal;
}


/* --- RADIO_GROUP --- */

.radio_group {
    height: 15px;
    font-family: 'ralewayregular';
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

    .radio_group li {
        display: inline-block;
        float: left;
        padding: 0 18px;
        font-size: var(--font-size-m);
        cursor: pointer;
        position: relative;
        height: 25px;
    }

        .radio_group li .selected,
        .radio_group_item_selected {
            border-bottom: 3px solid #FDA527;
        }

        .radio_group li.first {
            margin-left: -18px;
        }

        .radio_group li.last {
            background: none;
        }

.radio_group_ios {
    font-family: var(--font-4);
    margin: 15px 0;
    text-align: center;
}

    .radio_group_ios li {
        display: inline-block;
        float: left;
        padding: 0 10px;
        font-size: var(--font-size-m);
        cursor: pointer;
        position: relative;
        border-right: 1px solid #ed5e2f;
        border-bottom: 1px solid #ed5e2f;
        border-top: 1px solid #ed5e2f;
    }

        .radio_group_ios li .selected,
        .radio_group_ios_item_selected {
            background: #ed5e2f;
        }

        .radio_group_ios li .selected {
            position: absolute;
            left: 0;
            right: 0;
            padding-bottom: 15px;
            margin: 0 15px;
            color: white;
        }

        .radio_group_ios li.first {
            border-left: 1px solid #ed5e2f;
            -moz-border-radius: 0px;
            -webkit-border-radius: 8px 0 0 8px;
            border-radius: 8px 0 0 8px;
        }

            .radio_group_ios li.first.selected {
                background: #ed5e2f;
            }

        .radio_group_ios li.last {
            border-left: 1px solid #ed5e2f;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0 8px 8px 0;
            border-radius: 0 8px 8px 0;
        }

            .radio_group_ios li.last.selected {
                background: #ed5e2f;
            }


radio groups, gc add new,
.radio_group li .selected, .radio_group_item_selected {
    border-bottom: 3px solid var(--skin-color-3);
}

.radio_group_ios li {
    /*background:rgba(0,0,0,.2);*/
    border-right: 1px solid var(--skin-color-3);
    border-bottom: 1px solid var(--skin-color-3);
    border-top: 1px solid var(--skin-color-3);
}

    .radio_group_ios li.first, .radio_group_ios li.last {
        border-left: 1px solid var(--skin-color-3);
    }

        .radio_group_ios li.last.selected, .radio_group_ios li.first.selected, .radio_group_ios li .selected, .radio_group_ios_item_selected {
            background: var(--skin-color-3);
            color: #fff;
        }


/* --- RADIO GROUP + LABEL_BIG ---*/

.label_big_bold li {
    display: inline-block;
    float: left;
    padding: 2px 18px;
    font-size: var(--font-size-l);
    cursor: pointer;
    position: relative;
    height: 25px;
}

    .label_big_bold li .selected {
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 3px solid #FDA527;
        padding-bottom: 14px;
        margin: 0 15px;
    }


/* --- TAB_SHEET --- */

.tab_sheet {
    height: 2em;
    background: #eee;
    border-top: #ccc 1px solid;
    padding-top: .3em;
    line-height: 1.4em;
}

    .tab_sheet li {
        display: block;
        float: left;
        cursor: pointer;
        border-right: white 1px solid;
        text-transform: uppercase;
        padding: 0 .8em;
        font-size: var(--font-size-s);
        color: #fda527;
    }

        .tab_sheet li.first {
        }

        .tab_sheet li.last {
            border: none;
        }


/* --- TAB_SHEET -- Detail --- */

.tab_sheet_detail {
    background: #fdfdfd;
    position: relative;
    padding-right: .8em;
}

    .tab_sheet_detail li {
        position: relative;
        display: table-cell;
        padding: .7em 1em;
        cursor: pointer;
        color: #00adef;
        margin-right: 2px;
        text-transform: uppercase;
        font-size: var(--font-size-s);
        border: 1px solid #eee;
    }

        .tab_sheet_detail li:hover {
            text-decoration: underline;
        }

.tab_sheet li.selected {
    color: white;
    background: #fda527;
}

.tab_sheet_detail li.first {
}

.tab_sheet_detail li.last {
}

.tab_sheet_detail li.selected {
    background: #fda527;
    color: white;
    border: 2px solid #ddd;
    border-bottom: none;
}

.tab_sheet_detail .customization-container.last {
    border: #000 solid medium;
}

.tab_sheet_content_detail {
    background: #f2f3f4;
    padding: 5px 5px 5px 5px;
    margin: 0px 0 0 0;
    position: relative;
}


/* --- CONTAINER_BOX --- */

.expandable-caption {
    padding-left: 10px;
}

.tab_container_box {
    padding: 0 0;
    margin-bottom: var(--height-s);
    display: block;
    background: #fdfdfe;
}

.tab_container_box .tab_container_box {
        padding-top: 5px;
}

.container_box {
    padding: var(--height-m) 0;
}

.container_box_nopadding {
    padding: var(--height-m) 0 0 0;
}

.container_box_content {
    background: #fff;
    padding: 0;
    margin-bottom: var(--height-m);
}

#ChatPanel .container_box_content {
    background: none;
    margin-bottom: 0;
}


/* --- input_box--- */

.input_box_container {
    display: table;
    width: 99.5%;
    margin-top: 5px;
    margin-bottom: 10px;
    background: white;
}

div[id*="Filter__m"] .input_box_container {
    margin: 0;
    border: none;
}

table .input_box_container {
    margin-top: 0;
    margin-bottom: 0;
}

.input_box_label {
    display: table-cell;
    vertical-align: middle;
    font-size: var(--font-size-s);
    text-transform: uppercase;
    background-color: #fbfbfb !important;
    border-right: 1px solid #eee;
    text-align: left;
}

.input_box_label_nf {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    background-color: #fbfbfb !important;
}

    .input_box_label label,
    .input_box_label_nf label {
        display: block;
        color: #383838;
        cursor: pointer;
        float: left;
        text-transform: uppercase;
        font-size: .9em;
        padding: .2em .5em 0 .8em;
        min-width: 8em;
    }

.input_box_search {
    display: table-cell;
    border: #ccc 2px solid;
    vertical-align: middle;
    padding: 0 0 8px 8px;
    background-color: #ffffff;
    width: 100%;
}

    .input_box_search input {
        display: block;
        color: #888;
        border: none;
        padding: 1.1em .3em .2em .2em;
        position: relative;
        min-width: 70%;
        font-size: var(--font-size-m);
        margin-left: 1.6em;
    }

        .input_box_search input:focus {
            color: #333;
        }

    .input_box_search:before {
        width: 8px;
        height: 8px;
        display: table-cell;
        float: left;
        top: 0.5em;
        left: 0;
        position: relative;
        content: "\f002";
        text-decoration: inherit;
        color: #888;
        font-size: var(--font-size-xl);
        margin-right: 1em;
    }

.input_box_input {
    display: table-cell;
    height: 14px;
    vertical-align: bottom;
    min-width: auto;
}

.input_box_container.control_check_box_editor,
.input_box_container.control_circle_check_box_editor {
    border: none;
    background: none;
}

.sidebarcheckboxeditor {
    margin-left: 12px;
    margin-top: 15px;
}

.input_box_input input {
    display: block;
    width: 100%;
    color: #000;
    border: none;
    position: relative;
    font-size: var(--font-size-m);
    cursor: pointer;
}

.inline_edit_div .input_box_input {
    margin-left: -.2em !important;
}

    .inline_edit_div .input_box_input input {
        padding: 0 !important;
        padding-left: 0.1em !important;
        font-size: 1em;
    }

.input_box_input input.input_box_disabled {
    background-color: #c9c6c1;
    color: #fff;
}

.input_box_btn button {
    border: none;
    background: none;
    cursor: pointer;
    margin: 0;
    padding: .4em 0 0 0;
    display: inline-block;
}

.input_box_btn {
    /*border-right: #CCC 1px dotted;*/
    display: table-cell;
    width: 16px;
    padding: 5px;
    /*padding: 5px 1px 2px 1px;*/
    vertical-align: middle;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    text-shadow: 0 1px 0 rgba(244, 244, 244, 1);
    background: #fff;
}

.inline_edit_span .input_box_btn {
    width: 16px;
    padding: 1px;
}

.ikon_edit {
    opacity: .8;
    font-family: 'Themify';
    font-size: 1.4em;
}

    .ikon_edit:after {
        content: '\e61c';
        color: #a0a0a0;
    }

.edit_pencil16 {
    font-family: 'Themify';
    font-size: 1.4em;
    color: #a0a0a0;
}

    .edit_pencil16:after {
        content: '\e61c';
    }

.lookup_edit_pencil16 {
    font-family: 'Themify';
    font-size: 1.4em;
    color: #a0a0a0;
}

    .lookup_edit_pencil16:after {
        content: '\e61c';
    }

.select_16_h {
    font-family: 'Themify';
    font-size: 1.4em;
    color: #a0a0a0;
}

    .select_16_h:after {
        content: '\e687';
    }

.ikon_custom {
    width: 16px;
    height: 19px;
}

.icon:after,
.multi-lookup-control .dropdown:after, .lookup_select_16_h:after, .lookup_save_gc:after {
    cursor: pointer;
    font-family: 'Themify';
    color: #a0a0a0;
}

.icon_x, .lookup_select_16_h, .lookup_save_gc {
    height:8px;
}

.icon {
    height: 16px;
}

.icon_arrow_down:after, .multi-lookup-control .dropdown:after {
    content: "\e64b";
}

.lookup_select_16_h:after {
    content: "\e6e2";
}

.lookup_save_gc:after {
    content: "\e746";
}

.icon_edit:after {
    content: "\e61c";
}

.icon_arrow_up:after {
    content: "\e648";
}

.cm-ddl-toggler .icon_arrow_down {
    margin-top: 18px;
}

.cm-ddl-toggler .icon_arrow_up {
    margin-top: -10px;
    margin-left: -13px;
}

.icon_x:after {
    content: "\e646";
}

.icon_search:after {
    content: "\e610";
}

.icon_settings:after {
    content: "\e60f";
}

.icon_more:after {
    content: "\e6e2";
}

.upload_icon_plus:after, .lookup_icon_plus:after, .attachment_icon_plus:after, .icon_plus:after {
    content: '\e61a';
    color: #a0a0a0;
    position: relative;
    cursor: pointer;
}
.attachment_icon_plus:after, .upload_icon_plus:after {
    /* background: #eee;
    padding: calc(var(--height-input-box)/2 - 6px);
    top: calc(-1 * var(--height-input-box)/2 - 5px);
    margin: 0;
    border: #e2e2e2 1px solid;
    border-left: none;*/
    display:none;
}

.custom_file_input:-webkit-file-upload-button {
    visibility: hidden;
}
/*#UseCase: File upload control: right "+" sign sometimes is mis-aligned - DESIGN (BUSINESS + TECHNICAL) = > Elvis Kadic 2021/11/12*/
.custom_file_input:before {
    content: '+';
    color: #a0a0a0;
    display: inline-block !important;
    border: #e2e2e2 1px solid;
    padding-top: 4px;
    width: inherit;
    min-height: calc(var(--height-input-box) + 5px) !important;
    font-weight: 100;
    font-size: 16pt;
    text-align: center;
    vertical-align: middle;
}

.custom_file_input {
    height: 30px !important;
    cursor: pointer;
    z-index: 5000;
}
.custom_file_input:nth-child(2) {
    display: none !important;
}
/*#EC2G3tbQSu_container > input[type="file"]:nth-child(2) {
    display: none !important;
}*/
/*content: '\e61a';
color: #a0a0a0;
position: relative;
cursor: pointer;
}*/
/*    .custom_file_input:hover::before {
    border-color: black;
}*/
/*.custom_file_input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}*/
/*#UseCase: File upload control: right "+" sign sometimes is mis-aligned - DESIGN (BUSINESS + TECHNICAL) = > Elvis Kadic 2021/11/12*/
/*upload_icon_plus:after, .attachment_icon_plus:after {
    border: #e2e2e2 1px solid;
    position: absolute !important;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    margin-left: auto;
    background: #eee;
    padding: calc(var(--height-input-box)/2 - 6px);
    top: calc(-1 * var(--height-input-box)/2 - 6px);
    cursor: pointer !important;
}*/
/*#UseCase-END: File upload control: right "+" sign sometimes is mis-aligned - DESIGN (BUSINESS + TECHNICAL) = > Elvis Kadic 2021/11/12*/
.input_box_empty_end {
    display: table-cell;
}

.input_box_textarea {
    display: table-cell;
    border-bottom: #c9c5c2 1px solid;
    vertical-align: bottom;
    padding-left: 4px;
    padding-right: 5px;
    border: 1px solid #ccc;
}

    .input_box_textarea textarea {
        display: block;
        color: #000;
        height: 14px;
        border: none;
        padding: 1px 2px;
        position: relative;
        background-color: #fff;
    }

.input_box_label_textarea {
    display: table-cell;
    vertical-align: top;
}

    .input_box_label_textarea label {
        display: block;
        padding-top: 2px;
        padding-right: 10px;
    }

.input_box_double_btn {
    width: 22px;
    height: 7px;
    cursor: pointer;
    padding: 0 0;
    border: 0;
    background: none;
}

.input_box_ikon_novel, .input_box_ikon_csokkent {
    height: calc(var(--height-input-box)/3);
    cursor: pointer;
    position: relative;
    font-family: 'Themify';
    font-size: .9em;
    opacity: .4;
    color: #333;
    top: -2px;
}

    .input_box_ikon_csokkent:after {
        content: '\e64b';
    }

    .input_box_ikon_novel:after {
        content: '\e648';
    }

.add_new16 {
    cursor: pointer;
    position: relative;
    font-family: 'Themify';
    font-size: .9em;
    content: '\e61a';
    color: #a0a0a0;
    top: -6px;
    left: -12px;
}

    .add_new16:after {
        content: '\e61a';
    }

.lookup_add_new16 {
    cursor: pointer;
    position: relative;
    font-family: 'Themify';
    font-size: .9em;
    content: '\e61a';
    color: #a0a0a0;
}

    .lookup_add_new16:after {
        content: '\e61a';
    }

.multilookup_add_new16 {
    cursor: pointer;
    position: relative;
    font-family: 'Themify';
    font-size: .9em;
    content: '\e61a';
    color: #a0a0a0;
    top: -6px;
    left: -12px;
}

    .multilookup_add_new16:after {
        content: '\e61a';
    }

.edit-button {
    font-family: 'Themify';
    font-size: 1.2em;
}

    .edit-button:after {
        content: '\e61c';
    }

.required .input_box_label_textarea,
.required .input_box_btn,
.required .input_box_input {
    background: #fafaf2;
}


/* --- --- ////// MULTI LOOKUP ////// --- --- */
.multi_lookup button {
    border: none;
    padding: 0;
    cursor: pointer;
    height: 15px;
    padding-top: var(--height-xs);
    background:transparent;
}

.multi_lookup .edit-button {
    margin: 0px 3px;
    cursor: pointer;
    padding-top: var(--height-xs);
}

.multi_lookup separator {
    margin-right: -5px;
    display: inline-block;
}

.multi_lookup_icon_x:after {
    content: "\e646";
}

.multi_lookup_container {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 0 3px 0;
}

.multi-lookup-control {
    position: relative;
    padding: 4px 2px 4px 4px;
}

.inline_edit_div .multi-lookup-control {
    margin: 0 !important;
    max-height: 100%;
}

.multi-lookup-control .dropdown {
    position: absolute;
    right: 12px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    top: 12px;
}

.multi-lookup-control .action {
    display: block;
    margin: 12px 12px;
    position: absolute;
}

    .multi-lookup-control .action.multi_lookup_2_action {
        right: 1.1em;
    }

    .multi-lookup-control .action.multi_lookup_3_action {
        right: 32px;
    }

    .multi-lookup-control .action.multi_lookup_4_action {
        right: 48px;
    }

.multi-lookup-control .dropdown img {
    width: 0;
}

.multi-lookup-control .input_box_container {
    width: 98%;
}

.multi-lookup-control .input_box_input {
    border: none;
    display: table-row;
}

    .multi-lookup-control .input_box_input input {
        left: auto;
        padding: 4px 0 4px 5px;
        background-color: #eee;
        margin-top: 2px;
        min-width: 250px;
        /*SM20210630: Multi lookup drop down is visible now*/
        display: table-row !important;
    }

.multi_lookup_container_container {
    display: table-cell;
    vertical-align: bottom;
    border-bottom: #c9c5c2 1px solid;
}

.multi_lookup {
    font-size: var(--font-size-m);
    float: left;
    background: white;
    vertical-align: top;
    padding: 2px 9px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: #ddd 1px solid;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px 3px;
}

    .multi_lookup span.separator {
        display: none;
    }

.fix-width-items .item-text {
    display: block;
    max-width: 267px;
    overflow: hidden;
    float: left;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.multilookup_invalid {
    background-color: #ff0000;
    color: #fff;
}


/* --- --- ////// open/close/back btn ////// --- --- */

    .panel_caption {
    padding: 15px 5px 15px 10px;
    color: #666;
    width: auto;
    display: inline-block;
    text-transform: uppercase;
    width: 100%;
    margin-top: 10px;
    border-top: 1px var(--skin-color-8) solid;
    color: var(--skin-color-main);
    font-family: var(--font-4);
    font-size: var(--font-size-l);
}

    .panel_caption:first-of-type {
        border-top: 0px #ddd solid;
    }


.close_btn, .open_btn {
    padding: 10px 5px 10px 15px;
    width: auto;
    cursor: pointer;
    text-transform: uppercase;
    font-family: var(--font-4);
    color: var(--skin-color-main);
    font-size: var(--font-size-l);
}

    .close_btn:before, .open_btn:before {
        font-family: 'Themify';
        vertical-align: bottom;
        float: left;
        top: -.2em;
        left: -.5em;
        position: relative;
        font-size: 1.5em;
        padding: 0;
    }

    .close_btn:before {
        content: "\e64b";
    }

    .open_btn:before {
        content: "\e649";
    }

#MenuPanel .open_btn, #MenuPanel .close_btn {
    color: #a7b1c2;
    border-top: 0;
}

.back_btn {
    background: transparent url(../images/ikon_back.png) no-repeat left center;
    padding: 8px 15px 8px 15px;
    color: #2f2f2f;
    font-size: var(--font-size-m);
    width: auto;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    margin: 10px 0 20px;
    text-decoration: underline;
    display: none;
}


/* --- --- ////// vertical menu ////// --- --- */

.nav-stacked > li {
    cursor: pointer;
}

.vertical_menu_container {
    color: white;
    margin: 15px 0 10px 0;
}

.vertical_menu_main_ul {
    margin: 0;
    display: block;
}

.vertical_menu_main_li {
    display: block;
    background-repeat: no-repeat;
    padding: 1.3em 0 1.3em 1em;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-size: var(--font-size-s);
    border-bottom: 1px #eee solid;
}

    .vertical_menu_main_li:first-child {
        border-top: 1px #eee solid;
    }

    .vertical_menu_main_li img {
        display: inline;
        width: 14px;
        height: 14px;
        padding-right: 2px;
    }

    .vertical_menu_main_li button {
        border: none;
        padding: 0px;
        cursor: pointer;
        display: inline-block;
        background: none;
    }

.left_menu_span, .left_menu_span_indicator {
    display: inline-block;
    width: 100%;
    font-family: var(--font-4);
}

.left_menu_span_indicator {
    display: inline-block;
    width: 70%;
}

.left_menu_span_indicator_item {
    background-color: red;
    color: white;
    display: inline-block;
    border-radius: 5px;
    margin: -16px 0 0 10px;
    float: right;
    padding: 3px 5px 4px 5px;
    font-weight: bold;
}

.vertical_menu_ikon_plusz {
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    background: url(../images/ikon_vert_menu_plusz.png) no-repeat center 3px;
    width: 10px;
    height: 10px;
    margin-right: 3px;
}

.vertical_menu_ikon_minusz {
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    background: url(../images/ikon_vert_menu_minusz.png) no-repeat center 3px;
    width: 10px;
    height: 10px;
    margin-right: 3px;
}

.vertical_menu_sub_ul {
    margin: 4px 0;
    margin-left: 10px;
}

.vertical_menu_sub_li {
    display: block;
    background-repeat: no-repeat;
    padding: 1.3em 0 1.3em .2em;
    cursor: pointer;
    color: #333;
    font-size: var(--font-size-m);
}

.vertical_menu_container .selected {
    position: relative;
    color: #fda527;
}


/* --- --- ////// radio btn ////// --- --- */

.radio_btn {
    position: relative;
    cursor: pointer;
    content: " ";
    border: 1px solid;
    border-color: var(--skin-color-input-border);
    width: 25px;
    height: 25px;
    top: 5px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.editor_container_container .radio_btn {
    background: #fafaf2;
}

.input-group.top .radio_btn {
    margin-left: 5px;
}

.radio_btn_sign {
    cursor: pointer;
}

    .radio_btn_sign:after {
        content: "\e64c";
        font-family: 'Themify';
        padding: 5px 5px 0 5px;
        position: absolute;
    }


/* --- --- ////// grid_container ////// --- --- */

.grid_container_add_new_title {
    padding: 0 15px 0 0;
    color: #2f2f2f;
    font-size: var(--font-size-s);
    width: auto;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.grid_container_container {
    background: #fff;
    margin-bottom: var(--height-m);
    position: relative;
    overflow: visible;
    min-height: 50px;
    padding: 10px 20px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.07);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.07);
    border-radius: 25px;
    -webkit-border-radius: 25px;
}

.grid-item-left-side {
    background-color: var(--skin-color-4);
    border-top: 1px solid var(--skin-color-4);
    border-bottom: 1px solid var(--skin-color-4);
    top: 20px;
    height: 80%;
    position: absolute;
    left: 0;
    width: 4px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}


.popup-container .grid_container_container {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popup-container #ExtendedPanel {
    padding: 15px !important;
    /*height: 100%!important;*/
}

.grid_container_add_new,
.list_grid_container_add_new {
    background: white;
    margin: 0 0 10px 0;
    min-height: 50px !important;
    padding-top: .2em;
    padding-bottom: 0;
    overflow: hidden;
    vertical-align: middle;
    display: table;
    width: 100%;
}

    .grid_container_add_new.form-control:focus {
        border-bottom: none;
    }

.grid_container_add_new_image:before,
.list_grid_container_add_new_image:before {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    float: left;
    left: 0.1em;
    position: relative;
    content: "\f055";
    color: #ff7043;
    font-size: var(--font-size-xxxl);
    padding-right: 0.3em;
}

.grid_container_add_new_image:hover {
    cursor: pointer;
}

.grid_container_add_new_input {
    padding: 6px 4px 6px 2px;
    display: table-cell;
    width: 90%;
    float: left;
    top: -2px;
}

    .grid_container_add_new_input input {
        display: block;
        font-size: var(--font-size-m);
        width: 100%;
        border: none;
        position: relative;
        padding: 15px 4px 5px 4px;
        left: 10px;
        border-bottom: 1px solid;
        border-bottom-color: var(--skin-color-main);
    }

.grid_container_menu_container {
    top: var(--height-m);
    right: 50px;
    position: absolute;
}

.grid_container_menu_txt.btn-group button {
    padding: 3px 10px !important;
    margin: 0 5px 0 0 !important;
    border: #ddd 1px solid;
    background: #fcfcfc;
    text-transform: none;
    min-width: var(--height-xxl) !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.grid_container_menu_txt.btn-group .grid_container_ikon {
    margin: 0 auto;
}

.grid_container_menu_txt li {
    display: block;
    float: left;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    vertical-align: top;
    color: #00adef;
    margin-left: 1em;
    font-size: .9em;
    text-shadow: none;
}

    .grid_container_menu_txt li.last {
        border: none;
        padding-right: 5px;
    }

    .grid_container_menu_txt li:hover {
        text-decoration: underline;
    }

    .grid_container_menu_txt li.button_li {
        border: none;
        padding: 4px 8px;
    }

.grid_container_menu_button {
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    background: none;
    margin: 0;
}

.grid_container_ikon {
    width: 24px;
    height: 17px;
    background: no-repeat center 0;
}

.grid_container_blue_label {
    color: #3b5998;
    margin: 5px 0;
    font-size: var(--font-size-m);
    font-weight: bold;
}

    .grid_container_blue_label:first-of-type {
        margin-top: 0;
    }

.label_control_red {
    color: Red;
}

.label_control_badpass {
    font-size: var(--font-size-l);
    color: Red;
    margin: 20px 0 20px 0;
    text-align: center;
}

.grid_container_blue_padding {
    color: #34559A;
    margin-bottom: 3px;
    padding-top: 6px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: var(--font-size-m);
}

.grid_container_blue_padding_top {
    color: #34559A;
    margin-bottom: 3px;
    padding-top: 16px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: var(--font-size-s);
}

.label_large_blue_maxwidth {
    color: Blue;
    margin-bottom: 3px;
    font-size: var(--font-size-l);
    min-height: 40px;
    line-height: 120%;
}

.label_large, .label_large_gray, .label_large_editor, .label_large_blue, .label_large_custo {
    color: black;
    margin-bottom: 3px;
    font-size: var(--font-size-l);
    min-height: 40px;
    line-height: 120%;
}

.label_large_blue {
    color: Blue;
}

.label_large_gray {
    color: Gray;
}

.label_large_custom {
    margin-bottom: 6px;
}

.label_large_editor {
    margin-top: 10px;
}

.label_large_no_constraint {
    text-transform: uppercase;
    font-size: var(--font-size-l);
}

.label_wizzard_title_large_no_constraint, .label_wizzard_title_medium_no_constraint, .label_wizzard_large_no_constraint, .label_wizzard_large_top_margin {
    color: #383838;
    margin: 1em 0;
    font-size: var(--font-size-l);
    line-height: 120%;
    text-transform: uppercase;
    font-weight: bold;
}

.label_wizzard_title_medium_no_constraint {
    font-size: var(--font-size-l);
}

.label_wizzard_large_no_constraint {
    margin-top: .5em;
    font-size: var(--font-size-l);
}

.label_wizzard_large_top_margin {
    font-size: var(--font-size-l);
    margin-top: 20px;
}

.label_wizzard_normal {
    background: #eee;
    padding: 1em;
}

.label_wizzard_normal_center {
    background: #eee;
    padding: .5em;
    text-align: center;
    font-size: var(--font-size-s);
    color: #999;
}

.label_normal_center {
    padding: .5em;
    text-align: center;
    font-size: var(--font-size-m);
    color: black;
}

.label_normal_left {
    padding: .5em;
    text-align: left;
    font-size: var(--font-size-m);
    color: black;
}

.label_large_center {
    color: black;
    margin-bottom: 3px;
    font-size: var(--font-size-l);
    min-height: 40px;
    line-height: 120%;
    text-align: center;
    margin: 0 auto;
}

.label_messegabox_center {
    color: black;
    margin-bottom: 3px;
    font-size: var(--font-size-l);
    width: 100%;
    min-height: 40px;
    line-height: 120%;
    text-align: center;
    margin-left: 5px;
}

.label_large_center_custom {
    color: black;
    margin-bottom: 3px;
    font-size: var(--font-size-l);
    line-height: 120%;
    text-align: center;
    padding-left: 25px;
}

.label_margin10 {
    padding-top: 10px;
}

.label_biger {
    color: black;
    margin-bottom: 3px;
    padding-top: 6px;
    padding-bottom: 10px;
    font-size: var(--font-size-m);
}

.label_inline_biger {
    color: #555;
    line-height: 34px;
    margin-bottom: 9px;
}

.label_inline {
    color: #555;
    font-size: var(--font-size-m);
    line-height: 34px;
    margin-bottom: 9px;
}

.label_dashboard_header,
.label_dashboard_group_header,
.label_dashboard_back_label,
.label_dashboard_bold_label,
.label_dashboard_green_label,
.label_dashboard_red_label,
.label_biger_2 {
    color: black;
    margin-bottom: 3px;
    padding-top: 6px;
    padding-bottom: 10px;
    font-family: var(--font-3);
}

.label_dashboard_header {
    font-size: var(--font-size-xxl);
    text-transform: uppercase;
}

.label_dashboard_group_header {
    font-size: var(--font-size-l);
    text-transform: uppercase;
    padding-top: 10px;
}

.label_dashboard_back_label {
    font-size: var(--font-size-m);
    text-transform: uppercase;
}

.label_dashboard_bold_label {
    font-size: var(--font-size-m);
    font-style: italic;
}

.label_dashboard_green_label {
    color: green;
    font-size: var(--font-size-m);
}

.label_dashboard_red_label {
    color: red;
    font-size: var(--font-size-m);
}

.label_biger_2 {
    font-size: var(--font-size-l);
}

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

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

.label_big_smaller_bold_red {
    color: var(--skin-color-2);
    margin: 5px 0 5px 0;
    padding-top: 6px;
    padding-bottom: 0;
    font-weight: bold;
    font-size: var(--font-size-m);
}

.label_big_bold, .label_medium_bold {
    font-weight: bold;
    font-size: var(--font-size-lll);
    text-transform: uppercase;
    font-family: var(--font-4);
    letter-spacing: 0.1em;
    margin: 5px 0;
}

.popup-container .label_big_bold {
    margin-top: 5px;
}

.label_big_bold_center {
    text-align: center;
}

.label_medium_bold_center {
    padding: 10px 0 10px 0;
    text-align: center;
}

.label_medium_bold {
    font-size: var(--font-size-l);
    padding: 0 5px;
}

.label_medium {
    font-size: var(--font-size-l);
}
/*.label_small {
    font-size: var(--font-size-m);
}*/
.content_left .label_medium_bold {
    color: var(--skin-color-dark-inverse);
}

.label_datainput_detail1 {
    margin: 20px 0 15px 0;
    font-size: var(--font-size-xxl);
    border-bottom: 1px solid black;
}

.label_datainput_form_header {
    margin: 8px 0 0 0;
    padding: 2px 5px 0 5px;
    font-weight: bold;
    font-size: var(--font-size-l);
}

.label_big_number {
    color: #383838;
    font-size: var(--font-size-xl);
    float: right;
    padding-right: 10px;
    margin-top: 7px;
}

.float-right {
    float: right;
}

/* #ERROR 25-06-03 Qualitrans: Transport order: Info box height is not resizable anymore
VR: 06/10/2025 */
div[data-10xid="UI_TRANSPORTORDER_INFORMATION:PATH_:Editor_TransportOrder_Information_Description"] > .input-group > div > textarea[name="Editor_TransportOrder_Information_Description"] {
    height: 300px !important;
}

.label-float-right-padding-right {
    float: right;
    margin-top: 10px;
    border-top: 1px solid #eeeeee;
    padding: 5px 5px 0 0;
}

.label_big_numbering {
    color: black;
    margin: .8em .4em;
    padding: .8em .4em .8em 1.4em;
    background: lightgray;
    font-size: var(--font-size-m);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.grid_container_biggerfont {
    font-size: var(--font-size-l);
}

.grid_container_control_structured_control_item {
    font-weight: bold;
    padding-bottom: 10px;
}

.grid_container_main_title {
    font-weight: bold;
    padding-bottom: 10px;
    color: #333;
    padding-left: .5em;
}

.grid_container_control_composite_editor {
    width: 100%;
    border: 0;
    padding: 0;
    background-color: white;
}

.grid_container_toolbar_item {
    background-image: url(../appearances/10XOneNew/images/ikon_close.png);
}

.grid_container_searchpanel_item {
    background-image: url(../appearances/10XOne/images/ikon_head_pencil.png);
}


/* --- --- ////// grid_container PADDINGS ////// --- --- */

.grid_container_padding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.grid_container_paddingalldirection {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.grid_container_paddingleftright {
    padding: 20px 10px 15px 10px;
    border-bottom: #999 1px solid;
}

.grid_container_paddingbottomleftright {
    vertical-align: bottom;
}

.grid_container_paddingtopleftright {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.grid_container_boldandpadding {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: var(--font-4);
    font-size: var(--font-size-l);
}


/* --- --- ////// grid_container SMALLFONTS ////// --- --- */

.grid_container_leftalign_smallfont,
.grid_container_leftalign_smallfont,
.grid_container_smallfont_solidborder,
.grid_container_smallfont_leftblackborder,
.grid_container_smallfont_rightblackborder,
.grid_container_smallfont_leftrightblackborder,
.grid_container_smallboldfont_solidborder,
.grid_container_smallboldfont_leftblackborder,
.grid_container_smallboldfont_leftrightblackborder,
.grid_container_smallfont,
.grid_container_rightsmallfont_paddingleftright,
.grid_container_leftsmallfont_red,
.grid_container_leftsmallfont_paddingleftright,
.grid_container_paddingsmallfont,
.grid_container_right,
.grid-container-right,
.grid_container_rightsmallfont,
.grid_container_centersmallfont,
.link-simple-action-special-item-small {
    font-size: var(--font-size-s);
}

.grid_container_leftalign_smallfont {
    text-align: left;
    color: #999;
}

.grid_container_smallfont_solidborder {
    border-right: white 1px solid;
    padding-left: 3px;
    color: #999;
}

.grid_container_smallfont_leftblackborder {
    border-left: #C9C6C1 1px solid;
    padding-left: 3px;
}

.grid_container_smallfont_rightblackborder {
    border-right: #C9C6C1 1px solid;
    padding-left: 3px;
}

.grid_container_smallfont_leftrightblackborder {
    border-right: #C9C6C1 1px solid;
    border-left: #C9C6C1 1px solid;
    padding-left: 3px;
    padding-right: 3px;
}

.grid_container_smallboldfont_solidborder {
    font-weight: bold;
    border-right: white 1px solid;
}

.grid_container_smallboldfont_leftblackborder {
    font-weight: bold;
    border-left: #C9C6C1 1px solid;
    padding-left: 3px;
}

.icon-container {
    padding: 0 3px 0 3px;
}

.smallfont_red {
    font-size: var(--font-size-m);
    color: #333;
}

/*Acivity CKEditor height changes*/
.small-font-style {
    margin-top: 10px;
}

.grid_container_smallboldfont_leftrightblackborder {
    font-weight: bold;
    border-left: #C9C6C1 1px solid;
    border-right: #C9C6C1 1px solid;
    padding-left: 3px;
}

.grid_container_smallfont {
    margin: 5px 0;
    color: #999;
}

.grid_container_rightsmallfont_paddingleftright {
    text-align: right;
    padding-left: 7px;
    padding-right: 7px;
}

.grid_container_paddingbottom {
    margin-bottom: 10px;
}

.grid_container_leftsmallfont_red {
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    color: red;
}

.grid_container_leftsmallfont_paddingleftright {
    text-align: left;
    padding-left: 7px;
    padding-right: 7px;
}

.grid_container_paddingsmallfont {
    padding-top: 10px;
    padding-bottom: 10px;
}

.grid_container_right,
.grid-container-right {
    text-align: right;
    margin: 5px -7px 5px 0;
}

.grid_container_rightsmallfont {
    text-align: right;
}

.grid_container_centersmallfont {
    text-align: center;
}


/* --- search_panel --- */

.search_panel_container {
    padding: 0 0 6px 0;
    /*margin: 1px -5px 5px 6px;*/
}

.search_panel_search_container {
    display: table-cell;
    padding-right: 8px;
    border-right: #c9c6c1 1px solid;
    width: 100%;
}

.search_panel_search {
    display: table;
    width: 100%;
    margin: 4px 5px 0 0;
    position: relative;
    padding: .2em;
}



    .search_last_part .inner-addon {
        padding: 0 10px 0 0;
    }

.search_panel_input {
    display: table-cell;
    border: none;
    vertical-align: bottom;
    padding-left: 4px;
}

    .search_panel_input input {
        display: block;
        width: 100%;
        color: #000;
        height: 13px;
        border: none;
        padding: 2px 2px;
        position: relative;
        left: -4px;
    }

.search_panel_btn button {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
    height: auto;
}

.search_panel_detailed_open_btn {
    display: table-cell;
    width: 95px;
    cursor: pointer;
    color: #515151;
    vertical-align: top;
    white-space: nowrap;
}

.search_panel_inner_container {
    display: table-cell;
    cursor: pointer;
    color: #515151;
    position: relative;
    top: -3px;
    padding-right: .3em;
}

.search_panel_detailed_close_btn {
    display: table-cell;
    background: url(../images/ikon_search_close.png) no-repeat right 3px;
    padding: 2px 15px 0 10px;
    width: 95px;
    cursor: pointer;
    color: black;
    height: 16px;
    vertical-align: top;
    white-space: nowrap;
}

.search_panel_separ {
    display: table-cell;
    width: 5px;
    height: 16px;
    border-right: #c9c6c1 1px solid;
}

.search_panel_btn .icon_plus {
    margin-bottom: 2px;
}

.search_panel_caption {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.plus_box {
    width: 100%;
    color: white;
    position: relative;
    cursor: pointer;
    font-size: var(--font-size-l);
    font-family: var(--font-3);
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 25px;
    background-color: #ffffdd;
}

    .plus_box:before {
        content: "+";
        margin-left: -15px;
        float: left;
    }

.plus_box_old {
    background: #fff url(../images/ikon_group_plus.png) 3px 3px no-repeat;
    width: 100%;
    height: 32px;
    color: #5a5a5a;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
}

.composite {
    /*max-height: 34px; 12.12.2022 - to correct mobile left panel search input boxes*/
}

.composite_div {
    display: table;
    width: 100%;
}

    .composite_div:focus {
        margin-top: -10px;
        font-size: var(--font-size-xxs);
    }

.control_composite_editor {
}

.x_box_table {
    width: 100%;
}

.x_box_tr {
    width: 100%;
}

.x_box_td {
    width: 32px;
    vertical-align: top;
    text-align: left;
}

.x_box_tr_2 {
    background-color: #fafafa;
}

.x_box_old {
    background: url(../images/ikon_group_x.png) 3px 3px no-repeat;
    width: 22px;
    height: 22px;
    color: #5a5a5a;
    margin-top: 5px;
    margin: 8px 0 0 5px;
}

.x_box {
    float: right;
    cursor: pointer;
    color: gray;
    font-size: var(--font-size-xxl);
    font-weight: bold;
    display: inline-block;
    line-height: 0;
    padding: 10px 15px 10px 0;
}

    .x_box:hover {
        float: right;
        color: black;
    }

    .x_box:before {
        content: "×";
    }

.x_box_2 {
    background: #fff url(../images/ikon_group_x.png) 3px 3px no-repeat;
    width: 22px;
    height: 22px;
    color: #5a5a5a;
    margin-top: 5px;
}

.panel_more {
    background-color: silver;
    text-align: center;
    cursor: pointer;
    min-height: 15px;
    padding-top: 5px;
}

.editor_container_container {
    display: table;
    width: 100%;
}

div#Container_VehDamageQuote_DetailsVisibility_container {
    display: table;
    width: 100%;
}

.editor_container_column {
    float: left;
}

.editor_container_column_r {
    float: right;
}

.link-email-recipients {
    float: left;
    color: #00adef;
    padding: 10px 10px 10px 20px;
    font-family: var(--font-3);
    font-size: var(--font-size-m);
}

    .link-email-recipients:first-of-type {
        padding-left: 100px;
    }

    .link-email-recipients:before {
        font-size: var(--font-size-l);
        font-family: 'FontAwesome';
        font-weight: bold;
        content: '\f067';
        margin-right: 5px;
    }

    .link-email-recipients:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .editor_container_container.view-selector .editor_container_column_r {
        display: table;
    }

.view-selector .input_box_input {
    padding: 0 1em .4em .5em;
    border: #fda527 3px solid;
    width: 130%;
}

    .view-selector .input_box_input input {
        padding: 0 1em .4em .4em;
        margin: -.5em 0 0 2em;
        max-width: 70%;
    }

    .view-selector .input_box_input:before {
        width: 8px;
        height: 8px;
        top: 0.5em;
        left: 0;
        position: relative;
        content: "\f06e";
        color: #888;
        font-size: var(--font-size-xl);
        margin-right: 1em;
    }


/* --- --- ///////////////////////////////// LOGIN ///////////////////////////////// --- --- */

    .enter_container {
    width: 404px;
    height: 570px;
    margin: 0 auto;
    position: relative;
    color: #373737;
    text-align: center;
}

.enter_logo {
    width: 404px;
    height: 20px;
    background: url(../images/logo_head_10xone.png) no-repeat center;
    margin: 35px 0 45px 0;
}

.login_panel {
    width: 404px;
    height: 308px;
    background: url(../images/circle_orange_enter.png) no-repeat;
    padding-top: 70px;
}


    /* --- enter_input_box--- */

    .login_panel .input_box_container {
        display: table;
        margin: 0 auto;
        width: auto;
        margin-top: 14px;
    }

    .login_panel .input_box_label {
        display: table-cell;
        vertical-align: middle;
    }

        .login_panel .input_box_label label {
            display: block;
            padding-top: 2px;
            padding-right: 10px;
            text-transform: uppercase;
            color: #fff;
        }

    .login_panel .input_box_input {
        display: table-cell;
        height: 16px;
        border: none;
        border-bottom: #f8b280 1px solid;
        vertical-align: bottom;
        padding-left: 4px;
        min-width: 60px;
    }

        .login_panel .input_box_input input {
            display: block;
            font-size: var(--font-size-m);
            width: 100%;
            color: #000;
            height: 16px;
            border: none;
            padding: 5px 6px 5px 6px;
            position: relative;
            left: -4px;
            background-color: transparent;
        }


/* --- enter_button--- */

.enter_button {
    display: inline-block;
    background: transparent;
    border: none;
    font-size: var(--font-size-xxl);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px;
    margin: 25px auto 6px auto;
}


/* --- --- ////// radio btn ////// --- --- */

.login_panel .radio_btn {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/radio_btn_fh.png) no-repeat center;
    cursor: pointer;
    vertical-align: middle;
}

.enter_txt_radio {
    vertical-align: top;
    margin: 0 auto 0 auto;
    width: 125px;
    height: 20px;
    color: #fff;
    padding-right: 6px;
}


/* --- --- ////// Enter ////// --- --- */

.enter_txt {
    width: 100%;
    color: #fff;
    text-align: center;
    margin-top: 47px;
}

.enter_link {
    margin: 0 auto;
    display: block;
    width: 110px;
    margin-top: 10px;
    text-decoration: none;
    text-align: center;
    color: #1024b7;
}

.enter_copyright {
    text-align: center;
    color: #343434;
    font-size: var(--font-size-s);
    width: 404px;
    padding: 10px 0;
    margin-top: 15px;
}

.content_container.schema_0_1_0_felosztas {
    display: block;
    margin-bottom: 30px;
    border: none;
}

.user_pic {
    top: 0;
    left: calc(var(--solution-header-height)*6.8);
    position: fixed;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.top_right_3line_menu {
    height: 20px;
    width: 20px;
    background: url(../images/icon_3line_menu_small.png) no-repeat center;
    position: absolute;
    top: 51px;
    right: 0;
    color: transparent;
    cursor: pointer;
}

.input_box_search:before,
.view-selector .input_box_input:before,
.logo_10xone,
.grid_container_add_new_image:before,
.list_grid_container_add_new_image:before,
#Container_Header_Info_WebShop__m .label_big_bold:before,
.head_title:before {
    display: table-cell;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    background-color: transparent;
}

.user_name, .user_name3 {
    font-size: var(--font-size-l);
    padding-top: calc(var(--solution-header-height)/20);
    cursor: pointer;
    height: calc(var(--solution-header-height)*.95);
    width: calc(var(--solution-header-height)*.95);
    position: absolute;
    background: white;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.nav_icon_toolbar {
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
}

.user_name {
    left: calc(var(--solution-header-height)*4.1);
}

.user_name3 {
    left: calc(var(--solution-header-height)*2.8);
}

    .user_name:after,
    .user_name2:after,
    .user_name3:after,
    .user_name4:after {
        font-family: 'Themify';
        padding: .1em;
        font-size: var(--font-size-l);
        top: 6px;
        position: relative;
        color: var(--skin-color-base);
    }

.user_name:after {
    content: "\e60f ";
}

.user_name2:after {
    content: "\f234";
    font-family: 'FontAwesome';
}

.user_name4:after {
    content: "\e61d";
}

.user_name3:after {
    content: "\e6ba";
}

.logout_btn_right {
    right: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
    height: var(--solution-header-height);
    width: var(--solution-header-height);
    background-color: var(--skin-color-base);
    margin: -4px 0;
}

    .logout_btn_right:after {
        content: "\e646";
        font-family: 'Themify';
        color: var(--skin-color-base);
        padding: 5px;
        font-size: var(--font-size-m);
        top: 13px;
        position: relative;
        background: white;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }

.skin_selector_btn {
    right: 30px;
}

.hamburger_menu_right {
    right: 35px;
}

.skin_selector_btn,
.hamburger_menu_right {
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 40px;
    display: block;
    background-color: white;
    top: 0px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 1px solid #e3e3e3;
    border-right: none;
}

    .skin_selector_btn:after,
    .hamburger_menu_right:after {
        content: "\e6f6";
        font-size: var(--font-size-l);
        color: black;
        font-family: 'Themify';
        margin: 12px 0 0 8px;
        display: inline-block;
    }

    .skin_selector_btn:after {
        content: "\e6e0";
    }

#Container_Header_GC_WEBSHOP_Browse_container .container_box {
    padding: 1px 1px;
}

.logo_10xone, .more_menu {
    width: calc(var(--solution-header-height)*.95);
    height: calc(var(--solution-header-height)*.95);
    padding-top: calc(var(--solution-header-height)/20);
    position: absolute;
    background: white;
    top: 0;
    left: calc(var(--solution-header-height)*1.5);
    cursor: pointer;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.logo_10xone, .chat_menu {
    width: calc(var(--solution-header-height)*.95);
    height: calc(var(--solution-header-height)*.95);
    padding-top: calc(var(--solution-header-height)/20);
    position: absolute;
    background: white;
    top: 0;
    left: calc(var(--solution-header-height)*5.4);
    cursor: pointer;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.chat_menu {
    -webkit-border-radius: 50%;
    border-radius: 50%;
} 

.logo_10xone {
    left: 5px;
}
    .logo_10xone:after,
    .chat_menu:after {
        font-family: var(--font-4);
        font-size: var(--font-size-xs);
        color: var(--skin-color-base);
        position: relative;
        background: transparent;
        margin: auto;
        font-weight: bold;
        word-break: break-all;
    }

.chat_menu:after {
    content: "\e644";
}
.chat_menu:after {
    font-family: 'Themify';
    padding: .1em;
    font-size: var(--font-size-l); 
    position: relative;
    color: var(--skin-color-base);
}
.more_menu {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

    .logo_10xone:after,
    .more_menu:after {
        font-family: var(--font-4);
        font-size: var(--font-size-xs);
        color: var(--skin-color-base);
        position: relative;
        background: transparent;
        margin: auto;
        font-weight: bold;
        word-break: break-all;
    }

.logo_10xone:after {
    top: 0;
}

.logo_10xone.hun_sol_caption:after {
    content: 'Megoldások';
}

.logo_10xone.not_hun_sol_caption:after {
    content: 'Solutions';
}

.more_menu.hun_sol_caption:after {
    content: 'Több';
}

.more_menu.not_hun_sol_caption:after {
    content: 'More';
}

.more_menu:after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.logo_10xone:hover,
.more_menu:hover {
    width: 200px;
    height: 200px;
    top: -50px;
    left: -50px;
    border: 10px solid #F00;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    cursor: pointer;
}

.more_menu:hover {
    left: -10px;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }
}

.user_name:hover {
    /*text-decoration: underline;*/;
}

.logo_10xone:hover {
    padding-bottom: 1.2em;
}

.head_title {
    position: fixed;
    top: 3.6em;
    font-size: 1em;
    color: #666;
    left: .3em;
    padding: 0;
    cursor: pointer;
    /*font-family:Arial;*/
    display: none;
}


/*------------------ HEADMENU ------------------*/

.head_menu {
    position: fixed;
    left: 7em;
    white-space: nowrap;
    border-left: #eee 1px solid;
}

    .head_menu ul {
        display: block;
        line-height: 1;
        font-size: var(--font-size-m);
        text-transform: uppercase;
        color: #ccc;
    }

    .head_menu li {
        list-style-type: none;
        padding: 1.3em 1em;
        cursor: pointer;
        border-right: #eee 1px solid;
        border-bottom: #eee 1px solid;
        font-size: .9em;
        color: black;
    }

        .head_menu li.current {
            position: relative;
            margin: -40px 0;
            -moz-transition: background 1s, padding 0.5s, margin 0.5s;
            -webkit-transition: background 1s, padding 0.5s, margin 0.5s;
            -o-transition: background 1s, padding 0.5s, margin 0.5s;
            transition: background 1s, padding 0.5s, margin 0.5s;
            color: white;
            background: #383838;
        }

        .head_menu li.current_selecting {
            color: white;
            background: #cccccc;
        }

        .head_menu li.first {
            padding-left: 2px;
            border-left: #eee 1px solid;
        }

        .head_menu li.last {
            border: none;
            padding-right: 2px;
        }

/* --- --- ///////////////////////////////// tooltip ///////////////////////////////// --- --- */

.tip,
.tipClick {
    /* This is any element that has a tooltip attached too it */
    position: relative !important;
    display: inline-block;
}

    .tip > .tooltipL,
    .tip > .tooltipB,
    .tip > .tooltipR,
    .tip > .tooltipT,
    .tipClick > .tooltipL,
    .tipClick > .tooltipB,
    .tipClick > .tooltipR,
    .tipClick > .tooltipT {
        /* Used to hide the tooltip */
        display: none;
        position: fixed;
        max-width: 300px;
        left: inherit;
    }

    .tip:hover > .tooltipL,
    .tip:hover > .tooltipB,
    .tip:hover > .tooltipR,
    .tip:hover > .tooltipT,
    /* This shows the tooltip when an elements with the .tip class is hovered over */
    .tipClick > a:focus + .tooltipL,
    .tipClick > a:focus + .tooltipB,
    .tipClick > a:focus + .tooltipR,
    .tipClick > a:focus + .tooltipT {
        /* This shows the tooltip once an element with the .tipClick class is clicked */
        display: block;
    }

.tooltipL,
.tooltipR,
.tooltipB,
.tooltipT {
    background: white;
    /* old browsers */
    border: solid #eee 2px;
    color: #333;
    min-width: 200px;
    padding: 5px;
    position: absolute;
    text-align: center;
    z-index: 10;
}

.tooltipL {
    /* The styling on the tooltip */
    left: -226px;
    margin-top: -28px;
}

.tooltipB {
    /* The styling on the tooltip */
    top: 55px;
    left: -60px;
}

    .tooltipL:before,
    .tooltipR:before,
    .tooltipB:before,
    .tooltipT:before {
        border-style: solid;
        border-width: 10px;
        height: 0;
        width: 0;
        position: absolute;
        display: block;
        content: "\00a0";
    }

.tooltipR {
    /* The styling on the tooltip */
    right: -226px;
    margin-top: -28px;
}

.tooltipT {
    /* The styling on the tooltip */
    bottom: 26px;
    left: -186px;
}

.tooltipL:before {
    border-color: transparent transparent transparent #333333;
    /* Right facing arrow */
    top: 5px;
    right: -20px;
}

.tooltipB:before {
    border-color: transparent transparent #333333 transparent;
    /* Top facing arrow */
    /*right:90px;*/
    left: 40px;
    top: -20px;
}

.tooltipR:before {
    border-color: transparent #333333 transparent transparent;
    /* Left facing arrow */
    top: 5px;
    left: -20px;
}

.tooltipT:before {
    border-color: #333333 transparent transparent transparent;
    /* Bottom facing arrow */
    right: 5px;
    bottom: -20px;
}

.tooltip_text {
    text-transform: none;
    padding: 5px;
}

.tooltipHide {
    display: none;
}

.tooltipicocontainer {
}

.tooltiptextcontainer {
    white-space: normal;
}

.gantt-chart-data-container {
    background: white;
}

.welcome-questions,
.welcome-answers {
    color: #383838;
    padding: .2em 0;
    font-size: var(--font-size-s);
    line-height: normal;
    margin-top: .3em;
}

.welcome-questions {
    margin-top: 1em;
    font-size: var(--font-size-l);
}


/* Other styles */

.editor-container-style-customize {
    padding: 0 10px 0 10px;
}

/* Control Left Icon Span*/

.controllefticon {
    width: 40px;
    background-color: #f0f0f0;
    opacity: .8;
}

    .controllefticon span {
        opacity: .7;
    }

#Container_Expandable_SkinSelector_control {
    width: 130%;
    position: relative;
    left: -17%;
    overflow-x: visible;
    overflow-y: visible;
    margin-left: 5px;
    margin-top: 40px;
}

#Container_Expandable_SkinSelector1_control {
    width: 130%;
    position: relative;
    left: -17%;
    overflow-x: visible;
    overflow-y: visible;
    margin-left: 5px;
    margin-top: 40px;
}

.sp {
    width: 100px;
    height: 100px;
    left: 45%;
    top: 45%;
    position: fixed;
}

.sp-circle {
    border: 4px #b8b8b8 solid;
    border-top: 4px transparent solid;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    -moz-animation: spCircRot .6s infinite linear;
    -o-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear;
}

@-webkit-keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes spCircRot {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.LockOff {
    display: none;
    position: relative;
    z-index: 20000;
    top: 0;
    left: 0;
    width: 200000px;
    height: 200000px;
    background-color: #f5f5f5;
    text-align: center;
    padding: 20% 0 0 0;
    margin-left: -10px;
}

table[id^="__CustomContent_JumpFLowControl"] tbody {
    display: block;
    max-height: 20px;
}

.rightShow {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    margin-left: -25px;
    overflow: visible;
    cursor: pointer;
}

.main-maintanance {
    font-family: var(--font-3);
    text-transform: uppercase;
    text-align: center;
}

.input-group {
    min-height: var(--height-input-box);
    margin-bottom: var(--input-group-bottom-margin) !important;
}


/* Dropstyles */

.relative {
    position: relative;
}

.ml5 {
    margin-left: 5px;
}

.floatn {
    float: none;
}

.textc {
    text-align: center;
}



/*Additional classes for padding*/

.padding-left-small {
    padding-left: 6px;
}

.padding-left-medium {
    padding-left: 12px;
}

.padding-bottom-small {
    padding-bottom: 6px;
}

.padding-bottom-medium {
    padding-bottom: 12px;
}

.padding-top-small {
    padding-top: 6px;
}

.padding-top-medium {
    padding-top: 12px;
}

.padding-top-high {
    padding-top: 20px;
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */

.lastcolumn {
    margin-left: 30px;
}

.inactivebid {
    color: red;
    font-weight: bold;
}

.notificationnotread {
    width: 10px;
    height: 78px;
    background-color: coral;
}

.notifavatar {
    margin-right: 20px;
}

.notifcontent {
    padding-top: 25px;
}

.notifcontent1 {
    padding-top: 30px;
}

.notifcontent2 {
    padding-top: 15px;
}

.notifmenulabel {
    color: white;
}

.notifpopuptitle {
    font-weight: bold;
    font-size: var(--font-size-xl);
}

.notifpopupcontent {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 15px;
    background: #fafaf2;
    padding: 10px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.notifpopup-fixedheader {
    margin-bottom: 10px;
}

.notifpopup-senderdate {
    margin-top: 10px;
}

.sendreflinkpopuptitle {
    font-weight: bold;
    font-size: var(--font-size-xl);
    margin-bottom: 24px;
}


/*** In userform edit ***/
.input-group .readonly-blanket,
.readonly-blanket {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.2;
    z-index: 100;
}

.input-group .delete-button,
.delete-button {
    display: none;
}

.input-group .udf-edit-button,
.udf-edit-button {
    display: none;
}

.sticky-position {
    top: 7%;
    z-index: 100;
    position: sticky;
    align-items: center;
    display: flex;
    height: 77px !important;
    background-color: var(--skin-color-content);
}

.sticky-chat-text {
    position: sticky !important;
    top: 10%;
    z-index: 98;
}

.drop-container .udf-jqgrid-edit-button,
.udf-jqgrid-edit-button {
    display: none;
}

.drop-container .udf-container-edit-button,
.udf-container-edit-button {
    display: none;
}

.drop-container .udf-tabsheet-edit-button,
.udf-tabsheet-edit-button {
    display: none;
}

.drop-container .udf-tabsheet-delete-button,
.udf-tabsheet-delete-button {
    display: none;
}

.drop-container .udf-container-delete-button,
.udf-container-delete-button {
    display: none;
}

.ti-custom-trash:before {
    content: "\e605";
    font-family: 'Themify';
}

.ti-custom-pencil:before {
    content: "\e61c";
    font-family: 'Themify';
}

/*** End of In userform edit ***/


@media screen and (max-width: 1366px) {
    .label_big_bold, .label_medium_bold {
        letter-spacing: inherit;
        margin: 5px 0 0 0;
    }
}


.invisible-editor {
    display: none;
}

.transport-order-load-hide{
    visibility: hidden;
}

#GCGridContainer_PARTNERBROWSE__aic {
    display: none;
}

#Container_TransportOrder_TransportOrder_Part_Editorcontainer_TripsData_editor_container .ui-jqgrid-bdiv {
    height: auto !important;
}

.ropsc_left_container .editor_container_container {
    width: 100%;
    display: block;
}

.toggleContainer {
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 50px;
    display: block;
    background-color: white;
    top: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #d0d0d0;
    border-right: none;
    box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 1px;
    z-index: 3000;
}

.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.divCon {
    position: fixed;
    bottom: 0;
    left: 0;
}
label[for="nav-trigger"] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 3000;
    cursor: pointer;
    color: #ffffff;
    cursor: pointer;
    width: 25px;
    height: 40px;
    display: block;
    background-color: white;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border: 1px solid #e3e3e3;
    border-left: none;
    min-width: 25px !important;
}

.hidden_nav:after {
    content: "\e60f";
    font-size: var(--font-size-l);
    color: black;
    font-family: 'Themify';
    margin-top: 14px;
    display: inline-block;
    margin-left: 3px;
}

.nav-trigger:checked + label {
    left: 16.66666667%;
}

.nav-trigger + label, .site-wrap {
    transition: left 0.5s;
}
.nav-icon-thissolution, .nav-icon-draw,
.nav-icon-customize, .nav-icon-interfacedata, .nav-icon-mydata, .nav-icon-otherSolutions, .nav-icon-reports {
    width: 20px;
    position: absolute;
    top: 12px;
    left: 12px;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .1s ease;
    background-image: url('../Images/hcoffcanvas/hcmenu-thisSolution.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.nav-icon-draw {
 
    background-image: url('../Images/hcoffcanvas/hcmenu-draw.png');
 
}
.nav-icon-customize {
  
    background-image: url('../Images/hcoffcanvas/hcmenu-customize.png');
 
}
.nav-icon-interfacedata {
  
    background-image: url('../Images/hcoffcanvas/hcmenu-interfacesData.png');
  
}
.nav-icon-mydata {
  
    background-image: url('../Images/hcoffcanvas/hcmenu-myData.png');
   
}
.nav-icon-otherSolutions {
  
    background-image: url('../Images/hcoffcanvas/hcmenu-otherSolutions.png');
 
}
.nav-icon-reports {
  
    background-image: url('../Images/hcoffcanvas/hcmenu-reports.png');
 
    border-right: 0px solid #f0f0f0;
}

.navLinkText {
    padding-left: 53px !important;
    cursor: pointer !important;
}
.nav-next {
    border-left: 1px solid #f0f0f0;
}

.nav-icon-border {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 42px;
    border-right: 1px solid #f0f0f0;
    top: -5px;
    padding-right: 22px;
}
@media (hover:none), (hover:on-demand) {
    .nav-container {
        width: 228px !important;
    }
}

.hc-offcanvas-nav .nav-close-button span::before {
    margin-left: -6px !important;
}
.nav-container {
    font-family: ralewayregular !important;
}