/*
    Created on : 15 nov. 2018, 15:06:10
    Author     : abasdevant
*/

.links-popover {
    overflow: auto;
    min-width: 250px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.links-linkItem {
    white-space: nowrap;
}


/*
COROBOR Sytems (c) 2015-2018

COROBOR Systems a Campbell Scientific company all rights reserved.
*/
/*
    Created on : 22-Jun-2018, 16:49:40
    Author     : sylvain
*/
#editPaletteCategoryForm #categoriesLabel {
  font-size: 1em;
}
#editPaletteCategoryForm .paletteCategoriesItems > li > a,
#editPaletteCategoryForm .paletteCategorieItem {
  padding: .2em;
}
#editPaletteCategoryForm #categoriesList .paletteCategorieItem {
  overflow: hidden;
}
#editPaletteCategoryForm #onloadEditCategories {
  background-color: rgba(255, 255, 255, 0.5);
  min-width: 4em;
  min-height: 6em;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#editPaletteCategoryForm #categoriesList {
  overflow: auto;
  margin: 0;
}
#editPaletteCategoryForm #categoriesList .hint {
  display: block;
  padding: 10px;
  width: 200px;
  background-color: #52aef7;
  color: #fff;
}
#editPaletteCategoryForm #categoriesList .hint:last-child {
  border-radius: 4px;
}
#editPaletteCategoryForm #categoriesList .hint span {
  color: #fff;
}
#editPaletteCategoryForm #categoriesList .placeholder {
  background-color: #dceffd;
  color: #52aef7;
  text-align: right;
  margin: 0em;
  border-style: dashed;
  border-width: 2px;
}
#editPaletteCategoryForm #columnCategoriesList {
  min-width: 15em;
  max-width: 30%;
  overflow: hidden;
}
#editPaletteCategoryForm #inputCategoryName {
  margin: 0;
  padding: 0 .5em;
}
#editPaletteCategoryForm #editCategoryPanel {
  max-width: 40em;
}
#editPaletteCategoryForm #categoriesListWrapper {
  position: relative;
  max-height: 100%;
}
#editPaletteCategoryForm #editPaletteCategoryPanel {
  padding-bottom: .2em;
}
#delCatModal #delPalettesNamesWrapper {
  max-height: 30vh;
  overflow: auto;
}

/*
COROBOR Sytems (c) 2015-2018

COROBOR Systems a Campbell Scientific company all rights reserved.
*/
/*
    Created on : 22-Jun-2018, 16:49:40
    Author     : sylvain
*/
#dashboardTreeForm .list-group-item-text {
  margin-left: .7em;
}
#dashboardTreeForm .listDashboardsByCategory {
  min-height: 1em;
  margin-bottom: 0;
}
#dashboardTreeForm .emptyElemebnt {
  pointer-events: none;
}
#dashboardTreeForm .paletteCategorieItem {
  display: flex;
  flex-direction: column;
}
#dashboardTreeForm .list-group-item:hover {
  background-color: #f5f5f5;
}
#dashboardTreeForm .paletteCategorieItem .handler {
  cursor: move;
}
#dashboardTreeForm .mediumHorizontalChildPadding > *:first-child {
  width: 25em;
}
#dashboardTreeForm .mediumHorizontalChildPadding {
  max-height: 95%;
}
#dashboardTreeForm .dashboardSelector .list-group {
  margin: 0;
  padding: .2em;
}
#dashboardTreeForm .dashboardSelector .dashboardCategory:hover {
  background-color: rgba(220, 220, 220, 0.6);
}
#dashboardTreeForm .dashboardSelector .dashboardCategory > *:first-child {
  font-size: 1.2em;
}
#dashboardTreeForm .dashboardSelector .dashboardsList {
  max-height: 50vh;
  overflow: auto;
}
#dashboardTreeForm .dashboardSelector .dashboardsTree > * {
  max-width: 50vw;
  overflow: auto;
}
#dashboardTreeForm .buttonHolder {
  padding-right: 3px;
}
#dashboardTreeForm #categoriesList .hint {
  display: block;
  padding: 10px;
  width: 200px;
  background-color: #52aef7;
  color: #fff;
}
#dashboardTreeForm #categoriesList .hint:last-child {
  border-radius: 4px;
}
#dashboardTreeForm #categoriesList .hint span {
  color: #fff;
}
#dashboardTreeForm #categoriesList .placeholder {
  background-color: #dceffd;
  color: #52aef7;
  text-align: right;
  margin: 0em;
  border-style: dashed;
  border-width: 2px;
}
#dashboardTreeForm #columnCategoriesList {
  min-width: 15em;
  max-width: 30%;
  overflow: hidden;
}
#dashboardTreeForm #inputCategoryName {
  margin: 0;
  padding: 0 .5em;
}
#dashboardTreeForm #editCategoryPanel {
  max-width: 40em;
}
#dashboardTreeForm #categoriesListWrapper {
  position: relative;
  max-height: 100%;
}
#dashboardTreeForm #editPaletteCategoryPanel {
  padding-bottom: .2em;
}

