@import "bootstrap-icons.css";
@import "bootstrap-ulities.css";
@import "font.css";
@import "navigation.css";

:root {
    --pw-color-grey: #f2f2f2;
    --pw-color-dark-grey: #d9d9d9;
    --pw-color-black: #000;
    --pw-color-white: #fff;
    --pw-color-orange: #e55c0f;

    --pw-color-dark-blue: #1f9ebc;
    --pw-color-blue: #cef0f8;

    --pw-treeview-link: #1565ab;

    --pw-basic-font-size: 12px;
}

body,
body.background_color_depth_1,
body.background_color_depth_1 div.container_divider,
body.background_color_depth_1 #breadcrumb,
body.background_color_depth_1 #infoboxDetail {
    background-color: #f4f6fe;
}

body.background_color_depth_2,
body.background_color_depth_2 div.container_divider,
body.background_color_depth_2 #breadcrumb,
body.background_color_depth_2 #infoboxDetail {
    background-color: #f2f5ff;
}

body.background_color_depth_3,
body.background_color_depth_3 div.container_divider,
body.background_color_depth_3 #breadcrumb,
body.background_color_depth_3 #infoboxDetail {
    background-color: #f1f3ff;
}

body.background_color_depth_4,
body.background_color_depth_4 div.container_divider,
body.background_color_depth_4 #breadcrumb,
body.background_color_depth_4 #infoboxDetail {
    background-color: #eef1ff;
}

body.background_color_depth_5,
body.background_color_depth_5 div.container_divider,
body.background_color_depth_5 #breadcrumb,
body.background_color_depth_5 #infoboxDetail {
    background-color: #ebedfb;
}

body {
    overflow: hidden;
}

/**
SCREEN-LOGIN
 */

#login-screen header {
    background: #fff;
    padding: 1.5rem 2.8125rem;
}

#login-screen div.language_select {
    float: right;
}

#login-screen div.developer_tools {
    text-align: right;
    margin-right: -2.25rem;
}

#login-screen div.messages {
    margin-top: 5rem;
}

/** LANGUAGES **/

#language {
    width: 8rem;
    height: 2.25rem;
    border-radius: 0.188rem;
    border: 0.063rem solid #5c6e8b;
    color: #5c6e8b;
    font-size: 0.938rem;
    font-weight: 400;
    text-align: left;
    padding-left: 1.5rem;
    -webkit-appearance: none;
}

input.error {
    background: #9F4F4F;
}

#translating input[type="button"] {
    height: 2.25rem;
    margin-top: 0.825rem;
    padding: 0 0.5rem;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 800;
    text-align: left;
    border-radius: 0.5rem;
    border: 0.063rem solid #2dce83;
    background-color: #2dce83;
}

#translating input[type="button"]:focus {
    border-color: #98dbaf;
    background-color: #98dbaf;
}

#btn_new_language {
    margin-left: 1.25rem;
}

#new_language {
    overflow: unset;
    position: absolute;
    top: 8rem;
    right: 7.125rem;
    color: #798592;
    border-radius: 0.375rem;
    border: 0.063rem solid #cbcdce;
    background-color: #fff;
    padding: 10px;
    display: none;
    width: 12.5rem;
    height: 7rem;
    z-index: 5000;
}

#new_language td {
    text-align: right;
    color: #393c88;
}

#new_language input {
    color: #798592;
    border-radius: 0.188rem;
    border: 0.063rem solid #cbcdce;
    background-color: #fff;
}

/** LOGIN SCREEN CONTENT **/

#login-screen #content {
    display: flex;
    align-items: center;
    justify-content: center;
}

#login-form h1 {
    color: #322a7d;
    font-size: 2.188rem;
    letter-spacing: -0.087rem;
    padding: 1rem 0;
}

#login-form p.info {
    color: #798592;
    font-size: 1.125rem;
    margin-bottom: 1.9375rem;
}

#login-form input {
    width: 100%;
}

/**
FORM
 */
.form input {
    color: #798592;
    border: 0.063rem solid #cbcdce;
    background-color: #fff;
}

.form .input-control {
    margin-bottom: 1.4375rem;
}

.form input.input-lg {
    border-radius: 0.5rem;
    font-size: 1.063rem;
    padding: 0.75rem 1rem;
}

.form .form-label {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 0.8125rem;
    color: #393c88;
}

input.btn-green {
    background-color: #2dce83;
    color: #fff;
    border: 0.063rem solid #2dce83;
}

input.btn-green:focus {
    background-color: #98dbaf;
    border-color: 0.063rem solid #98dbaf;
}

.form p.help {
    text-align: right;
    padding: 0.3125rem 0;
}

.form p.help a {
    color: #798592;
    font-size: 0.875rem;
    text-decoration: none;
}

.form p.help a:hover {
    text-decoration: underline;
}

.form input.btn-lg {
    font-size: 1.063rem;
    line-height: 1.625rem;
    border-radius: 0.5rem;
    font-weight: 900;
}

/**
CONTAINER
 */
#container {
    display: block;
    width: 100%;
    /* padding: 0.6rem 0.25rem; */
    /* box-shadow: 0 3px 20px rgba(58, 64, 210, 0.13); */
}

#left-column {
    position: absolute;
    width: 1px;
    height: 100%;
    float: left;
    background-color: #fffefe;
    box-shadow: 0 0.188rem 1.25rem 0.25rem rgba(58, 64, 210, 0.13);
    z-index: 200;
}

#header {
    position: sticky;
    top: 0;
    z-index: 100;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

nav {
    flex: 1
}


#navigation_container {
}

#settings_container .icons {
    display: flex;
    flex-direction: column;
}

#content {
    overflow: auto;
    padding: 0 2.0625rem 1.25rem;
}

body[data-header-size="small"] #contentDetail{
    margin-top: 0.5rem;
}

#tabs {
    margin-bottom: 2.125rem;
    background: none;
}

.tabs {
    margin-bottom: 0.8rem;
    padding: 1rem 0.875rem;
    background: #fff;
    border-radius: 0.375rem;
}

.tabs div.panel {
    display: block;
    padding: 0 0 0 7rem;
    margin-top: -1.25rem;
}

/**
UI PANEL
 */
div.view_title {
    width: 4.75rem;
    height: 0.813rem;
    color: #5c6e8b;
    font-size: 0.688rem;
    font-weight: 900;
    letter-spacing: 0.069rem;
    text-align: left;
    text-transform: uppercase;
}

div.panel {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 0.375rem;
    padding: 1.25rem 1.8125rem;
    color: #5c6e8b;
    font-size: 0.75rem;
}

div.no_legend {
    float: right;
    margin: 1rem 0;
    padding: 0.5rem;
    border: none;
}

div.panel .filter_item {
    display: block;
    float: left;
    width: 100%;
    background: none;
    border: none;
    margin: 0 0 0.5rem 0;
    padding: 0;
}

div.panel label {
    height: 0.875rem;
    color: #5c6e8b;
    font-size: 0.875rem;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    margin-top: 0.5rem;
    display: inline-block;
}

div.panel label.no_margin {
    margin: 0;
}

div.panel label.strong {
    font-weight: 800;
}

div.panel span.label_filter_title,
div.panel span.label_filter_info,
div.panel span.filter_date {
    display: block;
    width: 100%;
    float: left;
    clear: both;
}

div.panel span.label_filter_prefix,
div.panel span.label_filter_suffix,
div.panel span.label_filter_infix,
div.panel span.label_table_filter_prefix,
div.panel span.label_table_filter_suffix {
    display: block;
    float: left;
    padding: 0;
}

div.panel span.label_filter_prefix,
div.panel span.label_filter_suffix,
div.panel span.label_filter_infix {
    padding-top: 0.675rem;
}

div.panel span.label_filter_prefix,
div.panel span.label_table_filter_prefix {
    padding-right: 0.25rem;
}

div.panel span.label_filter_suffix,
div.panel span.label_table_filter_suffix {
    padding-right: 1.25rem;
}

div.panel span.label_filter_title {
    font-weight: 800;
}

div.panel .container_block {
    padding-bottom: 0.75rem;
}

