.ui-menu {
 width: 200px;
 min-height: 4.5vh; /* définit la hauteur minimale du menu (dépendante de la valeur de font-size) */
 background-color:Silver;
  z-index:9999;
 }
 ul#menu {
 width: 99.8vw; /* définit la largeur totale du menu */
 font-size:large;
 z-index:5001;
 }
 ul#menu>li {
 width: 250px; /* définit la largeur des items de niveau 1 */
 float: left; /* définit le positionnement des items de niveau 1 */
 z-index:5000;
 font-size:large;
 text-align:center;
 }
 ul#menu>ul>div {
    border:1px solid black;
 }
 .ui-menu-icon 
 {
     display:none;
 }
 .clsUnderConstruction 
 {
     cursor:pointer;
 }
 .clsDispatchFile{
    cursor:pointer;
 }
#map
{
    width: 98vw;
    left: 2vw;
    top: 3vh;
    position:fixed;
    height: 96.9vh;
}
#divSideMenu {
    position: relative;
    z-index: 9998;
    background-color: var(--leftScreenMenuColor);
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 100vh;
    width: 11vw;
    text-align: left;
    padding-top: 5px;
    pointer-events: all;
}
#divLeftScreenMenu {
    display: block !important;
}
.lastVisibleSideMenu {
    border-bottom: none !important;
}

.clsNotVisible{
    /*display:none;*/
}

.divSubSideMenu span 
{
    padding-left : 10px;
    cursor:pointer;
}

/*#mapWrapper 
{
  position:absolute;
  top:3.2vh;
  left:0px;
  
  height: calc(93.5vh);
  width:99.8vw;
}*/
/*#infobox {
position: relative;
line-height: 12pt;
margin-top: 8px;
padding: 1em;
background-color: #374c5d;
color: #FFF;
margin: 1px;
width: 800px;
z-index: 99999;
}*/
.button
{
    border-radius: 5px;
    cursor:pointer;
    background-color:#eaeaea;
    border-color: black;
}
.button:hover 
{
    border-color:#0000b0;
}
#divSubInfo
{
    max-height: 200px;
}
.tableExtraInfo 
{
    margin: 0 auto;
    border-collapse:collapse;
}
.tableExtraInfo th {
    border: 1px solid var(--tableBorderColor);
    text-align: center;
}
.tableExtraInfo td {
    border: 1px solid var(--tableBorderColor);
    text-align: center;
}
.tableExtraInfo tr {
    border: 2px inset var(--tableBorderColor);
    text-align: center;
}
.optionTables
{
    width: auto;
    border: 1px solid #0006;
    text-align:center;
    font-size:12px;
    left:0px;
    margin-left:6px;
    background-color:rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    padding: 5px;
    border: 2px solid rgba(0,0,0,0.90);
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
.optionTables th
{
    border: 2px outset black;
    cursor:default;
}
.optionTables td
{
    border: 1px outset rgba(1, 0, 6, 0.39);
    cursor:default;
}
i {
        cursor: pointer;
}

#divOptions 
{
}
.lblCounts 
{
    font-weight:bold;
    font-size:14px;
}
#divSearches
{
    padding:5px;
}
#divAllOptions, #divAllSearches, #divAllMessageBoard, #divAllTools, #divAllServicesFilters {
    margin-right: 10px;
    margin-top: 15px;
    float: right;
    clear: right;
    position: relative !important;
    pointer-events:all;
    /*top:0px !important;*/
}

#btnShowInfo, #btnShowServicesFilters, #btnShowSearches {
    margin-left: 3px;
    color: var(--highlightTextColor);
}

#btnShowTools {
    color: Gray;
}
#btnShowMessageBoard
{
    color:Blue;
}
#divGroup 
{
    top:55px !important;
}
.ui-autocomplete {
    min-height: 0px !important;
    height:auto !important;
    max-height:400px;
    /* prevent horizontal scrollbar */
    overflow-x: hidden !important;
}

.ui-state-active, .ui-menu
{
    margin:0px!important;
}

.ui-state-active
{
    border:none!important;
}
.gm-style img 
{
    height:32px;
}
.divSubElements {
    padding-left:20px !important;
}