/* 
    Created on : 28 déc. 2018, 16:21:50
    Author     : abasdevant
*/

.minMaxLabel {
    width: 31px;
}

.timeButton {
    width: 62px;
}

.bigTimeButton {
    width: 80px;
}

.stationAddButtonContainer {
    padding-top: 26px;
}

.stationAddButton {
    align-content: center;
}

.removeStationButton {
    border: 1px solid lightgrey;
    border-radius: 4px;
    background-color: white;
    padding: 2px;
}

.stationButtonsContainer {
    overflow-x: auto;
    padding-right: 0px;
}

.stationImportButton {
    padding-left: 0px;
}

.stationButton {
    min-width: 200px;
}

.templateContainer {
    height: 300px;
}

.runwaysControlsContainer {
    display: -webkit-inline-box;
}

.runwayInput {
    max-width: 250px;
    margin: 15px 5px 15px 5px;
}

.runwayLabel {
    text-decoration: underline;
}

li.addRunwayButton:hover {
    border-color: grey;
    background-color: lightgrey;
    cursor: pointer;
}

.typeListContainer {
    padding: 10px 0px 0px 0px;;
}

.typeListElement {
    min-width: 150px;
    margin-right: 10px!important;
}

.typeDelButton {
    float: right;
}

.runwayList {
    margin-left: 10px;
    margin-right: 10px;
}

.runwaySeparator {
    margin-left: 5px;
    width: 50px;
}

.runwaySeparatorLabel {
    margin-left: 10px;
}

.meConfButtonContainer {
    width: 50%;
    height: 500px;
}

.meConfMapContainer {
    width: 50%;
    height: 500px;
}

.meStickyActionButton {
    position: sticky;
    top: -1px;
    z-index:100;
    background-color: white;
    width: 100%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.mapCoordContainer {
    max-height: 350px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 20px;
}

.coordInput {
    width: 100px;
}

.coordLabel {
    width: 40px;
    margin-left: 20px;
}

.tafStationConfigActive > label {
    font-weight: normal;
    margin-left: 3px;
    margin-right: 10px;
}

.tafHeaderGrid input::placeholder {
    color: lightgrey;
}

.col-md-1.tafHeaderGrid {
    padding-left: 1px;
    padding-bottom: 1px;
    padding-right: 0;
}

.col-md-2.tafHeaderGrid {
    padding-left: 1px;
    padding-bottom: 1px;
    padding-right: 0;
}

.tafHeaderGrid input {
    width: 100%;
}

.tafHeaderGrid input.small {
    width: 2em;
}

.tafHeaderGrid input.upper {
    text-transform: uppercase;
}

.tafHeaderGrid label {
    font-weight: normal;
    margin-bottom: 0;
}

.tafHeaderGrid .labelDay {
    padding-right: 1em;
}

.tafHeaderGrid .labelSlash {
    padding-left: 0.25em;
}

.tafHeaderGrid .form-control-bis {
    padding: 5px 5px;
}

input:invalid {
    box-shadow: 0 0 3px 1px red;
}

input:focus:invalid {
    outline: none;
}

.error-message{
    color: red;
}

/*
COROBOR Sytems (c) 2015-2018

COROBOR Systems a Campbell Scientific company all rights reserved.
 
    Created on : 16 nov. 2018, 13:53:04
    Author     : abasdevant
*/

#linksConfigForm .list-group-item-text{
    margin-left: .7em;
}


#linksConfigForm .listDashboardsByCategory {
    min-height: 1em;
    margin-bottom: 0;
}


#linksConfigForm .emptyElemebnt {
    pointer-events: none;
}


#linksConfigForm .paletteCategorieItem {
    display: flex;
    flex-direction: column;
}

#linksConfigForm .list-group-item:hover {
    background-color: #f5f5f5;
}

#linksConfigForm .paletteCategorieItem .handler{
    cursor: move;
}

#linksConfigForm .mediumHorizontalChildPadding>*:first-child {
    width: 25em;
}

#linksConfigForm .mediumHorizontalChildPadding {
    max-height: 95%;
}

.dashboardSelector .list-group {
    margin: 0;
    padding: .2em;
}

.dashboardSelector .dashboardCategory:hover {
    background-color: rgba(220, 220, 220, .6);
}

