table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }

@media (max-width: 959px) {

   body #root,
   html #root,
   html input,
   html textarea {
      font-size: 16px;
   }
}

pre {
   font-family: inherit;
   margin: 0;
}

th {
   font-weight: normal;
   font-family: inherit;
}

textarea {
   font-family: inherit;
}

#root {
   height: 100%;
   width: 100%;

   display: flex;
   flex-direction: column;
   -ms-flex-direction: column;


}

p {
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}



sub {
   bottom: -0.7em;
   margin: 0;
   padding: 0;
   border: 0;
   vertical-align: baseline;
}

sub,
sup {
   font-size: 60%;
   position: relative;
}

img {
   height: 0px;
   /*prevent giant image flashes before webpack css loads*/
}

.no-css-transitions [stoptransitions="true"],
.no-css-transitions [stoptransitions="true"] * {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -ms-transition: none !important;
   -o-transition: none !important;
   transition: none !important;
}

.MuiTooltip-tooltip {
   font-size: 12px !important;
}


/* montserrat-700 - latin */
@font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/montserrat-v14-latin-700.eot');
   /* IE9 Compat Modes */
   src: local('Montserrat Bold'), local('Montserrat-Bold'),
      url('fonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/montserrat-v14-latin-700.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/montserrat-v14-latin-700.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/montserrat-v14-latin-700.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/montserrat-v14-latin-700.svg#Montserrat') format('svg');
   /* Legacy iOS */
}

/* montserrat-900 - latin */
@font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 900;
   src: url('fonts/montserrat-v14-latin-900.eot');
   /* IE9 Compat Modes */
   src: local('Montserrat Black'), local('Montserrat-Black'),
      url('fonts/montserrat-v14-latin-900.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/montserrat-v14-latin-900.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/montserrat-v14-latin-900.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/montserrat-v14-latin-900.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/montserrat-v14-latin-900.svg#Montserrat') format('svg');
   /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/montserrat-v13-latin-regular.eot');
   /* IE9 Compat Modes */
   src: local('Montserrat Regular'), local('Montserrat-Regular'),
      url('fonts/montserrat-v13-latin-regular.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/montserrat-v13-latin-regular.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/montserrat-v13-latin-regular.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/montserrat-v13-latin-regular.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/montserrat-v13-latin-regular.svg#Montserrat') format('svg');
   /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 600;
   src: url('fonts/montserrat-v13-latin-600.eot');
   /* IE9 Compat Modes */
   src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
      url('fonts/montserrat-v13-latin-600.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/montserrat-v13-latin-600.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/montserrat-v13-latin-600.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/montserrat-v13-latin-600.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/montserrat-v13-latin-600.svg#Montserrat') format('svg');
   /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
   font-family: 'Montserrat';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/montserrat-v13-latin-500.eot');
   /* IE9 Compat Modes */
   src: local('Montserrat Medium'), local('Montserrat-Medium'),
      url('fonts/montserrat-v13-latin-500.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/montserrat-v13-latin-500.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/montserrat-v13-latin-500.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/montserrat-v13-latin-500.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/montserrat-v13-latin-500.svg#Montserrat') format('svg');
   /* Legacy iOS */
}

/** Asap Fonts */
@font-face {
   font-family: 'Asap-Bold';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/Asap-Bold.eot');
   /* IE9 Compat Modes */
   src: local('Asap Bold'), local('Asap-Bold'),
      url('fonts/Asap-Bold.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/Asap-Bold.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/Asap-Bold.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/Asap-Bold.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/Asap-Bold.svg#Asap-Bold') format('svg');
   /* Legacy iOS */
}


@font-face {
   font-family: 'Asap-BoldItalic';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/Asap-BoldItalic.eot');
   /* IE9 Compat Modes */
   src: local('Asap BoldItalic'), local('Asap-BoldItalic'),
      url('fonts/Asap-BoldItalic.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/Asap-BoldItalic.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/Asap-BoldItalic.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/Asap-BoldItalic.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/Asap-BoldItalic.svg#Asap-BoldItalic') format('svg');
   /* Legacy iOS */
}

@font-face {
   font-family: 'Asap-Italic';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/Asap-Italic.eot');
   /* IE9 Compat Modes */
   src: local('Asap Italic'), local('Asap-Italic'),
      url('fonts/Asap-Italic.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/Asap-Italic.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/Asap-Italic.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/Asap-Italic.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/Asap-Italic.svg#Asap-Italic') format('svg');
   /* Legacy iOS */
}

@font-face {
   font-family: 'Asap-Medium';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/Asap-Medium.eot');
   /* IE9 Compat Modes */
   src: local('Asap Medium'), local('Asap-Medium'),
      url('fonts/Asap-Medium.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/Asap-Medium.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/Asap-Medium.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/Asap-Medium.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/Asap-Medium.svg#Asap-Medium') format('svg');
   /* Legacy iOS */
}

