/** Add css rules here for your application. */

:root {
    --smart-turquoise: #1DC6C6;
    --mlogg-blue: #008FBE;
    --smart-blue-hover: #006cbe;
    --backgroundColor: #3231312C;
    --smart-green: #005c64;
    --smart-green-light: #008F90;
    --smart-green-hover: #03373b;
    --smart-light-blue: #00A4FF; /*0, 164, 255*/
    --mLogg-green: #619622;
    --mLogg-green-darker: #3D6213;
    --mLogg-text-blue: #006BB7;
    --mLogg-logo-green: #609623;
    --mlogg-dark-grey: #777777;
}

/** Example rules used by the template application (remove for your app) */
/*h1 {
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 15px 0px 10px 10px;
    text-align: left;
}*/

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
    width: 400px;
}

.mainMenuToggleButtonOn, .mainMenuToggleButtonOff {
    font-size: 15px;
    font-family: Arial, sans-serif;
    /*color: rgba(0, 0, 102, 0.55);*/
    height: 30px;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-weight: normal;
}

.mainMenuToggleButtonOff {
    text-decoration: underline;
    cursor: pointer;
}

.mainMenuToggleButtonOn {
    font-weight: bold;
    border-bottom: 3px solid var(--smart-green);
    background-color: transparent;
}

.pageHeaderMainTitle {
    font-size: 16pt;
    font-weight: bold;
    color: #777777;
    margin: 0 0 0;
    text-align: left;
    padding-left: 10px;
}

.textButton {
    text-decoration: underline;
    cursor: pointer;
    font-size: 15px;
    font-family: Arial, sans-serif;
    /*color: rgba(0, 0, 102, 0.55);*/
    height: 30px;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-weight: normal;
}

.simplePanelRounded {
    background-color: #F0F5FA;
    border-radius: 10px 10px 10px 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    opacity: 0.8;
}

.roundedBackground {
    border: 2px solid var(--backgroundColor);
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
}

.labelRoundedBorder {
    border: 2px solid var(--backgroundColor);
    font-family: Helvetica Neue, sans-serif;
    overflow: hidden !important;
    outline: 0;
    border-radius: 10px;
    font-size: 14px;
    border-color: var(--backgroundColor);
    padding: 10px;
    background-color: white;
}

.listWtAndWoLabel {
    margin-top: 3px;
    padding-right: 4px;
    padding-left: 10px;
    font-size: 14px;
    color: #777777;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.listboxesMarginWt {
    margin-left: 5px;
    margin-right: 10px;
    /*font-family: Roboto;*/
    /*font-size: 14px;*/
    padding: 1px;
    /*height: 23px;*/
}

.mainMenuButtons {
    border: thin solid white;
    border-radius: 2px 2px 2px 2px;
}

.mainMenuButtons:hover {
    /*box-shadow: 0 0 10px #ccc;*/
    border: thin solid green;
    border-radius: 2px 2px 2px 2px;
    /*background-color: rgba(111, 111, 111, 0.38);*/
}

.backgroundPanel {
    background-color: #F0F0F0;
}

.rootDockLayoutPanel {
    background-color: #FFFFFF;
    margin: 5px 15px 5px 15px;
}

.headerCompanyName {
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #2A3A59;
    margin: 10px 0px 10px;
    text-align: left;
}

.mainHeaderButtons {
    font-size: 12px;
    padding-left: 10px;
    font-family: Arial, sans-serif;
    color: #000066;
    height: 30px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom: solid #000066;
    border-left-style: none;
}

.labelError {
    font-weight: bold;
    color: red;
    text-decoration: blink;
}

.warningText {
    font-weight: bold;
    color: #c10303;
    /*text-decoration: blink;*/
}

progress {
    /*border: 1px solid #0059b3;*/
    /*    background-color: #f3f3f3;*/
    height: 20px;
    width: 100%;
    /*margin-top: 2px;*/
}

progress::-webkit-progress-bar {
    background-color: white;
}

progress::-webkit-progress-value {
    /*background-color: #0059b3;*/
    background-color: green;
}

progress::-moz-progress-bar {
    /* style rules */
}

.progress2 {
    /*background-color: #f3f3f3;*/
    /*border: 1px solid #609623;*/
    height: 8px;
    width: 150px;
    position: relative;
    top: 5px;
    left: 5px;
    margin-bottom: 38px;
    margin-left: 40px;
}

.progress2::-webkit-progress-bar {
    background-color: white;
}

.progress2::-webkit-progress-value {
    /*background-color: #0059b3;*/
    background-color: #609623;
    /*background-color: var(--smart-light-blue);*/
}

.progress3 { /*newUtw driverButtonBullet progress bar*/
    height: 7px;
    margin-left: 15px;
    margin-right: 8px;
}

.progress3::-webkit-progress-bar {
    background-color: white;
}

.progress3::-webkit-progress-value {
    /*background-color: #0059b3;*/
    background-color: #609623;
    /*background-color: var(--smart-light-blue);*/
}

.borderBottom {
    border-bottom: thin solid silver;
}

.gwt-imagebutton {
    opacity: 1.0;
    padding: 5px;
    border: transparent;
    cursor: pointer;
    outline: 0;
}

.gwt-imagebutton:active {
    opacity: 1.0;
    padding: 0;
    border: 5px solid #f1efef;
    border-radius: 10px;
}


.gwt-imagebutton-up-hovering {
    opacity: 0.5;
}

.gwt-imagebutton-down-hovering {
    /*background-color: #1975D1;*/
    opacity: 0.5;
}

.menuBar {
    cursor: pointer;
    /*text-align: center;*/
    /*background: transparent;*/
    /*border: none;*/
    /*color: white;*/
    /*text-shadow: none;*/
    font-size: 16px;
}