.radio_container span.label_filter_title,
.radio_container span.label_filter_info,
.checkbox_container span.label_filter_info,
.container_block span.label_filter_info,
.checkbox_container_block span.label_filter_info {
    padding-left: 1.75rem;
}

.container_block span.label_filter_info,
.checkbox_container_block span.label_filter_info {
    margin-top: 0.5rem;
}

div.panel .idented {
    margin-bottom: 1.25rem;
}

.idented span.label_filter_info {
    padding-left: 1.5rem;
}

.idented div {
    display: block;
    float: left;
    width: 15rem;
}

div.link_list {
    display: block;
    float: left;
    width: 20.5rem;
    margin-right: 1.495rem;
}

div.panel span.label_filter_info {
    height: 0.938rem;
    font-size: 0.75rem;
    font-weight: 400;
}

div.panel input,
div.panel select,
div.panel textarea,
#ss2,
#basket_sel {
    font-size: 0.75rem;
    margin: 2px 0;
    padding: 2px;
    vertical-align: top;
    border-radius: 0.313rem;
    border: 0.063rem solid #5c6e8b;
    background-color: #ffffff;
    opacity: 0.9;
    color: #5c6e8b;
}

div.panel input[type=text],
div.panel input[type=number] {
    padding: 2px 10px;
}

div.panel input[type=file] {
    border: none;
    margin: 0;
}

div.panel span.filter_date {
    height: 1.5rem;
    margin-top: 0.875rem;
}

div.panel span.filter_date input[type="text"] {
    height: 1.5rem;
    margin-left: 1.75rem;
}

div.panel span.filter_date_label {
    display: inline-block;
    padding: 0.4375rem 0 0 0.4375rem;
}

div.panel span.filter_date img{
    display: inline-block;
    margin-left: 0.75rem;
    vertical-align: middle;
}

#ss2 {
    width: 19.125rem;
}

option {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

option.add_basket {
    font-weight: 400;
    background-color: #f4f6fe;
}

div.panel input,
div.panel select,
div.panel .ui-multiselect,
div.screenHeading input,
#order_filter_button,
#basket_sel {
    height: 2.125rem;
}

div.panel div.ms2side__select select {
    height: 16rem;
}

div.panel input[type='checkbox'] {
    height: auto;
}

div.panel input.button,
div.panel a.button,
input.btn-green-outside,
div.panel input[type='button'],
div.panel input[type='submit'],
div.screenHeading input[type='submit'],
#order_filter_button,
div.basket_component input[type='submit'] {
    background-color: #2dce83;
    color: #fff;
    border: 0.063rem solid #2dce83;
    border-radius: 0.5rem;
    padding: 0.5rem 2.125rem;
    font-size: 0.875rem;
    font-weight: 900;
    opacity: unset;
    cursor: pointer;
}

div.panel input.button:focus,
div.panel a.button:focus,
div.panel input[type='button']:focus,
div.panel input[type='submit']:focus,
div.screenHeading input[type='submit']:focus,
#order_filter_button:focus,
div.basket_component input[type='submit']:focus {
    background-color: #98dbaf;
    border-color: #98dbaf;
}

#abc_category {
    height: auto;
}

div.panel input[type='submit'] {
    margin-left: 1.75rem;
}

div.no_legend input[type='submit'] {
    margin-left: 0;
}

div.report_filter input[type='submit'] {
    margin: 1.25rem 0 0 0;
}

div.report_filter input#searchButton {
    margin: 2px 0 2px 0.625rem;
}

div.report_filter input[type='submit'].no_margin {
    margin: 0;
}

div.report_filter input[type='submit'].left_margin {
    margin: 0 0 0 1.75rem;
}

div.report_filter input.report_provider_button {
    margin: 0.15rem 0 0 1.75rem;
}

div.panel input.thisLevelButtonDisabled,
div.panel input.thisLevelButtonDisabled:focus,
div.screenHeading input[type='submit'],
div.screenHeading input[type='submit']:focus,
div.basket_component input[type='submit'],
div.basket_component input[type='submit']:focus {
    background-color: #fff;
    color: #1f9ebc;
    border: 0.063rem solid #1f9ebc;
}

div.panel input.thisLevelButtonDisabled {
    cursor: unset;
}

div.basket_component input[type='submit'] {
    height: 2.125rem;
    padding: 0 1.4375rem 0 3rem;
    background: url('../images/basket.svg') 1.0625rem center/1.188rem 1rem no-repeat;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.563rem;
    text-align: left;
}

div.datepicker_container {
    font-size: 0.75rem;
    padding: 0 0.5rem;
    border-radius: 0.313rem;
    border: 0.063rem solid #5c6e8b;
    background-color: #ffffff;
    opacity: 0.9;
    color: #5c6e8b;
    outline: none;
}

div.datepicker_container span {
    vertical-align: middle;
}

div.datepicker_container input {
    border: none;
    outline: none;
    vertical-align: middle;
}

form#trendForm input[type='button'] {
    margin-top: 1.25rem;
}

div.screen_heading_right {
    float: right;
}

div.basket_component {
    float: left;
}

div.basket_component label {
    margin-right: 0.9375rem;
    color: #354052;
    font-size: 0.563rem;
    font-weight: 900;
    letter-spacing: 0.056rem;
    text-align: left;
    text-transform: uppercase;
}

table.basket_table label {
    height: auto;
    margin-top: 0;
    padding-right: 0.5rem;
    font-size: 0.775rem;
}

table.center_label label {
    margin-top: 0.65rem;
}

select#basket_sel {
    margin-right: 0.5rem;
    opacity: unset;
}

div.screen_heading_right label {
    color: #5c6e8b;
    font-size: 0.75rem;
    font-weight: 400;
    text-align: left;
}

#basket_save {
    width: 9rem;
    height: 1.938rem;
    border-radius: 0.375rem;
    border-color: #1f9ebc;
    font-size: 0.813rem;
    color: #1f9ebc;
    font-weight: 600;
    font-style: normal;
    line-height: 1.25rem;
    text-align: left;
    padding: 0.25rem 0.5rem;
    background-color: transparent;
}

#selBasket,
#truncateDiv {
    display: block;
    margin-bottom: 2.125rem;
}

#selBasket input.button {
    width: 8.25rem;
    padding: 0.5rem 0.2rem;
    margin-right: 0.1rem;
}

#addBasket,
#saveStateBasket,
#reloadStateBasket,
#editBasket,
#truncateBasket {
    display: none;
}

#addBasket,
#selBasket,
#saveStateBasket,
#reloadStateBasket,
#editBasket,
#truncateBasket,
#alternativeProvider {
    margin-bottom: 0;
}

#add_client {
    padding: 0.1875rem 1.125rem;
}

div.panel p.filter { padding-bottom: 0.5rem; }

div.clean_panel { display: table-cell; background: transparent; }

div#selectedClients {
    display: flex;
    flex-wrap: wrap;
    max-height: 4rem;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

div#selectedClients.expanded {
    max-height: none;
}

div.client_name,
div.remove_client {
    float: left;
    height: 0.5rem;
    border: 0.063rem solid #1f9ebc;
    background-color: #1f9ebc;
    opacity: 0.7;
    color: #FFFFFF;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 0.688rem;
    text-align: left;
    text-transform: uppercase;
}

div.client_name {
    padding: 0.4rem 0.5rem 0.5rem 0.5rem;
    border-right: none;
    border-radius: 1rem 0 0 1rem;
}

div.remove_client {
    width: 0.9375rem;
    border-left: none;
    border-radius:  0 1rem 1rem 0;
    margin-right: 0.5rem;
    padding: 0.25rem 0.3rem 0.65rem 0;
}

div.client_item,
div.remove_all_clients {
    float: left;
}

div.client_item { margin-bottom: 0.6rem; }
div.remove_all_clients { padding-top: 0.625rem; }
div.remove_all_clients a {
    color: #1f9ebc;
    font-size: 0.688rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    text-decoration: none;
}

table#clients_table {
    margin-top: 20px;
}