/*CSS Ajouté par Mathieu Auger le 2020-02-21*/
:root {
    --highlightTextColor: #2F80ED;
    --hoverHighlightTextColor: #2264be;
    --hoverCancelTextColor: #be2222;
    --darkHighlightTextColor: #1d4883;
    --darkCancelTextColor: #831d1d;
    --selectedMenuColor: #52ac56;
    --hoverSelectedMenuColor: #4a8f4d;
    --notSelectedColor: #535353;
    --notSelectedHoverColor: #444444;
    --normalTextColor: #FFFFFF;
    --titleTextColor: #FFFFFF;
    --btnBorderColor: rgba(0, 0, 0, 0.00);
    --outlineColor: rgba(0, 0, 0, 0.00);
    --modalWindowBackgroundColor: #313131;
    --loginWindowBackgroundColor: rgba(0,0,0,0.8);
    --backgroundColor: #111111;
    --textboxFrontLabelColor: #353535;
    --textboxColor: #1d1d1d;
    --sidebarColor: #272727;
    --leftScreenMenuColor: #313131;
    --tableBorderColor: #4E4E4E;
    --cancelTextColor: #ed2f2f;
    --hoverTextColor: rgba(171, 171, 171);
    --errorBackgroundColor: #2f0303;
    --errorBorderColor: #ff0000;
    --ActiveEyeColor: #9191c1;
    --NoManagedServicesColor: #774d19;
}

body {
    overflow: hidden !important;
    position: relative !important;
    width: 100vw !important;
    height: 100vh !important;
    background: var(--backgroundColor) !important;
}