.imageMenuImage {
    display: flex;
}


.imageMenuImage:hover {
    filter: grayscale(70%);
}

.imageMenu {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1.0;
    background: transparent;
    border-radius: 25%;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
}

.imageMenu:hover {
    opacity: 0.8;
    background-color: rgba(73, 71, 71, 0.15);
}

.imageMenu:active {
    opacity: 0.9;
    background-color: rgba(73, 71, 71, 0.25);
}

.imageMenu[disabled] {
    opacity: 0.2;
}

.imageMenu[disabled]:hover {
    opacity: 0.3;
}

.utwToggleButtonContainer {
    /*padding-left: 1px;*/
    margin-left: 4px;
}

.myToggleButtonCbOn, .myToggleButtonCbOff {
    font-family: sans-serif;
    font-weight: normal;
    border-radius: 3px 0 0 3px;
    height: 25px;
    width: 25px;
    padding-top: 7px;
    text-indent: 7px;
    cursor: pointer;
}

.myToggleButtonCbOn {
    /*background-color: #4DCB6D;*/
    background-color: #0080ff;
    /*background-color: var(--smart-light-blue);*/
    /*color: #9CE2AE;*/
    color: white;
    font-weight: bold;
}

.labelToggleOn, .labelToggleOff {
    font-family: sans-serif;
    font-weight: normal;
    /*border-radius: 3px 0 0 3px;*/
    height: 22px;
    width: 25px;
    /*padding-top: 7px;*/
    text-indent: 7px;
    cursor: pointer;
}

.labelToggleOn {
    color: white;
    font-weight: bold;
}

.labelToggleOn:before {
    content: "\2714";
}

.myToggleButtonCbOff {
    background-color: #D1D3D4;
    color: #D1D3D4;
}

.myToggleButtonCbOff:before:hover {
    color: #888;;
}

.myToggleButtonCbOn:before {
    content: "\2714";
}

.myToggleButtonLabelOn, .myToggleButtonLabelOff {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    color: #2A3A59;
    text-align: left;
    font-weight: bold;
}

.myToggleButtonLabelOn {
    font-weight: bold;
}

.myToggleButtonLabelOff {
    font-weight: lighter;
}

.myToggleButtonPanel {
    cursor: pointer;
    opacity: 1.0;
    border: 1px solid #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.myToggleButtonImg {
    padding-left: 5px;
    padding-top: 3px;
}

.driversButtonLabel {
    color: #006BB7;
    font-size: 16px;
    font-family: Arial, sans-serif;
}

.driversButtonLabel2 {
    color: #006BB7;
    font-size: 14px;
    font-family: Arial, sans-serif;
    cursor: pointer;
}

.driversButtonHtml {
    padding-top: 3px;
}

.driverButtonCircle {
    border: 4px solid;
    border-radius: 25px;
    opacity: 1.0;
}

.driverButtonCircle:hover {
    opacity: 0.7;
}

.pointMarker1, .pointMarker2, .pointMarker3, .pointMarker4, .pointMarker5 {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 4px solid;
    border-radius: 25px;
    border-color: green;
}
.pointMarker1 {
    background-color: #FFD800;
    /*color: blue;*/
}
.pointMarker2 {
    background-color: #AD2215;
}
.pointMarker3 {
    background-color: #6599FF;
}
.pointMarker4 {
    background-color: #E429FF;
}
.pointMarker5 {
    background-color: #F91F0F;
}
.pointMarker6 {
    background-color: #FFDE00;
}
.pointMarker1:hover, .pointMarker2:hover, .pointMarker3:hover, .pointMarker4:hover, .pointMarker5:hover {
    background-color: #bc3315;
}
.pointMarker1:active, .pointMarker2:active, .pointMarker3:active, .pointMarker4:active, .pointMarker15:active {
    position: relative;
    top: 1px;
}

/* Brukes bl.a. i initUsersWorkList() setter format p felt som viser arbeidsøkts varighet, type ol */
.headerSubTitle {
    font-size: 11pt;
    font-style: italic;
    color: #777777;
    margin: 0px 0px 10px;
    padding-left: 10px;
    text-align: left;
}

.headerSubTitleSmall {
    font-size: 9pt;
    font-style: italic;
    color: #777777;
    margin: 0px 0px 10px;
    text-align: left;
}


.labelGuidingTextSmall {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #505050;
}