table#clients_table span {
    display: inline-block;
    opacity: 0.5;
    font-size: 0.688rem;
    margin-bottom: 0.3rem;
    text-transform: uppercase;
}

#providersContainer span,
#providerIdsContainer span {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.688rem;
    text-align: left;
    background-color: #ffffff;
    opacity: 0.9;
    color: #5c6e8b;
}

div#other_tabs {
    display: none;
}

#showhide_other_order_filters,
#show_all_suppliers {
    color: #1f9ebc;
    font-size: 0.688rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: left;
    padding-left: 2rem;
    background-image: url("../images/chevron_down.svg");
    background-repeat: no-repeat;
    background-position: 0.8rem 0.2rem;
    cursor: pointer;
}

table#clients_table span#show_all_suppliers {
    text-transform: initial;
    opacity: initial;
    margin-bottom: 1rem;
    margin-left: -0.5rem;
}

div.panel select#fs,
div.panel select#date_eta,
div.panel select#st_redistribution_v2_container_id,
div.panel select#st_redistribution_v2_container_count,
div.panel input#st_free_weight {
    width: 12.625rem;
    margin-right: 1.375rem;
}

div.panel select#st_redistribution_v2_container_count,
div.panel input#st_free_weight {
    width: 3.75rem;
}

div.panel .idented {
    margin-left: 1.75rem;
}

div.panel .bottom_margin {
    margin-bottom: 1.75rem;
}

div.report_filter,
div.stats_table_block {
    margin-bottom: 1.575rem;
    width: -moz-available; width: -webkit-fill-available; width: fill-available;
}

div.stats_table_block td {
    text-align: center;
}

div.report_filter div.inputfield,
div.report_filter div.inputfield_underlined {
    float: left;
    width: 100%;
    margin-top: 0.5rem;
}

div.report_filter div.inputfield_underlined {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
}

div.report_filter div.label_left,
div.report_filter div.label_top_small,
div.report_filter div.label_top_medium,
div.report_filter div.label_top_large,
div.report_filter div.label_top_third,
div.report_filter div.label_top_xlarge,
div.report_filter div.inputfield_left,
div.report_filter div.inputfield_horizontal_small,
div.report_filter div.inputfield_horizontal_medium,
div.report_filter div.inputfield_horizontal_large,
div.report_filter div.inputfield_horizontal_xlarge {
    float: left;
    margin-right: 0.25rem;
    padding-top: 0.45rem;
}

div.report_filter div.inputfield_left {
    padding-top: 0;
}

div.report_filter div.inputfield_left > img {
    margin-top: 0.4rem;
}

div.report_filter div.inputfield_note {
    padding: 1.75rem 0 0 0.5rem;
}

div.report_filter div.inputfield_horizontal_medium {
    text-align: right;
}

div.report_filter div.label_left {
    width: 20%;
    min-width: 7rem;
    max-width: 12rem;
}

div.report_filter div.label_top_small,
div.report_filter div.inputfield_horizontal_small {
    width: 9%;
    min-width: 2.5rem;
    max-width: 5rem;
}

div.report_filter div.label_top_medium,
div.report_filter div.inputfield_horizontal_medium {
    width: 13.5%;
    min-width: 4.5rem;
    max-width: 8rem;
}

div.report_filter div.label_top_large,
div.report_filter div.inputfield_horizontal_large {
    width: 25%;
    min-width: 8.5rem;
    max-width: 18rem;
}

div.report_filter div.label_top_third {
    width: 33%;
    min-width: 15rem;
    max-width: 28rem;
}

div.report_filter div.label_top_xlarge,
div.report_filter div.inputfield_horizontal_xlarge {
    width: 50%;
    min-width: 20rem;
}

div.report_filter div.inputfield_horizontal_small input,
div.report_filter div.inputfield_horizontal_medium input,
div.report_filter div.inputfield_horizontal_large input,
div.report_filter div.inputfield_horizontal_xlarge input {
    width: 100%;
    max-width: 100%;
}

div.report_filter div.inputfield_horizontal_small input.button,
div.report_filter div.inputfield_horizontal_medium input.button,
div.report_filter div.inputfield_horizontal_large input.button,
div.report_filter div.inputfield_horizontal_xlarge input.button {
    padding: 0 1.5rem;
    width: auto;
}

.inputfield_left label.radio_container span.label_filter_title,
.inputfield_horizontal_small label.radio_container span.label_filter_title,
.inputfield_horizontal_medium label.radio_container span.label_filter_title,
.inputfield_horizontal_large label.radio_container span.label_filter_title,
.inputfield_horizontal_xlarge label.radio_container span.label_filter_title {
    padding-left: 0;
}

.inputfield_horizontal_xlarge {
    margin-top: 0.5rem;
}

.checkbox_block {
    margin-left: 5rem;
}

.checkbox_block_text {
    margin-left: 5.5rem;
}

.ico_help {
    padding-left: 0.25rem;
}

.ico_help_indented {
    padding: 0 1.25rem;
}

div.report_filter input.button_right {
    float: right;
    margin: 1.25rem 0 0;
}

div.report_filter p.label {
    color: #5c6e8b;
    font-size: 0.875rem;
    font-weight: 800;
    text-align: left;
    padding-bottom: 0.325rem;
}

div.report_filter th {
    text-align: left;
    padding-right: 2.5rem;
}

div.report_filter th.no_padding {
    padding: 0;
}

/**
NAVIGATION
 */
#main-navigation {
    padding-left: 0.5rem;
}

#breadcrumb {
    padding-left: 2.0625rem;
}


#main-navigation {
    min-height: 2.6rem;
    height: 4.5rem;
    background-color: #fff;
    align-items: center;
    transition: height 0.3s ease;
}

body[data-header-size="small"] #main-navigation {
    height: 2.6rem;

    & li.user img {
        height: 3.25rem;
    }

    .pw-date {
        color: #ffffff !important;
    }

    .logout {
        display: none;
    }
}

ul#navigation {
    display: block;
    list-style: none;
    background-color: #fff;
    padding-bottom: 8px;
    padding-left: 5px;
}

ul#navigation li {
    position: relative;
    float: left;
    transform: skew(-15deg);
    margin: 0 1px;
    border-right: 1px solid #8999b2;
}

ul#navigation li:last-child {
    border-right: none;
}

ul#navigation li a {
    display: inline-block;
    color: #8999b2;
    text-align: center;
    font-size: 0.75rem;
    letter-spacing: 0.038rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.1875rem 1.25rem;
    transform: skew(15deg);
}

ul#navigation li.active,
ul#navigation li:hover {
    font-weight: bold;
}

ul#navigation li.active a,
ul#navigation li:hover a{
    color: #354052;
}

/**
BREADCRUMB
 */

nav#breadcrumb {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

nav#breadcrumb a {
    font-size: 0.813rem;
    text-decoration: none;
    padding: 0 0.5rem 0 0;
    font-weight: 500;
    color: #1f9ebc;
}

nav#breadcrumb .product_shortcut {
    color: #8990ad;
    font-size: 0.75rem;

}

nav .breadcrumb a:hover {
    color: var(--pw-color-orange);
}

nav#breadcrumb .separator {
    display: inline-block;
    width: 17px;
    height: 10px;
    background-image: url("../images/separator.svg");
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
    border: none;
}

nav#breadcrumb .home {
    display: inline-block;
}

nav#breadcrumb .home a {
    width: 17px;
    height: 10px;
}

nav#breadcrumb .home img {
    position: relative;
    top: 2px;
}

body[data-header-size="small"] nav#breadcrumb {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;

    & a, & span {
        font-size: 0.65rem;
    }

    & img {
        height: 0.7rem;
    }

    .separator {
        height: 0.45rem;
    }
}

.product-name {
    display: flex;
    padding-bottom: 0.9375rem;
    gap: 1rem;
    transition: all 0.3s ease;
}

.product-name h2{
    color: #354052;
    font-size: 1rem;
    font-weight: 600;
}