.HighlightTextStyle {
    color: var(--highlightTextColor);
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

.NormalTextStyle {
    color: var(--normalTextColor);
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
}

.TitleTextStyle {
    color: var(--titleTextColor);
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 23px;
    text-decoration:underline;
}

.SubTitleTextStyle {
    color: var(--titleTextColor);
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
}

.subInfoContent {
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 6px !important;
    background: var(--modalWindowBackgroundColor) !important;
    background-color: var(--modalWindowBackgroundColor) !important;
    width: auto;
    height: auto;
    border: 1px solid var(--highlightTextColor) !important;
    padding-bottom: 17px;
    box-sizing: border-box !important;
    cursor: default;
}
.ModalWindowStyle .row {
    padding:4px !important;
}

.ModalWindowStyle {
    background-color: var(--modalWindowBackgroundColor) !important;
    background: var(--modalWindowBackgroundColor) !important;
    border: 1px solid var(--highlightTextColor) !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
}

.LoginWindowStyle {
    background-color: var(--loginWindowBackgroundColor) !important;
    max-width: 50vw !important;
    background: var(--loginWindowBackgroundColor) !important;
    border: 1px solid var(--highlightTextColor) !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
}

.MainButtonStyle {
    background: var(--highlightTextColor);
    border-radius: 6px;
    height: 48px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: var(--normalTextColor);
    border: solid 1px var(--btnBorderColor) !important;
    min-width: 90px;
}

.CancelButtonStyle {
    background: var(--cancelTextColor);
    border-radius: 6px;
    height: 48px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: var(--normalTextColor);
    border: 1px solid var(--btnBorderColor) !important;
    min-width: 90px;
}

.CancelButtonStyle:hover {
    border: 1px solid var(--normalTextColor) !important;
    color: var(--normalTextColor);
    background: var(--hoverCancelTextColor);
}

.CancelButtonStyle:active {
    background: var(--darkCancelTextColor);
    outline-color: var(--outlineColor);
    color: var(--normalTextColor);
}

.CancelButtonStyle:focus {
    outline-color: var(--outlineColor);
    border: solid 1px var(--normalTextColor) !important;
    color: var(--normalTextColor);
    background: var(--hoverCancelTextColor);
}

.MainButtonStyle:hover {
    border: solid 1px var(--normalTextColor) !important;
    background: var(--hoverHighlightTextColor);
    color: var(--normalTextColor);
}

.MainButtonStyle:active {
    background: var(--darkHighlightTextColor);
    outline-color: var(--outlineColor);
    color: var(--normalTextColor);
}

.MainButtonStyle:focus {
    outline-color: var(--outlineColor);
    border: solid 1px var(--normalTextColor) !important;
    color: var(--normalTextColor);
    background: var(--hoverHighlightTextColor);
}

.SelectedButtonStyle {
    background: var(--selectedMenuColor);
    border-radius: 6px;
    height: 48px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: var(--normalTextColor);
    border: 1px solid var(--normalTextColor) !important;
    min-width: 90px;
}

.SelectedButtonStyle:hover {
    border: 1px solid var(--normalTextColor) !important;
    color: var(--normalTextColor);
    background: var(--selectedMenuColor);
}

.SelectedButtonStyle:active {
    background: var(--selectedMenuColor);
    outline-color: var(--outlineColor);
    color: var(--normalTextColor);
}

.SelectedButtonStyle:focus {
    outline-color: var(--outlineColor);
    border: solid 1px var(--normalTextColor) !important;
    color: var(--normalTextColor);
    background: var(--selectedMenuColor);
}

.NotSelectedButtonStyle {
    background: var(--notSelectedColor);
    border-radius: 6px;
    height: 48px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: var(--normalTextColor);
    border: 1px solid var(--btnBorderColor) !important;
    min-width: 90px;
}

.NotSelectedButtonStyle:hover {
    border: 1px solid var(--normalTextColor) !important;
    color: var(--normalTextColor);
    background: var(--notSelectedHoverColor);
}

.NotSelectedButtonStyle:active {
    background: var(--notSelectedHoverColor);
    outline-color: var(--outlineColor);
    color: var(--normalTextColor);
}

.NotSelectedButtonStyle:focus {
    outline-color: var(--outlineColor);
    border: solid 1px var(--normalTextColor) !important;
    color: var(--normalTextColor);
    background: var(--notSelectedHoverColor);
}

.TextBoxFrontLabelStyle {
    border: 1px solid var(--highlightTextColor);
    box-sizing: border-box;
    border-radius: 6px 0px 0px 6px;
    color: var(--normalTextColor);
    background: var(--textboxFrontLabelColor);
    vertical-align: middle;
    height: 48px;
    line-height:5px; !important;
    padding-left: 6px !important;
}

.noPadding {
    padding: 0px !important;
}

.noMargin {
    margin: 0px !important;
}

.TextBoxStyle {
    background: var(--textboxColor);
    border: 1px solid var(--highlightTextColor);
    box-sizing: border-box;
    border-radius: 0px 6px 6px 0px;
    height: 48px;
    padding-left: 5px !important;
}

.DropDownListStyle {
    background: var(--textboxColor);
    border: 1px solid var(--highlightTextColor);
    box-sizing: border-box;
    border-radius: 0px 6px 6px 0px;
    height: 48px;
    padding-left: 5px !important;
}

.DropDownListStyle option {
    background-color: var(--backgroundColor);
}

.DropDownListStyle:focus {
    border: 2px solid;
    outline-color: var(--outlineColor);
    -webkit-transition: 0.75s;
    transition: 0.75s;
    /*shadow*/
    -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

.DropDownListStyle:disabled {
    cursor: not-allowed;
    background-color: #dddddd;
    outline-color: var(--outlineColor);
}

.TextBoxStyle:focus {
    border: 2px solid ;
    outline-color: var(--outlineColor);
    -webkit-transition: 0.75s;
    transition: 0.75s;
    /*shadow*/
    -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

.TextBoxStyle:disabled {
    cursor: not-allowed;
    background-color: #dddddd;
    outline-color: var(--outlineColor);
}

.CheckBoxStyle input[type="checkbox"] {
    opacity: 0;
}

/*Checkbox outline*/
.CheckBoxStyle label::before {
    cursor: pointer;
    position: absolute;
    top: -10px;
    left: -15px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 1px solid var(--highlightTextColor);
    border-radius: 3px;
    background: var(--modalWindowBackgroundColor);
}

/*Checkbox checkmark*/
.CheckBoxStyle label::after {
    left: -11px;
    top: -6px;
    cursor: pointer;
    position: absolute;
    content: "";
    display: inline-block;
    height: 6px;
    width: 9px;
    border-left: 2px solid var(--modalWindowBackgroundColor);
    border-bottom: 2px solid var(--modalWindowBackgroundColor);
    transform: rotate(-45deg);
}

.CheckBoxStyle label {
    position:relative;
    cursor:pointer;
}

.CheckBoxStyle input[type="checkbox"] + label::after{
    content:none;
}

.CheckBoxStyle input[type="checkbox"]:checked + label::after{
    content:"";
}
.CheckBoxStyle input[type="checkbox"]:checked + label::before {
    background: var(--highlightTextColor);
}

.CheckBoxStyle input[type="checkbox"]:focus + label::before{
    outline: var(--highlightTextColor) auto 5px;
}

.CheckBoxListStyle input[type="checkbox"] {
    opacity: 0;
    display:none;
}

/*Checkbox outline*/
.CheckBoxListStyle label::before {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: -20px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 1px solid var(--highlightTextColor);
    border-radius: 3px;
    background: var(--modalWindowBackgroundColor);
}

/*Checkbox checkmark*/
.CheckBoxListStyle label::after {
    left: -16px;
    top: 4px;
    cursor: pointer;
    position: absolute;
    content: "";
    display: inline-block;
    height: 6px;
    width: 9px;
    border-left: 2px solid var(--modalWindowBackgroundColor);
    border-bottom: 2px solid var(--modalWindowBackgroundColor);
    transform: rotate(-45deg);
}

.CheckBoxListStyle label {
    position: relative;
    cursor: pointer;
    padding-right: 28px !important;
}

.CheckBoxListStyle input[type="checkbox"] + label::after {
    content: none;
}

.CheckBoxListStyle input[type="checkbox"]:checked + label::after {
    content: "";
}

.CheckBoxListStyle input[type="checkbox"]:checked + label::before {
    background: var(--highlightTextColor);
}

.CheckBoxListStyle input[type="checkbox"]:focus + label::before {
    outline: var(--highlightTextColor) auto 5px;
}

.TableStyle {
    border: 1px solid var(--tableBorderColor);
}

.TableStyle td {
    border: 1px solid var(--tableBorderColor);
    padding:5px;
}

.TableStyle th {
    border: 1px solid var(--tableBorderColor);
    padding: 5px;
    text-align:center !important;
}

.TableStyle tr {
    border: 1px solid var(--tableBorderColor);
}

#divUpperScreenHorizontalBar {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    z-index: 9996;
    background-color: var(--sidebarColor);
    height: 3vh;
    width: 100vw;
    padding-left: 3px !important;
    padding-right: 3px !important;
    pointer-events: all;
}

.UpperScreenBarTitleTextStyle {
    color: var(--normalTextColor);
    font-size: 2vh;
}

.UpperScreenBarNormalTextStyle {
    color: var(--normalTextColor);
    font-size: 1vh;
    top: 1vh;
}

#divSideBar {
    position: relative;
    display: block;
    z-index: 9999;
    background-color: var(--sidebarColor);
    height: 100vh;
    width: 2vw;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 5px;
    pointer-events: all;
    border: 1px solid black;
}

#divLeftScreenMenu {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9997;
    color: var(--normalTextColor);
    line-height:16px;
    font-size:14px;
    width: 13vw;
    height: 100vh;
    pointer-events: none;
}