@font-face {
   font-family: 'Asap-MediumItalic';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/Asap-MediumItalic.eot');
   /* IE9 Compat Modes */
   src: local('Asap MediumItalic'), local('Asap-MediumItalic'),
      url('fonts/Asap-MediumItalic.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/Asap-MediumItalic.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/Asap-MediumItalic.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/Asap-MediumItalic.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/Asap-MediumItalic.svg#Asap-MediumItalic') format('svg');
   /* Legacy iOS */
}

@font-face {
   font-family: 'Asap-Regular';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/Asap-Regular.eot');
   /* IE9 Compat Modes */
   src: local('Asap Regular'), local('Asap-Regular'),
      url('fonts/Asap-Regular.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/Asap-Regular.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/Asap-Regular.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/Asap-Regular.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/Asap-Regular.svg#Asap-Regular') format('svg');
   /* Legacy iOS */
}

@font-face {
   font-family: 'Asap-SemiBold';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/Asap-SemiBold.eot');
   /* IE9 Compat Modes */
   src: local('Asap SemiBold'), local('Asap-SemiBold'),
      url('fonts/Asap-SemiBold.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/Asap-SemiBold.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/Asap-SemiBold.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/Asap-SemiBold.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/Asap-SemiBold.svg#Asap-SemiBold') format('svg');
   /* Legacy iOS */
}

@font-face {
   font-family: 'Asap-SemiBoldItalic';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/Asap-SemiBoldItalic.eot');
   /* IE9 Compat Modes */
   src: local('Asap SemiBoldItalic'), local('Asap-SemiBoldItalic'),
      url('fonts/Asap-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/Asap-SemiBoldItalic.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/Asap-SemiBoldItalic.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/Asap-SemiBoldItalic.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/Asap-SemiBoldItalic.svg#Asap-SemiBoldItalic') format('svg');
   /* Legacy iOS */
}

.react-grid-layout {
   position: relative;
   transition: height 200ms ease;
}
.react-grid-item {
   transition: all 200ms ease;
   transition-property: left, top;
   overflow: auto;
}
.react-grid-item.cssTransforms {
   transition-property: transform;
}
.react-grid-item.resizing {
   z-index: 1;
   will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
   transition: none;
   z-index: 3;
   will-change: transform;
}

.react-grid-item.react-grid-placeholder {
   background: red;
   opacity: 0.2;
   transition-duration: 100ms;
   z-index: 2;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.react-grid-item > .react-resizable-handle {
   position: absolute;
   width: 20px;
   height: 20px;
   bottom: 0;
   right: 0;
   background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=");
   background-position: bottom right;
   padding: 0 3px 3px 0;
   background-repeat: no-repeat;
   background-origin: content-box;
   box-sizing: border-box;
   cursor: se-resize;
}
body {
   background: white;
   padding: 20px;
}
#content {
   width: 100%;
}
.react-grid-layout {
   background: #eee;
}
.layoutJSON {
   background: #ddd;
   border: 1px solid black;
   margin-top: 10px;
   padding: 10px;
}
.columns {
   -moz-columns: 120px;
   -webkit-columns: 120px;
   columns: 120px;
}
.react-grid-item {
   box-sizing: border-box;
}
.react-grid-item:not(.react-grid-placeholder) {
   background: #ccc;
   border: 1px solid black;
}
.react-grid-item.resizing {
   opacity: 0.9;
}
.react-grid-item.static {
   background: #cce;
}
.react-grid-item .text {
   font-size: 24px;
   text-align: center;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   height: 24px;
}
.react-grid-item .minMax {
   font-size: 12px;
}
.react-grid-item .add {
   cursor: pointer;
}
.react-grid-dragHandleExample {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -moz-grab;
   cursor: -webkit-grab;
}
li b {
   font-size: 19px;
   line-height: 14px;
}

/* Google maps info window styling */
/* Hide arrow on infoBox */
.gm-style .gm-style-iw-t::after {
   opacity: 0;
}

/* Hide close button */
/*.gm-style-iw button[title="Close"] {
   display:none !important;
}*/

/* Info window - Asset Trips */
.info-window-trip-container {
   position: absolute;
   z-index: 2;
   background-color: white;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.info-window-trip-detail {
   position:relative;
   z-index: 3;
}

@keyframes fade{
   0% {
      opacity: 1;
   }
   10% {
      opacity: 0;
   }
   20% {
      opacity: 1;
   }
   30% {
      opacity: 0;
   }
   40% {
      opacity: 1;
   }
   50% {
       opacity: 0;
   }
   60% {
      opacity: 1;
   }
   70% {
      opacity: 0;
   }
   80% {
      opacity: 1;
   }
   90% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}

.map-animate {
   animation: fade 3s linear 2;
}

.hide-field {
   margin: 9px 0 0 0 !important;
}
.hide-field > div:nth-of-type(0), 
.hide-field > [floating-label="1"] {
   display: none !important;
}

.popover-hide-background {
   position: inherit !important;
}

video.hide-loader::-webkit-media-controls { /* Works only on Chrome-based browsers */
 visibility: hidden;
}

video.hide-loader {
   background: #343434 !important;
}

#shell-portal > div {
   top:0;
}