.product-name .icon-list{
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.product-name ul.icon-list li{
    list-style: none;
}

body[data-header-size="small"] .product-name {
    padding-bottom: 0.35rem;
    gap: 0.5rem;

    & h2{
        font-size: 0.8rem;
    }

    & ul.icon-list li img{
        height: 0.85rem;
    }
}


/**
SETTINGS
 */
#settings_container ul.settings {
    list-style: none;
}

#settings_container ul.settings li {
    /* width: 15%; */
    float: left;
    text-align: center;
    font-size: 1.5rem;
    padding: 0 0.4rem;
}

#settings_container ul.settings li.icons {
    padding-top: 0.55rem;
}

#settings_container li.icons .settings-icon a,
#settings_container div.setting-icons > a {
    padding: 0.45rem;
}

#settings_container ul.settings li.user {
    background-position: left;
    text-align: left;
}

#settings_container ul.settings li.user i
{
    color: #99999a
}

#settings_container ul.settings li .icon {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

#settings_container ul.settings .pw-date {
    display: block;
    color: #bbc5d5;
    font-size: 0.5625rem;
}

#settings_container ul.settings li.user .icon {
    background-position: left center;
    text-transform: none;
}

#settings_container ul.settings li .icon-question {
    background-image: url("../icons/question.png");
}

#settings_container ul.settings li .icon-bug {
    background-image: url("../icons/bug.png");
}

#settings_container ul.settings li .icon-setting {
    background-image: url("../icons/setting.png");
}

#settings_container ul.settings li .icon-user {
    background-image: url("../icons/user.png");
}

#settings_container ul.settings li a {
    color: #99999a;
    text-transform: uppercase;
    text-decoration: none;
}

#settings_container ul.settings li:hover a {
    color: #005869;
}

#settings_container ul.settings li.user .user_info {
    font-size: 1rem;
    color: #393c88;
}

#settings_container ul.settings li.user .user_info .logout a {
    color: #146173;
    font-size: 12px;
    font-weight: 700;
}

#settings_container ul.settings li.user a
{
    text-transform: none;
    font-size: 0.8rem;
}

#settings_container ul.settings li.user .user_info a.logout {
    font-size: 0.75rem;
    color: #f35162;
    font-weight: 400;
}

#settings_container ul.settings li.user .user_info img {
    padding-top: 0.25rem;
}

#settings_container ul.settings li.dropdown:hover .dropdown-content,
#settings_container ul.settings li div.dropdown:hover .dropdown-content,
#settings_container > ul > li.icons > div > span:hover .dropdown-content,
#navigation li:hover .dropdown-content
{
    display: block;
}

#settings_container ul.settings li .dropdown-content,
.dropdown-content {
    display: none;
    position: absolute;
    font-size: 0.8rem;
    padding: 2.375rem 1.75rem;
    z-index: 10001;
    background-color: #fff;
    box-shadow: 0 0 1.25rem rgba(57, 60, 136, 0.09);
    text-align: left;
    min-width: 275px;
    border-radius: 6px;
    overflow-y: auto;
    max-height: calc(100vh - 10rem);
}

#settings_container ul.settings li .dropdown-content {
    right: 0;
    top: 3.7rem;
}

#settings_container ul.settings li .dropdown-setting {
    top: 3rem;
}

body[data-header-size="small"] #settings_container ul.settings li {
    .dropdown-setting,
    .dropdown-content {
        top: 2.5rem;
    }
}

#settings_container ul.settings li .dropdown-content h4 {
    color: #354052;
    font-size: 0.688rem;
    line-height: normal;
    text-transform: uppercase;
    padding: 0.6875rem 0.625rem
}

#settings_container ul.settings li .dropdown-content li:hover {
}


#settings_container ul.settings li .dropdown-content a,
#settings_container ul.settings li .dropdown-content label,
nav .dropdown-content a
{
    float: none;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0.05rem;
    display: block;
    color: #5c6e8b;
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem;
    font-weight: normal;
    text-align: left;
}

nav .dropdown-content a span.module-name
{
    font-size: 0.55rem;
    letter-spacing: normal;
}

#settings_container .dropdown-content input{
    border: 1px solid #979797;
    background: #f2f2f2;
}

#settings_container ul.settings li .dropdown-content a:hover,
.dropdown-content a:hover {
    background-color: rgba(235, 237, 244, 0.84);
}

#module-settings-menu {
    padding: 0.45rem;
}

.checkbox_container,
div.inputfield_left label.checkbox_container,
div.inputfield_horizontal_small label.checkbox_container,
div.inputfield_horizontal_medium label.checkbox_container,
div.inputfield_horizontal_large label.checkbox_container,
div.panel label.container_block,
div.panel label.checkbox_container_block,
div.panel label.radio_container {
    display: block;
    position: relative;
}

div.inputfield_horizontal_small label.checkbox_container,
div.inputfield_horizontal_medium label.checkbox_container,
div.inputfield_horizontal_large label.checkbox_container {
    margin-left: 0.75rem;
}

.checkbox_container input,
.checkbox_container_block input[type="checkbox"],
.container_block input[type="radio"],
.radio_container input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}

.checkbox_container .checkmark,
.checkbox_container_block .checkmark,
.container_block .checkmark,
.radio_container .checkradio {
    display: inline-block;
    height: 0.75rem;
    width: 0.75rem;
    background-color: transparent;
    border: 0.063rem solid #5c6e8b;
}

.container_block .checkmark,
.checkbox_container_block .checkmark {
    margin-top: 0.5rem;
}

.container_block input[type=text],
div.panel label.container_block select {
    display: inline-block;
    height: 1.75rem;
}

.checkbox_container .checkmark,
.radio_container .checkradio {
    position: absolute;
    left: 0;
}

.checkbox_container .checkmark,
.checkbox_container_block .checkmark,
.container_block .checkmark {
    border-radius: 0.188rem;
}

.radio_container .checkradio {
    border-radius: 0.5rem;
}

.container_block .checkmark,
.checkbox_container_block .checkmark {
    position: relative;
}

.checkbox_container .checkmark:after,
.container_block .checkmark:after,
.checkbox_container_block .checkmark:after,
.radio_container .checkradio:after {
    content: '';
    position: absolute;
    display: none;
}

.screen_heading_right .checkbox_container {
    float: right;
    margin-left: 1.5rem;
    padding-left: 1rem;
}

.screen_heading_right .checkbox_label {
    padding-right: 0;
}

.screen_heading_right .checkmark {
    top: 0.125rem;
    margin-top: 0.55rem;
}

.filter_form .button {
    float: right;
    margin-top: 2.5rem;
}

.filter_row .checkmark {
    top: 0;
    margin-bottom: 0.625rem;
}

div.panel .trendLegendTable label {
    margin-top: 0;
}

.checkbox_label {
    margin: 0;
    padding: 0 1.0625rem;
}

.single_select .checkbox_label {
    padding: 0 1.75rem;
}

.screen_heading_right .checkbox_label {
    margin-top: 0.75rem;
    padding-left: 0.6875rem;
    float: right;
}

div#tabs-3 label {
    font-size: 0.8rem;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    padding-left: 0;
}

div#tabs-3 .checkbox_label {
    padding-left: 1.5rem;
}

.select-container select {
    border-radius: 0.188rem;
    border: 0.063rem solid #5c6e8b;
    font-size: 0.688rem;
    font-weight: normal;
    color: #5c6e8b;
    background-color: #ffffff;
}

.checkbox_container input:checked ~ .checkmark,
.container_block input:checked ~ .checkmark,
.checkbox_container_block input:checked ~ .checkmark,
.radio_container input:checked ~ .checkradio {
    background-position: center;
    background-color: #2dce83;
    border-color: #2dce83;
}

.checkbox_container input:checked ~ .checkmark,
.container_block input:checked ~ .checkmark,
.checkbox_container_block input:checked ~ .checkmark {
    background-image: url("../images/checkbox_checked.svg");
}

.radio_container input:checked ~ .checkradio {
    background-image: url("../images/radio_checked.svg");
}

.checkbox_container input:disabled ~ .checkmark,
.container_block input:disabled ~ .checkmark,
.checkbox_container_block input:disabled ~ .checkmark,
.radio_container input:disabled ~ .checkradio,
div.panel input:disabled,
div.panel select:disabled,
div.panel button.ui-multiselect:disabled {
    background-position: center;
    background-color: #efefef;
    border-color: #e8e8e8;
}