.dashboardSelector .dashboardCategory>*:first-child {
    font-size: 1.2em;
}

.dashboardSelector .dashboardsList{
    max-height: 50vh;
    overflow: auto;
}

.dashboardSelector .dashboardsTree>* {
    max-width: 50vw;
    overflow: auto;
}
/*
COROBOR Sytems (c) 2015-2020

COROBOR Systems a Campbell Scientific company all rights reserved.
*/
/*
    Created on : 31-Mar-2017, 11:09:54
    Author     : sylvain
*/
.flexContainer,
.mapControlTop {
  display: flex !important;
}
.flexContainer > *,
.mapControlTop > * {
  flex-shrink: 0;
}
.flexContainer .labelLayer,
.mapControlTop .labelLayer,
.flexContainer > .flexStart,
.mapControlTop > .flexStart {
  align-self: flex-start;
}
.flexContainer > .flexEnd,
.mapControlTop > .flexEnd {
  align-self: flex-end;
}
.flexContainer > .flexCenter,
.mapControlTop > .flexCenter {
  align-self: flex-end;
}
.flexContainer .layerControls,
.mapControlTop .layerControls {
  align-self: flex-start;
  margin-left: auto;
  margin-right: 0;
  padding: 0 0.2em;
  white-space: nowrap;
}
.flexContainer .flexLabel,
.mapControlTop .flexLabel {
  margin-top: auto;
  margin-bottom: auto;
  padding: 0 0.5em;
}
.flexContainer > .flex_1,
.mapControlTop > .flex_1 {
  flex: 1;
  /* Fix IE 11 pb (see map time bar, data catalog ...) */
  flex-basis: auto;
}
.flexContainer > .flex_2,
.mapControlTop > .flex_2 {
  flex: 2;
  /* Fix IE 11 pb (see map time bar, data catalog ...) */
  flex-basis: auto;
}
.flexContainer > .flex_3,
.mapControlTop > .flex_3 {
  flex: 3;
  /* Fix IE 11 pb (see map time bar, data catalog ...) */
  flex-basis: auto;
}
.flexContainer > .flex_4,
.mapControlTop > .flex_4 {
  flex: 4;
  /* Fix IE 11 pb (see map time bar, data catalog ...) */
  flex-basis: auto;
}
.flexContainer.aiBaseline,
.mapControlTop.aiBaseline {
  align-items: baseline;
}
.flexContainer.aiStart,
.mapControlTop.aiStart {
  align-items: flex-start;
}
.flexContainer.aiCenter,
.mapControlTop.aiCenter {
  align-items: center;
}
.flexContainer.aiEnd,
.mapControlTop.aiEnd {
  align-items: flex-end;
}
.gap5em {
  gap: .5em;
}
.rowFlex,
.menuControl.ui-selectonemenu {
  flex-direction: row;
}
.columnFlex {
  flex-direction: column;
}
.flexItemsCenter {
  align-items: center;
}
.flexItemsBaseline {
  align-items: baseline;
}
.justifyContentStart {
  justify-content: flex-start;
}
.justifyContentCenter {
  justify-content: center;
}
.justifyContentEnd {
  justify-content: flex-end;
}
.flexNoShrink {
  flex-shrink: 0;
}
.flexWrap {
  flex-wrap: wrap;
}
.flexNoWrap {
  flex-wrap: nowrap;
}
.flexContainer-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}
.flexContainer-grid.flex-grid-4 > * {
  flex: 1 0 auto;
  width: 25%;
}
.flexContainer-grid.flex-grid-3 > * {
  flex: 1 0 auto;
  width: 33.3%;
}
.flexContainer-grid.flex-grid-2 > * {
  position: relative;
  flex: 0 0 50%;
  width: calc(49%);
  min-height: 30vh;
  min-width: 25vw;
  display: block;
  display: inline-block;
  vertical-align: top;
  height: calc(49%);
}
.flexContainer-grid.flex-grid-1 > * {
  flex: 1 0 auto;
  width: 100%;
  height: 100%;
}
.flexContentCenter {
  justify-content: center;
}
.flexContentEnd {
  justify-content: end;
}

/*
COROBOR Sytems (c) 2015-2020

COROBOR Systems a Campbell Scientific company all rights reserved.
*/
/* 
    Created on : 14 juin 2019, 12:14:02
    Author     : abasdevant
*/


#editPaletteDlg {
    top: 2%;
}

.paletteModalDialog {
    width: 800px;
}

.paletteModalBody {
    height: 80vh;
}

.jsonContainer {
    text-align: start;
}

.importContainer {
    resize: none;
    max-width: 100%;
    max-height: 100%;
}