html {
  background: #F8F8F8;
}
body {
    margin: 0;
    padding: 0mm 0 0 0;
    color: #353D4A;
    background: #FAFAFA;
    /*min-height: 100%;
    min-width: 100%;*/
    /*position: fixed;*/
    /*overflow-y: scroll;
    --webkit-overflow-scrolling: touch;*/
    /*font-family: "trebuchet MS", arial, san-serif;*/
    font-family: "roboto", arial, san-serif;
    font-size: 4mm;
    /*outline: 1px solid #ff0000;*/
    /*outline-offset: -1px;*/
}
.loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/*background-image: url("data:image/svg+xml,%0A%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%233d563e' fill-opacity='1'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23d8ddd8' fill-opacity='0.2' transform='rotate%2830 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23d8ddd8' fill-opacity='0.2' transform='rotate%2860 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23d8ddd8' fill-opacity='0.2' transform='rotate%2890 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23d8ddd8' fill-opacity='0.2' transform='rotate%28120 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23c4ccc5' fill-opacity='0.3' transform='rotate%28150 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23b1bbb2' fill-opacity='0.4' transform='rotate%28180 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%239eaa9e' fill-opacity='0.5' transform='rotate%28210 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%238b9a8b' fill-opacity='0.6' transform='rotate%28240 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23778878' fill-opacity='0.7' transform='rotate%28270 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23647865' fill-opacity='0.8' transform='rotate%28300 64 64%29'/%3E%3Cpath d='M59.6 0h8v40h-8V0z' fill='%23506751' fill-opacity='0.9' transform='rotate%28330 64 64%29'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64' calcMode='discrete' dur='840ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");*/
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' width='90' height='90' viewBox='0 0 128 128'%3E%3Cg%3E%3Cpath d='M78.75 16.18V1.56a64.1 64.1 0 0 1 47.7 47.7H111.8a49.98 49.98 0 0 0-33.07-33.08zM16.43 49.25H1.8a64.1 64.1 0 0 1 47.7-47.7V16.2a49.98 49.98 0 0 0-33.07 33.07zm33.07 62.32v14.62A64.1 64.1 0 0 1 1.8 78.5h14.63a49.98 49.98 0 0 0 33.07 33.07zm62.32-33.07h14.62a64.1 64.1 0 0 1-47.7 47.7v-14.63a49.98 49.98 0 0 0 33.08-33.07z' fill='%23e47f27'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='-90 64 64' dur='600ms' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
	
    background-position: 50% 50%;
    background-size: 4em;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.8);
    
    opacity: 1;
    will-change: opacity, display;
    /*transition: opacity 20ms;*/
}

.mdc-fab {
  position: fixed!important;
  bottom: 1.5rem;
  right: 1.5rem;
}

.app-hierarchy {
  color: rgba(0, 0, 0, 0.50);
  background: rgba(0, 0, 0, 0.03);
  /*background: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.38));;*/
  
  line-height: 20px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  height: 42px;
  padding: 0 8px;
  overflow: hidden;
}
.app-hierarchy-item {
  font-size: 0.625rem;
  
  display: inline-block;
  vertical-align: middle;
  
}
.app-hierarchy-item:not(.app-hierarchy-item__last):after {
  content: "/";
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.40);
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  vertical-align: middle;
} 
.app-hierarchy-item__first {
  
}
.app-hierarchy-item__last {
  
}


fieldset {
  
  border: none;
  
}

fieldset:not(:last-child) {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}


.controlls-fieldset {
  text-align: right;
  padding: 20px 10px;
  
}
legend {
  padding-left: 2em;
  line-height: 3em;
  font-size: 0.8em;
  color: #888;
}


hr {
  margin-right: -0.75em!important;
  margin-left: -0.75em!important;
}

.controlls-fieldset a.button-cancel {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); 
  margin-right: 1rem;
}

.mdc-select {
  width: 100%;
}

.mdc-text-field--textarea .mdc-text-field__input {
  background: #fff;
}

.form-switch {
  height: 56px;
  line-height: 56px;
  position: relative;
}

.form-switch .mdc-switch {
    position: absolute;
    right: 0;
    top: 20px
}
.checkboxgroup {
  margin: 12px 0;
  border-bottom: 1px solid #ddd;
}
.checkboxgroup > label{
  color: #666;
}
.checkboxgroup .mdc-form-field {
      padding-left: 2em;
}
.checkboxgroup .mdc-form-field label {
      
}

.group {
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.group-list {
      margin: 0px;
      padding: 0px;
}

.group-set {
      display: flex;
      margin: 10px 0;
      padding: 8px;
      flex-grow: 1;
      background-color: rgba(0, 0, 0, 0.04);
      border-radius: 3px;;
}

.item-data {
    flex: calc(100% - 30px);
}

.item-data a {
    color: var(--mdc-theme-text-secondary-on-light, #000);
    text-decoration: none;
}

.input-conteiner:first-child {
  color: var(--mdc-theme-text-primary-on-light, #000);
}

.value-title {
    width: 100px;
    display: inline-block;
    padding-right: 5px;
    font-size: 0.9em;
    color: var(--mdc-theme-text-hint-on-light, #000);
}

.value-lable-element {
  
}

.item-actions {
      flex: 30px;
}

.item-actions button.action {
      margin: 0;
      padding: 5px;
      width: 30px;
      min-width: 30px;
      /*color: var(--mdc-theme-on-surface, #000);*/
      color: var(--mdc-theme-text-icon-on-light, #000);
      
      display: inline-block;
}


.groupDialog {
  max-height: 100vh;
  overflow-y: auto;
}

.groupDialog .mdc-dialog__footer {
	padding: 0 39px 32px;
}

.groupDialog .mdc-dialog__surface {
	max-height: calc(100vh - 2px);
    overflow-y: auto;
}

.groupDialog .mdc-text-field {
  margin-bottom: 10px!important;
  
}
.groupDialog .mdc-select {
  margin-bottom: 5px;
}

#location-dialog .mdc-dialog__header {
  padding: 6px 24px 0 
}

#location-dialog .mdc-dialog__body {
  margin-top: 6px;
  overflow-y: auto;
  margin-bottom: 30px;
  
  transition: scroll-top
}

#location-dialog .mdc-dialog__surface {
   max-height: calc(100vh - 2px);
}

.mdc-dialog__body--scrollable {
    max-height: calc(100% - 30px)!important;
}
#map-canvas{
  height: 300px;
  width: calc(100% + 48px)!important;
  margin: 0 -24px
}



@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../font/MaterialIcons-Regular.woff2) format('woff2'),
    url(../font/MaterialIcons-Regular.woff) format('woff'),
    url(../font/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


.mdc-text-field--outlined,
.mdc-select {
	width: 100%;
	margin-top: 16px !important;
     margin-bottom: 8px !important;
}

.mdc-notched-outline__idle {
	border-radius: 5px 5px 0 0 !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.mdc-notched-outline__idle,
.mdc-select {
	border-radius: 5px 5px 0 0;
	background-color: #F2F2F2;	
	border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.mdc-text-field--textarea .mdc-notched-outline__idle {
    width: 100%;
    height: 100%;
    
}
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__idle {
    background-color: #fff;	
}

.mdc-text-field--outlined .mdc-floating-label {
     bottom: 8px !important; 
}


.mdc-text-field--textarea .mdc-floating-label {
	background-color: transparent !important;
	
}

ul.error {
    background-color: #f1a899;
    padding: 8px 0;
    margin: 16px;
}
ul.error li {
    margin: 0 0 0 24px;
}