.checkbox_container input:checked ~ .checkmark:after,
.container_block input:checked ~ .checkmark:after,
.checkbox_container_block input:checked ~ .checkmark:after,
.radio_container input:checked ~ .checkradio:after {
    display: block;
}

#bad_product_container {
    background-color: #fff;
    box-shadow: 0 0 1.25rem rgba(57, 60, 136, 0.09);
    border-radius: 0.375rem;
    width: 400px;
    color: #5c6e8b;
    right: 0;
    top: 5.4rem;
    display: none;
    z-index: 10000;
    cursor: move;
    max-height: 88vh;
    overflow: auto;
}

#bad_product_container_inner { padding: 1.25rem 1.25rem 0; margin: 0 0 1.25rem; }
#bad_product_container h2 { margin-bottom: 1rem; color: #354052; }
#bad_product_name {font-size: 0.8125rem; color: #646464; font-weight: bold; }
#bad_product_shortcut {font-size: 0.8125rem; color: #646464; font-weight: bold; }

#bad_product_fup_iframe {
    height: 45rem;
}

.no_underline {text-decoration: none !important; border: none !important;}


/**
SUBMENU
*/
.submenuContainer {
    position: relative;
    padding: 0 3.25rem;
    z-index: -1;
}

ul#submenu {
    display: flex;
    list-style: none;
    /* overflow: hidden; */
    padding-left: 5px;
}

ul#submenu li {
    float: left;

}

ul#submenu li:hover,
ul#submenu li.active {
    background-color: #1f9ebc;
    border-radius: 6px;
}

ul#submenu li:hover a,
ul#submenu li.active a {
    color: #fff;
    text-shadow:0 0 1px #fff;
}

ul#submenu li:last-child {
    border-right: none;
}

ul#submenu li a {
    display: inline-block;
    color: #5c6e8b;
    text-align: center;
    font-size: 100%;
    text-decoration: none;
    padding: 6px 20px;
}

/**
    SMARTINFOBOX
 */
#smartInfoBoxContainer {
    /* margin-bottom: 46px; */
}

#smartInfoBox {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: none;
    justify-content: left;
    padding-bottom: 0.75rem;
    gap: 0.375rem;
    transition: all 0.3s ease;
}

.infoItemSwitch {
    cursor: pointer;
}

#smartInfoBox .info_item_box {
    flex: 1;
    flex-basis: 11rem;
    flex-grow: 0;
    white-space: nowrap;
}

#smartInfoBox .info_item_box:last-of-type {
}

#smartInfoBox .info_item {
    display: flex;
    justify-content: center;
    background-color: #fff;
    border-radius: 9px;
    padding: 0.75rem 0.85rem 0;
    height: 3.85rem;
}

#smartInfoBox .info_item .info_item_icon{
    display: none;
    flex: 1;
    text-align: center;
}

#smartInfoBox .info_item .info_item_value {
    flex: 2;
}

#smartInfoBox .info_item .info_item_value {
    font-size: 0.75rem;
    color: #5c6e8b;
}

#smartInfoBox .info_item .info_item_value a {
    color: #5c6e8b;
    text-decoration: none;

}

#smartInfoBox .info_item .info_item_value .price,
#smartInfoBox .info_item .info_item_value a .price {
    font-weight: 900;
    font-size: 1rem;
    color: #2dce83;
}

#smartInfoBox .info_item .info_item_value .value {
    display: block;
}

#smartInfoBox .info_item .info_item_value h4 {
    font-size: 0.65rem;
    font-weight: normal;
    color: #354052;

}

table.smartInfoBox td span.value {
    color: #0e5465;
}

table.smartInfoBox { }

table.smartInfoBox td { line-height: 18px; color: #979797; font-weight: bold; }

table.smartInfoBox td.separator { width: 16px; }
table.smartInfoBox td.separator div { width: 1px; height: 100%; background-color: green; text-align: center; }

#smartInfoBox ul.info-box-icons {
    display: flex;
    align-content: center;

}

#smartInfoBox .info-box-icons li{
    list-style: none;
}

body[data-header-size="small"] #smartInfoBox {
    padding-bottom: 0.25rem;

    .info_item {
        padding: 0.4rem 0.85rem 0;
        height: 2.2rem;

        & span.value:not(.price),
        & div.value:not(.price) {
            display: none;
        }

        & h4 {
            font-size: 0.55rem;
        }

        & span.price {
            font-size: 0.75rem;
        }
    }
}

/** COMPONENTS **/

/** PW MESSAGE **/
.pwmessage1, .pwmessage2, .pwmessage3, .pwmessage4 {
    display: inline-block;
    min-height: 1.475rem;
    width: -moz-available; width: -webkit-fill-available; width: fill-available;
    background-color: #ffffff;
    background-position: 0.5625rem 0.3125rem;
    background-repeat: no-repeat;
    color: #5c6e8b;
    font-size: 0.813rem;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    border-radius: 0.188rem;
    border: 0.063rem solid;
    margin-bottom: 1rem;
    padding: 0.55rem 0.3rem 0 2.5rem;
}

.button_inside {
    padding-top: 0.25rem;
}