#divSideMenu div {
    min-height: 40px;
}

#divSideBar div {
    min-height: 40px;
}

.imgSideScreen {
    position:fixed;
    bottom:0;
    width:190px;
    height:90px;
}

.gm-style-iw {
    padding: 12px !important;
    background-color: var(--modalWindowBackgroundColor) !important;
    max-width: 50vw !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    border: 1px solid var(--highlightTextColor) !important;
    overflow: hidden !important;
    z-index: 9995 !important;
}
.gm-style-iw-d {
    overflow: hidden !important;
}

button.gm-ui-hover-effect {
    background: url(../images/Close.png) !important;
    background-size: contain !important;
    opacity: 0 !important;
    z-index: 9996 !important;
}

button.gm-ui-hover-effect img {
    display: none !important;
}

/*Scroll Bar*/
::-webkit-scrollbar {
    background: var(--backgroundColor);
    border: 1px solid var(--highlightTextColor);
    box-sizing: border-box;
    border-radius: 8px;
    width:10px;
}

/*Scroll Bar Handle */
::-webkit-scrollbar-thumb {
    background: var(--highlightTextColor);
    border-radius: 8px;
}

.IconLinkButtonStyle a {
    color: inherit;
}


.SelectedMenuStyle {
    color: var(--selectedMenuColor);
}