.labelGuidingTextMedium, .labelGuidingTextLarge {
    padding-right: 4px;
    /*padding-left: 10px;*/
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.labelGuidingTextLarge {
    font-size: 18px;
}

.labelDataTextLarge {
    color: var(--mLogg-text-blue);
    font-size: 20px;
    font-family: Helvetica Neue, sans-serif;
}

.labelDataTextMedium {
    color: var(--mLogg-text-blue);
    padding-right: 4px;
    font-size: 16px;
    font-family: Arial, sans-serif;
}

.labelDataTextSmall {
    /*color: #006BB7;*/
    /*color: var(--mLogg-text-blue);*/
    color: var(--mLogg-green);
    font-size: 14px;
    /*font-weight: bold;*/
    /*font-family: Arial, sans-serif;*/
    font-family: Helvetica Neue, sans-serif;
}

.dlgMargin {
    margin: 10px;
}

.dlgTitle {
    font-size: 16pt;
    font-weight: bold;
    color: #777777;
    margin: 0 0 0;
    text-align: left;
    margin-bottom: 10px;
    /*font-size: 22px;*/
    /*font-family: Roboto;*/
    /*background-color: white;*/
    /*text-align: left;*/
    /*!*color: #628CD5;*!*/
    /*color: #2A3A59;*/
}

.dlgSubTitle {
    font-size: 11pt;
    font-style: italic;
    color: #777777;
    margin: 0px 0px 10px;
    text-align: left;
}

.mainTextButtonGreen, .mainTextButtonRed, .mainTextButtonYellow {
    color: white;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    font-size: 14pt;
    height: 35px;
    background-color: #009933;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.labelHeaderPopup {
    font-size: 14pt;
    font-weight: bold;
    color: #777777;
}

.textAreaNotResize {
    resize: none;
}

.textAreaWithBorder {
    background-color: white;
    border: 2px solid var(--backgroundColor);
    border-radius: 5px;
    padding-top: 10px;
    padding-left: 10px;
}

.datagridBackground {
    background-color: #f6f8f9;
    border: 4px solid #888;
    border-radius: 10px;
}

.datagridBackground2 {
    background-color: white;
    border: 2px solid #777777;
    border-radius: 6px;
}

.datagridMargin {
    margin: 10px;
}

.imageButton16Blury {
    opacity: 0.2;
    /*padding-left: 3px;*/
    /*margin-right: 5px;*/
    padding-top: 4px;
}

.imageButton16Blury:hover {
    opacity: 1.0;
}

.imageButton16Blury[disabled] {
    opacity: 0.5;
}

.imageButton16Blury[disabled]:hover {
    opacity: 0.5;
}

.buttonIconGreen { /*Green icons 32px*/
    cursor: pointer;
    background-color: #009933;
    border-radius: 10px;
    border: transparent;
    padding: 5px;
    opacity: 1.0;
}

.buttonIconGreen:hover {
    background-color: #006600;
    border-radius: 10px;
}

.buttonIconGreen:active {
    background-color: #002200;
    border-radius: 10px;
}

.buttonIconGreen:focus-visible {
    background-color: #006600;
    border-radius: 10px;
}

.buttonIconGreen-up-disabled {
    background-color: #e2e3da;
    cursor: auto;
}

.dataGridFooter.tableFooterNumber {
    text-align: right;
    color: #0D66BF;
}

.dataGridWidget .tableFooterNumber {
    text-align: right;
    color: #0D66BF;
}

.myImgButton {
    cursor: pointer;
    opacity: 1.0;
    background: transparent;
    border-radius: 15px;
}

.myImgButton:hover {
    background-color: #e7e1e1;
    color: #ffffff;
}

.centerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.closeButtonImagePosition {
    position: absolute;
    top: 5px;
    right: 10px;
    opacity: 1.0;
}

.closeButtonImagePosition:hover {
    opacity: 0.5;
}

.imageButton {
    display: flex;
    padding: 0;
    border-width: 0;
    background: transparent;
}

.imageButton:focus-visible {
    outline: transparent;
}

.imageButtonImage {
    cursor: pointer;
    opacity: 1.0;
    background: transparent;
    border-radius: 50px;
    border: 2px solid transparent;
}

.imageButtonImage:hover {
    opacity: 0.8;
    background-color: rgba(73, 71, 71, 0.15);
}

.imageButtonImage:active {
    opacity: 0.9;
    background-color: rgba(73, 71, 71, 0.25);
}

.myImgBlurOnHover {
    padding: 2px;
    border-radius: 25%;
    border: 2px solid transparent;
    /*padding: 3px;*/
}

.myImgBlurOnHover:hover {
    opacity: 0.6;
}

.myImgBlurOnHover:active {
    /*background-color: #ffffff;*/
    border-radius: 25%;
    border: 2px solid var(--backgroundColor)
}


.panel1 {
    background-color: #EBECF0;
    border: 4px solid #628CD5;
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 10px;
}

.dialog-header-text {
    font-size: 14pt;
    font-weight: bold;
    padding: 10px;
}

.tableHeader {
    background-color: #2062B8;
    color: white;
    /*text-align: center;*/
    /*margin-left: 15px;*/
    font-style: italic;
    /*border: thin solid #444444;*/
    /*border-right-color: #111111;*/
    /*border-bottom-color: #111111;*/
    border-radius: 5px;
    margin-bottom: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.flexTableLabel {
    margin-left: 5px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-left: 2px;
}

.flexTableLabel:hover {
    color: gray;
}

.labelBorderBottom1px {
    background-color: #F9F9F9;
    border-bottom: 1px solid #006BB7;
    padding-left: 5px;
    padding-top: 5px;
}

.mainUIlabelFooter {
    font-family: 'Fira Mono', monospace;
    font-size: 14px;
    text-align: right;
}

.badge, .badge-active {
    /*font-family: Roboto sans-serif;*/
    font-size: 12px;
    align-items: center;
    /*background-color: #3498db;*/
    background-color: #2B6E66;

    border-radius: 5px;

    text-align: center;
    margin: 5px;
    padding: 4px;

}

.badge:hover {
    /*background-color: #40739e;*/
    background-color: #2B6E66;
    cursor: pointer;
}

.badge-active {
    background-color: #2b574f;
}

.badge-label {
    /*font-family: Roboto sans-serif;*/
    /*font-family: 'Helvetica Neue';*/
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 15px;
    align-items: center;
    font-weight: 200;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
}

.badge-numorder {
    font-family: 'Fira Mono', monospace;
    font-size: 16px;
    font-weight: bold;
    background-color: #01579b;
    padding: 3px;
    width: 30px;
    text-align: center;
    /*margin: 3px 3px 3px 3px;*/
    border: 2px solid;
    border-radius: 3px;
    color: white;
}

.badge-numtotal {
    font-family: 'Fira Mono', monospace;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 3px;
    margin-right: 3px;
    color: white;
}

.infoBoxBackground {
    /*background-color: #008E81;*/
    /*background-color: #3498db;*/
    background-color: #2B6E66;
}

.infoBoxBackground:hover {
    /*background-color: #00695b;*/
    /*background-color: #29619a;*/
    background-color: #429a91;
}


.infoBoxOneRowLabelHeader {
    color: white;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.infoBoxOneRowLabelDetail {
    color: white;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 2px;
    cursor: pointer;
}

.fieldLabelCenter {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.mainTextButtonRed, .mainTextButtonBlue, .buttonGreenSmall, .buttonRedSmall {
    color: white;
    height: 30px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.buttonRedSmall {
    background-color: #d20303;
}

.buttonRedSmall:hover {
    background-color: #bd3b3b;
}

.mainTextButtonBlue {
    background-color: #4485F5;
    opacity: 1.0
}


.mainTextButtonBlue:hover {
    background-color: #2062B8;
    opacity: 1.0
}

.mainTextButtonBlue:disabled {
    background-color: #2062B8;
    opacity: 0.5;
}


.buttonGreenSmall {
    background-color: #009933;
}

.buttonGreenSmall:hover {
    background-color: #006600;
}

.buttonGreenSmall:disabled {
    background-color: #006600;
    opacity: 0.5;
}

.mainTextButtonGreen, .mainTextButtonRed, .mainTextButtonYellow {
    color: white;
    text-align: center;
    vertical-align: middle;
    font-size: 14pt;
    /*height: 42px;*/
    /*line-height: 42px;*/
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.mainTextButtonGreen {
    background-color: #009933;
}

.mainTextButtonRed {
    background-color: #D74A38;
}

.mainTextButtonYellow {
    background-color: #edbc5d;
}

.mainTextButtonGreen:hover {
    background-color: #006600;
}

.mainTextButtonRed:hover {
    background-color: #a24231;
}

.mainTextButtonYellow:hover {
    background-color: rgba(175, 129, 41, 0.89);
}
.mainTextButtonYellow:active{
    background-color: #6b5b3a;
}

.mainTextButtonGreen_disabled {
    color: white;
    text-align: center;
    vertical-align: middle;
    font-size: 14pt;
    height: 42px;
    line-height: 42px;
    background-color: #006600;
    opacity: 0.6;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: default;
}

.buttonGreen, .buttonRed {
    color: white;
    text-align: center;
    vertical-align: middle;
    font-size: 12pt;
    /*height: 34px;*/
    /*line-height: 34px;*/
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    outline: 0;
}

.buttonGreen {
    background-color: #009933;
}

.buttonGreen:hover {
    background-color: #006600;
}

.buttonGreen_disabled {
    background-color: #006600;
    opacity: 0.5;
}

.buttonGreen_enabled {
    background-color: #009933;
    opacity: 1.0;
}

.buttonRed {
    background-color: #D74A38;
}

.buttonRed:hover {
    background-color: #bd3b3b;
}

.buttonRed_disabled {
    background-color: #bd3b3b;
    opacity: 0.5;
}

.myTextArea {
    outline: 0;
}

/*image only*/

.tabPageTitle {
    font-size: 16pt;
    font-weight: bold;
    color: #777777;
    margin: 0px 0px 0px;
    text-align: left;
    /*padding-left: 10px;*/
    /*padding-top: 10px;*/
}


.gwt-imagebutton-transparent {
    background-color: transparent;
    cursor: pointer;
}

.inputLabelTextBoxLabel-label1 {
    font-family: Roboto, sans-serif;
    /*font-weight: 700;*/
    font-size: 14px;
    margin-top: 14px;
    margin-right: 10px;
    margin-left: 10px;
}

.inputLabelTextBoxLabel-label2 {
    font-family: Roboto, sans-serif;
    /*font-weight: 700;*/
    font-size: 14px;
    margin-top: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.inputLabelTextBoxLabel-textbox {
    margin-top: 10px;
}

.inputLabelTextBoxLabel-flow {
    border: 5px #0D66BF;
    background-color: #ece7dd;
    border-radius: 5px;
}

.msgTableItemPanel {
    margin-bottom: 10px;
    border: 3px #0D66BF;
    /*background-color: bisque;*/
    background-color: rgba(223, 225, 230, 0.64);
    border-radius: 5px;
}

.msgTableItemPanel:hover {
    background-color: #989a9d;
    /*color: white;*/
}

.msgTableItemPanelSelected {
    /*margin: 6px;*/
    /*background-color: #ddc3a9;*/
    background-color: rgba(178, 180, 183, 0.98);
    /*margin-right: 15px;*/
    /*color: white;*/
}

.msgTextContainer {
    padding-left: 10px;
    cursor: pointer;
    /*height: 100px;*/
}

.msgAddressName {
    font-weight: bold;
    /*color: #0D66BF;*/
}

.msgMessage {
    font-family: Roboto Mono, sans-serif;
    font-size: 16px;
    color: #0D66BF;
}

.msgImage {
    cursor: pointer;
    margin: 5px;
    border-radius: 6px;
}

.msgCommentPanel {
    padding: 16px 16px 16px 130px;
    background-color: #e2e3da;
    border-radius: 5px;
}

.msgCommentItem {
    background-color: #FAFAFA;
    padding: 4px;
    border-radius: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.myRadioButtonPanel {
    cursor: pointer;
    opacity: 1.0;
    border: 1px solid #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.myRadioButtonImg {
    padding-left: 5px;
    padding-top: 3px;
}

.myRadioButtonCbOn, .myRadioButtonCbOff {
    font-family: sans-serif;
    font-weight: normal;
    border-radius: 3px 0 0 3px;
    height: 25px;
    width: 25px;
    padding-bottom: 7px;
    text-indent: 7px;
    cursor: pointer;
}

.myRadioButtonCbOn {
    /*background-color: #4DCB6D;*/
    background-color: #0080ff;
    /*color: #9CE2AE;*/
    color: white;
    font-weight: bold;
}

.myRadioButtonCbOff {
    background-color: #D1D3D4;
    color: #D1D3D4;
}

.myRadioButtonCbOff:before:hover {
    color: #888;
}

.myRadioButtonCbOn:before {
    content: "\2022";
    font-size: 30px;
    padding-bottom: 3px;
}

.myRadioButtonLabelOn, .myRadioButtonLabelOff {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    color: #2A3A59;
    text-align: left;
    font-weight: bold;
}

.myRadioButtonLabelOn {
    font-weight: bold;
}

.myRadioButtonLabelOff {
    font-weight: lighter;
}

.helpBoxText {
    padding-right: 4px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #ff9900;
    font-style: italic;
}

.fieldComment {
    color: #ff9900;
    font-style: italic;
    font-size: 10px;
    width: 100%;
}

.fieldCommentReadable {
    color: blue;
    font-style: italic;
    font-size: 12px;
    width: 100%;
}

.sendCallout {
    color: white;
    font-size: 14pt;
    height: 50px;
    background-color: #009933;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 6px;
}

.sendCallout:hover {
    background-color: #006600;
}

.paddedHorizontalPanel {
    padding: 10px;
}

.orderStatusArriveWeekendToday {
    background-color: rgb(0, 204, 204);
    color: rgb(0, 204, 204);
}

.orderStatusArriveWeekendToday:hover {
    background-color: rgb(0, 120, 120);
    color: rgb(0, 120, 120);
}

.orderStatusArriveWeekendLater {
    background-color: rgba(0, 112, 112, 0.4);
    color: rgba(0, 112, 112, 0.0);
}

.orderStatusArriveWeekendLater:hover {
    background-color: rgb(0, 112, 112);
    color: rgb(0, 112, 112);
}

.orderStatusArriveToday {
    background-color: rgb(250, 10, 174);
    color: rgb(250, 10, 174);
}

.orderStatusArriveToday:hover {
    background-color: rgb(133, 1, 90);
    color: rgb(133, 1, 90);
}

.orderStatusArriveLater {
    background-color: rgba(184, 13, 130, 0.5);
    color: rgba(0, 0, 0, 0);
}

.orderStatusArriveLater:hover {
    background-color: rgba(184, 13, 130, 0.9);
    color: rgba(0, 0, 0, 0);
}

.orderStatusDepartureWeekendToday {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 0);
    border: 3px solid rgba(0, 180, 180, 0.8);
}

.orderStatusDepartureWeekendToday:hover {
    background-color: rgba(214, 250, 212, 0.3);
    color: rgba(0, 0, 0, 0);
    border: 3px solid rgba(0, 204, 204, 0.8);
}

.orderStatusDepartureWeekendLater {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 0);
    border: 3px solid rgba(0, 112, 112, 0.4);
}

.orderStatusDepartureWeekendLater:hover {
    background-color: rgba(214, 250, 212, 0.3);
    color: rgba(0, 0, 0, 0);
    border: 3px solid rgba(0, 112, 112, 0.4);
}

.orderStatusDepartureToday {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 0);
    border: 3px solid rgba(250, 10, 174, 1.0);
}

.orderStatusDepartureToday:hover {
    background-color: rgba(214, 250, 212, 0.3);
    color: rgba(0, 0, 0, 0);
    border: 3px solid rgba(250, 10, 174, 0.6);
}

.orderStatusDepartureLater {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 0);
    border: 3px solid rgba(160, 160, 160, 0.8);
}

.orderStatusDepartureLater:hover {
    background-color: rgba(214, 250, 212, 0.3);
    color: rgba(0, 0, 0, 0);
    border: 3px solid rgba(160, 160, 160, 0.8);
}

.myCheckBox {
    color: var(--mLogg-green);
    font-size: 16px;
    font-weight: bold;
}

.mapTopPanelContent {
    color: var(--mLogg-green);
    background-color: white;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid darkgray;
    border-radius: 10px;
}

.labelMapEditText {
    font-size: 18px;
    background-color: white;
    padding-top: 7px;
    padding-left: 10px;
    border-radius: 4px;
    color: #0D66BF;
    opacity: 0.9;
    margin-left: 4px;
    margin-right: 15px;
}

.textBoxPhone {
    margin-left: 5px;
}

.smsEditableField {
    background: rgba(204, 204, 204, 0.13);
    border: solid #cccc;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 5px;
}

.textBoxUnderline {
    background-color: white;
    border-bottom: 1px solid #006BB7;
    border-radius: 3px;
    padding-left: 5px;
    padding-top: 5px;
    height: 15px;
}

.propertyAndAddressName {
    font-size: 10px;
    color: #993300;
}

.labelMonthSelectorDateRange {
    font-size: 32px;
    color: #040d77;
    font-family: Verdana, sans-serif;
}

.buttonIconBase {
    opacity: 1.0;
    background: transparent;
    border-radius: 25%;
    /*text-align: center;*/
    /*display: block;*/
    border: 2px;
    width: 30px;
    height: 28px;
    margin: auto;

    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.buttonIconBase:hover {
    opacity: 0.5;
}

.buttonIconBase[disabled] {
    opacity: 0.2;
}

.buttonIconBase:active {
    background: #999999;
}

.buttonIconBase[disabled]:hover {
    opacity: 0.3;
}


.popupPanelContainerBlue {
    padding: 10px;
    background-color: white;
    border: 3px solid #888;
    border-radius: 5px;
}

.tablegridCellInt {
    padding-right: 10px;
    font-weight: bold;
    /*background-color: var(--backgroundColor);*/
}

.listBoxCommon {
    overflow: hidden !important;
    outline: 0;
    border-radius: 5px;
    background: white;
    font-size: 15px;
    /*color: var(--smart-blue-hover);*/
    border-style: solid;
    border-color: var(--backgroundColor);
    border-width: 2px;
    padding: 4px;
}

.myTextBox {
    overflow: hidden !important;
    outline: 0;
    border-radius: 5px;
    background: white;
    font-size: 15px;
    /*color: var(--smart-blue-hover);*/
    border-color: var(--backgroundColor);
    border-width: 2px;
    padding: 4px;
}


.fullPageLabelUtw {
    margin-left: 20px;
    padding: 5px;
    color: gray;
    font-weight: bold;
    cursor: pointer;
}

.fullPageLabelUtw:hover {
    background: #E0ECF8;
}

.LabelUtwGreen {
    border-left: 5px solid green;
}

.LabelUtwBrown {
    border-left: 5px solid rosybrown;
}

.LabelUtwBlue {
    border-left: 5px solid #ADD8E6;
}

.labelA {
    overflow: hidden !important;
    outline: 0;
    border-radius: 5px;
    background: white;
    font-size: 14px;
    height: 20px;
    /*color: var(--smart-blue-hover);*/
    border-color: var(--backgroundColor);
    border-width: 2px;
    padding-top: 7px;
    padding-left: 10px;
    padding-bottom: 4px;
}

.popupToastMsg {
    background-color: rgb(251, 251, 251);
    /*border: #6c7c7c;*/
    border: 3px solid darkgray;
}

.labelToastMsg {
    font-size: 24px;
    /*color: #ef8616;*/
    color: #0B2161;
    font-family: Verdana, sans-serif;
    /*font-weight: bold;*/
    margin: 15px;
}

.overlayPopup {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fafafa;
}

.overlayActionLabel {
    background: #fafafa;
    color: #3d3d3d;
    font-size: 16px;
    height: 24px;
}

.overlayActionLabel:hover {
    color: #193375;
    background: #CCCCCC;
}

.subTextLabel {
    color: var(--mlogg-blue);
    font-size: 14px;
}

.popupPanel {
    border-radius: 10px;
    background-color: #fafafa;
    border: 2px solid var(--mlogg-dark-grey)
}

/*.popupPanelNews {
    border-radius: 5px;
    !*background-color: #ffecb3;*!
    !*background-color: rgba(234, 187, 0, 1.0);*!
    margin: 10px;
}*/

.popupPanelNews {
    /*width: 480px;*/
    border: 1px outset gray;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
    /*-webkit-box-shadow: 1px 1px 5px rgba(0, 143, 190, 0.4);*/
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    background-color: #FFFBE5;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 7px;
}

.newsText {
    font-family: Helvetica Neue, sans-serif;
    font-size: 16px;
    /*font-weight: bold;*/
    margin-left: 6px;
    color: #505050;
}

.labelWithBorder {
    border: 1px solid rgba(110, 107, 107, 0.82);
    border-radius: 3px;
    padding: 5px;
    height: 14px;
    font-size: 12px;
    background-color: white;
}

.routeDummyRow {
    background-color: #fcd303 !important;
}

.loader {
    border: 6px solid transparent;
    border-radius: 50%;
    border-top: 6px solid var(--mlogg-blue);
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--smart-green);;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.accruedHistoryOverlay {
    border: 2px solid var(--smart-green);
    background: #f4f4f4;
    font-size: 12px;
    padding: 10px;
    margin-left: 5px;
    margin-top: 3px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.utwCard {
    margin-bottom: 5px;
    background-color: white;
    border-left: 5px outset #1b51c4;
    border-top: 1px outset lightgray;
    border-right: 1px outset lightgray;
    border-bottom: 1px outset lightgray;
    border-radius: 5px;
}

.utwCard:hover {
    /*background-color: #c3e2f5;*/
    background-color: #d9dad9;
}

.utwCard:active {
    /*background-color: #9abfe1;*/
    background-color: #bfc2bf;
}

.utwCardSelected {
    /*background-color: #f1f0f0;*/
    background-color: #eeefee;
    border: 1px outset gray;
    border-left: 5px outset gray;
    margin-bottom: 5px;
    border-radius: 5px;
}

.utwCardHeader {
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    height: 30px;
}

.utwCardRouteName {
    font-size: 12px;
    font-family: Helvetica Neue, sans-serif;
    font-weight: bold;
    color: #505050;
    cursor: pointer;
}

.flowPanelInScrollPanel {
    margin-right: 50px;
    /*padding-right: 50px;*/
}

.flexContainerScrollPanel {
    width: auto;
}

.textLightGreen {
    color: var(--smart-green-light);
    font-family: Helvetica Neue, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.closeButtonImagePosition {
    position: absolute;
    top: 7px;
    right: 10px;
    opacity: 1.0;
}

.tableRowIndicator {
    background-color: rgb(93, 157, 232);
    color: rgb(93, 157, 232);
    border-radius: 40px;
    height: 16px;
    width: 16px;
    font-size: 10px;
}

.tableRowIndicator:hover {
    background-color: rgb(93, 157, 232);
    color: rgb(93, 157, 232);
}

.tableRowIndicatorCell {
    padding: 3px !important;
}

.activitiesInProgressCount {
    color: white;
    padding: 5px;
    margin: 2px;
    border: 3px solid #777777;;
    border-radius: 5px;
    cursor: pointer;
}

.activitiesInProgressCount:hover {
    opacity: 0.8;
}

.activitiesInProgressCountOff {
    border: 3px solid white;
    border-radius: 5px;
    opacity: 0.3;
}

/*
.checkBoxGuidingText {
    padding-left: 13px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    color: #3d3d3d
}
*/

.headerSmall {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 13px;
    /*color: #3d3d3d;*/
    color: var(--mlogg-dark-grey);
}

.headerSmallBlue {
    color: var(--smart-light-blue);
}

.widgetBackground {
    background-color: #F0F0F0;
    border: 3px solid #F0F0F0;
    border-radius: 5px;
}

.labelWhiteRounded {
    border: 2px solid var(--backgroundColor);
    border-radius: 4px;
    background-color: white;
    color: #3d3d3d;
}

.labelContainer {
    border: 2px solid var(--backgroundColor);
    top: 50%;
    border-radius: 4px;
    background-color: white;
    color: #3d3d3d;
    /*    margin: auto;
        text-align: center;
        width:50%;*/

    /*width: 50%;*/
    /*padding: 10px;*/
}

.buttonRefreshToggle,
.buttonRefreshToggle-down,
.buttonRefreshToggle-down-hovering,
.buttonRefreshToggle-up,
.buttonRefreshToggle-up-hovering {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}

.buttonRefreshToggle-down,
.buttonRefreshToggle-down-hovering {
    background: #3d3;
    border-radius: 40px;
}

.routePlannerMapTopPanel > * {
    margin-left: 10px;
    margin-bottom: 8px;
    border-spacing: 0;
    height: 29px;
    padding: 2px;
}

.routePlannerMapTopPanel {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.buttonExpandCollapse {
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.suggestOracleInput {
    width: 206px;
    padding-left: 8px;
}

.helpInfoPopup {
    padding: 10px;
    background: rgb(255, 253, 209);
    border: 3px solid #FFED63FF;
    border-radius: 10px;
}

.inputPopup {
    padding: 4px;
    background: orangered;
    border: 2px solid red;
    border-radius: 10px;
}

.copiedPopup {
    padding: 5px;
    background: whitesmoke;
    border: 1px solid lightgray;
    border-radius: 10px;
}

.popupPanelContainer {
    padding: 10px;
    background-color: white;
    /*background-color: var(--smart-turquoise);*/
    border: 3px solid var(--smart-light-blue);
    border-radius: 5px;
}

.popupPanelButton {
    position: absolute;
    top: 10px;
    right: 10px;
}

.driverButtonBulletProgressBar {
    display: flex;
}

.smallButton {
    cursor: pointer;
    opacity: 1.0;
    background: transparent;
    border-radius: 15px;
}

.smallButton:hover {
    opacity: 1.0;
    background-color: var(--backgroundColor);
}

.smallButton:active {
    opacity: 1.0;
    background-color: rgba(73, 71, 71, 0.25);
}

.badgeStyle {
    background-color: white;
    border: 1px solid #777777;
    padding: 4px;
    border-radius: 10px;
    margin-bottom: 12px;
}

.labelInTable {
    color: #2A3A59;
    cursor: pointer;
    padding: 2px;
}

.labelInTable:hover {
    color: var(--mLogg-text-blue);
}

.myTableRow {
    background-color: #ECEFF1;
    font-family: Helvetica Neue, sans-serif;
    overflow: hidden !important;
    outline: 0;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14pt;
    /*width: 100%;*/
    cursor: pointer;
}

.labelInTable:active {
    color: #626b80;
    background-color: var(--smart-blue-hover);
}

.labelPrompt {
    margin-top: 3px;
    padding-right: 4px;
    padding-left: 3px;
    font-size: 13px;
    color: #777777;
    font-family: Helvetica Neue, sans-serif;
    font-weight: bold;
}

.setPosUpperRight {
    position: absolute;
    top: 3px;
    right: 10px;
    opacity: 1.0;
}

.gwt-Tree .gwt-TreeItem {
    padding: 1px 0px;
    margin: 0px;
    white-space: nowrap;
    /* cursor: hand;*/
    cursor: pointer;
    font-family: Helvetica Neue, sans-serif;
    font-size: 18px;
}

.gwt-Tree .gwt-TreeItem-selected {
    background: #ebeff9;
}

.gwt-TreeItem .gwt-RadioButton input {
}


.gwt-TreeItem .gwt-CheckBox input {
    margin-left: 0px;
}

.imageButton {
    border: 4px transparent;
    border-radius: 5px;
    cursor: pointer;
}

.imageButton:hover {
    opacity: 0.5;
}

.imageButton:active {
    border: 4px var(--mlogg-blue);
}
.table-row-even{
    background: #ebeff9;
}
.table-row-dd{
    background: white;
}

.smallProgressButton {
    background-color: transparent; /* changed from white and lightgray*/
    border: 2px solid transparent;
    padding-left: 4px;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    border-radius: 5px;
}

.smallProgressButton:hover {
    /*background-color: #c3e2f5;*/
    background-color: #d9dad9;
}

.smallProgressButton:active {
    /*background-color: #9abfe1;*/
    background-color: #bfc2bf;
}

.smallProgressButtonActivityButton {
    border-radius: 5px;
}

.setPosUpperRight {
    position: absolute;
    top: 3px;
    right: 10px;
    opacity: 1.0;
}

.gwt-Tree .gwt-TreeItem {
    padding: 1px 0px;
    margin: 0px;
    white-space: nowrap;
    /* cursor: hand;*/
    cursor: pointer;
    font-family: Helvetica Neue, sans-serif;
    font-size: 18px;
}

.gwt-Tree .gwt-TreeItem-selected {
    background: #ebeff9;
}

.gwt-TreeItem .gwt-RadioButton input {
}


.gwt-TreeItem .gwt-CheckBox input {
    margin-left: 0px;
}

.table-row-even {
    /*background: #ebeff9;*/
    background: #F0F0F0;
}

.table-row-odd {
    background: white;
}

.messageSenderContainer {
    background-color: lightgrey;
    width: 380px;
    padding-top: 2px;
    padding-left: 2px;
    margin-bottom: 2px;
    margin-right: 4px;
    border-radius: 6px;
}

.chatCard {
    background: #ffffff;
    border: 1px solid var(--smart-green);
    border-radius: 10px;
    margin-top: 6px;
    margin-right: 4px;
    margin-left: 8px;
    padding: 5px;
}

.chatGroupTableRow {
    padding: 7px;
    border: 1px solid var(--smart-green);
    border-radius: 10px;
    background-color: white;
    cursor: pointer;
}

.chatGroupTableRow:hover {
    background-color: #EFF0EF;
}

.chatGroupTableRow:active {
    background-color: #DFE0DF;
}

.chatGroupTableRowSelected {
    background-color: #1b51c422;
}

.chatGroupLabel {
    font-family: Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.chatGroupLabelUnread {
    font-weight: bold;
}

.chatGroupLabelMessage {
    color: var(--smart-green);
}

.chatGroupLabelDate {
    color: #A0A0A1
}

.truncatedLabel {
    white-space: nowrap; /* Prevent the text from wrapping */
    overflow: hidden; /* Hide the overflow text */
    text-overflow: ellipsis; /* Show an ellipsis when the text is too long */
    display: block; /* Make it a block element */
}

.regionActivityProgress {
    color: white;
    padding: 5px;
    margin: 2px;
    cursor: pointer;
}

.regionActivityProgress:hover {
    opacity: 0.8;
}

.regionActivityProgressSelected {
    border: 3px solid transparent;
    border-radius: 4px;
}

.regionActivityProgressOff {
    opacity: 0.2;
}

.regionCard {
}

.regionCard:hover {
    background-color: #d9dad9;
}

.regionCard:active {
    background-color: #bfc2bf;
}

.regionCardSelected {
    background-color: #d3e4ef;
}

.mapToolbarDisplay {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.dlgGridStandard {
    width: 295px !important;
    overflow: hidden !important;
    outline: 0;
    border-radius: 5px;
    background: white;
    font-size: 15px;
    border-style: solid;
    border-color: var(--backgroundColor);
    border-width: 2px;
    padding: 3px;
}

.disabledRow {
    opacity: 0.5;
    pointer-events: none;
}

.disabledText {
    opacity: 70%;
}

.labelPair {
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
}

.labelDateRange {
    font-size: 26px;
    color: #040d77;
    font-family: Verdana, sans-serif;
}

.seasonYearLabel {
    font-size: 20px;
    color: #696969;
    font-family: Verdana, sans-serif;
}

.alignRight {
    text-align: right;
}

.cw-GridHeader {
    background-color: #f2f2f2;
    font-weight: bold;
}

.cw-GridRow-odd {
    background-color: #ffffff;
}

.cw-GridRow-even {
    background-color: #eaf2f8;
}

.status-label {
    font-size: 16px;
    color: #777777;
    vertical-align: middle;
}

.minWidth500 {
    min-width: 700px !important;
}

.minWidth300 {
    min-width: 300px !important;
}

.centerGrid {
    display: grid;
}

.fieldCommentInfo {
    color: var(--mlogg-blue);
    font-style: italic;
    font-size: 12px;
    width: 100%;
}

.label-key {
    font-weight: bold;
    font-style: italic;
    color: #000000;
    padding-right: 5px;
    font-size: 16px;
}

.label-value {
    font-weight: normal;
    color: var(--mLogg-text-blue);
    font-size: 20px;
}

.customButton {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
    transition: transform 0.1s ease, filter 0.2s ease;
    user-select: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-user-select: none;
}

.customButton:hover {
    filter: brightness(110%);
}

.customButton-disabled {
    cursor: not-allowed;
    filter: grayscale(80%);
    opacity: 0.6;
    box-shadow: none;
    pointer-events: none;
}

.customButton-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.customButton-text {
    font-size: 14px;
    font-weight: 500;
}

.customButton-icon {
    width: 20px;
    height: 20px;
}

.gridContainerStyle {
    background-color: #f3f7fb;
    border: 4px solid var(--backgroundColor);
    border-radius: 5px;
}

.popupHeader {
    font-size: 12px;
    font-family: Verdana, sans-serif;
    color: var(--mLogg-text-blue);
}

.popupLabel {
    font-size: 10px;
    font-style: italic;
    color: var(--mLogg-text-blue);
}

.cellBtn {
    background-color: black;
    border: none;
    padding: 2px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    border-radius: 4px;
    transition: background 0.2s;
}

.cellBtn:hover {
    background-color: #f0f0f0;
}



.excel-download-popup {
    border: 4px solid #ccc;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    min-width: 350px;
}

.popup-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.popup-question {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

.clean-popup {
    border: none !important;
    background: transparent !important;
    box-shadow: none;
}

.counter-limit-reached {
    color: #d9534f;
    font-weight: bold;
}

.payDateSet {
    background: linear-gradient(to right, white, #D1FFBD) !important;
}

.gwt-DataGrid .payDateSet.gwt-DataGrid-selectedRowCell {
    background-color: #85BB65 !important;
}