.pwmessage1 { border-color: #3a40d2; background-image: url("../images/pwmessage1.png"); }
.pwmessage2 { border-color: #ff8b26; background-image: url("../images/pwmessage2.png"); }
.pwmessage3 { border-color: #f35162; background-image: url("../images/pwmessage3.png"); }
.pwmessage4 { border-color: #bf0115; font-weight: bold; padding: 0.55rem 0 0; border-width: 0.25rem; background-color: #ff9ba6; text-align: center; color: #bf0115 }

.pwmessage1 span,
.pwmessage2 span,
.pwmessage3 span,
.pwmessage4 span {
    display: inline-block;
    width: 98%;
}

.pwmessage1 span.pwmessage_close,
.pwmessage2 span.pwmessage_close,
.pwmessage3 span.pwmessage_close,
.pwmessage4 span.pwmessage_close {
    width: 1%;
    margin-right: 0.1rem;
    vertical-align: top;
    cursor: pointer;
    opacity: 0.9;
}

body[data-header-size="small"] {
    .pwmessage1,
    .pwmessage2,
    .pwmessage3,
    .pwmessage4 {
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
        border-width: 2px;
    }
}

#disable_old_data_message, #disable_pw_date_not_last_computation_date_message {
    margin: 0 0 0.25rem 1rem;
}

/** acordeon */
div.showhide_container {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0.8rem;
}

div.showhide_container_noborder { background: #F3F3F3; padding: 0; }

div.showhide_nested_onlytitle { border-radius: 0.375rem; border: 0.063rem solid #ebedf4; }
div.showhide_nested {
    box-shadow: 0 0.188rem 0.625rem rgba(57, 60, 136, 0.08);
    border-radius: 0.375rem;
    border: 0.063rem solid #bbc5d5;
    padding-bottom: 0.375rem;
}

div.showhide_clickarea {
    background: #fff;
    padding: 10px 0;
    border-radius: 6px;

}

div.showhide_content,
div.abc_graph_container {
    background-color: #fff;
    padding: 1rem 2rem 2rem;
    overflow-x: auto;
}

div.abc_graph_container {
    border-radius: 0.375rem;
}

.no_border {
    border: none;
}

div.showhideoff {
    border-bottom: none;
}

div.showhideoff, div.showhideon, div.showhidedesign {
    display: flex;
    align-items: center;
    color: #393939;
    text-decoration: none;
    font-size: 15px;
    padding-left: 0.5rem;
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

div.showhideon h4 {
    flex: 1 1;
}

div.showhideon h4 img {
    display: none;
}

div.showhideoff .icon-active {
    color: #1f9ebc;
}

div.showhideoff:hover, div.showhideon:hover {
    color: #235383;
}

div.showhideoff h4, div.showhideon h4 {
    color: #5c6e8b;
    float: left;
    font-size: 80%;
    padding-left: 15px;
}

.showhideon .showhide-icon i:before {
    content: "\f63b";
}

.showhideoff .showhide-icon i:before {
    content: "\f64d";

}

div.showhideoff h4 img, div.showhideon h4 img {
    border: none;
    float: left;
    margin: 6px 5px;
}
div.showhideoff h4 span img, div.showhideon h4 span img { float: none; margin: 0;}

/** buttons **/
.btn {
    padding: 0.5rem;
    border: none;
    outline: none;
    border-radius: 0.25rem;
}

.btn-default {
    background-color: #fff;
    color: #5c6e8b;
}

.btn-green {
    background-color: #2dce83;
    color: #fff;
}

.btn-grey {
    border: 0.063rem solid #bbc5d5;
}

.btn-green-text {
    color: #2dce83;
}

.btn-orange {
    background-color: #e55c0f;
}

.btn-sm {
    padding: 0.25rem;
}

/** buttons group **/
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/** DROPDOWN SLIPT **/
.dropdown-split {
    display: inline-flex;
    position: relative;
}

.dropdown-split button.btn:hover {
    cursor: pointer;
}

.dropdown-split:hover {
}

.dropdown-split button.dropdown {
}

.dropdown-split .dropdown-menu {
    position: absolute;
    display: none;
    background-color: #fff;
    box-shadow: 0 0 1.25rem rgba(57, 60, 136, 0.09);
    min-width: 100px;
    z-index: 10200;
    right: 0;
    top: 35px;
    border-radius: 0.375rem;
    padding: 1.375rem 1.0625rem;
}

.dropdown-split .dropdown-menu.show {
    display: block;
}

.setting-icons .dropdown:hover .dropdown-content,
.dropdown-split button.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-split .dropdown-menu a {
    color: #5c6e8b;
    text-decoration: none;
    display: block;
    padding: 10px 5px;
    white-space: nowrap;
}

.dropdown-split .dropdown-menu a:hover {
    font-weight: 600;
    text-decoration: underline;
}

.btn-export {
    border: 0.063rem solid #2dce83;
    border-radius: 0.375rem;
}

.btn-export .btn-text {
    padding-right: 0;
}

/** UI TABS **/
.ui-tabs {
    z-index: 0;
}

.InnerHtmlTable {
    z-index: 0;
    box-shadow: 0 3px 10px 0 rgba(57, 60, 136, 0.05);
}

#eye-icon {
    position: absolute;
    top: 18px;
    right: 13px;
}

/** DASHBOARD **/
div#designGroup124 {
    margin-bottom: 1.25rem;
    z-index: -1;
}

div.container_divider { /** hack pro rozdeleni nedelitelneho kontejneru, ktery je buhvijak pekelne nadefinovan v databazi **/
    height: 1rem;
    width: 25rem;
    margin: 1rem 0 0 -1.875rem;
}

div.dashboard_block_left {
    position: absolute;
    left: 0;
}

div.dashboard_block_row {
    position: absolute;
    left: 0;
    width: 6.875rem;
    color: #354052;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.125rem;
    text-align: right;
}

div.design_group,
div.design_group_graph {
    border-radius: 0.375rem;
    background-color: #ffffff;
}

div.design_group {
    padding: 1.875rem;
}

div.design_group_graph {
    padding: 1.325rem 0.5rem 0.5rem 0.5rem;
}

div.groupBlock {
    display: block;
}

div.groupBlock table.boxedLinkLong {
    color: #5c6e8b;
    font-size: 0.688rem;
    font-weight: 500;
    line-height: 0.875rem;
    text-align: right;
}

div.groupBlock span.service_level_block {
    display: block;
    float: left;
    width: 4.875rem;
    height: 1.125rem;
    margin-bottom: 2px;
    padding-top: 0.5rem;
    text-align: center;
    color: #354052;
    font-size: 0.563rem;
    font-weight: 800;
    line-height: 0.625rem;
}

.groupInline {
    display: inline;
}

div.design_group_graph div.containerHeading {
    margin-left: 1.875rem;
}

div.containerHeading,
div.container_heading_divided {
    color: #354052;
    font-size: 0.688rem;
    font-weight: 900;
    letter-spacing: 0.069rem;
    text-align: left;
    text-transform: uppercase;
}

div.containerHeading {
    margin-bottom: 0.75rem;
}

div.container_heading_divided {
    margin: 1.325rem 0;
    border-radius: 0.375rem;
}

#htmlTableFilters {
    margin-bottom: 2rem;
}

a.active_submenu_item {
    background-color: #f4f6fe;
}

#trend_comment {
    margin: 0.5rem 0 2.5rem;
}

td.print_version_link {
    width: 100%;
    text-align: right;
}

td.padded_horizontally {
    padding: 0 0.5rem;
}

div#submenuContainer li.active,
div#submenuContainer li:hover {
    background-color: #1f9ebc;
}


/** STYLES IMPORTED FROM TEMPLATES **/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 14px;
    text-decoration: none;
    font-size: 11px;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.descriptionOrderFilter {
    margin-top: 1px;
    padding: 1px;
    text-align: left;
    font-weight: bold;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 0 solid #dddddd;
    background: #fff;
    color: #333333;
}

.ui-dialog-title {
    color: #5c6e8b;
    font-size: 0.75rem;
}

.panel .ui-dialog-title {
    font-size: 1.05rem;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    padding: 1em 1.4em;
    display: block;
    background-color: #ffffff;
    background-image: none;
    border: none;
}

.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 0 solid #cccccc;
    background: transparent;
    font-weight: bold;
    color: #1c94c4;
    outline: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
    outline: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
    border: 0 solid #fbcb09;
    background: transparent;
    font-weight: bold;
    color: #c77405;
    outline: none;
}

.ui-slider-handle.ui-state-default {
    border: 0 solid #DFD1D1;
    background: transparent;
    font-weight: bold;
    color: #c77405;
    outline: none;
}

.ui-slider-handle.ui-state-hover {
    border: 0 solid #fbcb09;
    background: transparent;
    font-weight: bold;
    color: #c77405;
    outline: none;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #c77405;
    text-decoration: none;
    outline: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 0 solid #fbd850;
    background: transparent;
    font-weight: bold;
    color: #eb8f00;
    outline: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    outline: none;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url('../jquery/images/ui-bg_highlight-soft_75_ffe45c_1x100.png') 50% top repeat-x;
    color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
    color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url('../jquery/images/ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat;
    color: #ffffff;
}

.ui-state-error a, .ui-widget-content .ui-state-error a {
    color: #ffffff;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text {
    color: #ffffff;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

/* Corner radius */
.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 0;
}

.ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666 url('../jquery/images/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat;
    opacity: .50;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url('../jquery/images/ui-bg_flat_10_000000_40x100.png') 50% 50% repeat-x;
    opacity: .20;
    filter: Alpha(Opacity=20);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ui-multiselect-checkboxes * {
    background: none;
    color: #5c6e8b;
    font-size: 0.688rem;
    font-weight: 400;
    text-align: left;
}

/* Accordion
----------------------------------*/

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}

.ui-slider-horizontal {
    -moz-user-focus: normal;
    -moz-user-select: none;
    background-color: threedface;
    cursor: default;
    position: relative;
}

.ui-slider-horizontal.invert {
    -moz-user-focus: normal;
    -moz-user-select: none;
    background-color: threedface;
    cursor: default;
    position: relative;
}

.ui-slider-horizontal .ui-slider-handle {
    background-image: url('../images/handle.horizontal.png');
    height: 19px;
    width: 11px;

    margin-left: -3px;
    top: 0;
}

.ui-slider-horizontal.invert .ui-slider-handle {
    background-image: url('../images/handle.horizontal.png');
    height: 19px;
    width: 11px;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-tabs {
    padding: 0;
    zoom: 1;
    background-color: none;
}

.ui-tabs .ui-tabs-nav {
    list-style: none;
    position: relative;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    cursor: pointer;
    display: -moz-inline-stack;
    vertical-align: bottom;
    list-style: none outside none;
    margin: 1px 0 0;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
    color: #5c6e8b;
    background: #FFFFFF;
    border: 1px solid #5c6e8b;
    border-radius: 0.375rem 0.375rem 0 0;
    border-bottom: none;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
}

.ui-tabs-active a {
    background: #f8f8f8 !important;
    font-weight: bold !important;
    border: 1px solid #7db0e3;
    border-bottom: 1px solid #f4f4f4;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-active a {
    background: none;
    color: #FFFFFF;
    border: 1px solid #7db0e3;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 3px;
    background: #f8f8f8;
    border-bottom: 1px solid #f4f4f4;
    display: block;
    height: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 1px;
    background: none;
    color: #FFFFFF;
    border: 0 solid #7db0e3;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 3px;
    border-bottom: 1px solid #f4f4f4;
    display: block;
    height: 20px;
    font-style: normal;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
    color: #000000;
    border-color: #7db0e3;

}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    padding: 1em 1.4em;
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

#tabs-1 {
    padding-bottom: 0;
}

.distributionGraph {
    background-color: #99CCFF;
    width: 5px;
    position: absolute;
    bottom: -10px;
}

.distributionGraphTiny {
    background-color: #99CCFF;
    width: 2px;
    position: absolute;
    bottom: -10px;
}

.slider_background_set {
    width: 600px
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    border: 1px solid #aaaaaa;
    background: #ffffff url('../jquery/css/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;
    color: #222222;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: 1px solid #aaaaaa;
    background: #cccccc url('../jquery/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ui-datepicker a {
    color: #222222;
}

.ui-datepicker .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url('../jquery/css/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
    outline: none;
}

.ui-datepicker .ui-state-default a, .ui-datepicker .ui-state-default a:link, .ui-datepicker .ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
    outline: none;
}

.ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url('../jquery/css/images/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
    outline: none;
}

.ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
    outline: none;
}

.ui-datepicker .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url('../jquery/css/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
    outline: none;
}

.ui-datepicker .ui-state-active a, .ui-datepicker .ui-state-active a:link, .ui-datepicker .ui-state-active a:visited {
    color: #212121;
    outline: none;
    text-decoration: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.wrapper .ui-state-default,
.inputfield .ui-state-default,
#promo-type .ui-state-default,
#providersContainer .ui-state-default {
    border-radius: 0.313rem;
    border: 0.063rem solid #5c6e8b;
    background-color: #ffffff;
    opacity: 0.9;
    padding: 0.625rem 0.2rem 0.625rem 0.625rem;
}

.ui-state-default span,
.ui-widget-content .ui-state-default span {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.688rem;
    text-align: left;
    opacity: 0.9;
    color: #5c6e8b;
}

.ui-multiselect-menu {
    box-shadow: 0 0 1.875rem rgba(57, 60, 136, 0.15);
    background-color: #ffffff;
}

.ui-multiselect-menu * {
    color: #5c6e8b;
    font-size: 0.688rem;
    font-weight: 400;
    text-align: left;
}

.ui-multiselect-menu .ui-state-hover span {
    font-weight: normal;
}

.ui-multiselect-menu label.ui-state-hover {
    border: 1px solid transparent;
    background: #dff0ff;
}

.ui-multiselect-menu label {
    color: #235383;
    padding: 5px;
}

.ui-multiselect-menu label span {
    margin-left: 0.375rem;
}

.ui-multiselect-menu label span.checkmark {
    margin-left: 1.4em;
}

.ui-multiselect-menu li {
    padding: 0;
}

.ui-multiselect-header {
    margin: 0;
}

.ui-helper-reset span {
    color: #5c6e8b;
    font-size: 0.688rem;
    font-weight: 400;
    text-align: left;
}

.ui-multiselect-all span,
.ui-multiselect-none span {
    color: #1f9ebc;
}

.ui-multiselect-filter {
    margin-bottom: 1rem;
}

.ui-multiselect-filter input[type=search] {
    width: 14.5rem;
    height: 0.875rem;
    padding: 0.625rem;
    color: #8999b2;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.05rem;
    text-align: left;
    box-shadow: 0 0 0.313rem rgba(57, 60, 136, 0.09);
    background-color: #ffffff;
    border: none;
    outline: none;
}

.ui-multiselect-header .ui-icon-check,
.ui-multiselect-header .ui-icon-closethick {
    background: none;
}

.ui-multiselect-menu {
    background-image: none;
    background-color: #ffffff;
    border-radius: 0.188rem;
    border: 0.063rem solid #ffffff;
    box-shadow: 0 0 1.875rem rgba(57, 60, 136, 0.15);
}

.ui-multiselect-single .ui-multiselect-checkboxes label span.checkbox_label {
    margin-left: 1.375rem;
}

#providersContainer .ui-icon {
    background-image: url("../images/chevron_down.svg");
    background-position: 0.2rem;
}

div.report_filter img.ui-datepicker-trigger {
    margin-right: 0;
}

#promotool div.wrapper {
    width: 18.75rem;
    margin: 0.625rem 0.625rem 0 0;
    float: left;
}

#promotool .inputfield div.wrapper {
    margin-top: 0;
}

#promotool div.wrapper select {
    width: 9.375rem;
}

#promotool div.clear {
    clear: both;
}

#promotool div.fullwidth {
    width: 25rem;
}

#promotool div.halfwidth {
    width: 12.5rem;
}

.selectPlaceholder {
    line-height: 200%;
    font-weight: bold;
}

.inputfield .select_client_field {
    width: 80%;
}

label.category-name {
    padding-bottom: 0.5rem;
}

.select_client_button,
.select_client_textarea {
    float: right;
}

.select_client_button {
    margin: 0.375rem 0.375rem 0.5rem 0;
}

.select_client_textarea {
    margin-right: 0.375rem;
}

.select_client_textarea textarea {
    width: 18.375rem;
    height: 6rem;
}

.selectBoxSb {
    border: 1px solid #c8c8c8;
    width: 30rem;
}

.half_width {
    width: 50%;
}

.selectbox_middle {
    width: 18rem !important;
}

.selectbox_large {
    width: 30rem !important;
}

#loadingExportSD {
    background: #eee;
    text-align: center;
    width: 18.75rem;
    padding: 0.375rem;
    display: none;
}

#cal1Container {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    display: none;
}

table.adminAbc {
    width: 100%;
}

div.pcatMethod {
    clear: both;
    margin-top: 0.3125rem;
}

div.pcatMethod a {
    display: inline-block;
    margin: 0.5rem 0;
}

.methodLabel {
    display: inline-block;
    font-weight: bold;
    font-size: 0.9rem;
    margin: 0.5rem 0.5rem 0.5rem 0;
}

.ABCMethodLabel,
.WeightLabel {
    font-weight: bold;
    float: left;
    margin-top: 1rem;
}

.ABCMethodLabel {
    width: 16.25rem;
}

.MethodRemoveButton {
    text-align: right;
    float: right;
}

select.selectInput {
    width: 15.625rem;
}

input.submitButton {
    float: right;
    margin-right: 0.5rem;
}

div.panel input.pcatMethodWeight
{
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    width: 2.5rem;
}

a.methodAddButton {
    display: inline-block;
    margin-top: 0.5rem;
}

div.stockSettingsRow {
    display: inline-block;
}

div.stockSettingsRow span,
div.inputfield_horizontal_large span {
    display: inline-block;
    margin-top: 0.65rem;
}

div.inputfield_horizontal_large span {
    opacity: 0.9;
}

div.panel input.auto {
    margin-top: 0;
}

table.adminCustomerServiceTable td,
table.adminCustomerServiceTable th {
    padding: 0.125rem 0.3125rem;
}

tr.level {
    font-weight: bold;
}

div.slider {
    width: 15.625rem;
    background-color: transparent;
    margin: 0;
}

.gather-line {
    left: 0!important;
}

#sl-quantil-0,
#sl-percent-0 {
    width: 8rem;
}

div.report_filter div.filter_note {
    height: 1.875rem;
}

div.report_filter div.filter_note span {
    font-style: italic;
}

div.report_filter div.row {
    background-color: #fff;
    height: 0.875rem;
}