.fa:hover {
    color: var(--hoverTextColor) !important;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.TextAreaStyle {
    background: var(--textboxColor);
    border: 1px solid var(--highlightTextColor);
    box-sizing: border-box;
    border-radius: 6px 6px 6px 6px;
    resize:none;
}

.TextAreaStyle:focus {
    border: 2px solid;
    outline-color: var(--outlineColor);
    -webkit-transition: 0.75s;
    transition: 0.75s;
    /*shadow*/
    -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

.TextAreaStyle:disabled {
    cursor: not-allowed;
    background-color: #dddddd;
    outline-color: var(--outlineColor);
}

#divDispatchInformation input[type=file] {
    color: transparent;
}

.MultiFile-label a {
    color: var(--highlightTextColor);
}

.MultiFile-label {
    padding: 4px;
}

.SelectedTabStyle {
    color: var(--selectedMenuColor);
}

.FieldErrorStyle {
    background: var(--errorBackgroundColor);
    border: 1px solid var(--errorBorderColor);
}

/****************Style des calendriers pour sélectionner une date*************/
/*Titre*/
.ui-widget-header {
    background: var(--textboxFrontLabelColor);
    border: 1px solid var(--highlightTextColor) !important;
    color: var(--normalTextColor);
}
/*Flèches dans le Header*/
.ui-datepicker-prev, .ui-datepicker-next {
    color: var(--highlightTextColor);
    background: var(--highlightTextColor);
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    color: var(--highlightTextColor);
    background: var(--highlightTextColor);
}
/*Contenu*/
.ui-widget-content {
    background: var(--modalWindowBackgroundColor);
    color: var(--normalTextColor);
    border: 1px solid var(--highlightTextColor) !important;
}
/*Cases des jours dans le calendrier*/
.ui-state-default {
   background: var(--textboxColor) !important;
   border: 1px solid var(--highlightTextColor) !important;
   color: var(--normalTextColor) !important;
}
/*Case surlignée*/
.ui-state-highlight {
    border: 1px solid var(--normalTextColor) !important;
    color: var(--normalTextColor) !important;
    background: var(--textboxFrontLabelColor) !important;
}
/*Case active*/
.ui-state-active {
    border: 1px solid var(--normalTextColor) !important;
    color: var(--normalTextColor) !important;
    background: var(--highlightTextColor) !important;
}
/*Bouton Close et Today*/
.ui-datepicker-close, .ui-datepicker-current, .ui-datepicker-select {
    background: var(--highlightTextColor) !important;
    border-radius: 6px !important;
    opacity: 1 !important;
    height: 48px !important;
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: var(--normalTextColor) !important;
    border: solid 1px var(--btnBorderColor) !important;
    min-width: 90px !important;
}

.ui-datepicker-close:hover, .ui-datepicker-current:hover, .ui-datepicker-select:hover {
    border: solid 1px var(--normalTextColor) !important;
    background: var(--hoverHighlightTextColor) !important;
    color: var(--normalTextColor) !important;
}

.ui-datepicker-close:active, .ui-datepicker-current:active, .ui-datepicker-select:active {
    background: var(--darkHighlightTextColor) !important;
    outline-color: var(--outlineColor) !important;
    color: var(--normalTextColor) !important;
}

.ui-datepicker-close:focus, ui-datepicker-current:focus, .ui-datepicker-select:focus {
    outline-color: var(--outlineColor) !important;
    border: solid 1px var(--normalTextColor) !important;
    color: var(--normalTextColor) !important;
    background: var(--hoverHighlightTextColor) !important;
}

/*Item de liste*/
.ListItemStyle {
    cursor: pointer;
    border-radius: 5px;
    background: var(--textboxFrontLabelColor);
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.ListItemStyle:hover {
    background: var(--notSelectedHoverColor);
}

.ListSelectedItemStyle {
    background: var(--hoverSelectedMenuColor) !important;
}

.ListSelectedItemStyle:hover {
    background: var(--hoverSelectedMenuColor) !important;
}

.ListItemReadyIconStyle[style], .ListItemReadyIconStyle:hover[style]{
    color: var(--highlightTextColor) !important;
}

.ListBackgroundStyle {
    background: var(--textboxColor);
}

.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}

a.NormalTextStyle:hover, a.NormalTextStyle:focus {
    color: var(--normalTextColor) !important;
}

a.HighlightTextStyle:hover, a.HighlightTextStyle:focus {
    color: var(--highlightTextColor) !important;
}

#divTemporaryMessage {
    padding: 5px;
    margin-top:5px;
    margin-bottom:5px;
}

.ActiveEyeStyle {
    color: var(--ActiveEyeColor);
}

.inactive {
    color: var(--hoverTextColor);
}

.ManagedServiceGridViewRowStyle {
    background-color: var(--NoManagedServicesColor) !important;
}

.clsFieldErrorMessage label {
    color: var(--errorBorderColor) !important;
    font-size: 12px;
    margin-bottom: 0px !important;
}

.RowHeaderStyle {
    background-color: rgba(36,72,82,1) !important;
}

.TableHeaderStyle {
    background-color: rgba(64,64,64,1) !important;
}

.EmbedMapStyle {
    border: 1px solid var(--highlightTextColor);
}

#divTopCenterItems {
    display: block;
    z-index: 9996;
    background-color: var(--sidebarColor);
    height: 3vh;
    padding-left: 3px !important;
    padding-right: 3px !important;
    pointer-events: all;
    border: 1px solid var(--highlightTextColor);
    border-radius: 6px;
    margin-top: 3px;
}