div.report_filter div.row:hover {
    background-color: #e0e0e0;
}

div.report_filter div.redRow {
    background-color: #FF4020;
    height: 0.875rem;
}

div.cleanupMonthHeading {
    height: 1.125rem;
    line-height: 1.125rem;
    border-bottom: none;
    padding: 0.125rem 0.375rem;
}

div.cleanupMonthHeading b {
    float: left;
    font-weight: bold;
    color: #505050;
}

div.cleanupMonthHeading span {
    float: right;
}

div.cleanupMonthContent {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
}

div.cleanupMonthContent table {
    width: 99%
}

div.cleanupMonthContent table th {
    color: #000;
    font-weight: bold;
    text-align: left;
}

tr.cleanedUp span,
tr.cleanedUp td.cleanup_td {
    color: #C00;
}

tr.cleanedup {
    background: #ECB6B6;
}

tr.cleanupRow:hover {
    background: silver;
}

tr.cleanupRowYellow {
    background: #FFEF90;
}

table.expertInfoTable {
    width: 100%;
    background-color: #B8B8B8;
    font: normal 11px Tahoma;
}

table.expertInfoTable a { color: navy; }

table.expertInfoTable th {
    min-height: 17px;
    color: #393939;
    border: none;
    text-align: center;
    padding: 0;
}

table.expertInfoTable th.ordered {
    background: #F5F5F5;
    border: none;
    text-align: center;
}

table.expertInfoTable th a {
    color: #393939;
    text-decoration: none;
    display: block;
    min-height: 100%;
    padding: 2px;
}

table.expertInfoTable th div {
    min-height: 100%;
    padding: 2px;
}

table.expertInfoTable input.checkbox {
    margin: 0 4px 0;
    border: none;
}

/* styly pro radky tabulky */
table.expertInfoTable tr {
    background: #ffffff;
    height: 17px;
}

table.expertInfoTable tr:hover {
    background: #dfdfdf;
}

/* zvyrazneny radek html tabulky */
table.expertInfoTable tr.clicked {
    background: #EEB949;
    height: 17px;
}

table.expertInfoTable tr.clicked td {
    background: #EEB949;
}

table.expertInfoTable tr:hover.clicked td {
    background: #EEB949;
}

/* styly pro bunky */
table.expertInfoTable td {
    padding: 0 3px;
    border: 0;
}

table.expertInfoTable td.left {
    text-align: left;
}

table.expertInfoTable td.right {
    text-align: right;
}

tr.cleanedUpM span { color: #C00; }
tr.cleanedUpA span { color: #C00; }

tr.cleanedUpM span.cleanupSpan { display: none;}
tr.decleanedM span.cleanupSpan { display: none;}
tr.cleanedUpA span.cleanupSpan { display: none;}
tr.decleanedA span.cleanupSpan { display: none;}

tr.cleanedUpM span.cleanedUpM { display: inline;}
tr.decleanedM span.decleanedM { display: inline;}
tr.cleanedUpA span.cleanedUpA { display: inline;}
tr.decleanedA span.decleanedA { display: inline;}

tr.cleanedUpA td { background: #ECB6B6 !important; }
tr.cleanedUpM td { background: #ECB6B6 !important; }
tr.decleanedM td { background: #f6ffaa !important; }

span.cleanedUpALabel {
    background: #ECB6B6;
    border: 1px solid;
    margin-right: 0.625rem;

}

span.cleanedUpMLabel {
    background: #ECB6B6;
    border: 1px solid;
    margin-right: 0.625rem;

}

span.decleanedMLabel {
    background: #f6ffaa;
    border: 1px solid;
    margin-right: 0.625rem;

}

span.decleanedALabel {
    border: 1px solid;
    margin-right: 0.625rem;

}

div.panel input[type="button"].actionButton:disabled {
    color: #2dce83;
    background-color: #ffffff;
    cursor: auto;
}

div.forecastCleanupDate {
    width: 7rem;
    padding-right: 0;
}

.smallNumber {
    width: 3rem;
}

.floatLeft {
    float: left;
}

div#tables div.inputfield {
    white-space: nowrap;
}

div#tables div.label_left {
    padding-top: 0;
}

div#tables div.inputfield_left table tr th,
div#tables div.label_left table tr td {
    color: #5c6e8b;
}

div#tables div.inputfield_left table tr th {
    padding-left: 0.2rem;
}

div#tables div.label_left table tr td {
    height: 2.375rem;
    vertical-align: top;
    padding-top: 0.45rem;
}

div#tables div.inputfield_left {
    float: none;
    display: inline-block;
    overflow-x: auto;
    max-width: 80%;
}

div.modal-form .modal-header {
    display: none;
}

div.modal-form .modal-body .ui-multiselect.multi-width {
    width: 18.75rem !important;
}

div.modal-form .modal-body fieldset {
    border: 0 none;
    margin-top: 0.625rem;
    padding: 0;
    background: none;
}

div.modal-form .modal-body fieldset .form-group {
    padding-left: 0.3125rem;
    margin: 0.625rem 0;
}

div.modal-form .modal-body fieldset .form-group label {
    float: left;
    width: 9.375rem;
    margin-top: 0.1875rem;
}

div.modal-form .modal-body fieldset .form-group input {
    width: 12.5rem;
}

a.control-button {
    display: table-cell;
    height: 1.875rem;
    vertical-align: middle;
    width: 1.875rem;
}

a.control-button img {
    margin: 0.1875rem;
}

td.table-control {
    width: 4.375rem;
}

span.modal_form_dialog_title {
    font-size: 0.8rem;
}

#html_table_export_email_container {
    display: none;
}

#html_table_export_email_container input,
#html_table_export_email_container textarea {
    width: 22rem;
}

#html_table_export_email_sent {
    font-weight: bold;
    font-size: medium;
    padding-top: 0.625rem;
}

#LoginForm {
    margin-bottom: 3rem;
}

.show_data_in_table {
    position: relative;
    top: -1px;
    font-size: 70%;
}

.highcharts-credits {
    display: none !important;
    z-index: -500;
}

#deliveryDateContainer
{
    display: flex;
    align-items: center;
    gap: 0.675rem;
}

#promotool .panel .discreet {
    color: #777;
    font-style: italic;
    font-size: 90%;
}

#promo_filter table th {
    width: 150px;
    text-align: left;
}

div#html_table td.different {
    background: #FCD4D4;
}

div#html_table tr:hover td.different {
    background: #FDB5B5;
}

div#html_table td.only_suggested_order {
    background: #E4E3E3;
}

div#html_table tr:hover td.only_suggested_order:hover {
    background: #DCD6D6;
}

div#html_table td.only_real_order {
    background: #E1EFE1;
}

div#html_table tr:hover td.only_real_order:hover {
    background: #D1DFD1;
}

.report_ordering_table {
    float: right;
    margin: 0 0 0.625rem 0.625rem;
}

div.covered_paths {
    width: 62.75rem;
    margin-top: 1.25rem;
    display: flow-root;
}

div.table_cell {
    display: table-cell;
}

.header_note {
    padding: 0.9375rem 0;
}

.panel .count_message {
    display: block;
    height: 2rem;
}

.scenario_config_table {
    float: right;
    margin: 0 0 0.625rem 0.625rem;
}

.scenario_name {
    margin: 1.25rem 0 0;
}

.scenario_computed {
    color: #b2c194;
}

.scenario_computing {
    color: #eeb949;
}

.scenario_not_computed {
    color: #f08080;
}

.scenario_unit {
    margin: 0.3125rem 0;
}

.scenario_unit a {
    margin: 0 1.25rem;
    text-decoration: none;
}

.scenario_unit a img {
    vertical-align: sub;
}

.html_table_bottom_margin {
    margin-bottom: 12.5rem;
}

.multiselectfilter_middle {
    width: 22rem;
}

#selected_forecast_method_id {
    max-width: 25rem;
}

.languageSelect {
    text-align: left;
    margin-left: 0.6rem;
}

.languageSelect #language {
    height: 1.75rem;
    padding-left: 1.75rem;
    font-size: 0.8rem;
}