/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

*//*
 * Custom styling for billing data modal
 *//*
 * Custom styling for rejection modal
 */#login-buttons {
  display: inline-block;
  margin-right: 0.2px;
  line-height: 1;
}
#login-buttons .login-button {
  position: relative;
}
#login-buttons button.login-button {
  width: 100%;
}
#login-buttons .login-buttons-with-only-one-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-button {
  display: inline-block;
}
#login-buttons .login-buttons-with-only-one-button .login-text-and-button {
  display: inline-block;
}
#login-buttons .login-display-name {
  display: inline-block;
  padding-right: 2px;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#login-buttons .loading {
  line-height: 1;
  background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
#login-buttons .login-button,
.accounts-dialog .login-button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 4px 8px;
  font-size: 80%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: #596595;
  border: 1px solid #464f75;
  border-radius: 4px;
}
#login-buttons .login-button:hover,
.accounts-dialog .login-button:hover {
  background: #7580ac;
}
#login-buttons .login-button:active,
.accounts-dialog .login-button:active {
  background: #7580ac;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
}
#login-buttons .login-button.login-button-disabled,
.accounts-dialog .login-button.login-button-disabled,
#login-buttons .login-button.login-button-disabled:active,
.accounts-dialog .login-button.login-button-disabled:active {
  color: #ddd;
  background: #aaa;
  border: 1px solid #c3c3c3;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.accounts-dialog * {
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: inherit;
  font: inherit;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.accounts-dialog .login-button {
  width: auto;
  margin-bottom: 4px;
}
#login-buttons .login-buttons-padding {
  display: inline-block;
  width: 30px;
}
#login-buttons .login-display-name {
  margin-right: 4px;
}
#login-buttons .configure-button {
  background: #ff2a00;
  border-color: #cc2200;
}
#login-buttons .configure-button:active,
#login-buttons .configure-button:hover {
  background: #ff5533;
  border-color: #ff2a00;
}
#login-buttons .login-image {
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 16px;
  height: 16px;
}
#login-buttons .text-besides-image {
  margin-left: 18px;
}
#login-buttons .no-services {
  color: red;
}
#login-buttons .login-link-and-dropdown-list {
  position: relative;
}
#login-buttons .login-close-text {
  float: left;
  position: relative;
  padding-bottom: 8px;
}
#login-buttons .login-text-and-button .loading,
#login-buttons .login-link-and-dropdown-list .loading {
  display: inline-block;
}
#login-buttons.login-buttons-dropdown-align-left #login-dropdown-list .loading {
  float: right;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list .loading {
  float: left;
}
#login-buttons .login-close-text-clear {
  clear: both;
}
#login-buttons .or {
  text-align: center;
}
#login-buttons .hline {
  text-decoration: line-through;
  color: lightgrey;
}
#login-buttons .or-text {
  font-weight: bold;
}
#login-buttons #signup-link {
  float: right;
}
#login-buttons #forgot-password-link,
#login-buttons #resend-passwordless-code {
  float: left;
}
#login-buttons #back-to-login-link {
  float: right;
}
#login-buttons a,
.accounts-dialog a {
  cursor: pointer;
  text-decoration: underline;
}
#login-buttons.login-buttons-dropdown-align-right .login-close-text {
  float: right;
}
.accounts-dialog {
  border: 1px solid #ccc;
  z-index: 1000;
  background: white;
  border-radius: 4px;
  padding: 8px 12px;
  margin: -8px -12px 0 -12px;
  width: 250px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #333;
}
.accounts-dialog > * {
  line-height: 1.6;
}
.accounts-dialog > .login-close-text {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
}
.accounts-dialog label,
.accounts-dialog .title {
  font-size: 80%;
  margin-top: 7px;
  margin-bottom: -2px;
}
.accounts-dialog label {
  display: inline;
}
.accounts-dialog input[type=text],
.accounts-dialog input[type=email],
.accounts-dialog input[type=password] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.accounts-dialog input[type=text][type],
.accounts-dialog input[type=email][type],
.accounts-dialog input[type=password][type] {
  height: auto;
}
.accounts-dialog .login-button-form-submit {
  margin-top: 8px;
}
.accounts-dialog .message {
  font-size: 80%;
  margin-top: 8px;
  line-height: 1.3;
}
.accounts-dialog .error-message {
  color: red;
}
.accounts-dialog .info-message {
  color: green;
}
.accounts-dialog .additional-link {
  font-size: 75%;
}
.accounts-dialog .accounts-close {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  color: #000;
  opacity: 0.4;
}
.accounts-dialog .accounts-close:hover {
  opacity: 0.8;
}
.accounts-dialog #login-buttons-cancel-reset-password {
  float: right;
}
.accounts-dialog #login-buttons-cancel-enroll-account {
  float: right;
}
#login-dropdown-list {
  position: absolute;
  top: -1px;
  left: -1px;
}
#login-buttons.login-buttons-dropdown-align-right #login-dropdown-list {
  left: auto;
  right: -1px;
}
#login-buttons-message-dialog .message {
  /* we intentionally want it bigger on this dialog since it's the only thing displayed */
  font-size: 100%;
}
.accounts-centered-dialog {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  z-index: 1001;
  position: fixed;
  left: 50%;
  margin-left: -129px;
  top: 50%;
  margin-top: -40px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog {
  width: 530px;
  margin-left: -269px;
  margin-top: -300px;
  /* = approximately -height/2, though height can change */
}
#configure-login-service-dialog table {
  width: 100%;
}
#configure-login-service-dialog input[type=text] {
  width: 100%;
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
#configure-login-service-dialog ol li {
  margin-left: 30px;
}
#configure-login-service-dialog .configuration_labels {
  width: 30%;
}
#configure-login-service-dialog .configuration_inputs {
  width: 70%;
}
#configure-login-service-dialog .new-section {
  margin-top: 10px;
}
#configure-login-service-dialog .url {
  font-family: "Courier New", Courier, monospace;
}
#configure-login-service-dialog-save-configuration {
  float: right;
}
.configure-login-service-dismiss-button {
  float: left;
}
#just-verified-dismiss-button,
#messages-dialog-dismiss-button {
  margin-top: 8px;
}
.hide-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* XXX consider replacing with DXImageTransform */
  background-color: #000000;
  /* fallback for IE7-8 */
  background-color: rgba(0, 0, 0, 0.7);
}
#login-buttons input[type=text],
.accounts-dialog input[type=text],
#login-buttons input[type=email],
.accounts-dialog input[type=email],
#login-buttons input[type=password],
.accounts-dialog input[type=password] {
  padding: 4px;
  border: 1px solid #aaa;
  border-radius: 3px;
  line-height: 1;
}.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

@font-face {
    font-family: 'weather';
    src: url('packages/selaias_meteor-simpleweather/simpleweather/fonts/artill_clean_icons.otf');
    
    font-weight: normal;
    font-style: normal;
}

#weather {
  width: 250px;
  font-size:12px;
  margin: 0px auto;
  text-align: center;
  background:#fff;
  text-transform: uppercase;
}

i.sw {
  color: #000;
  font-family: weather;
  font-size: 100px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
  margin: 0 0 8px;
  color: #000;
  font-size: 50px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  font-size:12px;
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 10px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 10px;
}.meteor-status {
    background-color: #323232;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    position: fixed;
    right: 0;
    left: 0;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    z-index: 9999;
}
.meteor-status-top {
    top: 0;
}
.meteor-status-bottom {
    bottom: 0;
}
.meteor-status a, .meteor-status a:active, .meteor-status a:focus {
    text-decoration: none;
    color: #2196F3;
}
.meteor-status a:hover {
    text-decoration: none;
    color: #1976D2;
}
.meteor-status-overlay {
    opacity: 0.95;
    height: 100%;
    text-align: center;
}.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.3333333333333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url(packages/jss_flag-icon/flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ad.svg);
}
.flag-icon-ae {
  background-image: url(packages/jss_flag-icon/flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ae.svg);
}
.flag-icon-af {
  background-image: url(packages/jss_flag-icon/flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/af.svg);
}
.flag-icon-ag {
  background-image: url(packages/jss_flag-icon/flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ag.svg);
}
.flag-icon-ai {
  background-image: url(packages/jss_flag-icon/flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ai.svg);
}
.flag-icon-al {
  background-image: url(packages/jss_flag-icon/flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/al.svg);
}
.flag-icon-am {
  background-image: url(packages/jss_flag-icon/flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/am.svg);
}
.flag-icon-ao {
  background-image: url(packages/jss_flag-icon/flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ao.svg);
}
.flag-icon-aq {
  background-image: url(packages/jss_flag-icon/flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/aq.svg);
}
.flag-icon-ar {
  background-image: url(packages/jss_flag-icon/flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ar.svg);
}
.flag-icon-as {
  background-image: url(packages/jss_flag-icon/flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/as.svg);
}
.flag-icon-at {
  background-image: url(packages/jss_flag-icon/flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/at.svg);
}
.flag-icon-au {
  background-image: url(packages/jss_flag-icon/flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/au.svg);
}
.flag-icon-aw {
  background-image: url(packages/jss_flag-icon/flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/aw.svg);
}
.flag-icon-ax {
  background-image: url(packages/jss_flag-icon/flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ax.svg);
}
.flag-icon-az {
  background-image: url(packages/jss_flag-icon/flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/az.svg);
}
.flag-icon-ba {
  background-image: url(packages/jss_flag-icon/flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ba.svg);
}
.flag-icon-bb {
  background-image: url(packages/jss_flag-icon/flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bb.svg);
}
.flag-icon-bd {
  background-image: url(packages/jss_flag-icon/flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bd.svg);
}
.flag-icon-be {
  background-image: url(packages/jss_flag-icon/flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/be.svg);
}
.flag-icon-bf {
  background-image: url(packages/jss_flag-icon/flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bf.svg);
}
.flag-icon-bg {
  background-image: url(packages/jss_flag-icon/flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bg.svg);
}
.flag-icon-bh {
  background-image: url(packages/jss_flag-icon/flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bh.svg);
}
.flag-icon-bi {
  background-image: url(packages/jss_flag-icon/flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bi.svg);
}
.flag-icon-bj {
  background-image: url(packages/jss_flag-icon/flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bj.svg);
}
.flag-icon-bl {
  background-image: url(packages/jss_flag-icon/flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bl.svg);
}
.flag-icon-bm {
  background-image: url(packages/jss_flag-icon/flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bm.svg);
}
.flag-icon-bn {
  background-image: url(packages/jss_flag-icon/flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bn.svg);
}
.flag-icon-bo {
  background-image: url(packages/jss_flag-icon/flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bo.svg);
}
.flag-icon-bq {
  background-image: url(packages/jss_flag-icon/flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bq.svg);
}
.flag-icon-br {
  background-image: url(packages/jss_flag-icon/flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/br.svg);
}
.flag-icon-bs {
  background-image: url(packages/jss_flag-icon/flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bs.svg);
}
.flag-icon-bt {
  background-image: url(packages/jss_flag-icon/flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bt.svg);
}
.flag-icon-bv {
  background-image: url(packages/jss_flag-icon/flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bv.svg);
}
.flag-icon-bw {
  background-image: url(packages/jss_flag-icon/flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bw.svg);
}
.flag-icon-by {
  background-image: url(packages/jss_flag-icon/flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/by.svg);
}
.flag-icon-bz {
  background-image: url(packages/jss_flag-icon/flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/bz.svg);
}
.flag-icon-ca {
  background-image: url(packages/jss_flag-icon/flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ca.svg);
}
.flag-icon-cc {
  background-image: url(packages/jss_flag-icon/flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cc.svg);
}
.flag-icon-cd {
  background-image: url(packages/jss_flag-icon/flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cd.svg);
}
.flag-icon-cf {
  background-image: url(packages/jss_flag-icon/flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cf.svg);
}
.flag-icon-cg {
  background-image: url(packages/jss_flag-icon/flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cg.svg);
}
.flag-icon-ch {
  background-image: url(packages/jss_flag-icon/flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ch.svg);
}
.flag-icon-ci {
  background-image: url(packages/jss_flag-icon/flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ci.svg);
}
.flag-icon-ck {
  background-image: url(packages/jss_flag-icon/flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ck.svg);
}
.flag-icon-cl {
  background-image: url(packages/jss_flag-icon/flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cl.svg);
}
.flag-icon-cm {
  background-image: url(packages/jss_flag-icon/flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cm.svg);
}
.flag-icon-cn {
  background-image: url(packages/jss_flag-icon/flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cn.svg);
}
.flag-icon-co {
  background-image: url(packages/jss_flag-icon/flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/co.svg);
}
.flag-icon-cr {
  background-image: url(packages/jss_flag-icon/flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cr.svg);
}
.flag-icon-cu {
  background-image: url(packages/jss_flag-icon/flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cu.svg);
}
.flag-icon-cv {
  background-image: url(packages/jss_flag-icon/flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cv.svg);
}
.flag-icon-cw {
  background-image: url(packages/jss_flag-icon/flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cw.svg);
}
.flag-icon-cx {
  background-image: url(packages/jss_flag-icon/flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cx.svg);
}
.flag-icon-cy {
  background-image: url(packages/jss_flag-icon/flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cy.svg);
}
.flag-icon-cz {
  background-image: url(packages/jss_flag-icon/flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/cz.svg);
}
.flag-icon-de {
  background-image: url(packages/jss_flag-icon/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/de.svg);
}
.flag-icon-dj {
  background-image: url(packages/jss_flag-icon/flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/dj.svg);
}
.flag-icon-dk {
  background-image: url(packages/jss_flag-icon/flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/dk.svg);
}
.flag-icon-dm {
  background-image: url(packages/jss_flag-icon/flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/dm.svg);
}
.flag-icon-do {
  background-image: url(packages/jss_flag-icon/flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/do.svg);
}
.flag-icon-dz {
  background-image: url(packages/jss_flag-icon/flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/dz.svg);
}
.flag-icon-ec {
  background-image: url(packages/jss_flag-icon/flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ec.svg);
}
.flag-icon-ee {
  background-image: url(packages/jss_flag-icon/flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ee.svg);
}
.flag-icon-eg {
  background-image: url(packages/jss_flag-icon/flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/eg.svg);
}
.flag-icon-eh {
  background-image: url(packages/jss_flag-icon/flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/eh.svg);
}
.flag-icon-er {
  background-image: url(packages/jss_flag-icon/flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/er.svg);
}
.flag-icon-es {
  background-image: url(packages/jss_flag-icon/flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/es.svg);
}
.flag-icon-et {
  background-image: url(packages/jss_flag-icon/flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/et.svg);
}
.flag-icon-fi {
  background-image: url(packages/jss_flag-icon/flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fi.svg);
}
.flag-icon-fj {
  background-image: url(packages/jss_flag-icon/flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fj.svg);
}
.flag-icon-fk {
  background-image: url(packages/jss_flag-icon/flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fk.svg);
}
.flag-icon-fm {
  background-image: url(packages/jss_flag-icon/flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fm.svg);
}
.flag-icon-fo {
  background-image: url(packages/jss_flag-icon/flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fo.svg);
}
.flag-icon-fr {
  background-image: url(packages/jss_flag-icon/flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/fr.svg);
}
.flag-icon-ga {
  background-image: url(packages/jss_flag-icon/flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ga.svg);
}
.flag-icon-gb {
  background-image: url(packages/jss_flag-icon/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gb.svg);
}
.flag-icon-gd {
  background-image: url(packages/jss_flag-icon/flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gd.svg);
}
.flag-icon-ge {
  background-image: url(packages/jss_flag-icon/flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ge.svg);
}
.flag-icon-gf {
  background-image: url(packages/jss_flag-icon/flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gf.svg);
}
.flag-icon-gg {
  background-image: url(packages/jss_flag-icon/flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gg.svg);
}
.flag-icon-gh {
  background-image: url(packages/jss_flag-icon/flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gh.svg);
}
.flag-icon-gi {
  background-image: url(packages/jss_flag-icon/flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gi.svg);
}
.flag-icon-gl {
  background-image: url(packages/jss_flag-icon/flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gl.svg);
}
.flag-icon-gm {
  background-image: url(packages/jss_flag-icon/flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gm.svg);
}
.flag-icon-gn {
  background-image: url(packages/jss_flag-icon/flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gn.svg);
}
.flag-icon-gp {
  background-image: url(packages/jss_flag-icon/flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gp.svg);
}
.flag-icon-gq {
  background-image: url(packages/jss_flag-icon/flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gq.svg);
}
.flag-icon-gr {
  background-image: url(packages/jss_flag-icon/flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gr.svg);
}
.flag-icon-gs {
  background-image: url(packages/jss_flag-icon/flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gs.svg);
}
.flag-icon-gt {
  background-image: url(packages/jss_flag-icon/flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gt.svg);
}
.flag-icon-gu {
  background-image: url(packages/jss_flag-icon/flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gu.svg);
}
.flag-icon-gw {
  background-image: url(packages/jss_flag-icon/flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gw.svg);
}
.flag-icon-gy {
  background-image: url(packages/jss_flag-icon/flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/gy.svg);
}
.flag-icon-hk {
  background-image: url(packages/jss_flag-icon/flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hk.svg);
}
.flag-icon-hm {
  background-image: url(packages/jss_flag-icon/flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hm.svg);
}
.flag-icon-hn {
  background-image: url(packages/jss_flag-icon/flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hn.svg);
}
.flag-icon-hr {
  background-image: url(packages/jss_flag-icon/flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hr.svg);
}
.flag-icon-ht {
  background-image: url(packages/jss_flag-icon/flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ht.svg);
}
.flag-icon-hu {
  background-image: url(packages/jss_flag-icon/flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/hu.svg);
}
.flag-icon-id {
  background-image: url(packages/jss_flag-icon/flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/id.svg);
}
.flag-icon-ie {
  background-image: url(packages/jss_flag-icon/flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ie.svg);
}
.flag-icon-il {
  background-image: url(packages/jss_flag-icon/flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/il.svg);
}
.flag-icon-im {
  background-image: url(packages/jss_flag-icon/flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/im.svg);
}
.flag-icon-in {
  background-image: url(packages/jss_flag-icon/flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/in.svg);
}
.flag-icon-io {
  background-image: url(packages/jss_flag-icon/flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/io.svg);
}
.flag-icon-iq {
  background-image: url(packages/jss_flag-icon/flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/iq.svg);
}
.flag-icon-ir {
  background-image: url(packages/jss_flag-icon/flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ir.svg);
}
.flag-icon-is {
  background-image: url(packages/jss_flag-icon/flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/is.svg);
}
.flag-icon-it {
  background-image: url(packages/jss_flag-icon/flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/it.svg);
}
.flag-icon-je {
  background-image: url(packages/jss_flag-icon/flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/je.svg);
}
.flag-icon-jm {
  background-image: url(packages/jss_flag-icon/flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/jm.svg);
}
.flag-icon-jo {
  background-image: url(packages/jss_flag-icon/flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/jo.svg);
}
.flag-icon-jp {
  background-image: url(packages/jss_flag-icon/flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/jp.svg);
}
.flag-icon-ke {
  background-image: url(packages/jss_flag-icon/flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ke.svg);
}
.flag-icon-kg {
  background-image: url(packages/jss_flag-icon/flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kg.svg);
}
.flag-icon-kh {
  background-image: url(packages/jss_flag-icon/flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kh.svg);
}
.flag-icon-ki {
  background-image: url(packages/jss_flag-icon/flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ki.svg);
}
.flag-icon-km {
  background-image: url(packages/jss_flag-icon/flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/km.svg);
}
.flag-icon-kn {
  background-image: url(packages/jss_flag-icon/flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kn.svg);
}
.flag-icon-kp {
  background-image: url(packages/jss_flag-icon/flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kp.svg);
}
.flag-icon-kr {
  background-image: url(packages/jss_flag-icon/flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kr.svg);
}
.flag-icon-kw {
  background-image: url(packages/jss_flag-icon/flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kw.svg);
}
.flag-icon-ky {
  background-image: url(packages/jss_flag-icon/flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ky.svg);
}
.flag-icon-kz {
  background-image: url(packages/jss_flag-icon/flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/kz.svg);
}
.flag-icon-la {
  background-image: url(packages/jss_flag-icon/flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/la.svg);
}
.flag-icon-lb {
  background-image: url(packages/jss_flag-icon/flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lb.svg);
}
.flag-icon-lc {
  background-image: url(packages/jss_flag-icon/flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lc.svg);
}
.flag-icon-li {
  background-image: url(packages/jss_flag-icon/flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/li.svg);
}
.flag-icon-lk {
  background-image: url(packages/jss_flag-icon/flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lk.svg);
}
.flag-icon-lr {
  background-image: url(packages/jss_flag-icon/flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lr.svg);
}
.flag-icon-ls {
  background-image: url(packages/jss_flag-icon/flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ls.svg);
}
.flag-icon-lt {
  background-image: url(packages/jss_flag-icon/flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lt.svg);
}
.flag-icon-lu {
  background-image: url(packages/jss_flag-icon/flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lu.svg);
}
.flag-icon-lv {
  background-image: url(packages/jss_flag-icon/flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/lv.svg);
}
.flag-icon-ly {
  background-image: url(packages/jss_flag-icon/flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ly.svg);
}
.flag-icon-ma {
  background-image: url(packages/jss_flag-icon/flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ma.svg);
}
.flag-icon-mc {
  background-image: url(packages/jss_flag-icon/flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mc.svg);
}
.flag-icon-md {
  background-image: url(packages/jss_flag-icon/flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/md.svg);
}
.flag-icon-me {
  background-image: url(packages/jss_flag-icon/flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/me.svg);
}
.flag-icon-mf {
  background-image: url(packages/jss_flag-icon/flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mf.svg);
}
.flag-icon-mg {
  background-image: url(packages/jss_flag-icon/flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mg.svg);
}
.flag-icon-mh {
  background-image: url(packages/jss_flag-icon/flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mh.svg);
}
.flag-icon-mk {
  background-image: url(packages/jss_flag-icon/flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mk.svg);
}
.flag-icon-ml {
  background-image: url(packages/jss_flag-icon/flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ml.svg);
}
.flag-icon-mm {
  background-image: url(packages/jss_flag-icon/flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mm.svg);
}
.flag-icon-mn {
  background-image: url(packages/jss_flag-icon/flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mn.svg);
}
.flag-icon-mo {
  background-image: url(packages/jss_flag-icon/flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mo.svg);
}
.flag-icon-mp {
  background-image: url(packages/jss_flag-icon/flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mp.svg);
}
.flag-icon-mq {
  background-image: url(packages/jss_flag-icon/flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mq.svg);
}
.flag-icon-mr {
  background-image: url(packages/jss_flag-icon/flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mr.svg);
}
.flag-icon-ms {
  background-image: url(packages/jss_flag-icon/flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ms.svg);
}
.flag-icon-mt {
  background-image: url(packages/jss_flag-icon/flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mt.svg);
}
.flag-icon-mu {
  background-image: url(packages/jss_flag-icon/flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mu.svg);
}
.flag-icon-mv {
  background-image: url(packages/jss_flag-icon/flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mv.svg);
}
.flag-icon-mw {
  background-image: url(packages/jss_flag-icon/flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mw.svg);
}
.flag-icon-mx {
  background-image: url(packages/jss_flag-icon/flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mx.svg);
}
.flag-icon-my {
  background-image: url(packages/jss_flag-icon/flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/my.svg);
}
.flag-icon-mz {
  background-image: url(packages/jss_flag-icon/flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/mz.svg);
}
.flag-icon-na {
  background-image: url(packages/jss_flag-icon/flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/na.svg);
}
.flag-icon-nc {
  background-image: url(packages/jss_flag-icon/flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nc.svg);
}
.flag-icon-ne {
  background-image: url(packages/jss_flag-icon/flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ne.svg);
}
.flag-icon-nf {
  background-image: url(packages/jss_flag-icon/flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nf.svg);
}
.flag-icon-ng {
  background-image: url(packages/jss_flag-icon/flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ng.svg);
}
.flag-icon-ni {
  background-image: url(packages/jss_flag-icon/flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ni.svg);
}
.flag-icon-nl {
  background-image: url(packages/jss_flag-icon/flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nl.svg);
}
.flag-icon-no {
  background-image: url(packages/jss_flag-icon/flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/no.svg);
}
.flag-icon-np {
  background-image: url(packages/jss_flag-icon/flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/np.svg);
}
.flag-icon-nr {
  background-image: url(packages/jss_flag-icon/flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nr.svg);
}
.flag-icon-nu {
  background-image: url(packages/jss_flag-icon/flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nu.svg);
}
.flag-icon-nz {
  background-image: url(packages/jss_flag-icon/flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/nz.svg);
}
.flag-icon-om {
  background-image: url(packages/jss_flag-icon/flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/om.svg);
}
.flag-icon-pa {
  background-image: url(packages/jss_flag-icon/flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pa.svg);
}
.flag-icon-pe {
  background-image: url(packages/jss_flag-icon/flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pe.svg);
}
.flag-icon-pf {
  background-image: url(packages/jss_flag-icon/flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pf.svg);
}
.flag-icon-pg {
  background-image: url(packages/jss_flag-icon/flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pg.svg);
}
.flag-icon-ph {
  background-image: url(packages/jss_flag-icon/flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ph.svg);
}
.flag-icon-pk {
  background-image: url(packages/jss_flag-icon/flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pk.svg);
}
.flag-icon-pl {
  background-image: url(packages/jss_flag-icon/flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pl.svg);
}
.flag-icon-pm {
  background-image: url(packages/jss_flag-icon/flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pm.svg);
}
.flag-icon-pn {
  background-image: url(packages/jss_flag-icon/flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pn.svg);
}
.flag-icon-pr {
  background-image: url(packages/jss_flag-icon/flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pr.svg);
}
.flag-icon-ps {
  background-image: url(packages/jss_flag-icon/flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ps.svg);
}
.flag-icon-pt {
  background-image: url(packages/jss_flag-icon/flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pt.svg);
}
.flag-icon-pw {
  background-image: url(packages/jss_flag-icon/flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/pw.svg);
}
.flag-icon-py {
  background-image: url(packages/jss_flag-icon/flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/py.svg);
}
.flag-icon-qa {
  background-image: url(packages/jss_flag-icon/flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/qa.svg);
}
.flag-icon-re {
  background-image: url(packages/jss_flag-icon/flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/re.svg);
}
.flag-icon-ro {
  background-image: url(packages/jss_flag-icon/flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ro.svg);
}
.flag-icon-rs {
  background-image: url(packages/jss_flag-icon/flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/rs.svg);
}
.flag-icon-ru {
  background-image: url(packages/jss_flag-icon/flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ru.svg);
}
.flag-icon-rw {
  background-image: url(packages/jss_flag-icon/flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/rw.svg);
}
.flag-icon-sa {
  background-image: url(packages/jss_flag-icon/flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sa.svg);
}
.flag-icon-sb {
  background-image: url(packages/jss_flag-icon/flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sb.svg);
}
.flag-icon-sc {
  background-image: url(packages/jss_flag-icon/flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sc.svg);
}
.flag-icon-sd {
  background-image: url(packages/jss_flag-icon/flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sd.svg);
}
.flag-icon-se {
  background-image: url(packages/jss_flag-icon/flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/se.svg);
}
.flag-icon-sg {
  background-image: url(packages/jss_flag-icon/flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sg.svg);
}
.flag-icon-sh {
  background-image: url(packages/jss_flag-icon/flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sh.svg);
}
.flag-icon-si {
  background-image: url(packages/jss_flag-icon/flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/si.svg);
}
.flag-icon-sj {
  background-image: url(packages/jss_flag-icon/flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sj.svg);
}
.flag-icon-sk {
  background-image: url(packages/jss_flag-icon/flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sk.svg);
}
.flag-icon-sl {
  background-image: url(packages/jss_flag-icon/flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sl.svg);
}
.flag-icon-sm {
  background-image: url(packages/jss_flag-icon/flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sm.svg);
}
.flag-icon-sn {
  background-image: url(packages/jss_flag-icon/flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sn.svg);
}
.flag-icon-so {
  background-image: url(packages/jss_flag-icon/flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/so.svg);
}
.flag-icon-sr {
  background-image: url(packages/jss_flag-icon/flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sr.svg);
}
.flag-icon-ss {
  background-image: url(packages/jss_flag-icon/flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ss.svg);
}
.flag-icon-st {
  background-image: url(packages/jss_flag-icon/flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/st.svg);
}
.flag-icon-sv {
  background-image: url(packages/jss_flag-icon/flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sv.svg);
}
.flag-icon-sx {
  background-image: url(packages/jss_flag-icon/flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sx.svg);
}
.flag-icon-sy {
  background-image: url(packages/jss_flag-icon/flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sy.svg);
}
.flag-icon-sz {
  background-image: url(packages/jss_flag-icon/flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/sz.svg);
}
.flag-icon-tc {
  background-image: url(packages/jss_flag-icon/flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tc.svg);
}
.flag-icon-td {
  background-image: url(packages/jss_flag-icon/flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/td.svg);
}
.flag-icon-tf {
  background-image: url(packages/jss_flag-icon/flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tf.svg);
}
.flag-icon-tg {
  background-image: url(packages/jss_flag-icon/flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tg.svg);
}
.flag-icon-th {
  background-image: url(packages/jss_flag-icon/flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/th.svg);
}
.flag-icon-tj {
  background-image: url(packages/jss_flag-icon/flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tj.svg);
}
.flag-icon-tk {
  background-image: url(packages/jss_flag-icon/flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tk.svg);
}
.flag-icon-tl {
  background-image: url(packages/jss_flag-icon/flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tl.svg);
}
.flag-icon-tm {
  background-image: url(packages/jss_flag-icon/flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tm.svg);
}
.flag-icon-tn {
  background-image: url(packages/jss_flag-icon/flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tn.svg);
}
.flag-icon-to {
  background-image: url(packages/jss_flag-icon/flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/to.svg);
}
.flag-icon-tr {
  background-image: url(packages/jss_flag-icon/flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tr.svg);
}
.flag-icon-tt {
  background-image: url(packages/jss_flag-icon/flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tt.svg);
}
.flag-icon-tv {
  background-image: url(packages/jss_flag-icon/flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tv.svg);
}
.flag-icon-tw {
  background-image: url(packages/jss_flag-icon/flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tw.svg);
}
.flag-icon-tz {
  background-image: url(packages/jss_flag-icon/flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/tz.svg);
}
.flag-icon-ua {
  background-image: url(packages/jss_flag-icon/flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ua.svg);
}
.flag-icon-ug {
  background-image: url(packages/jss_flag-icon/flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ug.svg);
}
.flag-icon-um {
  background-image: url(packages/jss_flag-icon/flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/um.svg);
}
.flag-icon-us {
  background-image: url(packages/jss_flag-icon/flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/us.svg);
}
.flag-icon-uy {
  background-image: url(packages/jss_flag-icon/flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/uy.svg);
}
.flag-icon-uz {
  background-image: url(packages/jss_flag-icon/flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/uz.svg);
}
.flag-icon-va {
  background-image: url(packages/jss_flag-icon/flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/va.svg);
}
.flag-icon-vc {
  background-image: url(packages/jss_flag-icon/flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vc.svg);
}
.flag-icon-ve {
  background-image: url(packages/jss_flag-icon/flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ve.svg);
}
.flag-icon-vg {
  background-image: url(packages/jss_flag-icon/flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vg.svg);
}
.flag-icon-vi {
  background-image: url(packages/jss_flag-icon/flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vi.svg);
}
.flag-icon-vn {
  background-image: url(packages/jss_flag-icon/flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vn.svg);
}
.flag-icon-vu {
  background-image: url(packages/jss_flag-icon/flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/vu.svg);
}
.flag-icon-wf {
  background-image: url(packages/jss_flag-icon/flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/wf.svg);
}
.flag-icon-ws {
  background-image: url(packages/jss_flag-icon/flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ws.svg);
}
.flag-icon-ye {
  background-image: url(packages/jss_flag-icon/flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/ye.svg);
}
.flag-icon-yt {
  background-image: url(packages/jss_flag-icon/flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/yt.svg);
}
.flag-icon-za {
  background-image: url(packages/jss_flag-icon/flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/za.svg);
}
.flag-icon-zm {
  background-image: url(packages/jss_flag-icon/flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/zm.svg);
}
.flag-icon-zw {
  background-image: url(packages/jss_flag-icon/flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(packages/jss_flag-icon/flags/1x1/zw.svg);
}.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.red {
  background-color: #F44336 !important; }

.red-text {
  color: #F44336 !important; }

.red.lighten-5 {
  background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
  color: #FFEBEE !important; }

.red.lighten-4 {
  background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
  color: #FFCDD2 !important; }

.red.lighten-3 {
  background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
  color: #EF9A9A !important; }

.red.lighten-2 {
  background-color: #E57373 !important; }

.red-text.text-lighten-2 {
  color: #E57373 !important; }

.red.lighten-1 {
  background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
  color: #EF5350 !important; }

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

.red-text.text-darken-2 {
  color: #D32F2F !important; }

.red.darken-3 {
  background-color: #C62828 !important; }

.red-text.text-darken-3 {
  color: #C62828 !important; }

.red.darken-4 {
  background-color: #B71C1C !important; }

.red-text.text-darken-4 {
  color: #B71C1C !important; }

.red.accent-1 {
  background-color: #FF8A80 !important; }

.red-text.text-accent-1 {
  color: #FF8A80 !important; }

.red.accent-2 {
  background-color: #FF5252 !important; }

.red-text.text-accent-2 {
  color: #FF5252 !important; }

.red.accent-3 {
  background-color: #FF1744 !important; }

.red-text.text-accent-3 {
  color: #FF1744 !important; }

.red.accent-4 {
  background-color: #D50000 !important; }

.red-text.text-accent-4 {
  color: #D50000 !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink-text.text-lighten-5 {
  color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 {
  color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink-text.text-lighten-2 {
  color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink-text.text-lighten-1 {
  color: #ec407a !important; }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink-text.text-darken-1 {
  color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink-text.text-darken-2 {
  color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink-text.text-darken-3 {
  color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink-text.text-darken-4 {
  color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink-text.text-accent-1 {
  color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink-text.text-accent-2 {
  color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink-text.text-accent-3 {
  color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.pink-text.text-accent-4 {
  color: #c51162 !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 {
  color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 {
  color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 {
  color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple-text.text-lighten-1 {
  color: #ab47bc !important; }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple-text.text-darken-1 {
  color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 {
  color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple-text.text-darken-3 {
  color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple-text.text-darken-4 {
  color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple-text.text-accent-1 {
  color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple-text.text-accent-2 {
  color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple-text.text-accent-3 {
  color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important; }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 {
  color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 {
  color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 {
  color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple-text.text-accent-3 {
  color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 {
  color: #6200ea !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 {
  color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo-text.text-lighten-2 {
  color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important; }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo-text.text-darken-1 {
  color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo-text.text-darken-2 {
  color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo-text.text-darken-3 {
  color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo-text.text-darken-4 {
  color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo-text.text-accent-1 {
  color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo-text.text-accent-2 {
  color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo-text.text-accent-3 {
  color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.indigo-text.text-accent-4 {
  color: #304ffe !important; }

.blue {
  background-color: #2196F3 !important; }

.blue-text {
  color: #2196F3 !important; }

.blue.lighten-5 {
  background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 {
  color: #E3F2FD !important; }

.blue.lighten-4 {
  background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 {
  color: #BBDEFB !important; }

.blue.lighten-3 {
  background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 {
  color: #90CAF9 !important; }

.blue.lighten-2 {
  background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 {
  color: #64B5F6 !important; }

.blue.lighten-1 {
  background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 {
  color: #42A5F5 !important; }

.blue.darken-1 {
  background-color: #1E88E5 !important; }

.blue-text.text-darken-1 {
  color: #1E88E5 !important; }

.blue.darken-2 {
  background-color: #1976D2 !important; }

.blue-text.text-darken-2 {
  color: #1976D2 !important; }

.blue.darken-3 {
  background-color: #1565C0 !important; }

.blue-text.text-darken-3 {
  color: #1565C0 !important; }

.blue.darken-4 {
  background-color: #0D47A1 !important; }

.blue-text.text-darken-4 {
  color: #0D47A1 !important; }

.blue.accent-1 {
  background-color: #82B1FF !important; }

.blue-text.text-accent-1 {
  color: #82B1FF !important; }

.blue.accent-2 {
  background-color: #448AFF !important; }

.blue-text.text-accent-2 {
  color: #448AFF !important; }

.blue.accent-3 {
  background-color: #2979FF !important; }

.blue-text.text-accent-3 {
  color: #2979FF !important; }

.blue.accent-4 {
  background-color: #2962FF !important; }

.blue-text.text-accent-4 {
  color: #2962FF !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important; }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue-text.text-darken-1 {
  color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 {
  color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue-text.text-darken-3 {
  color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue-text.text-darken-4 {
  color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 {
  color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 {
  color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 {
  color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.light-blue-text.text-accent-4 {
  color: #0091ea !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan-text.text-lighten-3 {
  color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan-text.text-lighten-1 {
  color: #26c6da !important; }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan-text.text-darken-1 {
  color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan-text.text-darken-2 {
  color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan-text.text-darken-3 {
  color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan-text.text-darken-4 {
  color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan-text.text-accent-1 {
  color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan-text.text-accent-2 {
  color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan-text.text-accent-3 {
  color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 {
  color: #00b8d4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 {
  color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 {
  color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal-text.text-lighten-2 {
  color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal-text.text-lighten-1 {
  color: #26a69a !important; }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal-text.text-darken-1 {
  color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal-text.text-darken-3 {
  color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal-text.text-darken-4 {
  color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal-text.text-accent-1 {
  color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal-text.text-accent-2 {
  color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal-text.text-accent-3 {
  color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.teal-text.text-accent-4 {
  color: #00bfa5 !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.lighten-5 {
  background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
  color: #E8F5E9 !important; }

.green.lighten-4 {
  background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
  color: #C8E6C9 !important; }

.green.lighten-3 {
  background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
  color: #A5D6A7 !important; }

.green.lighten-2 {
  background-color: #81C784 !important; }

.green-text.text-lighten-2 {
  color: #81C784 !important; }

.green.lighten-1 {
  background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
  color: #66BB6A !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
  color: #2E7D32 !important; }

.green.darken-4 {
  background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
  color: #1B5E20 !important; }

.green.accent-1 {
  background-color: #B9F6CA !important; }

.green-text.text-accent-1 {
  color: #B9F6CA !important; }

.green.accent-2 {
  background-color: #69F0AE !important; }

.green-text.text-accent-2 {
  color: #69F0AE !important; }

.green.accent-3 {
  background-color: #00E676 !important; }

.green-text.text-accent-3 {
  color: #00E676 !important; }

.green.accent-4 {
  background-color: #00C853 !important; }

.green-text.text-accent-4 {
  color: #00C853 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green-text.text-lighten-2 {
  color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important; }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green-text.text-darken-1 {
  color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green-text.text-darken-2 {
  color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green-text.text-darken-3 {
  color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green-text.text-darken-4 {
  color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green-text.text-accent-1 {
  color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 {
  color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green-text.text-accent-3 {
  color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.light-green-text.text-accent-4 {
  color: #64dd17 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 {
  color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime-text.text-lighten-2 {
  color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime-text.text-lighten-1 {
  color: #d4e157 !important; }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime-text.text-darken-1 {
  color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime-text.text-darken-2 {
  color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime-text.text-darken-3 {
  color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime-text.text-darken-4 {
  color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime-text.text-accent-1 {
  color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime-text.text-accent-2 {
  color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime-text.text-accent-3 {
  color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.lime-text.text-accent-4 {
  color: #aeea00 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 {
  color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow-text.text-lighten-3 {
  color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow-text.text-lighten-2 {
  color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 {
  color: #ffee58 !important; }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow-text.text-darken-1 {
  color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow-text.text-darken-2 {
  color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow-text.text-darken-3 {
  color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow-text.text-darken-4 {
  color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow-text.text-accent-1 {
  color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow-text.text-accent-3 {
  color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.yellow-text.text-accent-4 {
  color: #ffd600 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 {
  color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 {
  color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber-text.text-lighten-3 {
  color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber-text.text-lighten-2 {
  color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber-text.text-lighten-1 {
  color: #ffca28 !important; }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber-text.text-darken-1 {
  color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber-text.text-darken-2 {
  color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber-text.text-darken-3 {
  color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber-text.text-darken-4 {
  color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber-text.text-accent-1 {
  color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber-text.text-accent-2 {
  color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber-text.text-accent-3 {
  color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.amber-text.text-accent-4 {
  color: #ffab00 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 {
  color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 {
  color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange-text.text-lighten-2 {
  color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange-text.text-lighten-1 {
  color: #ffa726 !important; }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange-text.text-darken-1 {
  color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange-text.text-darken-2 {
  color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange-text.text-darken-3 {
  color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange-text.text-darken-4 {
  color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange-text.text-accent-1 {
  color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange-text.text-accent-2 {
  color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange-text.text-accent-3 {
  color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.orange-text.text-accent-4 {
  color: #ff6d00 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important; }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 {
  color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 {
  color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 {
  color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown-text.text-lighten-5 {
  color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown-text.text-lighten-2 {
  color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 {
  color: #8d6e63 !important; }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown-text.text-darken-1 {
  color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown-text.text-darken-2 {
  color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown-text.text-darken-3 {
  color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.brown-text.text-darken-4 {
  color: #3e2723 !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 {
  color: #78909c !important; }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 {
  color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 {
  color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey-text.text-darken-3 {
  color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.blue-grey-text.text-darken-4 {
  color: #263238 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none; }
  ul:not(.browser-default) > li {
    list-style-type: none; }

a {
  color: #039be5;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

.valign-wrapper {
  display: flex;
  align-items: center; }

.clearfix {
  clear: both; }

.z-depth-0 {
  box-shadow: none !important; }

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }

.z-depth-3 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }

.z-depth-4, .modal {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }

.z-depth-5 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }

.hoverable {
  transition: box-shadow .25s; }
  .hoverable:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0; }

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #ee6e73; }

i {
  line-height: inherit; }
  i.left {
    float: left;
    margin-right: 15px; }
  i.right {
    float: right;
    margin-left: 15px; }
  i.tiny {
    font-size: 1rem; }
  i.small {
    font-size: 2rem; }
  i.medium {
    font-size: 4rem; }
  i.large {
    font-size: 6rem; }

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto; }

.pagination li {
  display: inline-block;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: 30px; }
  .pagination li a {
    color: #444;
    display: inline-block;
    font-size: 1.2rem;
    padding: 0 10px;
    line-height: 30px; }
  .pagination li.active a {
    color: #fff; }
  .pagination li.active {
    background-color: #ee6e73; }
  .pagination li.disabled a {
    cursor: default;
    color: #999; }
  .pagination li i {
    font-size: 2rem; }

.pagination li.pages ul li {
  display: inline-block;
  float: none; }

@media only screen and (max-width: 992px) {
  .pagination {
    width: 100%; }
    .pagination li.prev,
    .pagination li.next {
      width: 10%; }
    .pagination li.pages {
      width: 80%;
      overflow: hidden;
      white-space: nowrap; } }

.breadcrumb {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7); }
  .breadcrumb i,
  .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
  .breadcrumb i.material-icons {
    display: inline-block;
    float: left;
    font-size: 24px; }
  .breadcrumb:before {
    content: '\E5CC';
    color: rgba(255, 255, 255, 0.7);
    vertical-align: top;
    display: inline-block;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    margin: 0 10px 0 8px;
    -webkit-font-smoothing: antialiased; }
  .breadcrumb:first-child:before {
    display: none; }
  .breadcrumb:last-child {
    color: #fff; }

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px; }
  .parallax-container .parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; }
    .parallax-container .parallax img {
      display: none;
      position: absolute;
      left: 50%;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
      transform: translate3d(0, 0, 0);
      transform: translateX(-50%); }

.pin-top, .pin-bottom {
  position: relative; }

.pinned {
  position: fixed !important; }

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0; }

.fade-in {
  opacity: 0;
  transform-origin: 0 50%; }

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important; } }

@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important; } }

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important; } }

@media only screen and (min-width: 993px) {
  .hide-on-large-only {
    display: none !important; } }

@media only screen and (min-width: 993px) {
  .show-on-large {
    display: block !important; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important; } }

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important; } }

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important; } }

@media only screen and (max-width: 992px) {
  .show-on-medium-and-down {
    display: block !important; } }

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center; } }

.page-footer {
  padding-top: 20px;
  color: #fff;
  background-color: #ee6e73; }
  .page-footer .footer-copyright {
    overflow: hidden;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 10px 0px;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(51, 51, 51, 0.08); }

table, th, td {
  border: none; }

table {
  width: 100%;
  display: table; }
  table.bordered > thead > tr,
  table.bordered > tbody > tr {
    border-bottom: 1px solid #d0d0d0; }
  table.striped > tbody > tr:nth-child(odd) {
    background-color: #f2f2f2; }
  table.striped > tbody > tr > td {
    border-radius: 0; }
  table.highlight > tbody > tr {
    transition: background-color .25s ease; }
    table.highlight > tbody > tr:hover {
      background-color: #f2f2f2; }
  table.centered thead tr th, table.centered tbody tr td {
    text-align: center; }

thead {
  border-bottom: 1px solid #d0d0d0; }

td,
th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px; }

@media only screen and (max-width: 992px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */ }
    table.responsive-table td:empty:before {
      content: '\00a0'; }
    table.responsive-table th,
    table.responsive-table td {
      margin: 0;
      vertical-align: top; }
    table.responsive-table th {
      text-align: left; }
    table.responsive-table thead {
      display: block;
      float: left; }
      table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0; }
        table.responsive-table thead tr th::before {
          content: "\00a0"; }
    table.responsive-table tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap; }
      table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top; }
    table.responsive-table th {
      display: block;
      text-align: right; }
    table.responsive-table td {
      display: block;
      min-height: 1.25em;
      text-align: left; }
    table.responsive-table tr {
      padding: 0 10px; }
    table.responsive-table thead {
      border: 0;
      border-right: 1px solid #d0d0d0; }
    table.responsive-table.bordered th {
      border-bottom: 0;
      border-left: 0; }
    table.responsive-table.bordered td {
      border-left: 0;
      border-right: 0;
      border-bottom: 0; }
    table.responsive-table.bordered tr {
      border: 0; }
    table.responsive-table.bordered tbody tr {
      border-right: 1px solid #d0d0d0; } }

.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative; }
  .collection .collection-item {
    background-color: #fff;
    line-height: 1.5rem;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0; }
    .collection .collection-item.avatar {
      min-height: 84px;
      padding-left: 72px;
      position: relative; }
      .collection .collection-item.avatar:not(.circle-clipper) > .circle,
      .collection .collection-item.avatar :not(.circle-clipper) > .circle {
        position: absolute;
        width: 42px;
        height: 42px;
        overflow: hidden;
        left: 15px;
        display: inline-block;
        vertical-align: middle; }
      .collection .collection-item.avatar i.circle {
        font-size: 18px;
        line-height: 42px;
        color: #fff;
        background-color: #999;
        text-align: center; }
      .collection .collection-item.avatar .title {
        font-size: 16px; }
      .collection .collection-item.avatar p {
        margin: 0; }
      .collection .collection-item.avatar .secondary-content {
        position: absolute;
        top: 16px;
        right: 16px; }
    .collection .collection-item:last-child {
      border-bottom: none; }
    .collection .collection-item.active {
      background-color: #26a69a;
      color: #eafaf9; }
      .collection .collection-item.active .secondary-content {
        color: #fff; }
  .collection a.collection-item {
    display: block;
    transition: .25s;
    color: #26a69a; }
    .collection a.collection-item:not(.active):hover {
      background-color: #ddd; }
  .collection.with-header .collection-header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px; }
  .collection.with-header .collection-item {
    padding-left: 30px; }
  .collection.with-header .collection-item.avatar {
    padding-left: 72px; }

.secondary-content {
  float: right;
  color: #26a69a; }

.collapsible .collection {
  margin: 0;
  border: none; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #acece6;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden; }
  .progress .determinate {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #26a69a;
    transition: width .3s linear; }
  .progress .indeterminate {
    background-color: #26a69a; }
    .progress .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .progress .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      animation-delay: 1.15s; }

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

/*******************
  Utility Classes
*******************/
.hide {
  display: none !important; }

.left-align {
  text-align: left; }

.right-align {
  text-align: right; }

.center, .center-align {
  text-align: center; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.no-select, input[type=range],
input[type=range] + .thumb {
  user-select: none; }

.circle {
  border-radius: 50%; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.no-padding {
  padding: 0 !important; }

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  color: #757575;
  float: right;
  box-sizing: border-box; }
  span.badge.new {
    font-weight: 300;
    font-size: 0.8rem;
    color: #fff;
    background-color: #26a69a;
    border-radius: 2px; }
  span.badge.new:after {
    content: " new"; }
  span.badge[data-badge-caption]::after {
    content: " " attr(data-badge-caption); }

nav ul a span.badge {
  display: inline-block;
  float: none;
  margin-left: 4px;
  line-height: 22px;
  height: 22px;
  -webkit-font-smoothing: auto; }

.collection-item span.badge {
  margin-top: calc(0.75rem - 11px); }

.collapsible span.badge {
  margin-left: auto; }

.side-nav span.badge {
  margin-top: calc(24px - 11px); }

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga'; }

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%; }

@media only screen and (min-width: 601px) {
  .container {
    width: 85%; } }

@media only screen and (min-width: 993px) {
  .container {
    width: 70%; } }

.container .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

.section {
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .section.no-pad {
    padding: 0; }
  .section.no-pad-bot {
    padding-bottom: 0; }
  .section.no-pad-top {
    padding-top: 0; }

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
  .row:after {
    content: "";
    display: table;
    clear: both; }
  .row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px; }
    .row .col[class*="push-"], .row .col[class*="pull-"] {
      position: relative; }
    .row .col.s1 {
      width: 8.3333333333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s2 {
      width: 16.6666666667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s3 {
      width: 25%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s4 {
      width: 33.3333333333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s5 {
      width: 41.6666666667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s6 {
      width: 50%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s7 {
      width: 58.3333333333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s8 {
      width: 66.6666666667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s9 {
      width: 75%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s10 {
      width: 83.3333333333%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s11 {
      width: 91.6666666667%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.s12 {
      width: 100%;
      margin-left: auto;
      left: auto;
      right: auto; }
    .row .col.offset-s1 {
      margin-left: 8.3333333333%; }
    .row .col.pull-s1 {
      right: 8.3333333333%; }
    .row .col.push-s1 {
      left: 8.3333333333%; }
    .row .col.offset-s2 {
      margin-left: 16.6666666667%; }
    .row .col.pull-s2 {
      right: 16.6666666667%; }
    .row .col.push-s2 {
      left: 16.6666666667%; }
    .row .col.offset-s3 {
      margin-left: 25%; }
    .row .col.pull-s3 {
      right: 25%; }
    .row .col.push-s3 {
      left: 25%; }
    .row .col.offset-s4 {
      margin-left: 33.3333333333%; }
    .row .col.pull-s4 {
      right: 33.3333333333%; }
    .row .col.push-s4 {
      left: 33.3333333333%; }
    .row .col.offset-s5 {
      margin-left: 41.6666666667%; }
    .row .col.pull-s5 {
      right: 41.6666666667%; }
    .row .col.push-s5 {
      left: 41.6666666667%; }
    .row .col.offset-s6 {
      margin-left: 50%; }
    .row .col.pull-s6 {
      right: 50%; }
    .row .col.push-s6 {
      left: 50%; }
    .row .col.offset-s7 {
      margin-left: 58.3333333333%; }
    .row .col.pull-s7 {
      right: 58.3333333333%; }
    .row .col.push-s7 {
      left: 58.3333333333%; }
    .row .col.offset-s8 {
      margin-left: 66.6666666667%; }
    .row .col.pull-s8 {
      right: 66.6666666667%; }
    .row .col.push-s8 {
      left: 66.6666666667%; }
    .row .col.offset-s9 {
      margin-left: 75%; }
    .row .col.pull-s9 {
      right: 75%; }
    .row .col.push-s9 {
      left: 75%; }
    .row .col.offset-s10 {
      margin-left: 83.3333333333%; }
    .row .col.pull-s10 {
      right: 83.3333333333%; }
    .row .col.push-s10 {
      left: 83.3333333333%; }
    .row .col.offset-s11 {
      margin-left: 91.6666666667%; }
    .row .col.pull-s11 {
      right: 91.6666666667%; }
    .row .col.push-s11 {
      left: 91.6666666667%; }
    .row .col.offset-s12 {
      margin-left: 100%; }
    .row .col.pull-s12 {
      right: 100%; }
    .row .col.push-s12 {
      left: 100%; }
    @media only screen and (min-width: 601px) {
      .row .col.m1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.offset-m1 {
        margin-left: 8.3333333333%; }
      .row .col.pull-m1 {
        right: 8.3333333333%; }
      .row .col.push-m1 {
        left: 8.3333333333%; }
      .row .col.offset-m2 {
        margin-left: 16.6666666667%; }
      .row .col.pull-m2 {
        right: 16.6666666667%; }
      .row .col.push-m2 {
        left: 16.6666666667%; }
      .row .col.offset-m3 {
        margin-left: 25%; }
      .row .col.pull-m3 {
        right: 25%; }
      .row .col.push-m3 {
        left: 25%; }
      .row .col.offset-m4 {
        margin-left: 33.3333333333%; }
      .row .col.pull-m4 {
        right: 33.3333333333%; }
      .row .col.push-m4 {
        left: 33.3333333333%; }
      .row .col.offset-m5 {
        margin-left: 41.6666666667%; }
      .row .col.pull-m5 {
        right: 41.6666666667%; }
      .row .col.push-m5 {
        left: 41.6666666667%; }
      .row .col.offset-m6 {
        margin-left: 50%; }
      .row .col.pull-m6 {
        right: 50%; }
      .row .col.push-m6 {
        left: 50%; }
      .row .col.offset-m7 {
        margin-left: 58.3333333333%; }
      .row .col.pull-m7 {
        right: 58.3333333333%; }
      .row .col.push-m7 {
        left: 58.3333333333%; }
      .row .col.offset-m8 {
        margin-left: 66.6666666667%; }
      .row .col.pull-m8 {
        right: 66.6666666667%; }
      .row .col.push-m8 {
        left: 66.6666666667%; }
      .row .col.offset-m9 {
        margin-left: 75%; }
      .row .col.pull-m9 {
        right: 75%; }
      .row .col.push-m9 {
        left: 75%; }
      .row .col.offset-m10 {
        margin-left: 83.3333333333%; }
      .row .col.pull-m10 {
        right: 83.3333333333%; }
      .row .col.push-m10 {
        left: 83.3333333333%; }
      .row .col.offset-m11 {
        margin-left: 91.6666666667%; }
      .row .col.pull-m11 {
        right: 91.6666666667%; }
      .row .col.push-m11 {
        left: 91.6666666667%; }
      .row .col.offset-m12 {
        margin-left: 100%; }
      .row .col.pull-m12 {
        right: 100%; }
      .row .col.push-m12 {
        left: 100%; } }
    @media only screen and (min-width: 993px) {
      .row .col.l1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.offset-l1 {
        margin-left: 8.3333333333%; }
      .row .col.pull-l1 {
        right: 8.3333333333%; }
      .row .col.push-l1 {
        left: 8.3333333333%; }
      .row .col.offset-l2 {
        margin-left: 16.6666666667%; }
      .row .col.pull-l2 {
        right: 16.6666666667%; }
      .row .col.push-l2 {
        left: 16.6666666667%; }
      .row .col.offset-l3 {
        margin-left: 25%; }
      .row .col.pull-l3 {
        right: 25%; }
      .row .col.push-l3 {
        left: 25%; }
      .row .col.offset-l4 {
        margin-left: 33.3333333333%; }
      .row .col.pull-l4 {
        right: 33.3333333333%; }
      .row .col.push-l4 {
        left: 33.3333333333%; }
      .row .col.offset-l5 {
        margin-left: 41.6666666667%; }
      .row .col.pull-l5 {
        right: 41.6666666667%; }
      .row .col.push-l5 {
        left: 41.6666666667%; }
      .row .col.offset-l6 {
        margin-left: 50%; }
      .row .col.pull-l6 {
        right: 50%; }
      .row .col.push-l6 {
        left: 50%; }
      .row .col.offset-l7 {
        margin-left: 58.3333333333%; }
      .row .col.pull-l7 {
        right: 58.3333333333%; }
      .row .col.push-l7 {
        left: 58.3333333333%; }
      .row .col.offset-l8 {
        margin-left: 66.6666666667%; }
      .row .col.pull-l8 {
        right: 66.6666666667%; }
      .row .col.push-l8 {
        left: 66.6666666667%; }
      .row .col.offset-l9 {
        margin-left: 75%; }
      .row .col.pull-l9 {
        right: 75%; }
      .row .col.push-l9 {
        left: 75%; }
      .row .col.offset-l10 {
        margin-left: 83.3333333333%; }
      .row .col.pull-l10 {
        right: 83.3333333333%; }
      .row .col.push-l10 {
        left: 83.3333333333%; }
      .row .col.offset-l11 {
        margin-left: 91.6666666667%; }
      .row .col.pull-l11 {
        right: 91.6666666667%; }
      .row .col.push-l11 {
        left: 91.6666666667%; }
      .row .col.offset-l12 {
        margin-left: 100%; }
      .row .col.pull-l12 {
        right: 100%; }
      .row .col.push-l12 {
        left: 100%; } }
    @media only screen and (min-width: 1201px) {
      .row .col.xl1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.xl12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto; }
      .row .col.offset-xl1 {
        margin-left: 8.3333333333%; }
      .row .col.pull-xl1 {
        right: 8.3333333333%; }
      .row .col.push-xl1 {
        left: 8.3333333333%; }
      .row .col.offset-xl2 {
        margin-left: 16.6666666667%; }
      .row .col.pull-xl2 {
        right: 16.6666666667%; }
      .row .col.push-xl2 {
        left: 16.6666666667%; }
      .row .col.offset-xl3 {
        margin-left: 25%; }
      .row .col.pull-xl3 {
        right: 25%; }
      .row .col.push-xl3 {
        left: 25%; }
      .row .col.offset-xl4 {
        margin-left: 33.3333333333%; }
      .row .col.pull-xl4 {
        right: 33.3333333333%; }
      .row .col.push-xl4 {
        left: 33.3333333333%; }
      .row .col.offset-xl5 {
        margin-left: 41.6666666667%; }
      .row .col.pull-xl5 {
        right: 41.6666666667%; }
      .row .col.push-xl5 {
        left: 41.6666666667%; }
      .row .col.offset-xl6 {
        margin-left: 50%; }
      .row .col.pull-xl6 {
        right: 50%; }
      .row .col.push-xl6 {
        left: 50%; }
      .row .col.offset-xl7 {
        margin-left: 58.3333333333%; }
      .row .col.pull-xl7 {
        right: 58.3333333333%; }
      .row .col.push-xl7 {
        left: 58.3333333333%; }
      .row .col.offset-xl8 {
        margin-left: 66.6666666667%; }
      .row .col.pull-xl8 {
        right: 66.6666666667%; }
      .row .col.push-xl8 {
        left: 66.6666666667%; }
      .row .col.offset-xl9 {
        margin-left: 75%; }
      .row .col.pull-xl9 {
        right: 75%; }
      .row .col.push-xl9 {
        left: 75%; }
      .row .col.offset-xl10 {
        margin-left: 83.3333333333%; }
      .row .col.pull-xl10 {
        right: 83.3333333333%; }
      .row .col.push-xl10 {
        left: 83.3333333333%; }
      .row .col.offset-xl11 {
        margin-left: 91.6666666667%; }
      .row .col.pull-xl11 {
        right: 91.6666666667%; }
      .row .col.push-xl11 {
        left: 91.6666666667%; }
      .row .col.offset-xl12 {
        margin-left: 100%; }
      .row .col.pull-xl12 {
        right: 100%; }
      .row .col.push-xl12 {
        left: 100%; } }

nav {
  color: #fff;
  background-color: #ee6e73;
  width: 100%;
  height: 56px;
  line-height: 56px; }
  nav.nav-extended {
    height: auto; }
    nav.nav-extended .nav-wrapper {
      min-height: 56px;
      height: auto; }
    nav.nav-extended .nav-content {
      position: relative;
      line-height: normal; }
  nav a {
    color: #fff; }
  nav i,
  nav [class^="mdi-"], nav [class*="mdi-"],
  nav i.material-icons {
    display: block;
    font-size: 24px;
    height: 56px;
    line-height: 56px; }
  nav .nav-wrapper {
    position: relative;
    height: 100%; }
  @media only screen and (min-width: 993px) {
    nav a.button-collapse {
      display: none; } }
  nav .button-collapse {
    float: left;
    position: relative;
    z-index: 1;
    height: 56px;
    margin: 0 18px; }
    nav .button-collapse i {
      height: 56px;
      line-height: 56px; }
  nav .brand-logo {
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0; }
    nav .brand-logo.center {
      left: 50%;
      transform: translateX(-50%); }
    @media only screen and (max-width: 992px) {
      nav .brand-logo {
        left: 50%;
        transform: translateX(-50%); }
        nav .brand-logo.left, nav .brand-logo.right {
          padding: 0;
          transform: none; }
        nav .brand-logo.left {
          left: 0.5rem; }
        nav .brand-logo.right {
          right: 0.5rem;
          left: auto; } }
    nav .brand-logo.right {
      right: 0.5rem;
      padding: 0; }
    nav .brand-logo i,
    nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
    nav .brand-logo i.material-icons {
      float: left;
      margin-right: 15px; }
  nav .nav-title {
    display: inline-block;
    font-size: 32px;
    padding: 28px 0; }
  nav ul {
    margin: 0; }
    nav ul li {
      transition: background-color .3s;
      float: left;
      padding: 0; }
      nav ul li.active {
        background-color: rgba(0, 0, 0, 0.1); }
    nav ul a {
      transition: background-color .3s;
      font-size: 1rem;
      color: #fff;
      display: block;
      padding: 0 15px;
      cursor: pointer; }
      nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
        margin-top: -2px;
        margin-left: 15px;
        margin-right: 15px; }
        nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
          height: inherit;
          line-height: inherit; }
      nav ul a:hover {
        background-color: rgba(0, 0, 0, 0.1); }
    nav ul.left {
      float: left; }
  nav form {
    height: 100%; }
  nav .input-field {
    margin: 0;
    height: 100%; }
    nav .input-field input {
      height: 100%;
      font-size: 1.2rem;
      border: none;
      padding-left: 2rem; }
      nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
        border: none;
        box-shadow: none; }
    nav .input-field label {
      top: 0;
      left: 0; }
      nav .input-field label i {
        color: rgba(255, 255, 255, 0.7);
        transition: color .3s; }
      nav .input-field label.active i {
        color: #fff; }

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 997; }
  .navbar-fixed nav {
    position: fixed; }

@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {
    min-height: 64px; }
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 64px;
    line-height: 64px; }
  .navbar-fixed {
    height: 64px; } }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("packages/materialize_materialize/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("packages/materialize_materialize/fonts/roboto/Roboto-Thin.woff") format("woff");
  font-weight: 100; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("packages/materialize_materialize/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("packages/materialize_materialize/fonts/roboto/Roboto-Light.woff") format("woff");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("packages/materialize_materialize/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("packages/materialize_materialize/fonts/roboto/Roboto-Regular.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Medium), url("packages/materialize_materialize/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("packages/materialize_materialize/fonts/roboto/Roboto-Medium.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Bold), url("packages/materialize_materialize/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("packages/materialize_materialize/fonts/roboto/Roboto-Bold.woff") format("woff");
  font-weight: 700; }

a {
  text-decoration: none; }

html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87); }
  @media only screen and (min-width: 0) {
    html {
      font-size: 14px; } }
  @media only screen and (min-width: 992px) {
    html {
      font-size: 14.5px; } }
  @media only screen and (min-width: 1200px) {
    html {
      font-size: 15px; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0; }

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 1.78rem 0 1.424rem 0; }

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.46rem 0 1.168rem 0; }

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.14rem 0 0.912rem 0; }

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 0.82rem 0 0.656rem 0; }

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0; }

em {
  font-style: italic; }

strong {
  font-weight: 500; }

small {
  font-size: 75%; }

.light, .page-footer .footer-copyright {
  font-weight: 300; }

.thin {
  font-weight: 200; }

.flow-text {
  font-weight: 300; }
  @media only screen and (min-width: 360px) {
    .flow-text {
      font-size: 1.2rem; } }
  @media only screen and (min-width: 390px) {
    .flow-text {
      font-size: 1.224rem; } }
  @media only screen and (min-width: 420px) {
    .flow-text {
      font-size: 1.248rem; } }
  @media only screen and (min-width: 450px) {
    .flow-text {
      font-size: 1.272rem; } }
  @media only screen and (min-width: 480px) {
    .flow-text {
      font-size: 1.296rem; } }
  @media only screen and (min-width: 510px) {
    .flow-text {
      font-size: 1.32rem; } }
  @media only screen and (min-width: 540px) {
    .flow-text {
      font-size: 1.344rem; } }
  @media only screen and (min-width: 570px) {
    .flow-text {
      font-size: 1.368rem; } }
  @media only screen and (min-width: 600px) {
    .flow-text {
      font-size: 1.392rem; } }
  @media only screen and (min-width: 630px) {
    .flow-text {
      font-size: 1.416rem; } }
  @media only screen and (min-width: 660px) {
    .flow-text {
      font-size: 1.44rem; } }
  @media only screen and (min-width: 690px) {
    .flow-text {
      font-size: 1.464rem; } }
  @media only screen and (min-width: 720px) {
    .flow-text {
      font-size: 1.488rem; } }
  @media only screen and (min-width: 750px) {
    .flow-text {
      font-size: 1.512rem; } }
  @media only screen and (min-width: 780px) {
    .flow-text {
      font-size: 1.536rem; } }
  @media only screen and (min-width: 810px) {
    .flow-text {
      font-size: 1.56rem; } }
  @media only screen and (min-width: 840px) {
    .flow-text {
      font-size: 1.584rem; } }
  @media only screen and (min-width: 870px) {
    .flow-text {
      font-size: 1.608rem; } }
  @media only screen and (min-width: 900px) {
    .flow-text {
      font-size: 1.632rem; } }
  @media only screen and (min-width: 930px) {
    .flow-text {
      font-size: 1.656rem; } }
  @media only screen and (min-width: 960px) {
    .flow-text {
      font-size: 1.68rem; } }
  @media only screen and (max-width: 360px) {
    .flow-text {
      font-size: 1.2rem; } }

.scale-transition {
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
  .scale-transition.scale-out {
    transform: scale(0);
    transition: transform .2s !important; }
  .scale-transition.scale-in {
    transform: scale(1); }

.card-panel {
  transition: box-shadow .25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff; }

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 2px; }
  .card .card-title {
    font-size: 24px;
    font-weight: 300; }
    .card .card-title.activator {
      cursor: pointer; }
  .card.small, .card.medium, .card.large {
    position: relative; }
    .card.small .card-image, .card.medium .card-image, .card.large .card-image {
      max-height: 60%;
      overflow: hidden; }
    .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
      max-height: 40%; }
    .card.small .card-content, .card.medium .card-content, .card.large .card-content {
      max-height: 100%;
      overflow: hidden; }
    .card.small .card-action, .card.medium .card-action, .card.large .card-action {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
  .card.small {
    height: 300px; }
  .card.medium {
    height: 400px; }
  .card.large {
    height: 500px; }
  .card.horizontal {
    display: flex; }
    .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
      height: 100%;
      max-height: none;
      overflow: visible; }
      .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
        height: 100%; }
    .card.horizontal .card-image {
      max-width: 50%; }
      .card.horizontal .card-image img {
        border-radius: 2px 0 0 2px;
        max-width: 100%;
        width: auto; }
    .card.horizontal .card-stacked {
      display: flex;
      flex-direction: column;
      flex: 1;
      position: relative; }
      .card.horizontal .card-stacked .card-content {
        flex-grow: 1; }
  .card.sticky-action .card-action {
    z-index: 2; }
  .card.sticky-action .card-reveal {
    z-index: 1;
    padding-bottom: 64px; }
  .card .card-image {
    position: relative; }
    .card .card-image img {
      display: block;
      border-radius: 2px 2px 0 0;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%; }
    .card .card-image .card-title {
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      max-width: 100%;
      padding: 24px; }
  .card .card-content {
    padding: 24px;
    border-radius: 0 0 2px 2px; }
    .card .card-content p {
      margin: 0;
      color: inherit; }
    .card .card-content .card-title {
      display: block;
      line-height: 32px;
      margin-bottom: 8px; }
      .card .card-content .card-title i {
        line-height: 32px; }
  .card .card-action {
    position: relative;
    background-color: inherit;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 16px 24px; }
    .card .card-action:last-child {
      border-radius: 0 0 2px 2px; }
    .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
      color: #ffab40;
      margin-right: 24px;
      transition: color .3s ease;
      text-transform: uppercase; }
      .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
        color: #ffd8a6; }
  .card .card-reveal {
    padding: 24px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow-y: auto;
    left: 0;
    top: 100%;
    height: 100%;
    z-index: 3;
    display: none; }
    .card .card-reveal .card-title {
      cursor: pointer;
      display: block; }

#toast-container {
  display: block;
  position: fixed;
  z-index: 10000; }
  @media only screen and (max-width: 600px) {
    #toast-container {
      min-width: 100%;
      bottom: 0%; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    #toast-container {
      left: 5%;
      bottom: 7%;
      max-width: 90%; } }
  @media only screen and (min-width: 993px) {
    #toast-container {
      top: 10%;
      right: 7%;
      max-width: 86%; } }

.toast {
  border-radius: 2px;
  top: 35px;
  width: auto;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  word-break: break-all;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default; }
  .toast .toast-action {
    color: #eeff41;
    font-weight: 500;
    margin-right: -25px;
    margin-left: 3rem; }
  .toast.rounded {
    border-radius: 24px; }
  @media only screen and (max-width: 600px) {
    .toast {
      width: 100%;
      border-radius: 0; } }

.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap; }
  .tabs.tabs-transparent {
    background-color: transparent; }
    .tabs.tabs-transparent .tab a,
    .tabs.tabs-transparent .tab.disabled a,
    .tabs.tabs-transparent .tab.disabled a:hover {
      color: rgba(255, 255, 255, 0.7); }
    .tabs.tabs-transparent .tab a:hover,
    .tabs.tabs-transparent .tab a.active {
      color: #fff; }
    .tabs.tabs-transparent .indicator {
      background-color: #fff; }
  .tabs.tabs-fixed-width {
    display: flex; }
    .tabs.tabs-fixed-width .tab {
      flex-grow: 1; }
  .tabs .tab {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase; }
    .tabs .tab a {
      color: rgba(238, 110, 115, 0.7);
      display: block;
      width: 100%;
      height: 100%;
      padding: 0 24px;
      font-size: 14px;
      text-overflow: ellipsis;
      overflow: hidden;
      transition: color .28s ease; }
      .tabs .tab a:hover, .tabs .tab a.active {
        background-color: transparent;
        color: #ee6e73; }
    .tabs .tab.disabled a,
    .tabs .tab.disabled a:hover {
      color: rgba(238, 110, 115, 0.7);
      cursor: default; }
  .tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #f6b2b5;
    will-change: left, right; }

@media only screen and (max-width: 992px) {
  .tabs {
    display: flex; }
    .tabs .tab {
      flex-grow: 1; }
      .tabs .tab a {
        padding: 0 12px; } }

.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden; }

.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  transform-origin: 50% 0%;
  visibility: hidden; }

.btn, .btn-large,
.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent; }

.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-large[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default; }
  .btn.disabled:hover, .disabled.btn-large:hover,
  .btn-floating.disabled:hover,
  .btn-large.disabled:hover,
  .btn-flat.disabled:hover,
  .btn:disabled:hover,
  .btn-large:disabled:hover,
  .btn-floating:disabled:hover,
  .btn-large:disabled:hover,
  .btn-flat:disabled:hover,
  .btn[disabled]:hover,
  .btn-large[disabled]:hover,
  .btn-floating[disabled]:hover,
  .btn-large[disabled]:hover,
  .btn-flat[disabled]:hover {
    background-color: #DFDFDF !important;
    color: #9F9F9F !important; }

.btn, .btn-large,
.btn-floating,
.btn-large,
.btn-flat {
  font-size: 1rem;
  outline: 0; }
  .btn i, .btn-large i,
  .btn-floating i,
  .btn-large i,
  .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit; }

.btn:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #1d7d74; }

.btn, .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #26a69a;
  text-align: center;
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer; }
  .btn:hover, .btn-large:hover {
    background-color: #2bbbad; }

.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle; }
  .btn-floating:hover {
    background-color: #26a69a; }
  .btn-floating:before {
    border-radius: 0; }
  .btn-floating.btn-large {
    width: 56px;
    height: 56px; }
    .btn-floating.btn-large.halfway-fab {
      bottom: -28px; }
    .btn-floating.btn-large i {
      line-height: 56px; }
  .btn-floating.halfway-fab {
    position: absolute;
    right: 24px;
    bottom: -20px; }
    .btn-floating.halfway-fab.left {
      right: auto;
      left: 24px; }
  .btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 40px; }

button.btn-floating {
  border: none; }

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997; }
  .fixed-action-btn.active ul {
    visibility: visible; }
  .fixed-action-btn.horizontal {
    padding: 0 0 0 15px; }
    .fixed-action-btn.horizontal ul {
      text-align: right;
      right: 64px;
      top: 50%;
      transform: translateY(-50%);
      height: 100%;
      left: auto;
      width: 500px;
      /*width 100% only goes to width of button container */ }
      .fixed-action-btn.horizontal ul li {
        display: inline-block;
        margin: 15px 15px 0 0; }
  .fixed-action-btn.toolbar {
    padding: 0;
    height: 56px; }
    .fixed-action-btn.toolbar.active > a i {
      opacity: 0; }
    .fixed-action-btn.toolbar ul {
      display: flex;
      top: 0;
      bottom: 0;
      z-index: 1; }
      .fixed-action-btn.toolbar ul li {
        flex: 1;
        display: inline-block;
        margin: 0;
        height: 100%;
        transition: none; }
        .fixed-action-btn.toolbar ul li a {
          display: block;
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 100%;
          background-color: transparent;
          box-shadow: none;
          color: #fff;
          line-height: 56px;
          z-index: 1; }
          .fixed-action-btn.toolbar ul li a i {
            line-height: inherit; }
  .fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden; }
    .fixed-action-btn ul li {
      margin-bottom: 15px; }
    .fixed-action-btn ul a.btn-floating {
      opacity: 0; }
  .fixed-action-btn .fab-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 40px;
    height: 40px;
    background-color: #26a69a;
    border-radius: 50%;
    transform: scale(0); }

.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  transition: background-color .2s; }
  .btn-flat:focus, .btn-flat:hover {
    box-shadow: none; }
  .btn-flat:focus {
    background-color: rgba(0, 0, 0, 0.1); }
  .btn-flat.disabled {
    background-color: transparent !important;
    color: #b3b2b2 !important;
    cursor: default; }

.btn-large {
  height: 54px;
  line-height: 54px; }
  .btn-large i {
    font-size: 1.6rem; }

.btn-block {
  display: block; }

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  max-height: 650px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  z-index: 999;
  will-change: width, height; }
  .dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    min-height: 50px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
    text-transform: none; }
    .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
      background-color: #eee; }
    .dropdown-content li.active.selected {
      background-color: #e1e1e1; }
    .dropdown-content li.divider {
      min-height: 0;
      height: 1px; }
    .dropdown-content li > a, .dropdown-content li > span {
      font-size: 16px;
      color: #26a69a;
      display: block;
      line-height: 22px;
      padding: 14px 16px; }
    .dropdown-content li > span > label {
      top: 1px;
      left: 0;
      height: 18px; }
    .dropdown-content li > a > i {
      height: inherit;
      line-height: inherit;
      float: left;
      margin: 0 24px 0 0;
      width: 24px; }

.input-field.col .dropdown-content [type="checkbox"] + label {
  top: 1px;
  left: 0;
  height: 18px; }

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  transition: .3s ease-out; }
  .waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.7s ease-out;
    transition-property: transform, opacity;
    transform: scale(0);
    pointer-events: none; }
  .waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45); }
  .waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7); }
  .waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7); }
  .waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7); }
  .waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7); }
  .waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7); }
  .waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7); }
  .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none; }
  .waves-effect img {
    position: relative;
    z-index: -1; }

.waves-notransition {
  transition: none !important; }

.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }
  .waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none; }

.waves-block {
  display: block; }

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
  z-index: -1; }

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity; }
  @media only screen and (max-width: 992px) {
    .modal {
      width: 80%; } }
  .modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0; }
  .modal .modal-content {
    padding: 24px; }
  .modal .modal-close {
    cursor: pointer; }
  .modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%;
    text-align: right; }
    .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
      margin: 6px 0; }

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity; }

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%; }
  .modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto; }
  .modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0; }

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity; }

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0; }

.collapsible-header {
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  padding: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd; }
  .collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    margin-right: 1rem; }

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 2rem; }

.side-nav .collapsible,
.side-nav.fixed .collapsible {
  border: none;
  box-shadow: none; }
  .side-nav .collapsible li,
  .side-nav.fixed .collapsible li {
    padding: 0; }

.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px; }
  .side-nav .collapsible-header:hover,
  .side-nav.fixed .collapsible-header:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .side-nav .collapsible-header i,
  .side-nav.fixed .collapsible-header i {
    line-height: inherit; }

.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
  border: 0;
  background-color: #fff; }
  .side-nav .collapsible-body li a,
  .side-nav.fixed .collapsible-body li a {
    padding: 0 23.5px 0 31px; }

.collapsible.popout {
  border: none;
  box-shadow: none; }
  .collapsible.popout > li {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 0 24px;
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .collapsible.popout > li.active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 16px 0; }

.chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px; }
  .chip > img {
    float: left;
    margin: 0 8px 0 -12px;
    height: 32px;
    width: 32px;
    border-radius: 50%; }
  .chip .close {
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px; }

.chips {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  box-shadow: none;
  margin: 0 0 20px 0;
  min-height: 45px;
  outline: none;
  transition: all .3s; }
  .chips.focus {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a; }
  .chips:hover {
    cursor: text; }
  .chips .chip.selected {
    background-color: #26a69a;
    color: #fff; }
  .chips .input {
    background: none;
    border: 0;
    color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    font-size: 1rem;
    height: 3rem;
    line-height: 32px;
    outline: 0;
    margin: 0;
    padding: 0 !important;
    width: 120px !important; }
  .chips .input:focus {
    border: 0 !important;
    box-shadow: none !important; }
  .chips .autocomplete-content {
    margin-top: 0;
    margin-bottom: 0; }

.prefix ~ .chips {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem); }

.chips:empty ~ label {
  font-size: 0.8rem;
  transform: translateY(-140%); }

.materialboxed {
  display: block;
  cursor: zoom-in;
  position: relative;
  transition: opacity .4s;
  -webkit-backface-visibility: hidden; }
  .materialboxed:hover:not(.active) {
    opacity: .8; }
  .materialboxed.active {
    cursor: zoom-out; }

#materialbox-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #292929;
  z-index: 1000;
  will-change: opacity; }

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased; }

select:focus {
  outline: 1px solid #c9f3ef; }

button:focus {
  outline: none;
  background-color: #2ab7a9; }

label {
  font-size: 0.8rem;
  color: #9e9e9e; }

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::placeholder {
  color: #d1d1d1; }

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 20px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s; }
  input:not([type]):disabled, input:not([type])[readonly="readonly"],
  input[type=text]:not(.browser-default):disabled,
  input[type=text]:not(.browser-default)[readonly="readonly"],
  input[type=password]:not(.browser-default):disabled,
  input[type=password]:not(.browser-default)[readonly="readonly"],
  input[type=email]:not(.browser-default):disabled,
  input[type=email]:not(.browser-default)[readonly="readonly"],
  input[type=url]:not(.browser-default):disabled,
  input[type=url]:not(.browser-default)[readonly="readonly"],
  input[type=time]:not(.browser-default):disabled,
  input[type=time]:not(.browser-default)[readonly="readonly"],
  input[type=date]:not(.browser-default):disabled,
  input[type=date]:not(.browser-default)[readonly="readonly"],
  input[type=datetime]:not(.browser-default):disabled,
  input[type=datetime]:not(.browser-default)[readonly="readonly"],
  input[type=datetime-local]:not(.browser-default):disabled,
  input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
  input[type=tel]:not(.browser-default):disabled,
  input[type=tel]:not(.browser-default)[readonly="readonly"],
  input[type=number]:not(.browser-default):disabled,
  input[type=number]:not(.browser-default)[readonly="readonly"],
  input[type=search]:not(.browser-default):disabled,
  input[type=search]:not(.browser-default)[readonly="readonly"],
  textarea.materialize-textarea:disabled,
  textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0, 0, 0, 0.42);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }
  input:not([type]):disabled + label,
  input:not([type])[readonly="readonly"] + label,
  input[type=text]:not(.browser-default):disabled + label,
  input[type=text]:not(.browser-default)[readonly="readonly"] + label,
  input[type=password]:not(.browser-default):disabled + label,
  input[type=password]:not(.browser-default)[readonly="readonly"] + label,
  input[type=email]:not(.browser-default):disabled + label,
  input[type=email]:not(.browser-default)[readonly="readonly"] + label,
  input[type=url]:not(.browser-default):disabled + label,
  input[type=url]:not(.browser-default)[readonly="readonly"] + label,
  input[type=time]:not(.browser-default):disabled + label,
  input[type=time]:not(.browser-default)[readonly="readonly"] + label,
  input[type=date]:not(.browser-default):disabled + label,
  input[type=date]:not(.browser-default)[readonly="readonly"] + label,
  input[type=datetime]:not(.browser-default):disabled + label,
  input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
  input[type=datetime-local]:not(.browser-default):disabled + label,
  input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
  input[type=tel]:not(.browser-default):disabled + label,
  input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
  input[type=number]:not(.browser-default):disabled + label,
  input[type=number]:not(.browser-default)[readonly="readonly"] + label,
  input[type=search]:not(.browser-default):disabled + label,
  input[type=search]:not(.browser-default)[readonly="readonly"] + label,
  textarea.materialize-textarea:disabled + label,
  textarea.materialize-textarea[readonly="readonly"] + label {
    color: rgba(0, 0, 0, 0.42); }
  input:not([type]):focus:not([readonly]),
  input[type=text]:not(.browser-default):focus:not([readonly]),
  input[type=password]:not(.browser-default):focus:not([readonly]),
  input[type=email]:not(.browser-default):focus:not([readonly]),
  input[type=url]:not(.browser-default):focus:not([readonly]),
  input[type=time]:not(.browser-default):focus:not([readonly]),
  input[type=date]:not(.browser-default):focus:not([readonly]),
  input[type=datetime]:not(.browser-default):focus:not([readonly]),
  input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
  input[type=tel]:not(.browser-default):focus:not([readonly]),
  input[type=number]:not(.browser-default):focus:not([readonly]),
  input[type=search]:not(.browser-default):focus:not([readonly]),
  textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a; }
  input:not([type]):focus:not([readonly]) + label,
  input[type=text]:not(.browser-default):focus:not([readonly]) + label,
  input[type=password]:not(.browser-default):focus:not([readonly]) + label,
  input[type=email]:not(.browser-default):focus:not([readonly]) + label,
  input[type=url]:not(.browser-default):focus:not([readonly]) + label,
  input[type=time]:not(.browser-default):focus:not([readonly]) + label,
  input[type=date]:not(.browser-default):focus:not([readonly]) + label,
  input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
  input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
  input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
  input[type=number]:not(.browser-default):focus:not([readonly]) + label,
  input[type=search]:not(.browser-default):focus:not([readonly]) + label,
  textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #26a69a; }
  input:not([type]).validate + label,
  input[type=text]:not(.browser-default).validate + label,
  input[type=password]:not(.browser-default).validate + label,
  input[type=email]:not(.browser-default).validate + label,
  input[type=url]:not(.browser-default).validate + label,
  input[type=time]:not(.browser-default).validate + label,
  input[type=date]:not(.browser-default).validate + label,
  input[type=datetime]:not(.browser-default).validate + label,
  input[type=datetime-local]:not(.browser-default).validate + label,
  input[type=tel]:not(.browser-default).validate + label,
  input[type=number]:not(.browser-default).validate + label,
  input[type=search]:not(.browser-default).validate + label,
  textarea.materialize-textarea.validate + label {
    width: 100%; }
  input:not([type]).invalid + label:after,
  input:not([type]).valid + label:after,
  input[type=text]:not(.browser-default).invalid + label:after,
  input[type=text]:not(.browser-default).valid + label:after,
  input[type=password]:not(.browser-default).invalid + label:after,
  input[type=password]:not(.browser-default).valid + label:after,
  input[type=email]:not(.browser-default).invalid + label:after,
  input[type=email]:not(.browser-default).valid + label:after,
  input[type=url]:not(.browser-default).invalid + label:after,
  input[type=url]:not(.browser-default).valid + label:after,
  input[type=time]:not(.browser-default).invalid + label:after,
  input[type=time]:not(.browser-default).valid + label:after,
  input[type=date]:not(.browser-default).invalid + label:after,
  input[type=date]:not(.browser-default).valid + label:after,
  input[type=datetime]:not(.browser-default).invalid + label:after,
  input[type=datetime]:not(.browser-default).valid + label:after,
  input[type=datetime-local]:not(.browser-default).invalid + label:after,
  input[type=datetime-local]:not(.browser-default).valid + label:after,
  input[type=tel]:not(.browser-default).invalid + label:after,
  input[type=tel]:not(.browser-default).valid + label:after,
  input[type=number]:not(.browser-default).invalid + label:after,
  input[type=number]:not(.browser-default).valid + label:after,
  input[type=search]:not(.browser-default).invalid + label:after,
  input[type=search]:not(.browser-default).valid + label:after,
  textarea.materialize-textarea.invalid + label:after,
  textarea.materialize-textarea.valid + label:after {
    display: none; }
  input:not([type]).invalid + label.active:after,
  input:not([type]).valid + label.active:after,
  input[type=text]:not(.browser-default).invalid + label.active:after,
  input[type=text]:not(.browser-default).valid + label.active:after,
  input[type=password]:not(.browser-default).invalid + label.active:after,
  input[type=password]:not(.browser-default).valid + label.active:after,
  input[type=email]:not(.browser-default).invalid + label.active:after,
  input[type=email]:not(.browser-default).valid + label.active:after,
  input[type=url]:not(.browser-default).invalid + label.active:after,
  input[type=url]:not(.browser-default).valid + label.active:after,
  input[type=time]:not(.browser-default).invalid + label.active:after,
  input[type=time]:not(.browser-default).valid + label.active:after,
  input[type=date]:not(.browser-default).invalid + label.active:after,
  input[type=date]:not(.browser-default).valid + label.active:after,
  input[type=datetime]:not(.browser-default).invalid + label.active:after,
  input[type=datetime]:not(.browser-default).valid + label.active:after,
  input[type=datetime-local]:not(.browser-default).invalid + label.active:after,
  input[type=datetime-local]:not(.browser-default).valid + label.active:after,
  input[type=tel]:not(.browser-default).invalid + label.active:after,
  input[type=tel]:not(.browser-default).valid + label.active:after,
  input[type=number]:not(.browser-default).invalid + label.active:after,
  input[type=number]:not(.browser-default).valid + label.active:after,
  input[type=search]:not(.browser-default).invalid + label.active:after,
  input[type=search]:not(.browser-default).valid + label.active:after,
  textarea.materialize-textarea.invalid + label.active:after,
  textarea.materialize-textarea.valid + label.active:after {
    display: block; }

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
  border-bottom: 1px solid #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50; }

input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336; }

input:not([type]).valid + label:after,
input:not([type]):focus.valid + label:after,
input[type=text]:not(.browser-default).valid + label:after,
input[type=text]:not(.browser-default):focus.valid + label:after,
input[type=password]:not(.browser-default).valid + label:after,
input[type=password]:not(.browser-default):focus.valid + label:after,
input[type=email]:not(.browser-default).valid + label:after,
input[type=email]:not(.browser-default):focus.valid + label:after,
input[type=url]:not(.browser-default).valid + label:after,
input[type=url]:not(.browser-default):focus.valid + label:after,
input[type=time]:not(.browser-default).valid + label:after,
input[type=time]:not(.browser-default):focus.valid + label:after,
input[type=date]:not(.browser-default).valid + label:after,
input[type=date]:not(.browser-default):focus.valid + label:after,
input[type=datetime]:not(.browser-default).valid + label:after,
input[type=datetime]:not(.browser-default):focus.valid + label:after,
input[type=datetime-local]:not(.browser-default).valid + label:after,
input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
input[type=tel]:not(.browser-default).valid + label:after,
input[type=tel]:not(.browser-default):focus.valid + label:after,
input[type=number]:not(.browser-default).valid + label:after,
input[type=number]:not(.browser-default):focus.valid + label:after,
input[type=search]:not(.browser-default).valid + label:after,
input[type=search]:not(.browser-default):focus.valid + label:after,
textarea.materialize-textarea.valid + label:after,
textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after {
  content: attr(data-success);
  color: #4CAF50;
  opacity: 1;
  transform: translateY(9px); }

input:not([type]).invalid + label:after,
input:not([type]):focus.invalid + label:after,
input[type=text]:not(.browser-default).invalid + label:after,
input[type=text]:not(.browser-default):focus.invalid + label:after,
input[type=password]:not(.browser-default).invalid + label:after,
input[type=password]:not(.browser-default):focus.invalid + label:after,
input[type=email]:not(.browser-default).invalid + label:after,
input[type=email]:not(.browser-default):focus.invalid + label:after,
input[type=url]:not(.browser-default).invalid + label:after,
input[type=url]:not(.browser-default):focus.invalid + label:after,
input[type=time]:not(.browser-default).invalid + label:after,
input[type=time]:not(.browser-default):focus.invalid + label:after,
input[type=date]:not(.browser-default).invalid + label:after,
input[type=date]:not(.browser-default):focus.invalid + label:after,
input[type=datetime]:not(.browser-default).invalid + label:after,
input[type=datetime]:not(.browser-default):focus.invalid + label:after,
input[type=datetime-local]:not(.browser-default).invalid + label:after,
input[type=datetime-local]:not(.browser-default):focus.invalid + label:after,
input[type=tel]:not(.browser-default).invalid + label:after,
input[type=tel]:not(.browser-default):focus.invalid + label:after,
input[type=number]:not(.browser-default).invalid + label:after,
input[type=number]:not(.browser-default):focus.invalid + label:after,
input[type=search]:not(.browser-default).invalid + label:after,
input[type=search]:not(.browser-default):focus.invalid + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea:focus.invalid + label:after, .select-wrapper.invalid + label:after {
  content: attr(data-error);
  color: #F44336;
  opacity: 1;
  transform: translateY(9px); }

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: .2s opacity ease-out, .2s color ease-out; }

.input-field {
  position: relative;
  margin-top: 1rem; }
  .input-field.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }
    .input-field.inline input,
    .input-field.inline .select-dropdown {
      margin-bottom: 1rem; }
  .input-field.col label {
    left: 0.75rem; }
  .input-field.col .prefix ~ label,
  .input-field.col .prefix ~ .validate ~ label {
    width: calc(100% - 3rem - 1.5rem); }
  .input-field label {
    color: #9e9e9e;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 1rem;
    cursor: text;
    transition: transform .2s ease-out;
    transform-origin: 0% 100%;
    text-align: initial;
    transform: translateY(12px);
    pointer-events: none; }
    .input-field label:not(.label-icon).active {
      transform: translateY(-14px) scale(0.8);
      transform-origin: 0 0; }
  .input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    transition: color .2s; }
    .input-field .prefix.active {
      color: #26a69a; }
  .input-field .prefix ~ input,
  .input-field .prefix ~ textarea,
  .input-field .prefix ~ label,
  .input-field .prefix ~ .validate ~ label,
  .input-field .prefix ~ .autocomplete-content {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem); }
  .input-field .prefix ~ label {
    margin-left: 3rem; }
  @media only screen and (max-width: 992px) {
    .input-field .prefix ~ input {
      width: 86%;
      width: calc(100% - 3rem); } }
  @media only screen and (max-width: 600px) {
    .input-field .prefix ~ input {
      width: 80%;
      width: calc(100% - 3rem); } }

/* Search Field */
.input-field input[type=search] {
  display: block;
  line-height: inherit; }
  .nav-wrapper .input-field input[type=search] {
    height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem);
    border: 0;
    box-shadow: none; }
  .input-field input[type=search]:focus {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    color: #444; }
    .input-field input[type=search]:focus + label i,
    .input-field input[type=search]:focus ~ .mdi-navigation-close,
    .input-field input[type=search]:focus ~ .material-icons {
      color: #444; }
  .input-field input[type=search] + label {
    left: 1rem; }
  .input-field input[type=search] ~ .mdi-navigation-close,
  .input-field input[type=search] ~ .material-icons {
    position: absolute;
    top: 0;
    right: 1rem;
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    transition: .3s color; }

/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent; }
  textarea.materialize-textarea {
    overflow-y: hidden;
    /* prevents scroll bar flash */
    padding: .8rem 0 1.6rem 0;
    /* prevents text jump on Enter keypress */
    resize: none;
    min-height: 3rem; }
    textarea.materialize-textarea.validate + label {
      height: 100%; }
      textarea.materialize-textarea.validate + label::after {
        top: calc(100% - 12px); }
      textarea.materialize-textarea.validate + label:not(.label-icon).active {
        transform: translateY(-25px); }

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */
  position: absolute;
  top: 0; }

/* Autocomplete */
.autocomplete-content {
  margin-top: -20px;
  margin-bottom: 20px;
  display: block;
  opacity: 1;
  position: static; }
  .autocomplete-content li .highlight {
    color: #444; }
  .autocomplete-content li img {
    height: 40px;
    width: 40px;
    margin: 5px 15px; }

/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: .28s ease;
  user-select: none; }

[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: .28s ease; }

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border-radius: 50%; }

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
  border: 2px solid #5a5a5a; }

[type="radio"]:not(:checked) + label:after {
  transform: scale(0); }

/* Checked styles */
[type="radio"]:checked + label:before {
  border: 2px solid transparent; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid #26a69a; }

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #26a69a; }

[type="radio"]:checked + label:after {
  transform: scale(1.02); }

/* Radio With gap */
[type="radio"].with-gap:checked + label:after {
  transform: scale(0.5); }

/* Focused styles */
[type="radio"].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); }

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.42); }

[type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.42); }

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.42); }

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.42); }

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.42); }

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.42);
  border-color: #949494; }

/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
form p {
  margin-bottom: 10px;
  text-align: left; }

form p:last-child {
  margin-bottom: 0; }

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    user-select: none; }
  [type="checkbox"] + label:before,
  [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s; }
  [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    transform: scale(0); }
  [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.42); }
  [type="checkbox"].tabbed:focus + label:after {
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  border-bottom: 2px solid rgba(0, 0, 0, 0.42); }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #26a69a;
  border-bottom: none;
  transform: rotate(90deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  background-color: transparent; }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0; }

[type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #26a69a;
  border-color: #26a69a; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #949494; }

[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #949494;
  border-color: #949494; }

/* Switch
   ========================================================================== */
.switch,
.switch * {
  -webkit-tap-highlight-color: transparent;
  user-select: none; }

.switch label {
  cursor: pointer; }

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0; }
  .switch label input[type=checkbox]:checked + .lever {
    background-color: #84c7c1; }
    .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
      left: 18px; }
    .switch label input[type=checkbox]:checked + .lever:after {
      background-color: #26a69a; }

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px; }
  .switch label .lever:before, .switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    top: -3px;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; }
  .switch label .lever:before {
    background-color: rgba(38, 166, 154, 0.15); }
  .switch label .lever:after {
    background-color: #F1F1F1;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  transform: scale(2.4);
  background-color: rgba(38, 166, 154, 0.15); }

input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08); }

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.12); }

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #949494; }

/* Select Field
   ========================================================================== */
select {
  display: none; }

select.browser-default {
  display: block; }

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem; }

.input-field > select {
  display: block;
  position: absolute;
  width: 0;
  pointer-events: none;
  height: 0;
  top: 0;
  left: 0;
  opacity: 0; }

.select-label {
  position: absolute; }

.select-wrapper {
  position: relative; }
  .select-wrapper.valid + label,
  .select-wrapper.invalid + label {
    width: 100%;
    pointer-events: none; }
  .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
    user-select: none; }
  .select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 10px;
    margin: auto 0;
    font-size: 10px;
    line-height: 10px; }
  .select-wrapper + label {
    position: absolute;
    top: -26px;
    font-size: 0.8rem; }

select:disabled {
  color: rgba(0, 0, 0, 0.42); }

.select-wrapper.disabled span.caret,
.select-wrapper.disabled + label {
  color: rgba(0, 0, 0, 0.42); }

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.42);
  cursor: default;
  user-select: none; }

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3); }

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent; }

.select-dropdown.dropdown-content li.active {
  background-color: transparent; }

.select-dropdown.dropdown-content li:hover {
  background-color: rgba(0, 0, 0, 0.06); }

.select-dropdown.dropdown-content li.selected {
  background-color: rgba(0, 0, 0, 0.03); }

.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem); }

.prefix ~ label {
  margin-left: 3rem; }

.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right; }

.select-dropdown li.optgroup {
  border-top: 1px solid #eee; }
  .select-dropdown li.optgroup.selected > span {
    color: rgba(0, 0, 0, 0.7); }
  .select-dropdown li.optgroup > span {
    color: rgba(0, 0, 0, 0.4); }
  .select-dropdown li.optgroup ~ li.optgroup-option {
    padding-left: 1rem; }

/* File Input
   ========================================================================== */
.file-field {
  position: relative; }
  .file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px; }
  .file-field input.file-path {
    width: 100%; }
  .file-field .btn, .file-field .btn-large {
    float: left;
    height: 3rem;
    line-height: 3rem; }
  .file-field span {
    cursor: pointer; }
  .file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0); }
    .file-field input[type=file]::-webkit-file-upload-button {
      display: none; }

/* Range
   ========================================================================== */
.range-field {
  position: relative; }

input[type=range],
input[type=range] + .thumb {
  cursor: pointer; }

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0;
  padding: 0; }
  input[type=range]:focus {
    outline: none; }

input[type=range] + .thumb {
  position: absolute;
  top: 10px;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #26a69a;
  margin-left: 7px;
  transform-origin: 50% 50%;
  transform: rotate(-45deg); }
  input[type=range] + .thumb .value {
    display: block;
    width: 30px;
    text-align: center;
    color: #26a69a;
    font-size: 0;
    transform: rotate(45deg); }
  input[type=range] + .thumb.active {
    border-radius: 50% 50% 50% 0; }
    input[type=range] + .thumb.active .value {
      color: #fff;
      margin-left: -1px;
      margin-top: 8px;
      font-size: 10px; }

input[type=range] {
  -webkit-appearance: none; }

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #26a69a;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  transition: .3s; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc; }

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/ }

input[type=range]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none; }

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a;
  margin-top: -5px; }

input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px; }

input[type=range]:focus::-moz-range-track {
  background: #ccc; }

input[type=range]::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #777; }

input[type=range]::-ms-fill-upper {
  background: #ddd; }

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #26a69a; }

input[type=range]:focus::-ms-fill-lower {
  background: #888; }

input[type=range]:focus::-ms-fill-upper {
  background: #ccc; }

/***************
    Nav List
***************/
.table-of-contents.fixed {
  position: fixed; }

.table-of-contents li {
  padding: 2px 0; }

.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
  display: inline-block; }
  .table-of-contents a:hover {
    color: #a8a8a8;
    padding-left: 19px;
    border-left: 1px solid #ee6e73; }
  .table-of-contents a.active {
    font-weight: 500;
    padding-left: 18px;
    border-left: 2px solid #ee6e73; }

.side-nav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateX(-105%); }
  .side-nav.right-aligned {
    right: 0;
    transform: translateX(105%);
    left: auto;
    transform: translateX(100%); }
  .side-nav .collapsible {
    margin: 0; }
  .side-nav li {
    float: none;
    line-height: 48px; }
    .side-nav li.active {
      background-color: rgba(0, 0, 0, 0.05); }
  .side-nav li > a {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px; }
    .side-nav li > a:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating {
      margin: 10px 15px; }
    .side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-floating {
      color: #fff; }
    .side-nav li > a.btn-flat {
      color: #343434; }
    .side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover, .side-nav li > a.btn-large:hover {
      background-color: #2bbbad; }
    .side-nav li > a.btn-floating:hover {
      background-color: #26a69a; }
    .side-nav li > a > i,
    .side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"],
    .side-nav li > a > i.material-icons {
      float: left;
      height: 48px;
      line-height: 48px;
      margin: 0 32px 0 0;
      width: 24px;
      color: rgba(0, 0, 0, 0.54); }
  .side-nav .divider {
    margin: 8px 0 0 0; }
  .side-nav .subheader {
    cursor: initial;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    font-weight: 500;
    line-height: 48px; }
    .side-nav .subheader:hover {
      background-color: transparent; }
  .side-nav .user-view,
  .side-nav .userView {
    position: relative;
    padding: 32px 32px 0;
    margin-bottom: 8px; }
    .side-nav .user-view > a,
    .side-nav .userView > a {
      height: auto;
      padding: 0; }
      .side-nav .user-view > a:hover,
      .side-nav .userView > a:hover {
        background-color: transparent; }
    .side-nav .user-view .background,
    .side-nav .userView .background {
      overflow: hidden;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1; }
    .side-nav .user-view .circle, .side-nav .user-view .name, .side-nav .user-view .email,
    .side-nav .userView .circle,
    .side-nav .userView .name,
    .side-nav .userView .email {
      display: block; }
    .side-nav .user-view .circle,
    .side-nav .userView .circle {
      height: 64px;
      width: 64px; }
    .side-nav .user-view .name,
    .side-nav .user-view .email,
    .side-nav .userView .name,
    .side-nav .userView .email {
      font-size: 14px;
      line-height: 24px; }
    .side-nav .user-view .name,
    .side-nav .userView .name {
      margin-top: 16px;
      font-weight: 500; }
    .side-nav .user-view .email,
    .side-nav .userView .email {
      padding-bottom: 16px;
      font-weight: 400; }

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998; }

.side-nav.fixed {
  left: 0;
  transform: translateX(0);
  position: fixed; }
  .side-nav.fixed.right-aligned {
    right: 0;
    left: auto; }

@media only screen and (max-width: 992px) {
  .side-nav.fixed {
    transform: translateX(-105%); }
    .side-nav.fixed.right-aligned {
      transform: translateX(105%); }
  .side-nav a {
    padding: 0 16px; }
  .side-nav .user-view,
  .side-nav .userView {
    padding: 16px 16px 0; } }

.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #ee6e73; }
  .side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
  .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #fff; }

.side-nav .collapsible-body {
  padding: 0; }

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity; }

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px; }
  .preloader-wrapper.small {
    width: 36px;
    height: 36px; }
  .preloader-wrapper.big {
    width: 64px;
    height: 64px; }
  .preloader-wrapper.active {
    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite; }

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes container-rotate {
  to {
    transform: rotate(360deg); } }

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #26a69a; }

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4; }

.spinner-red,
.spinner-red-only {
  border-color: #db4437; }

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400; }

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58; }

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg); }
  /* 0.5 * ARCSIZE */
  25% {
    transform: rotate(270deg); }
  /* 1   * ARCSIZE */
  37.5% {
    transform: rotate(405deg); }
  /* 1.5 * ARCSIZE */
  50% {
    transform: rotate(540deg); }
  /* 2   * ARCSIZE */
  62.5% {
    transform: rotate(675deg); }
  /* 2.5 * ARCSIZE */
  75% {
    transform: rotate(810deg); }
  /* 3   * ARCSIZE */
  87.5% {
    transform: rotate(945deg); }
  /* 3.5 * ARCSIZE */
  to {
    transform: rotate(1080deg); }
  /* 4   * ARCSIZE */ }

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1; }
  25% {
    opacity: 1; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes blue-fade-in-out {
  from {
    opacity: 1; }
  25% {
    opacity: 1; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; } }

@keyframes red-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; } }

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  76% {
    opacity: 0; } }

@keyframes yellow-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 1; }
  76% {
    opacity: 0; } }

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes green-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }

.gap-patch .circle {
  width: 1000%;
  left: -450%; }

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    /* STROKEWIDTH */
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  .circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg); }
  .circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg); }

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg); } }

@keyframes left-spin {
  from {
    transform: rotate(130deg); }
  50% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(130deg); } }

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg); } }

@keyframes right-spin {
  from {
    transform: rotate(-130deg); }
  50% {
    transform: rotate(5deg); }
  to {
    transform: rotate(-130deg); } }

#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.slider {
  position: relative;
  height: 400px;
  width: 100%; }
  .slider.fullscreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .slider.fullscreen ul.slides {
      height: 100%; }
    .slider.fullscreen ul.indicators {
      z-index: 2;
      bottom: 30px; }
  .slider .slides {
    background-color: #9e9e9e;
    margin: 0;
    height: 400px; }
    .slider .slides li {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: inherit;
      overflow: hidden; }
      .slider .slides li img {
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center; }
      .slider .slides li .caption {
        color: #fff;
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
        opacity: 0; }
        .slider .slides li .caption p {
          color: #e0e0e0; }
      .slider .slides li.active {
        z-index: 2; }
  .slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0; }
    .slider .indicators .indicator-item {
      display: inline-block;
      position: relative;
      cursor: pointer;
      height: 16px;
      width: 16px;
      margin: 0 12px;
      background-color: #e0e0e0;
      transition: background-color .3s;
      border-radius: 50%; }
      .slider .indicators .indicator-item.active {
        background-color: #4CAF50; }

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  perspective: 500px;
  transform-style: preserve-3d;
  transform-origin: 0% 50%; }
  .carousel.carousel-slider {
    top: 0;
    left: 0; }
    .carousel.carousel-slider .carousel-fixed-item {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      z-index: 1; }
      .carousel.carousel-slider .carousel-fixed-item.with-indicators {
        bottom: 68px; }
    .carousel.carousel-slider .carousel-item {
      width: 100%;
      height: 100%;
      min-height: 400px;
      position: absolute;
      top: 0;
      left: 0; }
      .carousel.carousel-slider .carousel-item h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px; }
      .carousel.carousel-slider .carousel-item p {
        font-size: 15px; }
  .carousel .carousel-item {
    display: none;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0; }
    .carousel .carousel-item > img {
      width: 100%; }
  .carousel .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0; }
    .carousel .indicators .indicator-item {
      display: inline-block;
      position: relative;
      cursor: pointer;
      height: 8px;
      width: 8px;
      margin: 24px 4px;
      background-color: rgba(255, 255, 255, 0.5);
      transition: background-color .3s;
      border-radius: 50%; }
      .carousel .indicators .indicator-item.active {
        background-color: #fff; }
  .carousel.scrolling .carousel-item .materialboxed,
  .carousel .carousel-item:not(.active) .materialboxed {
    pointer-events: none; }

.tap-target-wrapper {
  width: 800px;
  height: 800px;
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  transition: visibility 0s .3s; }

.tap-target-wrapper.open {
  visibility: visible;
  transition: visibility 0s; }
  .tap-target-wrapper.open .tap-target {
    transform: scale(1);
    opacity: .95;
    transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); }
  .tap-target-wrapper.open .tap-target-wave::before {
    transform: scale(1); }
  .tap-target-wrapper.open .tap-target-wave::after {
    visibility: visible;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    transition: opacity .3s, transform .3s, visibility 0s 1s; }

.tap-target {
  position: absolute;
  font-size: 1rem;
  border-radius: 50%;
  background-color: #ee6e73;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); }

.tap-target-content {
  position: relative;
  display: table-cell; }

.tap-target-wave {
  position: absolute;
  border-radius: 50%;
  z-index: 10001; }
  .tap-target-wave::before, .tap-target-wave::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ffffff; }
  .tap-target-wave::before {
    transform: scale(0);
    transition: transform .3s; }
  .tap-target-wave::after {
    visibility: hidden;
    transition: opacity .3s, transform .3s, visibility 0s;
    z-index: -1; }

.tap-target-origin {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10002;
  position: absolute !important; }
  .tap-target-origin:not(.btn):not(.btn-large), .tap-target-origin:not(.btn):not(.btn-large):hover {
    background: none; }

@media only screen and (max-width: 600px) {
  .tap-target, .tap-target-wrapper {
    width: 600px;
    height: 600px; } }

.pulse {
  overflow: initial;
  position: relative; }
  .pulse::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    transition: opacity .3s, transform .3s;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1; }

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: 0;
    transform: scale(1.5); }
  100% {
    opacity: 0;
    transform: scale(1.5); } }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%; }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 28.875em) {
  .picker__wrap {
    display: block; } }

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto; } }

/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__input.picker__input--active {
  border-color: #E3F2FD; }

.picker__frame {
  margin: 0 auto;
  max-width: 325px; }

@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto; } }

@media only screen and (min-width: 601px) {
  .picker__box {
    display: flex; }
  .picker__frame {
    width: 80%;
    max-width: 600px; } }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0;
  border-radius: 2px;
  overflow: hidden; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0;
  margin-left: .25em;
  margin-right: .25em; }

.picker__select--month.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 40%; }

.picker__select--year.browser-default {
  display: inline;
  background-color: #FFFFFF;
  width: 26%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: rgba(0, 0, 0, 0.05); }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

.picker__table th, .picker__table td {
  text-align: center; }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500; }

.picker__day--outfocus {
  display: none;
  padding: .75rem 0;
  color: #fff; }

.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: right; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: rgba(0, 0, 0, 0.05);
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
/*.picker__box {
  border-radius: 2px;
  overflow: hidden;
}*/
.picker__date-display {
  text-align: left;
  background-color: #26a69a;
  color: #fff;
  padding: 18px;
  font-weight: 300; }

@media only screen and (min-width: 601px) {
  .picker__date-display {
    flex: 1; }
  .picker__weekday-display {
    display: block; }
  .picker__container__wrapper {
    flex: 2; } }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #a1ded8; }

.picker__weekday-display {
  font-weight: 500;
  font-size: 2.8rem;
  margin-right: 5px;
  margin-top: 4px; }

.picker__month-display {
  font-size: 2.8rem;
  font-weight: 500; }

.picker__day-display {
  font-size: 2.8rem;
  font-weight: 500;
  margin-right: 5px; }

.picker__year-display {
  font-size: 1.5rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7); }

/*.picker__box {
  padding: 0;
}*/
.picker__calendar-container {
  padding: 0 1rem; }
  .picker__calendar-container thead {
    border: none; }

.picker__table {
  margin-top: 0;
  margin-bottom: .5em; }

.picker__day--infocus {
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: -.3px;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

@media only screen and (min-width: 601px) {
  .picker__day--infocus {
    padding: 1.1rem 0; } }

.picker__day.picker__day--today {
  color: #26a69a; }

.picker__day.picker__day--today.picker__day--selected {
  color: #fff; }

.picker__weekday {
  font-size: .9rem; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  transform: scale(0.9);
  background-color: #26a69a;
  color: #ffffff; }
  .picker__day--selected.picker__day--outfocus,
  .picker__day--selected:hover.picker__day--outfocus,
  .picker--focused .picker__day--selected.picker__day--outfocus {
    background-color: #a1ded8; }

.picker__footer {
  text-align: right;
  padding: 5px 10px; }

.picker__close, .picker__today, .picker__clear {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: #26a69a; }

.picker__clear {
  color: #f44336;
  float: left; }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767; }

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  background-color: #a1ded8; }

/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0; }

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-bottom: -1px;
  position: relative;
  background: #fff;
  padding: .75em 1.25em; }

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em; } }

/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10; }

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000;
  background: #b1dcfb; }

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #fff;
  z-index: 10; }

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
  border-color: #ddd;
  z-index: auto; }

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87); }

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #fff;
  outline: none; }

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.25em;
  font-weight: bold; }

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #fff; }

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px; }

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0; }

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em; } }

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
.clockpicker-display {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  clear: both;
  position: relative; }

.clockpicker-span-am-pm {
  font-size: 1.3rem;
  position: absolute;
  right: 1rem;
  bottom: 0.3rem;
  line-height: 2rem;
  font-weight: 500; }

@media only screen and (min-width: 601px) {
  .clockpicker-display {
    top: 32%; }
  .clockpicker-span-am-pm {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center;
    margin-top: 1.2rem; } }

.text-primary {
  color: white; }

.clockpicker-span-hours {
  margin-right: 3px; }

.clockpicker-span-minutes {
  margin-left: 3px; }

.clockpicker-span-hours,
.clockpicker-span-minutes,
.clockpicker-span-am-pm div {
  cursor: pointer; }

.clockpicker-moving {
  cursor: move; }

.clockpicker-plate {
  background-color: #eee;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  overflow: visible;
  position: relative;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 5px;
  user-select: none; }

.clockpicker-canvas,
.clockpicker-dial {
  width: 270px;
  height: 270px;
  position: absolute;
  left: -1px;
  top: -1px; }

.clockpicker-minutes {
  visibility: hidden; }

.clockpicker-tick {
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer; }

.clockpicker-tick.active,
.clockpicker-tick:hover {
  background-color: rgba(38, 166, 154, 0.25); }

.clockpicker-dial {
  -webkit-transition: -webkit-transform 350ms, opacity 350ms;
  -moz-transition: -moz-transform 350ms, opacity 350ms;
  -ms-transition: -ms-transform 350ms, opacity 350ms;
  -o-transition: -o-transform 350ms, opacity 350ms;
  transition: transform 350ms, opacity 350ms; }

.clockpicker-dial-out {
  opacity: 0; }

.clockpicker-hours.clockpicker-dial-out {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2); }

.clockpicker-minutes.clockpicker-dial-out {
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8); }

.clockpicker-canvas {
  -webkit-transition: opacity 175ms;
  -moz-transition: opacity 175ms;
  -ms-transition: opacity 175ms;
  -o-transition: opacity 175ms;
  transition: opacity 175ms; }

.clockpicker-canvas-out {
  opacity: 0.25; }

.clockpicker-canvas-bearing {
  stroke: none;
  fill: #26a69a; }

.clockpicker-canvas-bg {
  stroke: none;
  fill: #26a69a; }

.clockpicker-canvas-bg-trans {
  fill: #26a69a; }

.clockpicker-canvas line {
  stroke: #26a69a;
  stroke-width: 4;
  stroke-linecap: round;
  /*shape-rendering: crispEdges;*/ }#popup-container {
  height: 250px;
  width: 500px;
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid black;
  text-align: center;
  z-index: 2;
  background-color: white; }.gps-cursor-button {
  border: none;
  outline: none;
  background: none; }

.gps-cursor-button:active {
  background: none; }.heuristics-main {
  background-image: url("backgrounds/flotte_supporto.jpg");
  height: calc(100% - 136px); }
  .heuristics-main .table {
    width: 100%;
    padding: 40px 40px;
    height: 100%; }
    .heuristics-main .table .title {
      display: flex;
      justify-content: space-between;
      padding: 15px 50px;
      font-size: 20px;
      font-weight: bold;
      color: #0c6092;
      background-color: white; }
    .heuristics-main .table .content {
      overflow-y: scroll;
      max-height: calc(100% - 40px); }
    .heuristics-main .table .button-box {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-top: 50px; }
  .heuristics-main .main-box {
    padding: 11px 50px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white; }
  .heuristics-main .col {
    border-bottom: 1px solid white;
    display: flex;
    justify-content: space-between;
    padding: 5px 0; }#banner-notification {
  position: absolute;
  width: calc(100% - 10px);
  height: 55px;
  left: 0px;
  top: 0px;
  right: 0px;
  margin: auto;
  transform: translate(0, -100px);
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  padding: 20px;
  box-shadow: 0 7px 14px -11px black; }
  #banner-notification p {
    font-weight: bold; }

.animateOpen {
  animation: moveOpen 2s;
  animation-fill-mode: forwards; }

@keyframes moveOpen {
  from {
    -webkit-transform: translate(0, -100px);
    opacity: 0; }
  30% {
    -webkit-transform: translate(0, 60px); }
  32% {
    -webkit-transform: translate(0, 62px); }
  36% {
    -webkit-transform: translate(0, 60px);
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 60px); }
  85% {
    -webkit-transform: translate(0, 65px); }
  to {
    -webkit-transform: translate(0, -100px); } }.mobile #days-buttons-container > .input-group {
  border-bottom: none; }
  .mobile #days-buttons-container > .input-group .input-field {
    margin-left: 22px;
    margin-right: 22px;
    width: 100%; }
    .mobile #days-buttons-container > .input-group .input-field input.select-dropdown {
      text-transform: capitalize;
      width: 100% !important; }
    .mobile #days-buttons-container > .input-group .input-field .dropdown-content {
      margin-top: 36px; }
      .mobile #days-buttons-container > .input-group .input-field .dropdown-content > li {
        text-transform: capitalize; }
    .mobile #days-buttons-container > .input-group .input-field .select.initialized {
      pointer-events: none; }

.mobile .mb-wrapper.mobile-boxed .autocomplete-root {
  position: relative;
  width: 100%;
  padding-left: 22px;
  padding-right: 22px; }
  .mobile .mb-wrapper.mobile-boxed .autocomplete-root #mb-city {
    width: 100%;
    margin: 0;
    font-size: 15px;
    color: #212121;
    border-bottom: 1px solid #212121;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box; }
    .mobile .mb-wrapper.mobile-boxed .autocomplete-root #mb-city::placeholder {
      color: #212121; }
    .mobile .mb-wrapper.mobile-boxed .autocomplete-root #mb-city:active, .mobile .mb-wrapper.mobile-boxed .autocomplete-root #mb-city:focus {
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.45); }
      .mobile .mb-wrapper.mobile-boxed .autocomplete-root #mb-city:active::placeholder, .mobile .mb-wrapper.mobile-boxed .autocomplete-root #mb-city:focus::placeholder {
        color: #cacaca; }
  .mobile .mb-wrapper.mobile-boxed .autocomplete-root .autocomplete-icon-wrapper {
    position: absolute;
    right: 27px;
    top: 50%;
    transform: translateY(-50%);
    height: 1.5em;
    pointer-events: none; }
    .mobile .mb-wrapper.mobile-boxed .autocomplete-root .autocomplete-icon-wrapper svg {
      width: 1.5em;
      height: 1.5em; }
  .mobile .mb-wrapper.mobile-boxed .autocomplete-root .autocomplete-dropdown-container {
    width: calc(100% - 44px);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.mobile #horizontal-scroll-days {
  position: relative;
  width: 350px;
  height: auto;
  max-height: 125px;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  margin: 0 auto; }
  @media screen and (max-width: 420px) {
    .mobile #horizontal-scroll-days {
      width: auto; } }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .mobile #horizontal-scroll-days {
      width: 85%; } }
  .mobile #horizontal-scroll-days .meteo-block {
    width: 60px;
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center; }
    .mobile #horizontal-scroll-days .meteo-block img {
      width: 40px; }
    .mobile #horizontal-scroll-days .meteo-block .meteo-row-time {
      font-weight: 600;
      margin-bottom: 8px; }
      .mobile #horizontal-scroll-days .meteo-block .meteo-row-time .meteo-row-temp {
        margin-top: 5px; }

@media screen and (min-width: 768px) and (orientation: landscape) {
  .mobile .mb-wrapper {
    margin-right: 15px;
    flex-basis: 50%;
    width: 50%; } }

.mobile .mb-wrapper .icon-temp-wrapper {
  padding-top: 20px;
  height: 300px; }
  .mobile .mb-wrapper .icon-temp-wrapper .mb-temp-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: auto; }
    @media screen and (min-width: 768px) and (orientation: landscape) {
      .mobile .mb-wrapper .icon-temp-wrapper .mb-temp-wrapper {
        width: 100%; } }
    .mobile .mb-wrapper .icon-temp-wrapper .mb-temp-wrapper:after {
      content: "";
      width: 100%;
      height: 1px;
      position: absolute;
      background: #F1F1F1;
      bottom: 14px; }
    .mobile .mb-wrapper .icon-temp-wrapper .mb-temp-wrapper .currently {
      margin-top: 20px;
      margin-bottom: 30px;
      font-weight: bold; }
    .mobile .mb-wrapper .icon-temp-wrapper .mb-temp-wrapper span {
      text-align: center;
      color: #000; }
      .mobile .mb-wrapper .icon-temp-wrapper .mb-temp-wrapper span.mb-temp {
        font-size: 27px;
        line-height: 27px;
        margin-bottom: 20px; }

.mobile .input-group {
  margin: auto;
  border-color: #000;
  margin-bottom: 30px !important;
  top: 10px;
  width: 100%;
  margin-top: 10px; }
  .mobile .input-group .input-field {
    color: #000 !important;
    border-bottom: 1px solid #000; }
    .mobile .input-group .input-field input {
      color: #000;
      height: 35px !important;
      font-size: 16px; }

.mobile #top-info {
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .mobile #top-info {
      flex-basis: 50%;
      width: 50%;
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center; } }
  .mobile #top-info .top-info-row {
    display: flex;
    justify-content: space-between;
    padding: 22px 12px;
    align-items: center;
    position: relative; }
    .mobile #top-info .top-info-row:not(:last-child):after {
      content: "";
      width: 95%;
      height: 1px;
      position: absolute;
      background: #F1F1F1;
      bottom: -2px; }
    .mobile #top-info .top-info-row .al-box-title,
    .mobile #top-info .top-info-row #flew-name-container {
      width: 60% !important;
      bottom: inherit;
      right: inherit;
      font-size: 17px;
      line-height: 17px;
      color: #212121; }
    .mobile #top-info .top-info-row #flew-name-container {
      display: flex;
      justify-content: center;
      position: relative;
      flex-direction: column;
      width: auto; }
      .mobile #top-info .top-info-row #flew-name-container div {
        font-size: 17px;
        line-height: 17px; }
      .mobile #top-info .top-info-row #flew-name-container #flew-name {
        margin-left: 0px;
        padding-top: 10px; }
    .mobile #top-info .top-info-row .al-box-value {
      font-size: 30px;
      line-height: 30px;
      font-weight: bold;
      color: #212121; }
    .mobile #top-info .top-info-row svg {
      position: relative !important;
      margin: 0px;
      left: 0px;
      width: 47px; }

.mobile .login-mobile-box {
  padding: 15px; }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .mobile .login-mobile-box.forgot-psw {
      justify-content: flex-start;
      flex-basis: 100%;
      width: 100%; } }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .mobile .login-mobile-box.forgot-psw .mobile-input-field {
      margin: 0 auto;
      max-width: 80%;
      margin-top: 35px; } }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .mobile .login-mobile-box {
      margin-bottom: 0;
      display: flex;
      justify-content: center;
      flex-direction: column;
      flex-basis: 50%;
      width: 50%; } }
  .mobile .login-mobile-box .mobile-input-field {
    display: flex;
    flex-wrap: wrap; }
    .mobile .login-mobile-box .mobile-input-field .input-label {
      color: #333333;
      font-size: 16px; }
    .mobile .login-mobile-box .mobile-input-field .input-group {
      top: 0;
      margin-top: 0; }
      .mobile .login-mobile-box .mobile-input-field .input-group > input {
        font-size: 15px !important; }

.mobile .mobile-login-btn-wrapper {
  padding: 10px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.26); }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .mobile .mobile-login-btn-wrapper {
      align-self: center;
      min-width: 280px;
      max-width: 320px; } }
  .mobile .mobile-login-btn-wrapper #btn-login-mobile {
    display: flex;
    justify-content: center; }

.mobile .btn-login-mobile-items {
  display: flex;
  justify-content: center;
  align-items: center; }
  .mobile .btn-login-mobile-items .btn-login-mobile-text {
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px; }.wrapper-nav-buttons {
  display: flex;
  margin-bottom: 20px; }
  .wrapper-nav-buttons .mobile-nav-button {
    display: flex;
    flex-basis: 100%;
    padding: 10px;
    min-height: 54px;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #fff; }
    .wrapper-nav-buttons .mobile-nav-button:last-child {
      margin-right: 0; }
    .wrapper-nav-buttons .mobile-nav-button.infoMaterial .icon-outside {
      fill: transparent; }
    .wrapper-nav-buttons .mobile-nav-button svg.light {
      fill: #fff;
      height: auto;
      width: 37px; }.wrapper-personify {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 48px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  z-index: 15;
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.26); }
  .wrapper-personify .personify-content {
    display: flex;
    align-items: center; }
    .wrapper-personify .personify-content .personify-relevant-content {
      font-weight: 600; }
    .wrapper-personify .personify-content .personify-icon-container {
      height: 2em;
      position: absolute;
      right: 15px; }

#divHome.personification-mobile #mobile-scroll-container {
  padding-bottom: 65px; }.input-container .input-group.dropdown input {
  text-align: left !important; }#mobile-list-container {
  height: 100%;
  padding-top: 55px; }
  #mobile-list-container #mobile-scroll-container {
    min-height: calc(100vh - 55px);
    height: auto; }

#mobile-tab-container {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 99;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  #mobile-tab-container .tab-element {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: background 200ms ease-in-out; }
    #mobile-tab-container .tab-element svg {
      width: 35px;
      height: 35px; }

.list-element {
  display: flex;
  flex-wrap: wrap;
  min-height: 70px;
  align-items: center;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 15px;
  position: relative; }
  .list-element.grid {
    display: grid;
    row-gap: 10px; }
  .list-element.fleets-block-tech .remote-access svg {
    width: 24px;
    margin-left: -7px;
    margin-top: -3px; }
  .list-element.user-block .flex-view {
    align-items: center; }
    .list-element.user-block .flex-view svg {
      margin-right: 5px;
      width: 40px;
      height: 40px; }
  .list-element.fleets-block {
    position: relative;
    margin: 0;
    display: flex;
    flex-wrap: wrap; }
    .list-element.fleets-block.level-1 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-1.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-1 + .level-2 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-2 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-2:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-2 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-2.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-2 + .level-3 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-3 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-3:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-3 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-3.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-3 + .level-4 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-4 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-4:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-4 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-4.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-4 + .level-5 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-5 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-5:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-5 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-5.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-5 + .level-6 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-6 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-6:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-6 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-6.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-6 + .level-7 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-7 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-7:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-7 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-7.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-7 + .level-8 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-8 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-8:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-8 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-8.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-8 + .level-9 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-9 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-9:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-9 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-9.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-9 + .level-10 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-10 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-10:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.level-10 {
      margin-bottom: 10px;
      border-radius: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .list-element.fleets-block.level-10.expanded-element {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .list-element.fleets-block.level-10 + .level-11 {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
    .list-element.fleets-block.level-11 {
      margin-top: -10px;
      margin-bottom: 10px;
      border-radius: 0;
      box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 0px 1px rgba(60, 64, 67, 0.08); }
      .list-element.fleets-block.level-11:after {
        content: "";
        position: absolute;
        width: 90%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: #F1F1F1;
        height: 1px; }
    .list-element.fleets-block.has-children .left-info {
      flex-basis: calc(100% - 55px);
      width: calc(100% - 55px); }
      .list-element.fleets-block.has-children .left-info p {
        word-break: break-all !important; }
    .list-element.fleets-block .flex-view {
      padding-top: 10px;
      align-items: center; }
      .list-element.fleets-block .flex-view svg {
        margin-right: 5px;
        width: 40px;
        height: 40px; }
    .list-element.fleets-block .list-icon {
      background: #fff;
      height: 50px;
      width: 55px;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
      .list-element.fleets-block .list-icon .expand {
        font-size: 35px; }
        .list-element.fleets-block .list-icon .expand i {
          user-select: none;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none; }
  .list-element .left-info {
    left: 0px;
    margin-left: 0px;
    margin-right: auto;
    z-index: 1; }
  .list-element .linked-objects-container {
    width: 100%; }
    .list-element .linked-objects-container .linked-object {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      padding-top: 30px; }
      .list-element .linked-objects-container .linked-object:not(:last-child):after {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        background: #F1F1F1;
        bottom: -16px; }
  .list-element .expanded {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 96px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    @media screen and (max-width: 420px) {
      .list-element .expanded {
        height: 90px; } }
    .list-element .expanded.nd-version {
      height: 160px; }
  .list-element .left-info {
    grid-column: 1 / 3;
    grid-row: 1;
    pointer-events: none;
    align-self: center; }
    @media screen and (max-width: 510px) {
      .list-element .left-info {
        grid-column: 1 / 4; } }
  .list-element .list-icon {
    align-self: center;
    justify-self: right;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
    grid-column: 3;
    grid-row: 1 / 3;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
    @media screen and (max-width: 510px) {
      .list-element .list-icon {
        grid-row: 2; } }
    .list-element .list-icon.accordion {
      box-shadow: none; }
  .list-element .left-info-icons {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-content: space-between;
    display: flex;
    width: 50%; }
    .list-element .left-info-icons.offline {
      align-items: baseline; }
    .list-element .left-info-icons.fullwidth {
      width: 100%; }
      .list-element .left-info-icons.fullwidth .signal-icon {
        margin-left: 0; }
    .list-element .left-info-icons .signal-icon {
      width: 35px;
      height: 35px;
      margin-left: 10px; }#mobile-side-panel-container {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  transition: 100ms box-shadow ease-in-out; }
  #mobile-side-panel-container div {
    font-family: OpenSans, 'Helvetica', sans-serif; }
  #mobile-side-panel-container.open + #mobile-full-container {
    position: fixed;
    left: 0;
    right: 0; }
    #mobile-side-panel-container.open + #mobile-full-container #mobile-scroll-container {
      position: fixed;
      left: 0;
      right: 0; }
  #mobile-side-panel-container.close {
    pointer-events: none; }
    #mobile-side-panel-container.close #mobile-side-panel {
      transform: translateX(-101%);
      pointer-events: none;
      box-shadow: none; }
    #mobile-side-panel-container.close #shadow-veil {
      background: rgba(0, 0, 0, 0);
      pointer-events: none; }
  #mobile-side-panel-container #mobile-side-panel {
    position: absolute;
    height: 100%;
    width: 80%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.22) 0px 3px 6px;
    transition-duration: 250ms;
    transform: translateX(0%);
    z-index: 9; }
    #mobile-side-panel-container #mobile-side-panel #side-panel-top-bar {
      padding: 8px 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 56px; }
      #mobile-side-panel-container #mobile-side-panel #side-panel-top-bar #mobile-logo {
        height: 100%;
        width: 200px;
        background-size: 125px;
        background-position: left center;
        background-repeat: no-repeat; }
    #mobile-side-panel-container #mobile-side-panel #sidepanel-scroll {
      overflow-y: auto;
      height: calc(100% - 56px); }
      #mobile-side-panel-container #mobile-side-panel #sidepanel-scroll #side-panel-top-info {
        padding: 20px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #mobile-side-panel-container #mobile-side-panel #sidepanel-scroll #side-panel-top-info .clear {
          padding: 3px; }
        #mobile-side-panel-container #mobile-side-panel #sidepanel-scroll #side-panel-top-info svg {
          width: 35px;
          height: 35px; }
      #mobile-side-panel-container #mobile-side-panel #sidepanel-scroll #side-panels-buttons-container .menu-button-container {
        cursor: pointer;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 65px;
        padding: 8px 15px; }
        #mobile-side-panel-container #mobile-side-panel #sidepanel-scroll #side-panels-buttons-container .menu-button-container svg {
          margin-right: 30px;
          width: 30px;
          height: 30px; }
        #mobile-side-panel-container #mobile-side-panel #sidepanel-scroll #side-panels-buttons-container .menu-button-container .clear {
          font-size: 16px;
          line-height: 16px;
          font-weight: 600; }
        #mobile-side-panel-container #mobile-side-panel #sidepanel-scroll #side-panels-buttons-container .menu-button-container.action {
          background-color: rgba(0, 0, 0, 0.45); }
  #mobile-side-panel-container #shadow-veil {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    transition-duration: 250ms;
    width: 100%;
    height: 100%;
    z-index: 9; }#single-page-container, .single-page-multi-container {
  min-height: -webkit-fill-available;
  background: #fff;
  border-radius: 5px;
  padding: 12px; }
  #single-page-container.details-page-fleet .regular-text, #single-page-container.details-page-support .regular-text, .single-page-multi-container.details-page-fleet .regular-text, .single-page-multi-container.details-page-support .regular-text {
    font-size: 18px; }
  #single-page-container.details-page-fleet .input-group, #single-page-container.details-page-support .input-group, .single-page-multi-container.details-page-fleet .input-group, .single-page-multi-container.details-page-support .input-group {
    padding-bottom: 20px; }
    #single-page-container.details-page-fleet .input-group .input-field, #single-page-container.details-page-support .input-group .input-field, .single-page-multi-container.details-page-fleet .input-group .input-field, .single-page-multi-container.details-page-support .input-group .input-field {
      margin-top: 0px; }
  #single-page-container .text-box .text-single, .single-page-multi-container .text-box .text-single {
    font-size: 18px; }
  #single-page-container .mobile-settings-autocomplete .autocomplete-root span:nth-child(2), .single-page-multi-container .mobile-settings-autocomplete .autocomplete-root span:nth-child(2) {
    position: relative;
    right: unset; }
  #single-page-container .mobile-settings-autocomplete .autocomplete-dropdown-container, .single-page-multi-container .mobile-settings-autocomplete .autocomplete-dropdown-container {
    z-index: 30; }
    #single-page-container .mobile-settings-autocomplete .autocomplete-dropdown-container .suggestion-item, .single-page-multi-container .mobile-settings-autocomplete .autocomplete-dropdown-container .suggestion-item {
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;
      border-left: 1px solid #e8e8e8; }
      #single-page-container .mobile-settings-autocomplete .autocomplete-dropdown-container .suggestion-item:first-child, .single-page-multi-container .mobile-settings-autocomplete .autocomplete-dropdown-container .suggestion-item:first-child {
        border-top: 1px solid #e8e8e8; }
  #single-page-container.list-settings .mobile-settings-autocomplete, .single-page-multi-container.list-settings .mobile-settings-autocomplete {
    width: 100%; }
    #single-page-container.list-settings .mobile-settings-autocomplete .autocomplete-dropdown-container, .single-page-multi-container.list-settings .mobile-settings-autocomplete .autocomplete-dropdown-container {
      width: calc(100% - 54px);
      z-index: 1;
      background: #fff; }
      #single-page-container.list-settings .mobile-settings-autocomplete .autocomplete-dropdown-container .suggestion-item, .single-page-multi-container.list-settings .mobile-settings-autocomplete .autocomplete-dropdown-container .suggestion-item {
        border-top: 1px solid #F1F1F1;
        border-bottom: 1px solid #F1F1F1;
        border-right: 1px solid #F1F1F1;
        border-left: 1px solid #F1F1F1; }
        #single-page-container.list-settings .mobile-settings-autocomplete .autocomplete-dropdown-container .suggestion-item:last-child, .single-page-multi-container.list-settings .mobile-settings-autocomplete .autocomplete-dropdown-container .suggestion-item:last-child {
          border: none; }
    #single-page-container.list-settings .mobile-settings-autocomplete .location-search-input, .single-page-multi-container.list-settings .mobile-settings-autocomplete .location-search-input {
      font-size: 16px;
      height: auto; }
      #single-page-container.list-settings .mobile-settings-autocomplete .location-search-input:focus, .single-page-multi-container.list-settings .mobile-settings-autocomplete .location-search-input:focus {
        border-bottom: 1px solid #000;
        box-shadow: none; }
  #single-page-container.list-settings .list-settings-edit-text, .single-page-multi-container.list-settings .list-settings-edit-text {
    flex-basis: 100%;
    width: 100%;
    font-size: 18px;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    margin-top: 5px; }
  #single-page-container.list-settings .flex-view, .single-page-multi-container.list-settings .flex-view {
    width: 100%; }
    #single-page-container.list-settings .flex-view .list-settings-section-title, .single-page-multi-container.list-settings .flex-view .list-settings-section-title {
      flex-basis: 100%;
      width: 100%;
      font-size: 15px;
      margin-top: 20px;
      transition: color 250ms ease-in-out; }
      #single-page-container.list-settings .flex-view .list-settings-section-title:first-child, .single-page-multi-container.list-settings .flex-view .list-settings-section-title:first-child {
        margin-top: 0; }
    #single-page-container.list-settings .flex-view .list-settings-section-content, .single-page-multi-container.list-settings .flex-view .list-settings-section-content {
      word-break: break-word !important;
      flex-basis: 100%;
      width: 100%;
      font-size: 18px; }
      #single-page-container.list-settings .flex-view .list-settings-section-content.disclaimer-text, .single-page-multi-container.list-settings .flex-view .list-settings-section-content.disclaimer-text {
        font-size: 13px;
        color: #333333; }
    #single-page-container.list-settings .flex-view .form-change-password, .single-page-multi-container.list-settings .flex-view .form-change-password {
      width: 100%; }
    #single-page-container.list-settings .flex-view .input-field, .single-page-multi-container.list-settings .flex-view .input-field {
      width: 100%; }
  #single-page-container .input-group, .single-page-multi-container .input-group {
    margin-bottom: 0 !important;
    border: none;
    width: 100%;
    top: 0px;
    margin-top: 0px;
    height: auto;
    padding-top: 0;
    padding-bottom: 3px; }
    #single-page-container .input-group.short, .single-page-multi-container .input-group.short {
      width: 15%;
      margin: 0px !important;
      padding: 0px;
      left: 0px; }
    #single-page-container .input-group input, .single-page-multi-container .input-group input {
      font-size: 16px !important;
      width: 100% !important; }
    #single-page-container .input-group ul, .single-page-multi-container .input-group ul {
      top: 40px !important;
      left: 0px !important;
      width: 100% !important; }
  #single-page-container .edit-button-container, .single-page-multi-container .edit-button-container {
    height: 75px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 30px; }
    #single-page-container .edit-button-container .edit-button, .single-page-multi-container .edit-button-container .edit-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 30px;
      width: 200px;
      padding-left: 15px;
      padding-right: 15px; }
      #single-page-container .edit-button-container .edit-button svg, .single-page-multi-container .edit-button-container .edit-button svg {
        height: 20px;
        width: 20px; }
  #single-page-container #single-page-title, .single-page-multi-container #single-page-title {
    font-size: 18px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px;
    font-weight: 600;
    color: #212121;
    word-break: break-word !important; }
    #single-page-container #single-page-title:after, .single-page-multi-container #single-page-title:after {
      content: "";
      width: 100%;
      height: 1px;
      position: absolute;
      background: #F1F1F1;
      bottom: -11px;
      left: 0px; }
  #single-page-container #linked-objects-container .linked-object-single-container, .single-page-multi-container #linked-objects-container .linked-object-single-container {
    display: flex;
    margin-bottom: 10px;
    min-height: 50px;
    padding: 0 25px;
    font-size: 17px;
    border-radius: 5px;
    background-color: #f1f1f1;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    font-size: 17px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26); }
    #single-page-container #linked-objects-container .linked-object-single-container .linked-object, .single-page-multi-container #linked-objects-container .linked-object-single-container .linked-object {
      width: 100%;
      flex-basis: 100%;
      padding: 5px;
      line-height: 31px;
      margin-bottom: 0;
      min-height: 39px;
      word-break: break-all !important; }
      #single-page-container #linked-objects-container .linked-object-single-container .linked-object.edit, .single-page-multi-container #linked-objects-container .linked-object-single-container .linked-object.edit {
        width: calc(100% - 39px);
        flex-basis: calc(100% - 39px); }
    #single-page-container #linked-objects-container .linked-object-single-container .unlink-object, .single-page-multi-container #linked-objects-container .linked-object-single-container .unlink-object {
      flex-basis: 39px;
      align-self: center;
      height: 39px;
      min-width: 39px;
      flex-basis: 39px;
      border: 1px solid;
      padding: 8px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      /* border-left: 0px; */ }
      #single-page-container #linked-objects-container .linked-object-single-container .unlink-object svg, .single-page-multi-container #linked-objects-container .linked-object-single-container .unlink-object svg {
        stroke-width: 1;
        width: 80%;
        height: 80%;
        stroke: #000; }
  #single-page-container #single-page-info, .single-page-multi-container #single-page-info {
    margin-top: 15px;
    word-break: break-word; }
    #single-page-container #single-page-info.no-margin-top, .single-page-multi-container #single-page-info.no-margin-top {
      margin-top: 0; }
    #single-page-container #single-page-info .input-group, .single-page-multi-container #single-page-info .input-group {
      margin-bottom: 0px !important; }
      #single-page-container #single-page-info .input-group.dropdown, .single-page-multi-container #single-page-info .input-group.dropdown {
        display: flex;
        justify-content: left;
        height: 45px; }
        #single-page-container #single-page-info .input-group.dropdown .input-field, .single-page-multi-container #single-page-info .input-group.dropdown .input-field {
          width: 100%; }
        #single-page-container #single-page-info .input-group.dropdown input, .single-page-multi-container #single-page-info .input-group.dropdown input {
          width: 100% !important;
          text-align: left; }
        #single-page-container #single-page-info .input-group.dropdown li span, .single-page-multi-container #single-page-info .input-group.dropdown li span {
          color: #000; }
      #single-page-container #single-page-info .input-group.dark, .single-page-multi-container #single-page-info .input-group.dark {
        margin: unset;
        border-color: #000 !important; }
        #single-page-container #single-page-info .input-group.dark input::placeholder, .single-page-multi-container #single-page-info .input-group.dark input::placeholder {
          color: #D0D0D0; }
    #single-page-container #single-page-info .text, .single-page-multi-container #single-page-info .text {
      font-size: 16px;
      line-height: 16px; }
    #single-page-container #single-page-info .flex-view, .single-page-multi-container #single-page-info .flex-view {
      align-items: center; }
      #single-page-container #single-page-info .flex-view .input-group.dropdown, .single-page-multi-container #single-page-info .flex-view .input-group.dropdown {
        margin: initial; }
      #single-page-container #single-page-info .flex-view .bold, .single-page-multi-container #single-page-info .flex-view .bold {
        margin-right: 5px; }
      #single-page-container #single-page-info .flex-view svg, .single-page-multi-container #single-page-info .flex-view svg {
        margin-right: 5px; }
    #single-page-container #single-page-info #visibility-list.edit .flex-view, .single-page-multi-container #single-page-info #visibility-list.edit .flex-view {
      flex-wrap: wrap; }
      #single-page-container #single-page-info #visibility-list.edit .flex-view .details-info, .single-page-multi-container #single-page-info #visibility-list.edit .flex-view .details-info {
        flex-basis: 100%; }
      #single-page-container #single-page-info #visibility-list.edit .flex-view .input-field, .single-page-multi-container #single-page-info #visibility-list.edit .flex-view .input-field {
        margin-top: 0; }
    #single-page-container #single-page-info #visibility-list .flex-view, .single-page-multi-container #single-page-info #visibility-list .flex-view {
      flex-wrap: nowrap; }
      #single-page-container #single-page-info #visibility-list .flex-view .details-info, .single-page-multi-container #single-page-info #visibility-list .flex-view .details-info {
        flex-basis: calc(100% - 28px);
        width: calc(100% - 28px); }
      #single-page-container #single-page-info #visibility-list .flex-view .permissions-svg, .single-page-multi-container #single-page-info #visibility-list .flex-view .permissions-svg {
        flex-basis: 28px;
        width: 28px; }
    #single-page-container #single-page-info .bold, .single-page-multi-container #single-page-info .bold {
      font-size: 14px;
      line-height: 14px; }
      #single-page-container #single-page-info .bold.imei, .single-page-multi-container #single-page-info .bold.imei {
        margin-bottom: 40px; }
        #single-page-container #single-page-info .bold.imei:after, .single-page-multi-container #single-page-info .bold.imei:after {
          content: "";
          width: 100%;
          height: 1px;
          position: absolute;
          background: #F1F1F1;
          bottom: -20px;
          left: 0px; }
    #single-page-container #single-page-info .left-info-icons, .single-page-multi-container #single-page-info .left-info-icons {
      margin-top: 15px;
      margin-bottom: 10px; }
      #single-page-container #single-page-info .left-info-icons .signal-icon, .single-page-multi-container #single-page-info .left-info-icons .signal-icon {
        width: 35px;
        height: 35px;
        margin-left: 10px; }
  #single-page-container #floating-button, .single-page-multi-container #floating-button {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4);
    position: fixed;
    transform: translate3d(0, 0, 0);
    float: right;
    bottom: 50px;
    right: 50px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; }
    #single-page-container #floating-button svg, .single-page-multi-container #floating-button svg {
      width: 2.8em;
      height: 2.8em; }
    #single-page-container #floating-button.exitRemoteAccess svg, .single-page-multi-container #floating-button.exitRemoteAccess svg {
      width: 2.6em;
      height: 2.6em;
      margin-top: 5px; }

.single-page-multi-container {
  min-height: 100%; }
  .single-page-multi-container:first-child {
    margin-bottom: 15px; }#mobile-stripe-layer-container {
  background: #F1F1F1;
  min-height: 100vh;
  padding: 65px 15px 15px 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 55px; }
  #mobile-stripe-layer-container.no-tab {
    padding-top: 15px; }
  #mobile-stripe-layer-container div {
    font-family: OpenSans, "Helvetica", sans-serif;
    word-break: normal !important; }
  #mobile-stripe-layer-container .lda-title-wrapper {
    display: flex;
    margin-bottom: 10px; }
    #mobile-stripe-layer-container .lda-title-wrapper .icon-outside {
      fill: transparent; }
  #mobile-stripe-layer-container #lda-scrolling .activity-box {
    padding-left: 10px;
    padding-right: 10px; }
  #mobile-stripe-layer-container #mobile-tab-stripe-layer-container {
    height: 50px;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 99;
    width: 100%;
    flex-wrap: wrap;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
    #mobile-stripe-layer-container #mobile-tab-stripe-layer-container.expanded .tab-element > .expandMore {
      transform: rotate(180deg); }
    #mobile-stripe-layer-container #mobile-tab-stripe-layer-container.expanded .tabs-row-container:last-child {
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
    #mobile-stripe-layer-container #mobile-tab-stripe-layer-container .tabs-row-container {
      display: flex;
      flex-basis: 100%;
      width: 100%;
      height: 50px; }
      #mobile-stripe-layer-container #mobile-tab-stripe-layer-container .tabs-row-container:first-child {
        border-top: none; }
    #mobile-stripe-layer-container #mobile-tab-stripe-layer-container .tab-element {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-basis: 100%;
      height: 100%;
      transition: background 200ms ease-in-out; }
      #mobile-stripe-layer-container #mobile-tab-stripe-layer-container .tab-element.disabled {
        background: #707070; }
      #mobile-stripe-layer-container #mobile-tab-stripe-layer-container .tab-element.more, #mobile-stripe-layer-container #mobile-tab-stripe-layer-container .tab-element.space {
        max-width: 60px; }
      #mobile-stripe-layer-container #mobile-tab-stripe-layer-container .tab-element svg {
        width: 35px;
        height: 35px; }

#single-page-info .activity-box:first-child {
  border-top: none; }

#single-page-info .options-panel2.lda-not-editable > #lda-scrolling .activity-box {
  padding-left: 10px;
  padding-right: 10px; }

#single-page-info .single-page-multi-container {
  padding: 0; }

.act-element {
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 15px; }
  .act-element:last-child {
    border: none; }
  .act-element .params-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline; }
    .act-element .params-wrapper .act-content {
      flex-basis: 100%;
      width: 100%;
      margin-bottom: 20px; }
      .act-element .params-wrapper .act-content:last-child {
        margin-bottom: 0; }
      .act-element .params-wrapper .act-content .cmd-opt > label {
        font-size: 15px;
        color: #212121;
        word-break: break-word; }
      .act-element .params-wrapper .act-content .command-input {
        color: #212121 !important;
        font-size: 18px !important; }
    .act-element .params-wrapper .details-value {
      margin-left: 2px; }
    .act-element .params-wrapper .measure-unit {
      color: #212121 !important;
      font-size: 15px !important;
      margin-left: 2px; }

.stripe-layer-lda-tab.lda-list {
  padding-right: 0 !important;
  padding-left: 0 !important; }
  .stripe-layer-lda-tab.lda-list .cmd-opt {
    display: flex;
    align-items: baseline; }
    .stripe-layer-lda-tab.lda-list .cmd-opt .command-input {
      border: none !important; }

.stripe-layer-lda-tab .command-input {
  font-weight: 500 !important; }

.stripe-layer-lda-tab .cmd-opt {
  margin-top: 5px; }

.measure-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.misure-content-wrapper {
  display: flex;
  align-items: center;
  padding: 10px 0; }
  .misure-content-wrapper .details-info-mu {
    margin-left: 2px; }

.sensor-wrapper .act-content {
  margin-bottom: 20px; }
  .sensor-wrapper .act-content .cmd-opt {
    margin-top: 5px; }
    .sensor-wrapper .act-content .cmd-opt > label {
      font-size: 18px;
      color: #212121;
      word-break: break-word; }

.mobile .time-container {
  display: flex;
  width: 100%;
  align-items: center; }

.mobile .edit-box-name {
  display: flex;
  align-items: flex-end;
  justify-content: space-between; }
  .mobile .edit-box-name #lda-title {
    color: #000; }
  .mobile .edit-box-name .button-for-svg {
    margin-right: 10px; }

.mobile #mobile-scroll-container .activity-box,
.mobile .scrolling-container .activity-box {
  border: none;
  border-bottom: 1px solid #f1f1f1; }

.mobile .wrapper-options-panel2.lda-not-editable {
  position: relative;
  right: unset; }
  .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable {
    max-height: unset;
    width: 100%;
    overflow-y: hidden; }
    .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling {
      padding: 0;
      background-color: #fff; }
      .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling > svg .icon-outside {
        color: transparent; }
      .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling .activity-title {
        color: #000;
        font-size: 16px;
        margin-bottom: 5px; }
      .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling .input-container .input-group {
        border-bottom: none; }
      .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling .input-container .button-for-svg {
        min-width: 2.3em !important;
        height: 2.3em !important; }
        .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling .input-container .button-for-svg.edit-on-lda > svg {
          transform: translate(-2px, 2px); }
        .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling .input-container .button-for-svg > svg {
          padding: 0 !important;
          transform: translate(3px, 2px); }
      .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling .activity-box {
        border-radius: 0;
        margin-top: 0;
        border-bottom: 1px solid #F1F1F1;
        padding-right: 0;
        padding-left: 0; }
        .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling .activity-box:last-child {
          border: none; }
      .mobile .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable > #lda-scrolling #infobox-title {
        color: #000; }

.mobile #lda-info {
  margin-bottom: 10px; }

.mobile .act-element {
  padding-bottom: 0; }
  .mobile .act-element .activity-box {
    border-bottom: 1px solid #F1F1F1;
    border-radius: 0;
    margin-top: 0; }
    .mobile .act-element .activity-box:first-child {
      border-top: 1px solid #F1F1F1; }
    .mobile .act-element .activity-box .activity-title {
      color: #000;
      font-size: 16px;
      margin-bottom: 5px; }
    .mobile .act-element .activity-box .activity-info-container .input-container {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .mobile .act-element .activity-box .activity-info-container .input-container .appended-text {
        margin-right: 25px;
        min-width: 40px; }
      .mobile .act-element .activity-box .activity-info-container .input-container .form-control.error {
        border-bottom: 1px solid red !important;
        color: red !important; }
    .mobile .act-element .activity-box:last-child {
      border: none; }#mobile-top-bar {
  height: 55px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  position: fixed;
  justify-content: space-between;
  z-index: 100;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  #mobile-top-bar #banner-notification svg {
    fill: #000; }
  #mobile-top-bar.has-tabs {
    box-shadow: none; }
  #mobile-top-bar.is-search .top-bar-side-icons.mobileSearch, #mobile-top-bar.is-search .top-bar-side-icons.mobileClose {
    position: absolute; }
    #mobile-top-bar.is-search .top-bar-side-icons.mobileSearch .k_svgicon, #mobile-top-bar.is-search .top-bar-side-icons.mobileClose .k_svgicon {
      width: 18px;
      height: 28px; }
  #mobile-top-bar.forgot-psw #current-path.not-logged {
    left: 48px; }
  #mobile-top-bar svg {
    width: 30px;
    height: 30px; }
  #mobile-top-bar .top-bar-side-icons {
    right: 8px;
    height: 30px;
    display: flex;
    justify-content: space-between; }
    #mobile-top-bar .top-bar-side-icons.remoteAccess svg {
      height: 27px;
      margin-top: -1px; }
    #mobile-top-bar .top-bar-side-icons .k_svgicon {
      margin-left: 10px; }
  #mobile-top-bar #current-path {
    font-size: 20px;
    margin-left: 10px;
    position: absolute;
    left: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; }
    #mobile-top-bar #current-path.with-icon {
      width: calc(100% - 110px); }
      #mobile-top-bar #current-path.with-icon.with-more-menu {
        width: calc(100% - (110px + 110px - 60px)); }
    #mobile-top-bar #current-path.with-more-menu {
      width: calc(100% - 110px); }
    #mobile-top-bar #current-path.not-logged {
      left: unset; }
    #mobile-top-bar #current-path.edit-mode {
      position: relative;
      left: unset;
      width: 100%;
      text-align: center; }
  #mobile-top-bar #options-panel-main-container {
    position: absolute; }
    #mobile-top-bar #options-panel-main-container #options-panel-wrapper {
      position: fixed;
      overflow: hidden;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      height: 100vh;
      background: rgba(0, 0, 0, 0.26); }
    #mobile-top-bar #options-panel-main-container #options-panel-container {
      position: fixed;
      min-width: 150px;
      background: #fff;
      right: 2px;
      top: 55px;
      border-radius: 3px;
      border-bottom: 1px solid #F1F1F1;
      border-left: 1px solid #F1F1F1;
      z-index: 999;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
      #mobile-top-bar #options-panel-main-container #options-panel-container .menu-option {
        font-size: 16px;
        padding: 14px 16px;
        border-bottom: 1px solid #F1F1F1; }
        #mobile-top-bar #options-panel-main-container #options-panel-container .menu-option:first-child {
          border-top: none; }
        #mobile-top-bar #options-panel-main-container #options-panel-container .menu-option:last-child {
          border-bottom: none; }
  #mobile-top-bar .input-group {
    border-bottom: 1px solid #fff;
    margin: inherit;
    width: 100%;
    left: 3px;
    margin-left: 9px;
    justify-content: left; }
    #mobile-top-bar .input-group > .col {
      width: 100%; }
    #mobile-top-bar .input-group input {
      color: #fff;
      padding-right: 25px; }
    #mobile-top-bar .input-group .autocomplete-root {
      width: 100%; }
      #mobile-top-bar .input-group .autocomplete-root input {
        width: 94% !important; }
  #mobile-top-bar .dp-mobile-topbar {
    border-bottom: 1px solid currentColor;
    margin-bottom: 0;
    font-size: 16px !important;
    width: calc(100% - 20px); }
    #mobile-top-bar .dp-mobile-topbar.dp-mobile-from {
      margin-left: 10px; }
    #mobile-top-bar .dp-mobile-topbar.dp-mobile-to {
      margin-left: 5px;
      margin-right: 10px; }
  #mobile-top-bar .dp-mobile-topbar-calendar {
    display: flex;
    align-self: center; }
    #mobile-top-bar .dp-mobile-topbar-calendar .react-datepicker__navigation {
      outline: none;
      background-color: transparent; }
    #mobile-top-bar .dp-mobile-topbar-calendar .react-datepicker__day {
      width: 3rem;
      line-height: 3rem;
      font-size: 16px; }

.outer-box-dp.visible {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.45); }

.react-datepicker__portal {
  height: unset !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: transparent !important; }

#measures-inputs-container {
  position: absolute;
  display: flex;
  justify-content: space-between;
  height: 50px;
  top: 55px;
  z-index: 99;
  background: #fff;
  align-items: center;
  width: 100%; }
  #measures-inputs-container .input-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 50%; }
    #measures-inputs-container .input-wrapper .input-group {
      margin: 0;
      padding: 0;
      max-width: 40px; }
    #measures-inputs-container .input-wrapper .mi-input-label {
      margin-right: 10px;
      color: #212121;
      font-size: 15px;
      font-weight: 600; }
.swal2-container .swal2-modal.billing-data-form-modal {
  padding: 0px; }
  .swal2-container .swal2-modal.billing-data-form-modal .swal2-header {
    background-color: #0c6092;
    padding: 20px; }
  .swal2-container .swal2-modal.billing-data-form-modal .swal2-content {
    padding: 30px;
    line-height: 23px; }
  .swal2-container .swal2-modal.billing-data-form-modal .swal2-title {
    color: #ffffff;
    margin-bottom: 0; }
  .swal2-container .swal2-modal.billing-data-form-modal .swal2-close {
    color: #ffffff;
    font-size: 28px;
    margin: 5px; }
  .swal2-container .swal2-modal.billing-data-form-modal .swal2-actions {
    margin: 0px;
    margin-bottom: 25px; }

.billing-form {
  padding: 20px;
  font-family: inherit; }

.billing-form-row {
  display: flex;
  justify-content: center;
  gap: 16px;
  width: 100%;
  clear: both;
  margin-bottom: 0; }

.form-field-wrapper {
  width: 33.33%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px; }
  .form-field-wrapper label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 14px;
    color: #333; }
  .form-field-wrapper .billing-input,
  .form-field-wrapper .billing-select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color 0.2s;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 4px;
    min-height: 38px;
    line-height: 1.5;
    display: block;
    margin: 0 0 10px 0 !important; }
    .form-field-wrapper .billing-input.has-error,
    .form-field-wrapper .billing-select.has-error {
      border-color: #dc3545; }
    .form-field-wrapper .billing-input:focus,
    .form-field-wrapper .billing-select:focus {
      outline: none;
      border-color: #0c6092;
      box-shadow: 0 0 0 2px rgba(12, 96, 146, 0.1); }
  .form-field-wrapper .billing-select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px; }
    .form-field-wrapper .billing-select option {
      padding: 8px;
      background-color: #fff;
      color: #333; }
    .form-field-wrapper .billing-select:disabled {
      background-color: #f5f5f5;
      cursor: not-allowed;
      opacity: 0.6; }
  .form-field-wrapper .phone-input-wrapper {
    position: relative;
    width: 100%; }

.form-field-error {
  color: #dc3545;
  font-size: 12px;
  margin-top: 2px;
  font-weight: 500; }

.billing-form-server-error {
  display: block;
  width: 100%;
  clear: both;
  margin-top: 20px;
  margin-bottom: 16px;
  padding: 12px;
  background-color: #f8d7da;
  color: #721c24;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #f5c6cb; }

.billing-form-actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 24px;
  clear: both;
  width: 100%; }
  .billing-form-actions button {
    padding: 15px 40px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
    border: none;
    cursor: pointer;
    width: 150px; }
    .billing-form-actions button:disabled {
      cursor: not-allowed;
      opacity: 0.6; }
  .billing-form-actions .cancel-btn {
    background-color: #f8f9fa;
    color: #333;
    border: 1px solid #ddd; }
    .billing-form-actions .cancel-btn:hover:not(:disabled) {
      background-color: #e9ecef; }
  .billing-form-actions .save-btn {
    background-color: #0c6092;
    color: white; }
    .billing-form-actions .save-btn:hover:not(:disabled) {
      background-color: #0a4f7a; }

/*
 * Address autocomplete styling
 */
.address-autocomplete-wrapper {
  position: relative;
  width: 100%; }
  .address-autocomplete-wrapper input {
    width: 100%;
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color 0.2s;
    margin-bottom: 10px; }
    .address-autocomplete-wrapper input.has-error {
      border-bottom: 2px solid #dc3545; }
    .address-autocomplete-wrapper input:focus {
      outline: none;
      border-bottom: 2px solid #0c6092; }
  .address-autocomplete-wrapper .autocomplete-dropdown-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-top: 4px;
    max-height: 300px;
    overflow-y: auto; }
    .address-autocomplete-wrapper .autocomplete-dropdown-container .suggestion-item,
    .address-autocomplete-wrapper .autocomplete-dropdown-container .suggestion-item-active {
      padding: 12px 16px;
      cursor: pointer;
      font-size: 14px;
      border-bottom: 1px solid #f0f0f0;
      transition: background-color 0.2s; }
      .address-autocomplete-wrapper .autocomplete-dropdown-container .suggestion-item:last-child,
      .address-autocomplete-wrapper .autocomplete-dropdown-container .suggestion-item-active:last-child {
        border-bottom: none; }
      .address-autocomplete-wrapper .autocomplete-dropdown-container .suggestion-item span,
      .address-autocomplete-wrapper .autocomplete-dropdown-container .suggestion-item-active span {
        display: inline; }
    .address-autocomplete-wrapper .autocomplete-dropdown-container .suggestion-item-active {
      background-color: #fafafa !important; }
    .address-autocomplete-wrapper .autocomplete-dropdown-container .suggestion-item:hover {
      background-color: #fafafa; }
.swal2-container .swal2-modal.rejection-modal .swal2-textarea {
  resize: none;
  min-height: 120px; }

.swal2-container .swal2-modal.rejection-modal .swal2-validation-message {
  background-color: transparent;
  color: #dc3545;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 4px 0 0 0;
  display: block; }
  .swal2-container .swal2-modal.rejection-modal .swal2-validation-message::before {
    display: none; }

.swal2-container .swal2-modal.rejection-modal .swal2-confirm {
  background-color: #dc3545 !important; }
  .swal2-container .swal2-modal.rejection-modal .swal2-confirm:hover {
    background-color: #c82333 !important; }

.startec .clickable svg.billing-table-icon.accept-icon {
  padding: 0.5em; }#mobile-full-container {
  height: 100%; }
  #mobile-full-container.edit-shape #assign-geo-button {
    top: 115px; }
  #mobile-full-container.edit-shape #zoom-out-button {
    top: 164px; }

body.mobile {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  body.mobile::-webkit-scrollbar {
    display: none; }
  body.mobile.startec.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-content,
  body.mobile.startec.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-title {
    color: #212121; }
  body.mobile #root {
    position: relative;
    height: auto;
    min-height: 100%; }
  body.mobile .map-container {
    height: 100vh; }
  body.mobile [type="checkbox"].filled-in-custom:not(:checked) + label:after {
    width: 30px;
    height: 30px; }
  body.mobile [type="checkbox"].filled-in:checked + label:after {
    width: 30px;
    height: 30px; }
  body.mobile textarea {
    height: 6rem; }
  body.mobile [type="checkbox"].filled-in:checked + label:before {
    top: 2px;
    left: 4px;
    width: 10px;
    height: 19px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%; }
  body.mobile [type="checkbox"] + label {
    padding-left: 30px;
    height: 28px; }
  body.mobile .select-wrapper::after {
    position: absolute;
    pointer-events: none;
    right: 0px; }
  body.mobile div::-webkit-scrollbar-thumb,
  body.mobile tbody::-webkit-scrollbar-thumb {
    border-left: 1px solid rgba(255, 255, 255, 0.27); }
  body.mobile .top-buttons-container {
    display: flex;
    justify-content: center;
    margin-top: 15px; }
    body.mobile .top-buttons-container .fa-long-arrow-alt-left,
    body.mobile .top-buttons-container .fa-long-arrow-alt-right {
      position: relative;
      left: unset;
      right: unset; }
    body.mobile .top-buttons-container .icon-loader {
      position: relative;
      min-width: 30px;
      margin-left: 10px;
      margin-right: 10px;
      background: transparent;
      border-radius: 50%; }
      body.mobile .top-buttons-container .icon-loader.waiting-icon, body.mobile .top-buttons-container .icon-loader.pending-icon {
        border-top: 2px solid #a9a9a9;
        border-right: 2px solid transparent;
        animation: spinner 0.6s linear infinite; }
  body.mobile .edit-config-param .input-length[type="number"],
  body.mobile .edit-config-param .input-time {
    max-width: 45px; }
    body.mobile .edit-config-param .input-length[type="number"]:focus,
    body.mobile .edit-config-param .input-time:focus {
      border-bottom: 1px solid #343434;
      -webkit-box-shadow: 0 1px 0 0 #343434;
      box-shadow: 0 1px 0 0 #343434; }
  body.mobile .gm-style .gm-style-cc[draggable="false"]:last-child {
    right: 10px !important; }

.startec .left-info-icons .signal-icon {
  color: #000 !important; }

#mobile-scroll-container {
  background: #F1F1F1;
  min-height: 100vh;
  padding: 65px 15px 15px 15px;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    #mobile-scroll-container.login-container {
      flex-direction: row-reverse; } }
  #mobile-scroll-container.no-tab {
    padding-top: 15px; }
  #mobile-scroll-container div {
    font-family: OpenSans, "Helvetica", sans-serif;
    word-break: normal !important; }
  #mobile-scroll-container.element-positioner {
    z-index: 99999; }
  #mobile-scroll-container.details-page-assign-filters #single-page-info .flex-view:first-child {
    color: red; }
  #mobile-scroll-container.details-page-assign-filters #single-page-info .input-group .input-field {
    margin-top: 0;
    width: 100%; }

.mobile-boxed {
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
  border-radius: 5px; }

.primary-bold {
  font-weight: 700;
  font-size: 18px;
  color: #212121;
  word-break: break-word; }
  @media screen and (max-width: 420px) {
    .primary-bold {
      font-size: 16px; } }

.secondary-bold {
  font-size: 16px;
  color: #212121;
  word-break: break-word; }
  @media screen and (max-width: 420px) {
    .secondary-bold {
      font-size: 15px; } }

.secondary-info {
  font-weight: 600;
  font-size: 18px;
  color: #212121;
  word-break: break-word; }
  @media screen and (max-width: 420px) {
    .secondary-info {
      font-size: 15px; } }

.details-bold {
  font-size: 15px;
  color: #212121;
  word-break: break-word; }
  @media screen and (max-width: 420px) {
    .details-bold {
      font-size: 14px; } }

.details-info {
  font-weight: 600;
  font-size: 18px;
  color: #212121;
  word-break: break-word; }
  @media screen and (max-width: 420px) {
    .details-info {
      font-size: 16px; } }

.sub-details-info {
  font-weight: 600;
  font-size: 16px;
  color: #212121;
  word-break: break-word; }
  @media screen and (max-width: 420px) {
    .sub-details-info {
      font-size: 14px; } }

.fw-700 {
  font-size: 15px; }

.padding-0 {
  padding: 0; }

.right-margin-5 {
  margin-right: 5px; }

.right-padding-0 {
  padding-right: 0 !important; }

.right-padding-12 {
  padding-right: 12px; }

.left-padding-0 {
  padding-left: 0 !important; }

.left-padding-12 {
  padding-left: 12px; }

.top-margin-0 {
  margin-top: 0 !important; }

.top-padding-15 {
  padding-top: 15px !important; }

.top-margin-5 {
  margin-top: 5px; }

.top-margin-10 {
  margin-top: 10px !important; }

.top-margin-15 {
  margin-top: 15px !important; }

.top-margin-20 {
  margin-top: 20px; }

.top-margin-65 {
  margin-top: 65px; }

.top-margin-70 {
  margin-top: 70px; }

.top-margin-75 {
  margin-top: 75px; }

.top-padding-10 {
  padding-top: 10px; }

.top-padding-15 {
  padding-top: 15px; }

.bottom-margin-5 {
  margin-bottom: 5px; }

.bottom-margin-10 {
  margin-bottom: 10px; }

.bottom-margin-15 {
  margin-bottom: 15px; }

.bottom-margin-20 {
  margin-bottom: 20px; }

.bottom-padding-5 {
  padding-bottom: 5px; }

.bottom-padding-10 {
  padding-bottom: 10px; }

.bottom-padding-15 {
  padding-bottom: 15px; }

.vertical-padding-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.no-padding {
  padding: 0px; }

.width-100 {
  width: 100% !important; }

.flex-view {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.flex-view-vertical {
  display: flex;
  flex-wrap: wrap;
  align-items: left;
  flex-direction: column; }
  .flex-view-vertical.mobile-events {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 10px; }

.sticky {
  position: sticky;
  background: white;
  top: 55px;
  z-index: 9; }

.transition {
  opacity: 1; }

.lowercase {
  text-transform: lowercase; }

.list-title-separator {
  border-bottom: 1px solid #F1F1F1; }

.before-separator-relative {
  position: relative;
  margin-top: 30px; }
  .before-separator-relative:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #F1F1F1;
    top: -14px;
    left: 0px; }

.before-separator:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #F1F1F1;
  top: 0px;
  left: 0px; }

.full-width {
  width: 100% !important; }
  .full-width .input-field {
    width: 100% !important; }
    .full-width .input-field input {
      width: 100% !important; }

#note-container textarea {
  margin-top: 10px; }

.list-separator {
  border-bottom: 1px solid #F1F1F1;
  width: 100%; }

.mobile .input-group .form-control {
  color: #212121;
  border-bottom: 1px solid currentColor !important; }

.mobile .input-group.error-validate {
  flex-direction: column; }
  .mobile .input-group.error-validate > .form-control {
    border-bottom: 1px solid #F44336 !important; }

.mobile .error-validation-msg {
  margin-top: 10px;
  background: #F44336;
  color: #fff;
  font-weight: 600;
  padding: 5px 10px;
  width: 100%; }

.swal2-container.swal2-shown {
  position: fixed !important; }

.machine-color {
  z-index: 999 !important; }

#action-buttons-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
  text-align: center; }
  #action-buttons-container.disabled {
    background: #d0d0d0; }
  #action-buttons-container .action-button-layer {
    font-size: 15px;
    font-weight: 600;
    height: 45px;
    width: 48%;
    background: currentColor;
    border: 3px solid #fff; }

.location-pin {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #4285f4;
  border: 2px solid #f6f9fe;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(66, 133, 244, 0.8);
  transform: translate(-11px, -11px); }
  .location-pin.pulsing {
    animation: pulse 1.8s linear;
    animation-iteration-count: 2; }

#notification-wrapper {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 9999999; }
  #notification-wrapper.notification-command {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
    max-width: 800px; }

body.mobile #notification-wrapper {
  top: 55px;
  z-index: 999; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.8); }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(66, 133, 244, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 133, 244, 0); } }

@-webkit-keyframes mymove {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    transform: scale(0.9); }
  75% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

@media screen and (max-width: 420px) {
  .top-buttons-container {
    display: flex;
    justify-content: center;
    margin-top: 15px; }
    .top-buttons-container .fa-long-arrow-alt-left,
    .top-buttons-container .fa-long-arrow-alt-right {
      position: relative;
      left: unset;
      right: unset; }
    .top-buttons-container .fa-long-arrow-alt-left {
      margin-right: 5px; }
    .top-buttons-container .fa-long-arrow-alt-right {
      margin-left: 5px; } }

.border-grey {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px; }

.startec.mobile .stripe-layer-lda-tab.lda-list #lda-info .button-for-svg > svg {
  background: #0c6092 !important;
  fill: #fff !important; }

.startec.mobile .activity-title {
  color: #0c6092 !important; }

.startec.mobile #lda-scrolling > svg .icon-inside {
  fill: #0c6092; }

.startec.mobile #lda-scrolling .activity-start-time-content,
.startec.mobile #lda-scrolling .activity-end-time-content {
  font-weight: 700;
  color: #000; }

.startec.mobile #sidepanel-scroll::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(255, 255, 255, 0.3); }

.startec.mobile #linked-objects-container .unlink-object {
  background: #0c6092;
  border: none !important; }
  .startec.mobile #linked-objects-container .unlink-object > svg {
    stroke: #fff !important; }

.startec.mobile .wrapper-nav-buttons .mobile-nav-button {
  background: #0c6092;
  border-color: #fff; }
  .startec.mobile .wrapper-nav-buttons .mobile-nav-button > svg {
    fill: #fff; }

.startec.mobile #mobile-tab-stripe-layer-container {
  border-top: 1px solid #fff;
  left: 0; }
  .startec.mobile #mobile-tab-stripe-layer-container .tabs-row-container {
    border-top: 1px solid #fff; }
  .startec.mobile #mobile-tab-stripe-layer-container .tab-element {
    background: #0c6092; }
    .startec.mobile #mobile-tab-stripe-layer-container .tab-element.active {
      background: #fff; }
      .startec.mobile #mobile-tab-stripe-layer-container .tab-element.active svg {
        fill: #0c6092; }
    .startec.mobile #mobile-tab-stripe-layer-container .tab-element:not(:last-child) {
      border-right: 1px solid #fff; }
    .startec.mobile #mobile-tab-stripe-layer-container .tab-element svg {
      fill: #fff; }

.startec.mobile .mobile-settings-autocomplete input:focus {
  border-bottom: 1px solid #0c6092 !important;
  -webkit-box-shadow: 0 1px 0 0 #0c6092 !important;
  box-shadow: 0 1px 0 0 #0c6092 !important; }

.startec.mobile .mobile-settings-autocomplete input {
  height: 2rem !important; }

.startec.mobile #single-page-container > .input-group {
  border: none; }

.startec.mobile #single-page-container .registerbox-title {
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
  position: relative; }
  .startec.mobile #single-page-container .registerbox-title:first-child {
    margin-top: 5px; }
    .startec.mobile #single-page-container .registerbox-title:first-child:before {
      display: none; }

.startec.mobile #banner-notification {
  background: #fff; }

.startec.mobile #mobile-top-bar {
  background: #0c6092; }
  .startec.mobile #mobile-top-bar .input-group {
    border-bottom: #fff; }
    .startec.mobile #mobile-top-bar .input-group input {
      color: #fff; }
  .startec.mobile #mobile-top-bar #banner-notification svg {
    fill: #0c6092; }
  .startec.mobile #mobile-top-bar #current-path {
    color: #fff; }
  .startec.mobile #mobile-top-bar svg {
    fill: #fff; }
  .startec.mobile #mobile-top-bar .top-bar-main-icon.mobileClose {
    stroke: #fff; }
  .startec.mobile #mobile-top-bar .top-bar-side-icons.mobileClose {
    stroke: #fff; }
    .startec.mobile #mobile-top-bar .top-bar-side-icons.mobileClose g {
      stroke-width: 2 !important; }
  .startec.mobile #mobile-top-bar .top-bar-side-icons.confirm {
    stroke: none; }

.startec.mobile #mobile-side-panel {
  background: #0c6092;
  z-index: 99; }
  .startec.mobile #mobile-side-panel #side-panel-top-info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .startec.mobile #mobile-side-panel #side-panel-top-bar {
    border-bottom: 1px solid #fff; }
    .startec.mobile #mobile-side-panel #side-panel-top-bar #mobile-logo {
      background-image: url(app-logo-startec.png); }

.startec.mobile .wrapper-personify {
  background: #0c6092; }
  .startec.mobile .wrapper-personify .personify-content {
    color: #fff; }
    .startec.mobile .wrapper-personify .personify-content .icon-outside {
      fill: #0c6092; }
    .startec.mobile .wrapper-personify .personify-content .icon-inside {
      fill: #fff; }

.startec.mobile .list-element.field .list-icon .expand {
  background: #fff !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .startec.mobile .list-element.field .list-icon .expand i {
    font-size: 35px; }

.startec.mobile .list-element.active .secondary-info.linked-stripes {
  color: #fff; }

.startec.mobile .list-element.active .left-info .primary-bold {
  color: #fff; }

.startec.mobile .list-element.active .linked-object .primary-bold {
  color: #000; }

.startec.mobile .list-element.active .expanded {
  background: #0c6092; }

.startec.mobile .list-element.active .list-icon {
  background: #0c6092; }
  .startec.mobile .list-element.active .list-icon .expand {
    background: #0c6092 !important; }
    .startec.mobile .list-element.active .list-icon .expand i {
      color: #fff; }
  .startec.mobile .list-element.active .list-icon svg {
    fill: #fff; }

.startec.mobile .list-element .list-icon {
  background: #0c6092; }
  .startec.mobile .list-element .list-icon svg {
    fill: #fff; }

.startec.mobile #mobile-tab-container {
  border-top: 1px solid #0c6092; }
  .startec.mobile #mobile-tab-container .tab-element {
    border-top: 1px solid #fff;
    background: #fff; }
    .startec.mobile #mobile-tab-container .tab-element.active {
      background: #0c6092; }
      .startec.mobile #mobile-tab-container .tab-element.active svg {
        fill: #fff; }
    .startec.mobile #mobile-tab-container .tab-element:not(:last-child) {
      border-right: 1px solid #0c6092; }
    .startec.mobile #mobile-tab-container .tab-element svg {
      fill: #0c6092; }

.startec.mobile #floating-button {
  background: #0c6092; }
  .startec.mobile #floating-button svg {
    fill: #fff; }

.startec.mobile .edit-button {
  background: #0c6092; }
  .startec.mobile .edit-button .button-text {
    color: #fff; }
  .startec.mobile .edit-button svg {
    fill: #fff; }

.startec.mobile .menu-button-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .startec.mobile .menu-button-container.active {
    background: #fff; }
    .startec.mobile .menu-button-container.active .clear {
      color: #0c6092;
      fill: #0c6092; }

.startec.mobile svg.dark {
  fill: #0c6092;
  stroke: #0c6092; }

.startec.mobile svg.clear {
  fill: #fff; }

.startec.mobile .dark {
  color: #0c6092; }

.startec.mobile .clear {
  color: #fff; }

.startec.mobile .mobile-login-btn-wrapper {
  background: #0c6092; }
  .startec.mobile .mobile-login-btn-wrapper .btn-login-mobile-text,
  .startec.mobile .mobile-login-btn-wrapper .btn-login-mobile-icon {
    color: #fff; }

.startec.mobile #mobile-forgot-password {
  color: #0c6092;
  margin: 25px 0 10px 0;
  text-align: center;
  font-size: 16px; }

.startec.mobile #btn-recovery-mobile {
  color: #fff;
  display: flex;
  justify-content: center;
  width: 100%; }
  .startec.mobile #btn-recovery-mobile.i {
    color: #fff; }

.startec.mobile [type="checkbox"].filled-in-custom:not(:checked) + label:after {
  border: 2px solid #0c6092 !important; }

.startec.mobile [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #0c6092 !important;
  background-color: #0c6092 !important; }

.startec.mobile [type="checkbox"].filled-in:checked + label:before {
  border-right: 3px solid #fff !important;
  border-bottom: 3px solid #fff !important; }

.startec.mobile .input-container .input-group.dropdown .input-field {
  border-color: #0c6092;
  margin-top: 0px;
  height: 28px; }

.startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal {
  background: #fff !important; }
  .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal:after {
    content: "";
    background: #0c6092;
    position: absolute;
    top: 0;
    left: 0;
    height: 110px;
    width: 100%; }
  .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-content,
  .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-title {
    color: #000 !important; }
  .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon {
    width: 55px;
    height: 55px;
    z-index: 1;
    margin: 5px auto 40px; }
    .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-info, .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-warning, .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success, .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error, .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-question {
      border-color: currentColor !important;
      color: #fff !important; }
    .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #fff;
      top: 1.9125em;
      width: 1.9375em;
      height: 0.2475em; }
    .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-circular-line"],
    .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-fix {
      display: none; }
    .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-line"] {
      background-color: #fff; }
    .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-ring {
      border: none; }
    .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-title {
      margin-top: 20px;
      line-height: 1.4em; }
    .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-icon-text {
      font-size: 3.2em;
      line-height: 1.2em; }
  .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-styled,
  .startec.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-modal .swal2-styled:focus {
    box-shadow: 0px 1px 3px 1px rgba(148, 148, 148, 0.6); }

.startec.mobile #banner-notification {
  border: 2px solid #0c6092; }
  .startec.mobile #banner-notification p {
    color: #0c6092; }

.startec.mobile #action-buttons-container .action-button-layer {
  background: #0c6092; }
  .startec.mobile #action-buttons-container .action-button-layer.disabled {
    background: #707070; }

.startec.mobile .dropdown-content li > a,
.startec.mobile .dropdown-content li > span {
  color: #000; }

.huedig.mobile .stripe-layer-lda-tab.lda-list #lda-info .button-for-svg > svg {
  background: #ff8402 !important;
  fill: #000 !important; }

.huedig.mobile .activity-title {
  color: #ff8402 !important; }

.huedig.mobile #lda-scrolling > svg .icon-inside {
  fill: #ff8402; }

.huedig.mobile #lda-scrolling .activity-start-time-content,
.huedig.mobile #lda-scrolling .activity-end-time-content {
  font-weight: 700;
  color: #000; }

.huedig.mobile #sidepanel-scroll::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(0, 0, 0, 0.3); }

.huedig.mobile #linked-objects-container .unlink-object {
  background: #ff8402;
  border: none !important; }
  .huedig.mobile #linked-objects-container .unlink-object > svg {
    stroke: #000 !important; }

.huedig.mobile .wrapper-nav-buttons .mobile-nav-button {
  background: #ff8402;
  border-color: #000; }
  .huedig.mobile .wrapper-nav-buttons .mobile-nav-button > svg {
    fill: #000; }

.huedig.mobile #mobile-tab-stripe-layer-container {
  border-top: 1px solid #000;
  left: 0; }
  .huedig.mobile #mobile-tab-stripe-layer-container .tabs-row-container {
    border-top: 1px solid #000; }
  .huedig.mobile #mobile-tab-stripe-layer-container .tab-element {
    background: #ff8402; }
    .huedig.mobile #mobile-tab-stripe-layer-container .tab-element.active {
      background: #000; }
      .huedig.mobile #mobile-tab-stripe-layer-container .tab-element.active svg {
        fill: #ff8402; }
    .huedig.mobile #mobile-tab-stripe-layer-container .tab-element:not(:last-child) {
      border-right: 1px solid #000; }
    .huedig.mobile #mobile-tab-stripe-layer-container .tab-element svg {
      fill: #000; }

.huedig.mobile .mobile-settings-autocomplete input:focus {
  border-bottom: 1px solid #ff8402 !important;
  -webkit-box-shadow: 0 1px 0 0 #ff8402 !important;
  box-shadow: 0 1px 0 0 #ff8402 !important; }

.huedig.mobile .mobile-settings-autocomplete input {
  height: 2rem !important; }

.huedig.mobile #single-page-container > .input-group {
  border: none; }

.huedig.mobile #single-page-container .registerbox-title {
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
  position: relative; }
  .huedig.mobile #single-page-container .registerbox-title:first-child {
    margin-top: 5px; }
    .huedig.mobile #single-page-container .registerbox-title:first-child:before {
      display: none; }

.huedig.mobile #banner-notification {
  background: #000; }

.huedig.mobile #mobile-top-bar {
  background: #ff8402; }
  .huedig.mobile #mobile-top-bar .input-group {
    border-bottom: #000; }
    .huedig.mobile #mobile-top-bar .input-group input {
      color: #000; }
  .huedig.mobile #mobile-top-bar #banner-notification svg {
    fill: #ff8402; }
  .huedig.mobile #mobile-top-bar #current-path {
    color: #000; }
  .huedig.mobile #mobile-top-bar svg {
    fill: #000; }
  .huedig.mobile #mobile-top-bar .top-bar-main-icon.mobileClose {
    stroke: #000; }
  .huedig.mobile #mobile-top-bar .top-bar-side-icons.mobileClose {
    stroke: #000; }
    .huedig.mobile #mobile-top-bar .top-bar-side-icons.mobileClose g {
      stroke-width: 2 !important; }
  .huedig.mobile #mobile-top-bar .top-bar-side-icons.confirm {
    stroke: none; }

.huedig.mobile #mobile-side-panel {
  background: #ff8402;
  z-index: 99; }
  .huedig.mobile #mobile-side-panel #side-panel-top-info {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .huedig.mobile #mobile-side-panel #side-panel-top-bar {
    border-bottom: 1px solid #000; }
    .huedig.mobile #mobile-side-panel #side-panel-top-bar #mobile-logo {
      background-image: url(app-logo-huedig.png); }

.huedig.mobile .wrapper-personify {
  background: #ff8402; }
  .huedig.mobile .wrapper-personify .personify-content {
    color: #000; }
    .huedig.mobile .wrapper-personify .personify-content .icon-outside {
      fill: #ff8402; }
    .huedig.mobile .wrapper-personify .personify-content .icon-inside {
      fill: #000; }

.huedig.mobile .list-element.field .list-icon .expand {
  background: #fff !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .huedig.mobile .list-element.field .list-icon .expand i {
    font-size: 35px; }

.huedig.mobile .list-element.active .secondary-info.linked-stripes {
  color: #000; }

.huedig.mobile .list-element.active .left-info .primary-bold {
  color: #000; }

.huedig.mobile .list-element.active .linked-object .primary-bold {
  color: #000; }

.huedig.mobile .list-element.active .expanded {
  background: #ff8402; }

.huedig.mobile .list-element.active .list-icon {
  background: #ff8402; }
  .huedig.mobile .list-element.active .list-icon .expand {
    background: #ff8402 !important; }
    .huedig.mobile .list-element.active .list-icon .expand i {
      color: #000; }
  .huedig.mobile .list-element.active .list-icon svg {
    fill: #000; }

.huedig.mobile .list-element .list-icon {
  background: #ff8402; }
  .huedig.mobile .list-element .list-icon svg {
    fill: #000; }

.huedig.mobile #mobile-tab-container {
  border-top: 1px solid #ff8402; }
  .huedig.mobile #mobile-tab-container .tab-element {
    border-top: 1px solid #000;
    background: #000; }
    .huedig.mobile #mobile-tab-container .tab-element.active {
      background: #ff8402; }
      .huedig.mobile #mobile-tab-container .tab-element.active svg {
        fill: #000; }
    .huedig.mobile #mobile-tab-container .tab-element:not(:last-child) {
      border-right: 1px solid #ff8402; }
    .huedig.mobile #mobile-tab-container .tab-element svg {
      fill: #ff8402; }

.huedig.mobile #floating-button {
  background: #ff8402; }
  .huedig.mobile #floating-button svg {
    fill: #000; }

.huedig.mobile .edit-button {
  background: #ff8402; }
  .huedig.mobile .edit-button .button-text {
    color: #000; }
  .huedig.mobile .edit-button svg {
    fill: #000; }

.huedig.mobile .menu-button-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .huedig.mobile .menu-button-container.active {
    background: #000; }
    .huedig.mobile .menu-button-container.active .clear {
      color: #ff8402;
      fill: #ff8402; }

.huedig.mobile svg.dark {
  fill: #ff8402;
  stroke: #ff8402; }

.huedig.mobile svg.clear {
  fill: #000; }

.huedig.mobile .dark {
  color: #ff8402; }

.huedig.mobile .clear {
  color: #000; }

.huedig.mobile .mobile-login-btn-wrapper {
  background: #ff8402; }
  .huedig.mobile .mobile-login-btn-wrapper .btn-login-mobile-text,
  .huedig.mobile .mobile-login-btn-wrapper .btn-login-mobile-icon {
    color: #000; }

.huedig.mobile #mobile-forgot-password {
  color: #ff8402;
  margin: 25px 0 10px 0;
  text-align: center;
  font-size: 16px; }

.huedig.mobile #btn-recovery-mobile {
  color: #000;
  display: flex;
  justify-content: center;
  width: 100%; }
  .huedig.mobile #btn-recovery-mobile.i {
    color: #000; }

.huedig.mobile [type="checkbox"].filled-in-custom:not(:checked) + label:after {
  border: 2px solid #ff8402 !important; }

.huedig.mobile [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #ff8402 !important;
  background-color: #ff8402 !important; }

.huedig.mobile [type="checkbox"].filled-in:checked + label:before {
  border-right: 3px solid #000 !important;
  border-bottom: 3px solid #000 !important; }

.huedig.mobile .input-container .input-group.dropdown .input-field {
  border-color: #ff8402;
  margin-top: 0px;
  height: 28px; }

.huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal {
  background: #000 !important; }
  .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal:after {
    content: "";
    background: #ff8402;
    position: absolute;
    top: 0;
    left: 0;
    height: 110px;
    width: 100%; }
  .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-content,
  .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-title {
    color: #fff !important; }
  .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon {
    width: 55px;
    height: 55px;
    z-index: 1;
    margin: 5px auto 40px; }
    .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-info, .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-warning, .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success, .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error, .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-question {
      border-color: currentColor !important;
      color: #000 !important; }
    .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #000;
      top: 1.9125em;
      width: 1.9375em;
      height: 0.2475em; }
    .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-circular-line"],
    .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-fix {
      display: none; }
    .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-line"] {
      background-color: #000; }
    .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-ring {
      border: none; }
    .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-title {
      margin-top: 20px;
      line-height: 1.4em; }
    .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-icon-text {
      font-size: 3.2em;
      line-height: 1.2em; }
  .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-styled,
  .huedig.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-modal .swal2-styled:focus {
    box-shadow: 0px 1px 3px 1px rgba(148, 148, 148, 0.6); }

.huedig.mobile #banner-notification {
  border: 2px solid #ff8402; }
  .huedig.mobile #banner-notification p {
    color: #ff8402; }

.huedig.mobile #action-buttons-container .action-button-layer {
  background: #ff8402; }
  .huedig.mobile #action-buttons-container .action-button-layer.disabled {
    background: #707070; }

.huedig.mobile .dropdown-content li > a,
.huedig.mobile .dropdown-content li > span {
  color: #000; }

.rm.mobile .stripe-layer-lda-tab.lda-list #lda-info .button-for-svg > svg {
  background: #ca2933 !important;
  fill: #fdd530 !important; }

.rm.mobile .activity-title {
  color: #ca2933 !important; }

.rm.mobile #lda-scrolling > svg .icon-inside {
  fill: #ca2933; }

.rm.mobile #lda-scrolling .activity-start-time-content,
.rm.mobile #lda-scrolling .activity-end-time-content {
  font-weight: 700;
  color: #000; }

.rm.mobile #sidepanel-scroll::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(253, 213, 48, 0.3); }

.rm.mobile #linked-objects-container .unlink-object {
  background: #ca2933;
  border: none !important; }
  .rm.mobile #linked-objects-container .unlink-object > svg {
    stroke: #fdd530 !important; }

.rm.mobile .wrapper-nav-buttons .mobile-nav-button {
  background: #ca2933;
  border-color: #fdd530; }
  .rm.mobile .wrapper-nav-buttons .mobile-nav-button > svg {
    fill: #fdd530; }

.rm.mobile #mobile-tab-stripe-layer-container {
  border-top: 1px solid #fdd530;
  left: 0; }
  .rm.mobile #mobile-tab-stripe-layer-container .tabs-row-container {
    border-top: 1px solid #fdd530; }
  .rm.mobile #mobile-tab-stripe-layer-container .tab-element {
    background: #ca2933; }
    .rm.mobile #mobile-tab-stripe-layer-container .tab-element.active {
      background: #fdd530; }
      .rm.mobile #mobile-tab-stripe-layer-container .tab-element.active svg {
        fill: #ca2933; }
    .rm.mobile #mobile-tab-stripe-layer-container .tab-element:not(:last-child) {
      border-right: 1px solid #fdd530; }
    .rm.mobile #mobile-tab-stripe-layer-container .tab-element svg {
      fill: #fdd530; }

.rm.mobile .mobile-settings-autocomplete input:focus {
  border-bottom: 1px solid #ca2933 !important;
  -webkit-box-shadow: 0 1px 0 0 #ca2933 !important;
  box-shadow: 0 1px 0 0 #ca2933 !important; }

.rm.mobile .mobile-settings-autocomplete input {
  height: 2rem !important; }

.rm.mobile #single-page-container > .input-group {
  border: none; }

.rm.mobile #single-page-container .registerbox-title {
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
  position: relative; }
  .rm.mobile #single-page-container .registerbox-title:first-child {
    margin-top: 5px; }
    .rm.mobile #single-page-container .registerbox-title:first-child:before {
      display: none; }

.rm.mobile #banner-notification {
  background: #fdd530; }

.rm.mobile #mobile-top-bar {
  background: #ca2933; }
  .rm.mobile #mobile-top-bar .input-group {
    border-bottom: #fdd530; }
    .rm.mobile #mobile-top-bar .input-group input {
      color: #fdd530; }
  .rm.mobile #mobile-top-bar #banner-notification svg {
    fill: #ca2933; }
  .rm.mobile #mobile-top-bar #current-path {
    color: #fdd530; }
  .rm.mobile #mobile-top-bar svg {
    fill: #fdd530; }
  .rm.mobile #mobile-top-bar .top-bar-main-icon.mobileClose {
    stroke: #fdd530; }
  .rm.mobile #mobile-top-bar .top-bar-side-icons.mobileClose {
    stroke: #fdd530; }
    .rm.mobile #mobile-top-bar .top-bar-side-icons.mobileClose g {
      stroke-width: 2 !important; }
  .rm.mobile #mobile-top-bar .top-bar-side-icons.confirm {
    stroke: none; }

.rm.mobile #mobile-side-panel {
  background: #ca2933;
  z-index: 99; }
  .rm.mobile #mobile-side-panel #side-panel-top-info {
    border-bottom: 1px solid rgba(253, 213, 48, 0.3); }
  .rm.mobile #mobile-side-panel #side-panel-top-bar {
    border-bottom: 1px solid #fdd530; }
    .rm.mobile #mobile-side-panel #side-panel-top-bar #mobile-logo {
      background-image: url(app-logo-rm.png); }

.rm.mobile .wrapper-personify {
  background: #ca2933; }
  .rm.mobile .wrapper-personify .personify-content {
    color: #fdd530; }
    .rm.mobile .wrapper-personify .personify-content .icon-outside {
      fill: #ca2933; }
    .rm.mobile .wrapper-personify .personify-content .icon-inside {
      fill: #fdd530; }

.rm.mobile .list-element.field .list-icon .expand {
  background: #fff !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .rm.mobile .list-element.field .list-icon .expand i {
    font-size: 35px; }

.rm.mobile .list-element.active .secondary-info.linked-stripes {
  color: #fdd530; }

.rm.mobile .list-element.active .left-info .primary-bold {
  color: #fdd530; }

.rm.mobile .list-element.active .linked-object .primary-bold {
  color: #000; }

.rm.mobile .list-element.active .expanded {
  background: #ca2933; }

.rm.mobile .list-element.active .list-icon {
  background: #ca2933; }
  .rm.mobile .list-element.active .list-icon .expand {
    background: #ca2933 !important; }
    .rm.mobile .list-element.active .list-icon .expand i {
      color: #fdd530; }
  .rm.mobile .list-element.active .list-icon svg {
    fill: #fdd530; }

.rm.mobile .list-element .list-icon {
  background: #ca2933; }
  .rm.mobile .list-element .list-icon svg {
    fill: #fdd530; }

.rm.mobile #mobile-tab-container {
  border-top: 1px solid #ca2933; }
  .rm.mobile #mobile-tab-container .tab-element {
    border-top: 1px solid #fdd530;
    background: #fdd530; }
    .rm.mobile #mobile-tab-container .tab-element.active {
      background: #ca2933; }
      .rm.mobile #mobile-tab-container .tab-element.active svg {
        fill: #fdd530; }
    .rm.mobile #mobile-tab-container .tab-element:not(:last-child) {
      border-right: 1px solid #ca2933; }
    .rm.mobile #mobile-tab-container .tab-element svg {
      fill: #ca2933; }

.rm.mobile #floating-button {
  background: #ca2933; }
  .rm.mobile #floating-button svg {
    fill: #fdd530; }

.rm.mobile .edit-button {
  background: #ca2933; }
  .rm.mobile .edit-button .button-text {
    color: #fdd530; }
  .rm.mobile .edit-button svg {
    fill: #fdd530; }

.rm.mobile .menu-button-container {
  border-bottom: 1px solid rgba(253, 213, 48, 0.3); }
  .rm.mobile .menu-button-container.active {
    background: #fdd530; }
    .rm.mobile .menu-button-container.active .clear {
      color: #ca2933;
      fill: #ca2933; }

.rm.mobile svg.dark {
  fill: #ca2933;
  stroke: #ca2933; }

.rm.mobile svg.clear {
  fill: #fdd530; }

.rm.mobile .dark {
  color: #ca2933; }

.rm.mobile .clear {
  color: #fdd530; }

.rm.mobile .mobile-login-btn-wrapper {
  background: #ca2933; }
  .rm.mobile .mobile-login-btn-wrapper .btn-login-mobile-text,
  .rm.mobile .mobile-login-btn-wrapper .btn-login-mobile-icon {
    color: #fdd530; }

.rm.mobile #mobile-forgot-password {
  color: #ca2933;
  margin: 25px 0 10px 0;
  text-align: center;
  font-size: 16px; }

.rm.mobile #btn-recovery-mobile {
  color: #fdd530;
  display: flex;
  justify-content: center;
  width: 100%; }
  .rm.mobile #btn-recovery-mobile.i {
    color: #fdd530; }

.rm.mobile [type="checkbox"].filled-in-custom:not(:checked) + label:after {
  border: 2px solid #ca2933 !important; }

.rm.mobile [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #ca2933 !important;
  background-color: #ca2933 !important; }

.rm.mobile [type="checkbox"].filled-in:checked + label:before {
  border-right: 3px solid #fdd530 !important;
  border-bottom: 3px solid #fdd530 !important; }

.rm.mobile .input-container .input-group.dropdown .input-field {
  border-color: #ca2933;
  margin-top: 0px;
  height: 28px; }

.rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal {
  background: #fdd530 !important; }
  .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal:after {
    content: "";
    background: #ca2933;
    position: absolute;
    top: 0;
    left: 0;
    height: 110px;
    width: 100%; }
  .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-content,
  .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-title {
    color: #000 !important; }
  .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon {
    width: 55px;
    height: 55px;
    z-index: 1;
    margin: 5px auto 40px; }
    .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-info, .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-warning, .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success, .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error, .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-question {
      border-color: currentColor !important;
      color: #fdd530 !important; }
    .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #fdd530;
      top: 1.9125em;
      width: 1.9375em;
      height: 0.2475em; }
    .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-circular-line"],
    .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-fix {
      display: none; }
    .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-line"] {
      background-color: #fdd530; }
    .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-ring {
      border: none; }
    .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-title {
      margin-top: 20px;
      line-height: 1.4em; }
    .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-icon-text {
      font-size: 3.2em;
      line-height: 1.2em; }
  .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-styled,
  .rm.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-modal .swal2-styled:focus {
    box-shadow: 0px 1px 3px 1px rgba(148, 148, 148, 0.6); }

.rm.mobile #banner-notification {
  border: 2px solid #ca2933; }
  .rm.mobile #banner-notification p {
    color: #ca2933; }

.rm.mobile #action-buttons-container .action-button-layer {
  background: #ca2933; }
  .rm.mobile #action-buttons-container .action-button-layer.disabled {
    background: #707070; }

.rm.mobile .dropdown-content li > a,
.rm.mobile .dropdown-content li > span {
  color: #000; }

.irriland.mobile .stripe-layer-lda-tab.lda-list #lda-info .button-for-svg > svg {
  background: #519531 !important;
  fill: #fff !important; }

.irriland.mobile .activity-title {
  color: #519531 !important; }

.irriland.mobile #lda-scrolling > svg .icon-inside {
  fill: #519531; }

.irriland.mobile #lda-scrolling .activity-start-time-content,
.irriland.mobile #lda-scrolling .activity-end-time-content {
  font-weight: 700;
  color: #000; }

.irriland.mobile #sidepanel-scroll::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(255, 255, 255, 0.3); }

.irriland.mobile #linked-objects-container .unlink-object {
  background: #519531;
  border: none !important; }
  .irriland.mobile #linked-objects-container .unlink-object > svg {
    stroke: #fff !important; }

.irriland.mobile .wrapper-nav-buttons .mobile-nav-button {
  background: #519531;
  border-color: #fff; }
  .irriland.mobile .wrapper-nav-buttons .mobile-nav-button > svg {
    fill: #fff; }

.irriland.mobile #mobile-tab-stripe-layer-container {
  border-top: 1px solid #fff;
  left: 0; }
  .irriland.mobile #mobile-tab-stripe-layer-container .tabs-row-container {
    border-top: 1px solid #fff; }
  .irriland.mobile #mobile-tab-stripe-layer-container .tab-element {
    background: #519531; }
    .irriland.mobile #mobile-tab-stripe-layer-container .tab-element.active {
      background: #fff; }
      .irriland.mobile #mobile-tab-stripe-layer-container .tab-element.active svg {
        fill: #519531; }
    .irriland.mobile #mobile-tab-stripe-layer-container .tab-element:not(:last-child) {
      border-right: 1px solid #fff; }
    .irriland.mobile #mobile-tab-stripe-layer-container .tab-element svg {
      fill: #fff; }

.irriland.mobile .mobile-settings-autocomplete input:focus {
  border-bottom: 1px solid #519531 !important;
  -webkit-box-shadow: 0 1px 0 0 #519531 !important;
  box-shadow: 0 1px 0 0 #519531 !important; }

.irriland.mobile .mobile-settings-autocomplete input {
  height: 2rem !important; }

.irriland.mobile #single-page-container > .input-group {
  border: none; }

.irriland.mobile #single-page-container .registerbox-title {
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
  position: relative; }
  .irriland.mobile #single-page-container .registerbox-title:first-child {
    margin-top: 5px; }
    .irriland.mobile #single-page-container .registerbox-title:first-child:before {
      display: none; }

.irriland.mobile #banner-notification {
  background: #fff; }

.irriland.mobile #mobile-top-bar {
  background: #519531; }
  .irriland.mobile #mobile-top-bar .input-group {
    border-bottom: #fff; }
    .irriland.mobile #mobile-top-bar .input-group input {
      color: #fff; }
  .irriland.mobile #mobile-top-bar #banner-notification svg {
    fill: #519531; }
  .irriland.mobile #mobile-top-bar #current-path {
    color: #fff; }
  .irriland.mobile #mobile-top-bar svg {
    fill: #fff; }
  .irriland.mobile #mobile-top-bar .top-bar-main-icon.mobileClose {
    stroke: #fff; }
  .irriland.mobile #mobile-top-bar .top-bar-side-icons.mobileClose {
    stroke: #fff; }
    .irriland.mobile #mobile-top-bar .top-bar-side-icons.mobileClose g {
      stroke-width: 2 !important; }
  .irriland.mobile #mobile-top-bar .top-bar-side-icons.confirm {
    stroke: none; }

.irriland.mobile #mobile-side-panel {
  background: #519531;
  z-index: 99; }
  .irriland.mobile #mobile-side-panel #side-panel-top-info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .irriland.mobile #mobile-side-panel #side-panel-top-bar {
    border-bottom: 1px solid #fff; }
    .irriland.mobile #mobile-side-panel #side-panel-top-bar #mobile-logo {
      background-image: url(app-logo-startec.png); }

.irriland.mobile .wrapper-personify {
  background: #519531; }
  .irriland.mobile .wrapper-personify .personify-content {
    color: #fff; }
    .irriland.mobile .wrapper-personify .personify-content .icon-outside {
      fill: #519531; }
    .irriland.mobile .wrapper-personify .personify-content .icon-inside {
      fill: #fff; }

.irriland.mobile .list-element.field .list-icon .expand {
  background: #fff !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .irriland.mobile .list-element.field .list-icon .expand i {
    font-size: 35px; }

.irriland.mobile .list-element.active .secondary-info.linked-stripes {
  color: #fff; }

.irriland.mobile .list-element.active .left-info .primary-bold {
  color: #fff; }

.irriland.mobile .list-element.active .linked-object .primary-bold {
  color: #000; }

.irriland.mobile .list-element.active .expanded {
  background: #519531; }

.irriland.mobile .list-element.active .list-icon {
  background: #519531; }
  .irriland.mobile .list-element.active .list-icon .expand {
    background: #519531 !important; }
    .irriland.mobile .list-element.active .list-icon .expand i {
      color: #fff; }
  .irriland.mobile .list-element.active .list-icon svg {
    fill: #fff; }

.irriland.mobile .list-element .list-icon {
  background: #519531; }
  .irriland.mobile .list-element .list-icon svg {
    fill: #fff; }

.irriland.mobile #mobile-tab-container {
  border-top: 1px solid #519531; }
  .irriland.mobile #mobile-tab-container .tab-element {
    border-top: 1px solid #fff;
    background: #fff; }
    .irriland.mobile #mobile-tab-container .tab-element.active {
      background: #519531; }
      .irriland.mobile #mobile-tab-container .tab-element.active svg {
        fill: #fff; }
    .irriland.mobile #mobile-tab-container .tab-element:not(:last-child) {
      border-right: 1px solid #519531; }
    .irriland.mobile #mobile-tab-container .tab-element svg {
      fill: #519531; }

.irriland.mobile #floating-button {
  background: #519531; }
  .irriland.mobile #floating-button svg {
    fill: #fff; }

.irriland.mobile .edit-button {
  background: #519531; }
  .irriland.mobile .edit-button .button-text {
    color: #fff; }
  .irriland.mobile .edit-button svg {
    fill: #fff; }

.irriland.mobile .menu-button-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .irriland.mobile .menu-button-container.active {
    background: #fff; }
    .irriland.mobile .menu-button-container.active .clear {
      color: #519531;
      fill: #519531; }

.irriland.mobile svg.dark {
  fill: #519531;
  stroke: #519531; }

.irriland.mobile svg.clear {
  fill: #fff; }

.irriland.mobile .dark {
  color: #519531; }

.irriland.mobile .clear {
  color: #fff; }

.irriland.mobile .mobile-login-btn-wrapper {
  background: #519531; }
  .irriland.mobile .mobile-login-btn-wrapper .btn-login-mobile-text,
  .irriland.mobile .mobile-login-btn-wrapper .btn-login-mobile-icon {
    color: #fff; }

.irriland.mobile #mobile-forgot-password {
  color: #519531;
  margin: 25px 0 10px 0;
  text-align: center;
  font-size: 16px; }

.irriland.mobile #btn-recovery-mobile {
  color: #fff;
  display: flex;
  justify-content: center;
  width: 100%; }
  .irriland.mobile #btn-recovery-mobile.i {
    color: #fff; }

.irriland.mobile [type="checkbox"].filled-in-custom:not(:checked) + label:after {
  border: 2px solid #519531 !important; }

.irriland.mobile [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #519531 !important;
  background-color: #519531 !important; }

.irriland.mobile [type="checkbox"].filled-in:checked + label:before {
  border-right: 3px solid #fff !important;
  border-bottom: 3px solid #fff !important; }

.irriland.mobile .input-container .input-group.dropdown .input-field {
  border-color: #519531;
  margin-top: 0px;
  height: 28px; }

.irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal {
  background: #fff !important; }
  .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal:after {
    content: "";
    background: #519531;
    position: absolute;
    top: 0;
    left: 0;
    height: 110px;
    width: 100%; }
  .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-content,
  .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-title {
    color: #000 !important; }
  .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon {
    width: 55px;
    height: 55px;
    z-index: 1;
    margin: 5px auto 40px; }
    .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-info, .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-warning, .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success, .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error, .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-question {
      border-color: currentColor !important;
      color: #fff !important; }
    .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #fff;
      top: 1.9125em;
      width: 1.9375em;
      height: 0.2475em; }
    .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-circular-line"],
    .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-fix {
      display: none; }
    .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-line"] {
      background-color: #fff; }
    .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-ring {
      border: none; }
    .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-title {
      margin-top: 20px;
      line-height: 1.4em; }
    .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-icon-text {
      font-size: 3.2em;
      line-height: 1.2em; }
  .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-styled,
  .irriland.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-modal .swal2-styled:focus {
    box-shadow: 0px 1px 3px 1px rgba(148, 148, 148, 0.6); }

.irriland.mobile #banner-notification {
  border: 2px solid #519531; }
  .irriland.mobile #banner-notification p {
    color: #519531; }

.irriland.mobile #action-buttons-container .action-button-layer {
  background: #519531; }
  .irriland.mobile #action-buttons-container .action-button-layer.disabled {
    background: #707070; }

.irriland.mobile .dropdown-content li > a,
.irriland.mobile .dropdown-content li > span {
  color: #000; }

.casella.mobile .stripe-layer-lda-tab.lda-list #lda-info .button-for-svg > svg {
  background: #fff !important;
  fill: #004489 !important; }

.casella.mobile .activity-title {
  color: #fff !important; }

.casella.mobile #lda-scrolling > svg .icon-inside {
  fill: #fff; }

.casella.mobile #lda-scrolling .activity-start-time-content,
.casella.mobile #lda-scrolling .activity-end-time-content {
  font-weight: 700;
  color: #000; }

.casella.mobile #sidepanel-scroll::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(255, 255, 255, 0.3); }

.casella.mobile #linked-objects-container .unlink-object {
  background: #fff;
  border: none !important; }
  .casella.mobile #linked-objects-container .unlink-object > svg {
    stroke: #004489 !important; }

.casella.mobile .wrapper-nav-buttons .mobile-nav-button {
  background: #fff;
  border-color: #004489; }
  .casella.mobile .wrapper-nav-buttons .mobile-nav-button > svg {
    fill: #004489; }

.casella.mobile #mobile-tab-stripe-layer-container {
  border-top: 1px solid #004489;
  left: 0; }
  .casella.mobile #mobile-tab-stripe-layer-container .tabs-row-container {
    border-top: 1px solid #004489; }
  .casella.mobile #mobile-tab-stripe-layer-container .tab-element {
    background: #fff; }
    .casella.mobile #mobile-tab-stripe-layer-container .tab-element.active {
      background: #004489; }
      .casella.mobile #mobile-tab-stripe-layer-container .tab-element.active svg {
        fill: #fff; }
    .casella.mobile #mobile-tab-stripe-layer-container .tab-element:not(:last-child) {
      border-right: 1px solid #004489; }
    .casella.mobile #mobile-tab-stripe-layer-container .tab-element svg {
      fill: #004489; }

.casella.mobile .mobile-settings-autocomplete input:focus {
  border-bottom: 1px solid #fff !important;
  -webkit-box-shadow: 0 1px 0 0 #fff !important;
  box-shadow: 0 1px 0 0 #fff !important; }

.casella.mobile .mobile-settings-autocomplete input {
  height: 2rem !important; }

.casella.mobile #single-page-container > .input-group {
  border: none; }

.casella.mobile #single-page-container .registerbox-title {
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
  position: relative; }
  .casella.mobile #single-page-container .registerbox-title:first-child {
    margin-top: 5px; }
    .casella.mobile #single-page-container .registerbox-title:first-child:before {
      display: none; }

.casella.mobile #banner-notification {
  background: #004489; }

.casella.mobile #mobile-top-bar {
  background: #fff; }
  .casella.mobile #mobile-top-bar .input-group {
    border-bottom: #004489; }
    .casella.mobile #mobile-top-bar .input-group input {
      color: #004489; }
  .casella.mobile #mobile-top-bar #banner-notification svg {
    fill: #fff; }
  .casella.mobile #mobile-top-bar #current-path {
    color: #004489; }
  .casella.mobile #mobile-top-bar svg {
    fill: #004489; }
  .casella.mobile #mobile-top-bar .top-bar-main-icon.mobileClose {
    stroke: #004489; }
  .casella.mobile #mobile-top-bar .top-bar-side-icons.mobileClose {
    stroke: #004489; }
    .casella.mobile #mobile-top-bar .top-bar-side-icons.mobileClose g {
      stroke-width: 2 !important; }
  .casella.mobile #mobile-top-bar .top-bar-side-icons.confirm {
    stroke: none; }

.casella.mobile #mobile-side-panel {
  background: #fff;
  z-index: 99; }
  .casella.mobile #mobile-side-panel #side-panel-top-info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .casella.mobile #mobile-side-panel #side-panel-top-bar {
    border-bottom: 1px solid #004489; }
    .casella.mobile #mobile-side-panel #side-panel-top-bar #mobile-logo {
      background-image: url(casella-logo.png); }

.casella.mobile .wrapper-personify {
  background: #fff; }
  .casella.mobile .wrapper-personify .personify-content {
    color: #004489; }
    .casella.mobile .wrapper-personify .personify-content .icon-outside {
      fill: #fff; }
    .casella.mobile .wrapper-personify .personify-content .icon-inside {
      fill: #004489; }

.casella.mobile .list-element.field .list-icon .expand {
  background: #fff !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .casella.mobile .list-element.field .list-icon .expand i {
    font-size: 35px; }

.casella.mobile .list-element.active .secondary-info.linked-stripes {
  color: #004489; }

.casella.mobile .list-element.active .left-info .primary-bold {
  color: #004489; }

.casella.mobile .list-element.active .linked-object .primary-bold {
  color: #000; }

.casella.mobile .list-element.active .expanded {
  background: #fff; }

.casella.mobile .list-element.active .list-icon {
  background: #fff; }
  .casella.mobile .list-element.active .list-icon .expand {
    background: #fff !important; }
    .casella.mobile .list-element.active .list-icon .expand i {
      color: #004489; }
  .casella.mobile .list-element.active .list-icon svg {
    fill: #004489; }

.casella.mobile .list-element .list-icon {
  background: #fff; }
  .casella.mobile .list-element .list-icon svg {
    fill: #004489; }

.casella.mobile #mobile-tab-container {
  border-top: 1px solid #fff; }
  .casella.mobile #mobile-tab-container .tab-element {
    border-top: 1px solid #004489;
    background: #004489; }
    .casella.mobile #mobile-tab-container .tab-element.active {
      background: #fff; }
      .casella.mobile #mobile-tab-container .tab-element.active svg {
        fill: #004489; }
    .casella.mobile #mobile-tab-container .tab-element:not(:last-child) {
      border-right: 1px solid #fff; }
    .casella.mobile #mobile-tab-container .tab-element svg {
      fill: #fff; }

.casella.mobile #floating-button {
  background: #fff; }
  .casella.mobile #floating-button svg {
    fill: #004489; }

.casella.mobile .edit-button {
  background: #fff; }
  .casella.mobile .edit-button .button-text {
    color: #004489; }
  .casella.mobile .edit-button svg {
    fill: #004489; }

.casella.mobile .menu-button-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .casella.mobile .menu-button-container.active {
    background: #004489; }
    .casella.mobile .menu-button-container.active .clear {
      color: #fff;
      fill: #fff; }

.casella.mobile svg.dark {
  fill: #fff;
  stroke: #fff; }

.casella.mobile svg.clear {
  fill: #004489; }

.casella.mobile .dark {
  color: #fff; }

.casella.mobile .clear {
  color: #004489; }

.casella.mobile .mobile-login-btn-wrapper {
  background: #fff; }
  .casella.mobile .mobile-login-btn-wrapper .btn-login-mobile-text,
  .casella.mobile .mobile-login-btn-wrapper .btn-login-mobile-icon {
    color: #004489; }

.casella.mobile #mobile-forgot-password {
  color: #fff;
  margin: 25px 0 10px 0;
  text-align: center;
  font-size: 16px; }

.casella.mobile #btn-recovery-mobile {
  color: #004489;
  display: flex;
  justify-content: center;
  width: 100%; }
  .casella.mobile #btn-recovery-mobile.i {
    color: #004489; }

.casella.mobile [type="checkbox"].filled-in-custom:not(:checked) + label:after {
  border: 2px solid #fff !important; }

.casella.mobile [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #fff !important;
  background-color: #fff !important; }

.casella.mobile [type="checkbox"].filled-in:checked + label:before {
  border-right: 3px solid #004489 !important;
  border-bottom: 3px solid #004489 !important; }

.casella.mobile .input-container .input-group.dropdown .input-field {
  border-color: #fff;
  margin-top: 0px;
  height: 28px; }

.casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal {
  background: #004489 !important; }
  .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal:after {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 110px;
    width: 100%; }
  .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-content,
  .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-title {
    color: #000 !important; }
  .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon {
    width: 55px;
    height: 55px;
    z-index: 1;
    margin: 5px auto 40px; }
    .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-info, .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-warning, .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success, .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error, .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-question {
      border-color: currentColor !important;
      color: #004489 !important; }
    .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #004489;
      top: 1.9125em;
      width: 1.9375em;
      height: 0.2475em; }
    .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-circular-line"],
    .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-fix {
      display: none; }
    .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon.swal2-success [class^="swal2-success-line"] {
      background-color: #004489; }
    .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-success-ring {
      border: none; }
    .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-title {
      margin-top: 20px;
      line-height: 1.4em; }
    .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-icon .swal2-icon-text {
      font-size: 3.2em;
      line-height: 1.2em; }
  .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-styled,
  .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal .swal2-modal .swal2-styled:focus {
    box-shadow: 0px 1px 3px 1px rgba(148, 148, 148, 0.6); }

.casella.mobile #banner-notification {
  border: 2px solid #fff; }
  .casella.mobile #banner-notification p {
    color: #fff; }

.casella.mobile #action-buttons-container .action-button-layer {
  background: #fff; }
  .casella.mobile #action-buttons-container .action-button-layer.disabled {
    background: #707070; }

.casella.mobile .dropdown-content li > a,
.casella.mobile .dropdown-content li > span {
  color: #000; }

.fade-enter {
  opacity: 0; }
  .fade-enter.fade-enter-active {
    opacity: 1;
    transition: all 100ms linear 100ms; }
  .fade-enter.fade-enter-active.slow-fade {
    opacity: 1;
    transition: all 250ms ease-in-out 100ms; }

.outer-box-animation-enter {
  opacity: 0; }
  .outer-box-animation-enter.outer-box-animation-enter-active {
    opacity: 1;
    transition: opacity ease-in-out 200ms; }

.outer-box-animation-exit {
  opacity: 1; }
  .outer-box-animation-exit.outer-box-animation-exit-active {
    opacity: 0;
    transition: opacity ease-in-out 200ms; }

.more-options-menu-enter {
  opacity: 0; }

.more-options-menu-enter-active {
  opacity: 1;
  transition: opacity 150ms ease-in-out; }

.more-options-menu-enter-active.slow-fade {
  opacity: 1;
  transition: opacity 250ms ease-in-out; }

.more-options-menu-exit {
  opacity: 1; }

.more-options-menu-exit-active {
  opacity: 0;
  transition: opacity 150ms ease-in-out 50ms; }

.top-bar-side-icons-enter {
  opacity: 0; }
  .top-bar-side-icons-enter.top-bar-side-icons-enter-active {
    opacity: 1;
    transition: opacity 150ms ease-in-out; }
  .top-bar-side-icons-enter.top-bar-side-icons-enter-active.slow-fade {
    opacity: 1;
    transition: opacity 250ms ease-in-out; }

.top-bar-side-icons-exit {
  opacity: 1; }
  .top-bar-side-icons-exit.top-bar-side-icons-exit-active {
    opacity: 0;
    transition: opacity 150ms ease-in-out 50ms; }

.casella.mobile #mobile-scroll-container {
  background: #004489 !important; }

.casella.mobile .list-element input[type="checkbox"].filled-in + label:after {
  border: 2px solid #004489 !important; }

.casella.mobile #mobile-logo {
  background-size: 90px !important; }

.casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal {
  background-color: #fff !important; }
  .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-content,
  .casella.mobile.swal2-shown .swal2-container .swal2-popup.swal2-modal #swal2-title {
    color: #004489 !important; }body {
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
}

.pyro > .before, .pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow: 209px -269.6666666667px #ffea00, 17px -325.6666666667px #00ff40, 47px -100.6666666667px #00ff6f, -115px -304.6666666667px #00ff3c, 86px 58.3333333333px #9900ff, 67px -266.6666666667px #00ff9d, 233px -4.6666666667px #a600ff, -248px -295.6666666667px #0095ff, -163px 47.3333333333px #00ff2f, -228px -41.6666666667px #8000ff, -188px -213.6666666667px #4d00ff, 57px -80.6666666667px #0dff00, 74px 40.3333333333px #ff0015, -36px -63.6666666667px #00ff22, -63px -110.6666666667px #ff1100, -17px -85.6666666667px #0099ff, 88px -264.6666666667px #ff6600, 40px -312.6666666667px #0044ff, 178px -287.6666666667px #ffa200, -25px -412.6666666667px #8800ff, 42px -385.6666666667px #0900ff, 9px 25.3333333333px #ff2b00, 6px -77.6666666667px #1500ff, 193px -274.6666666667px #ff0091, -248px -337.6666666667px #2f00ff, -192px -172.6666666667px #ffa200, 120px -242.6666666667px #ff00c4, 69px -339.6666666667px #e1ff00, 154px -10.6666666667px #73ff00, -205px -70.6666666667px #ff9900, 227px -125.6666666667px #95ff00, -204px -252.6666666667px #26ff00, 249px 38.3333333333px #e1ff00, -146px -230.6666666667px #00ffd5, -65px -220.6666666667px #22ff00, -213px -7.6666666667px #e100ff, 41px -233.6666666667px #2600ff, 242px -191.6666666667px #d900ff, 157px -196.6666666667px #006fff, 82px -44.6666666667px #e6ff00, -98px -95.6666666667px #ff2600, 232px 57.3333333333px #8400ff, 177px 67.3333333333px #2200ff, -190px 32.3333333333px #00ff37, -66px -358.6666666667px #00ffe6, 127px -301.6666666667px #ff00dd, -227px -60.6666666667px #40ff00, -205px -37.6666666667px #ff0011, 73px -240.6666666667px #1aff00, -94px -249.6666666667px lime, 107px -237.6666666667px #00eaff;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: 209px -269.6666666667px #ffea00, 17px -325.6666666667px #00ff40, 47px -100.6666666667px #00ff6f, -115px -304.6666666667px #00ff3c, 86px 58.3333333333px #9900ff, 67px -266.6666666667px #00ff9d, 233px -4.6666666667px #a600ff, -248px -295.6666666667px #0095ff, -163px 47.3333333333px #00ff2f, -228px -41.6666666667px #8000ff, -188px -213.6666666667px #4d00ff, 57px -80.6666666667px #0dff00, 74px 40.3333333333px #ff0015, -36px -63.6666666667px #00ff22, -63px -110.6666666667px #ff1100, -17px -85.6666666667px #0099ff, 88px -264.6666666667px #ff6600, 40px -312.6666666667px #0044ff, 178px -287.6666666667px #ffa200, -25px -412.6666666667px #8800ff, 42px -385.6666666667px #0900ff, 9px 25.3333333333px #ff2b00, 6px -77.6666666667px #1500ff, 193px -274.6666666667px #ff0091, -248px -337.6666666667px #2f00ff, -192px -172.6666666667px #ffa200, 120px -242.6666666667px #ff00c4, 69px -339.6666666667px #e1ff00, 154px -10.6666666667px #73ff00, -205px -70.6666666667px #ff9900, 227px -125.6666666667px #95ff00, -204px -252.6666666667px #26ff00, 249px 38.3333333333px #e1ff00, -146px -230.6666666667px #00ffd5, -65px -220.6666666667px #22ff00, -213px -7.6666666667px #e100ff, 41px -233.6666666667px #2600ff, 242px -191.6666666667px #d900ff, 157px -196.6666666667px #006fff, 82px -44.6666666667px #e6ff00, -98px -95.6666666667px #ff2600, 232px 57.3333333333px #8400ff, 177px 67.3333333333px #2200ff, -190px 32.3333333333px #00ff37, -66px -358.6666666667px #00ffe6, 127px -301.6666666667px #ff00dd, -227px -60.6666666667px #40ff00, -205px -37.6666666667px #ff0011, 73px -240.6666666667px #1aff00, -94px -249.6666666667px lime, 107px -237.6666666667px #00eaff;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: 209px -269.6666666667px #ffea00, 17px -325.6666666667px #00ff40, 47px -100.6666666667px #00ff6f, -115px -304.6666666667px #00ff3c, 86px 58.3333333333px #9900ff, 67px -266.6666666667px #00ff9d, 233px -4.6666666667px #a600ff, -248px -295.6666666667px #0095ff, -163px 47.3333333333px #00ff2f, -228px -41.6666666667px #8000ff, -188px -213.6666666667px #4d00ff, 57px -80.6666666667px #0dff00, 74px 40.3333333333px #ff0015, -36px -63.6666666667px #00ff22, -63px -110.6666666667px #ff1100, -17px -85.6666666667px #0099ff, 88px -264.6666666667px #ff6600, 40px -312.6666666667px #0044ff, 178px -287.6666666667px #ffa200, -25px -412.6666666667px #8800ff, 42px -385.6666666667px #0900ff, 9px 25.3333333333px #ff2b00, 6px -77.6666666667px #1500ff, 193px -274.6666666667px #ff0091, -248px -337.6666666667px #2f00ff, -192px -172.6666666667px #ffa200, 120px -242.6666666667px #ff00c4, 69px -339.6666666667px #e1ff00, 154px -10.6666666667px #73ff00, -205px -70.6666666667px #ff9900, 227px -125.6666666667px #95ff00, -204px -252.6666666667px #26ff00, 249px 38.3333333333px #e1ff00, -146px -230.6666666667px #00ffd5, -65px -220.6666666667px #22ff00, -213px -7.6666666667px #e100ff, 41px -233.6666666667px #2600ff, 242px -191.6666666667px #d900ff, 157px -196.6666666667px #006fff, 82px -44.6666666667px #e6ff00, -98px -95.6666666667px #ff2600, 232px 57.3333333333px #8400ff, 177px 67.3333333333px #2200ff, -190px 32.3333333333px #00ff37, -66px -358.6666666667px #00ffe6, 127px -301.6666666667px #ff00dd, -227px -60.6666666667px #40ff00, -205px -37.6666666667px #ff0011, 73px -240.6666666667px #1aff00, -94px -249.6666666667px lime, 107px -237.6666666667px #00eaff;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: 209px -269.6666666667px #ffea00, 17px -325.6666666667px #00ff40, 47px -100.6666666667px #00ff6f, -115px -304.6666666667px #00ff3c, 86px 58.3333333333px #9900ff, 67px -266.6666666667px #00ff9d, 233px -4.6666666667px #a600ff, -248px -295.6666666667px #0095ff, -163px 47.3333333333px #00ff2f, -228px -41.6666666667px #8000ff, -188px -213.6666666667px #4d00ff, 57px -80.6666666667px #0dff00, 74px 40.3333333333px #ff0015, -36px -63.6666666667px #00ff22, -63px -110.6666666667px #ff1100, -17px -85.6666666667px #0099ff, 88px -264.6666666667px #ff6600, 40px -312.6666666667px #0044ff, 178px -287.6666666667px #ffa200, -25px -412.6666666667px #8800ff, 42px -385.6666666667px #0900ff, 9px 25.3333333333px #ff2b00, 6px -77.6666666667px #1500ff, 193px -274.6666666667px #ff0091, -248px -337.6666666667px #2f00ff, -192px -172.6666666667px #ffa200, 120px -242.6666666667px #ff00c4, 69px -339.6666666667px #e1ff00, 154px -10.6666666667px #73ff00, -205px -70.6666666667px #ff9900, 227px -125.6666666667px #95ff00, -204px -252.6666666667px #26ff00, 249px 38.3333333333px #e1ff00, -146px -230.6666666667px #00ffd5, -65px -220.6666666667px #22ff00, -213px -7.6666666667px #e100ff, 41px -233.6666666667px #2600ff, 242px -191.6666666667px #d900ff, 157px -196.6666666667px #006fff, 82px -44.6666666667px #e6ff00, -98px -95.6666666667px #ff2600, 232px 57.3333333333px #8400ff, 177px 67.3333333333px #2200ff, -190px 32.3333333333px #00ff37, -66px -358.6666666667px #00ffe6, 127px -301.6666666667px #ff00dd, -227px -60.6666666667px #40ff00, -205px -37.6666666667px #ff0011, 73px -240.6666666667px #1aff00, -94px -249.6666666667px lime, 107px -237.6666666667px #00eaff;
  }
}
@keyframes bang {
  to {
    box-shadow: 209px -269.6666666667px #ffea00, 17px -325.6666666667px #00ff40, 47px -100.6666666667px #00ff6f, -115px -304.6666666667px #00ff3c, 86px 58.3333333333px #9900ff, 67px -266.6666666667px #00ff9d, 233px -4.6666666667px #a600ff, -248px -295.6666666667px #0095ff, -163px 47.3333333333px #00ff2f, -228px -41.6666666667px #8000ff, -188px -213.6666666667px #4d00ff, 57px -80.6666666667px #0dff00, 74px 40.3333333333px #ff0015, -36px -63.6666666667px #00ff22, -63px -110.6666666667px #ff1100, -17px -85.6666666667px #0099ff, 88px -264.6666666667px #ff6600, 40px -312.6666666667px #0044ff, 178px -287.6666666667px #ffa200, -25px -412.6666666667px #8800ff, 42px -385.6666666667px #0900ff, 9px 25.3333333333px #ff2b00, 6px -77.6666666667px #1500ff, 193px -274.6666666667px #ff0091, -248px -337.6666666667px #2f00ff, -192px -172.6666666667px #ffa200, 120px -242.6666666667px #ff00c4, 69px -339.6666666667px #e1ff00, 154px -10.6666666667px #73ff00, -205px -70.6666666667px #ff9900, 227px -125.6666666667px #95ff00, -204px -252.6666666667px #26ff00, 249px 38.3333333333px #e1ff00, -146px -230.6666666667px #00ffd5, -65px -220.6666666667px #22ff00, -213px -7.6666666667px #e100ff, 41px -233.6666666667px #2600ff, 242px -191.6666666667px #d900ff, 157px -196.6666666667px #006fff, 82px -44.6666666667px #e6ff00, -98px -95.6666666667px #ff2600, 232px 57.3333333333px #8400ff, 177px 67.3333333333px #2200ff, -190px 32.3333333333px #00ff37, -66px -358.6666666667px #00ffe6, 127px -301.6666666667px #ff00dd, -227px -60.6666666667px #40ff00, -205px -37.6666666667px #ff0011, 73px -240.6666666667px #1aff00, -94px -249.6666666667px lime, 107px -237.6666666667px #00eaff;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
p, h1, h2, h5, ul {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* TODO: Correggere semantica */
.bottom-menu {
  position: relative;
  bottom: 0px;
  right: 0;
  height: 56px;
  width: 100%;
  z-index: 99999; }
  .bottom-menu ul {
    height: 100%; }
    .bottom-menu ul .active::after {
      content: "";
      width: 20px;
      height: 20px;
      position: absolute;
      display: block;
      transform: rotate(45deg);
      margin-top: -24px;
      z-index: -1;
      transition: background-color 300ms ease; }
    .bottom-menu ul a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      z-index: 2; }
  .bottom-menu li {
    height: 100%; }
    .bottom-menu li:first-child {
      border: 0; }
    .bottom-menu li:first-child:nth-last-child(4),
    .bottom-menu li:first-child:nth-last-child(4) ~ li {
      width: 25% !important; }
  .bottom-menu p {
    margin-top: 7px;
    line-height: 1;
    display: inline-block;
    margin-right: 5px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.5px; }

/* Buttons */
.btn-large {
  width: 200px; }
  .btn-large.dark-blue {
    background-color: #0c6092; }
    .btn-large.dark-blue:hover {
      opacity: 0.9;
      background-color: #0c6092; }
    .btn-large.dark-blue:active {
      box-shadow: inset 0px 0px 15px #000;
      -webkit-box-shadow: inset 0px 0px 15px #000;
      -moz-box-shadow: inset 0px 0px 15px #000;
      -o-box-shadow: inset 0px 0px 15px #000; }

.button-for-svg {
  display: block;
  min-width: 2.3em;
  height: 2.3em;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0; }
  .button-for-svg:hover, .button-for-svg:active, .button-for-svg:focus {
    background: none;
    border: none;
    box-shadow: none; }

.modal-button-open {
  width: 120px;
  height: 30px;
  background: #fff;
  border: 1px solid blue;
  border-radius: 5px;
  line-height: 30px; }

.card .btn-large {
  margin-bottom: 10px; }

.btn-large i {
  margin: 0px; }

#btn-login,
#btn-register,
#btn-logout,
#btn-signup,
#btn-next,
#btn-prev {
  width: 40%;
  max-width: 350px;
  text-transform: none;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 60px;
  white-space: nowrap; }
  #btn-login.i,
  #btn-register.i,
  #btn-logout.i,
  #btn-signup.i,
  #btn-next.i,
  #btn-prev.i {
    font-size: 15px !important;
    margin-left: 10px; }
  #btn-login svg.k_svgicon,
  #btn-register svg.k_svgicon,
  #btn-logout svg.k_svgicon,
  #btn-signup svg.k_svgicon,
  #btn-next svg.k_svgicon,
  #btn-prev svg.k_svgicon {
    min-width: 20px;
    min-height: 20px; }

#btn-logout {
  margin-top: 20px; }

@media (min-width: 768px) {
  #btn-prev {
    text-align: center; } }

@media (min-width: 768px) {
  #btn-next,
  #btn-signup {
    float: right; } }

.btns-container-forgot-pswd {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

@media (max-width: 768px) {
  #btn-login,
  #btn-register,
  #btn-logout,
  #btn-signup,
  #btn-prev,
  #btn-next {
    width: 90%; } }

@media (max-width: 1280px) {
  #btn-login i,
  #btn-register i,
  #btn-logout i,
  #btn-signup i,
  #btn-prev i,
  #btn-next i {
    display: none; } }

.map-control-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 5px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  bottom: 100px;
  cursor: pointer;
  z-index: 99; }
  .map-control-button .k_svgicon {
    width: 100%;
    height: 100%;
    background: #000;
    /* padding: 4px; */
    width: 40px;
    height: 40px;
    padding: 7px;
    /* margin-right: 19px; */
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    background-color: white;
    fill: #666; }
    .map-control-button .k_svgicon:hover {
      fill: #333333; }
    .map-control-button .k_svgicon:active {
      fill: #111; }
  .map-control-button.main {
    bottom: 135px; }

.btn-hide-show-axis {
  cursor: pointer;
  background: #f7f7f7;
  padding: 4px;
  text-align: center;
  border-radius: 2px;
  height: 30px;
  position: absolute;
  /* bottom: 22.3%; */
  right: -150px;
  bottom: 25%;
  width: 150px;
  /* right: 0px; */
  margin: auto;
  z-index: 99;
  font-weight: normal;
  font-size: 13px;
  color: #333333;
  cursor: pointer;
  line-height: 25px; }

.stripes-geo-fix,
.wells-geo-fix {
  bottom: 105px; }

body, html {
  -ms-overflow-style: none; }

.fixed-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative;
  width: 90%;
  padding: 15px 25px;
  margin-top: 20px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

#login-wrapper.al-info-fixed-box {
  padding: 0;
  background: none;
  border: none; }

.al-info {
  display: flex;
  flex-direction: column; }

.box-in-fixed-box {
  position: relative;
  height: 33.3333%;
  flex-basis: 33.3333%;
  margin-bottom: 15px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  border-right: none; }
  .box-in-fixed-box.two {
    height: 50%;
    flex-basis: 50%; }
    .box-in-fixed-box.two .icons-homepage {
      width: 65px;
      height: 65px; }
    .box-in-fixed-box.two .al-box-value {
      top: 55px;
      font-size: 45px; }
    .box-in-fixed-box.two .al-box-title {
      bottom: 65px;
      font-size: 21px; }
  .box-in-fixed-box.four {
    height: 25%;
    flex-basis: 25%; }

#al-box-sx, #login-wrapper, .box-in-fixed-box {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g"), url("backgrounds/wall_01_blurred15.jpg");
  background-size: 100%;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("backgrounds/wall_01_blurred15.jpg");
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("backgrounds/wall_01_blurred15.jpg");
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("backgrounds/wall_01_blurred15.jpg");
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed; }

#signup-st-wrapper, #signup-nd-wrapper {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g"), url("backgrounds/wall_02_blurred15.jpg");
  background-size: 100%;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("backgrounds/wall_02_blurred15.jpg");
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("backgrounds/wall_02_blurred15.jpg");
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("backgrounds/wall_02_blurred15.jpg");
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed; }

.al-info-fixed-box {
  box-shadow: none; }

.box-in-fixed-box:last-child {
  margin-bottom: 0; }

.al-box-icon {
  width: 45px;
  margin-left: 4px; }

.box-in-fixed-box > .al-box-value {
  position: absolute;
  top: 40px;
  right: 25px;
  font-size: 42px; }

.box-in-fixed-box.four > .al-box-value {
  top: 20px; }

.box-in-fixed-box > .al-box-title {
  position: absolute;
  bottom: 10px;
  right: 25px;
  font-size: 18px; }

.box-in-fixed-box > img {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%); }

#al-info .box-in-fixed-box {
  user-select: none; }

#al-info .box-in-fixed-box:first-child img,
#al-info .box-in-fixed-box:nth-child(2) img {
  width: 55px;
  margin-top: 3px; }

.credits-container h5:nth-child(2) {
  margin-bottom: -20px; }

#forgot-password {
  cursor: pointer;
  color: white;
  text-decoration: underline;
  display: inline-block;
  width: 100%; }

nav ul a {
  padding: 0 !important; }

.date-for-home {
  text-transform: capitalize; }

/* NOT FOUND STYLE */
.not-found-container {
  position: absolute;
  width: 500px;
  height: 600px;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 200px; }
  .not-found-container::after {
    content: "";
    background-image: url(tube.png);
    background-size: 300px;
    background-position: center;
    width: 500px;
    height: 600px;
    display: block;
    opacity: 0.1;
    top: 30px;
    position: absolute;
    background-repeat: no-repeat; }

i.fa {
  font-weight: normal;
  font-style: normal;
  font-size: 32px !important;
  display: inline-block;
  line-height: 1;
  height: 100%; }

.fontface.md-18 {
  font-size: 18px; }

.fa.md-36 {
  font-size: 36px; }

.fa.md-48 {
  font-size: 48px; }

.icon-selected {
  color: black; }

.icon-unselected {
  color: #AAAAAA !important; }

.k_svgicon {
  fill: currentColor;
  width: 2em;
  height: 2em; }

.user-type {
  width: 2.3em;
  height: 2.3em; }

#sell-ecu-button > .icons-for-summary {
  width: 90px; }

#role-icon-container {
  padding-left: 0;
  padding-right: 0; }

#role-icon-container > div:last-child {
  width: 110px;
  justify-content: center; }

#role-icon-container > div:first-child {
  justify-content: flex-start; }
  #role-icon-container > div:first-child svg {
    width: 30px;
    height: 30px; }

.k_svgicon.rule-evenodd {
  fill-rule: evenodd; }

.notarization-outcome-icon, .notarization-outcome-icon-animated {
  margin-right: 2rem; }

.notarization-outcome-icon-animated {
  animation: spin 2s linear infinite; }

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

.notarization-popup-icon {
  width: 7rem;
  height: 7rem;
  margin-top: 1rem; }

.stor-irr {
  background-image: url("icons/storico-irrigazione-default-startec.png") !important;
  background-size: 32px !important;
  background-position: center 7px !important; }
  .stor-irr.active {
    background-image: url("icons/storico-irrigazione-active-startec.png") !important; }

.stor-mac {
  background-image: url("icons/fleet-default-startec.png");
  background-size: 45px !important;
  background-position: center 10px; }
  .stor-mac.active {
    background-image: url("icons/fleet-active-startec.png") !important; }
    .stor-mac.active label {
      font-size: 13px; }

.stor-stripe {
  background-image: url("icons/stripe-fields-default-startec.png");
  background-position: center 10px;
  background-size: 38px; }
  .stor-stripe.active {
    background-image: url("icons/stripe-fields-active-startec.png") !important; }

.input-search-history {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 70% !important;
  height: 20px !important;
  height: 30px !important;
  font-size: 13px !important;
  margin-left: 10px !important;
  font-weight: 400; }

.sort-by-arrow {
  position: absolute;
  background-image: url(caret-down-solid-up.svg);
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
  height: 10px !important;
  width: 100%;
  bottom: 10px;
  font-size: 15px !important;
  cursor: pointer;
  right: 0;
  transition: all 400ms ease; }

.sort-by-arrow.down {
  transform: rotate(180deg);
  transform-origin: center; }

.icons-for-summary {
  width: 40px;
  height: 40px;
  margin: 10px;
  cursor: pointer; }

.icons-for-buttons {
  width: 60px;
  cursor: pointer; }

.permits {
  width: 1.5em; }

.lda-modal-container table {
  display: table; }

.lda-modal-container .wrapper-options-panel2.lda-not-editable {
  position: relative;
  right: unset; }
  .lda-modal-container .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable {
    max-height: unset;
    width: 100%; }
    .lda-modal-container .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable .activity-box {
      font-size: 16px;
      padding: 12px 10px;
      display: flex;
      flex-wrap: wrap; }
      .lda-modal-container .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable .activity-box .activity-info-container {
        width: 50%;
        display: flex;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 8px; }
        .lda-modal-container .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable .activity-box .activity-info-container .activity-info-label {
          text-align: left; }
      .lda-modal-container .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable .activity-box .activity-title {
        flex-basis: 100%;
        width: 100%; }
      .lda-modal-container .wrapper-options-panel2.lda-not-editable .options-panel2.lda-not-editable .activity-box .activity-time {
        display: flex;
        flex-basis: 50%;
        width: 50%;
        justify-content: space-between;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 8px; }

.svgicon.caret-down {
  width: 100%;
  height: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  left: 0;
  transition: transform 400ms ease; }
  .svgicon.caret-down.rotate {
    transform: rotate(180deg);
    transform-origin: center; }

.svgicon.search-icon {
  width: 20px;
  height: 15px;
  position: absolute;
  bottom: 9px;
  right: 2px; }
  .svgicon.search-icon .svgicon-path {
    transition: fill 400ms ease; }

.svgicon.edit-icon {
  width: 20px;
  height: 20px;
  cursor: pointer; }

.datepicker-history.datepicker-history {
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  padding: 0px !important;
  height: 30px !important; }

#stripe_lastIrr {
  width: 100% !important; }

.index-date {
  z-index: 999; }

.modal-lda {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 99999;
  /* display:none; */ }

.modal-lda-container {
  width: 400px;
  max-height: 450px;
  background-color: #ffffff;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  margin-top: -250px;
  left: 50%;
  margin-left: -175px;
  padding: 20px; }

.show-modal-lda {
  display: block; }

.back-modal-lda {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -40px;
  right: -40px;
  background-image: url(chiudi_bianco.png);
  background-position: center;
  background-size: 40px;
  cursor: pointer; }

.separator-lda {
  width: 80%;
  height: 2px;
  background-color: #0c6092;
  margin: 20px auto; }

.react-datepicker-wrapper {
  width: 80% !important;
  float: left; }

.datepicker-container-style {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.datepicker-container-style > div {
  display: flex;
  justify-content: center; }

.swal2-actions .swal2-confirm {
  order: 1; }

.custom-swal-modal-lda {
  max-height: 80vh;
  width: 36em;
  padding: 0 !important;
  overflow: auto;
  border-radius: 0;
  flex-direction: row !important; }
  .custom-swal-modal-lda .swal2-confirm {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px !important;
    cursor: pointer;
    padding: 0;
    margin-right: 40px; }
    .custom-swal-modal-lda .swal2-confirm:before {
      content: "\f00d"; }
  .custom-swal-modal-lda .swal2-actions {
    position: absolute !important;
    right: 0; }
    .custom-swal-modal-lda .swal2-actions .swal2-confirm {
      order: 1; }
  .custom-swal-modal-lda .swal2-content {
    padding: 0 20px;
    margin-bottom: 20px;
    width: 32em !important; }
    .custom-swal-modal-lda .swal2-content .lda-modal-header {
      margin: 20px;
      margin-bottom: 0; }
    .custom-swal-modal-lda .swal2-content .lda-modal-content {
      padding: 0px 20px;
      margin-bottom: 30px; }

.custom-swal-modal-stripe-creation .stripe-creation-modal-icon {
  height: 55px;
  width: 55px; }

.custom-swal-modal-stripe-creation .swal2-title {
  margin: 10px auto !important;
  font-size: 20px !important; }

.custom-swal-modal-lda .swal2-header,
.custom-swal-modal-events .swal2-header {
  display: none !important; }

.custom-swal-modal-lda .lda-modal-header,
.custom-swal-modal-events .lda-modal-header {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .custom-swal-modal-lda .lda-modal-header > .swal2-title,
  .custom-swal-modal-events .lda-modal-header > .swal2-title {
    margin-bottom: 0px !important; }
  .custom-swal-modal-lda .lda-modal-header #subtitle-container,
  .custom-swal-modal-events .lda-modal-header #subtitle-container {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-right: 5px;
    margin-bottom: 10px; }
    .custom-swal-modal-lda .lda-modal-header #subtitle-container .subtitle.swal2-title,
    .custom-swal-modal-events .lda-modal-header #subtitle-container .subtitle.swal2-title {
      font-size: 15px !important;
      width: 50%; }
    .custom-swal-modal-lda .lda-modal-header #subtitle-container .separator,
    .custom-swal-modal-events .lda-modal-header #subtitle-container .separator {
      margin: 10px; }
    .custom-swal-modal-lda .lda-modal-header #subtitle-container .left,
    .custom-swal-modal-events .lda-modal-header #subtitle-container .left {
      text-align: right; }
    .custom-swal-modal-lda .lda-modal-header #subtitle-container .right,
    .custom-swal-modal-events .lda-modal-header #subtitle-container .right {
      text-align: left; }
  .custom-swal-modal-lda .lda-modal-header .lda-modal-icon,
  .custom-swal-modal-events .lda-modal-header .lda-modal-icon {
    height: 55px;
    width: 55px; }

.custom-swal-modal-lda button,
.custom-swal-modal-events button {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: currentColor;
  font-size: 1.0625em;
  padding: 0.625em 2em;
  font-weight: 500;
  cursor: pointer; }

.custom-swal-modal-lda .swal2-title,
.custom-swal-modal-events .swal2-title {
  margin: 10px auto !important;
  font-size: 20px !important; }

.custom-swal-modal-lda .swal2-image {
  content: url("icons/loa-default-startec.png");
  display: block !important;
  width: 45px;
  height: 54px;
  border: 0;
  box-shadow: none;
  background-size: 45px; }

#lda-modal {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 60px; }
  #lda-modal div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%; }
    #lda-modal div div {
      text-align: left;
      display: flex;
      justify-content: flex-start; }

.recharts-reference-dot {
  cursor: pointer; }
  .recharts-reference-dot text {
    pointer-events: none; }
    .recharts-reference-dot text tspan {
      pointer-events: none; }

#events-display-container {
  width: calc(100% - 65px);
  max-height: calc(27% - 20px);
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto !important;
  position: absolute;
  right: 65px; }
  #events-display-container .single-event-info {
    min-height: 70px;
    width: 31.5%;
    margin: 1% 0.9%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 5px;
    padding: 10px; }
    #events-display-container .single-event-info div {
      font-size: 16px; }

#layer-container {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999; }

.zIndex99 {
  z-index: 99 !important; }

#layer-left-panel {
  background-color: #000;
  width: 300px;
  height: 91%;
  position: absolute;
  top: 20px;
  left: 0px;
  margin: auto;
  padding: 30px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }

#close-left-panel {
  height: 50px;
  width: 50px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-image: url("arrow_blu.png");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }

#lda-scrolling input.error {
  color: red !important;
  border-color: red !important; }

#lda-scrolling div.error {
  color: red !important;
  border-color: red !important; }

#lda-scrolling input.error:focus {
  box-shadow: none; }

#machine-block-container {
  height: 80%;
  display: flex;
  flex-direction: column; }

#machine-block-container > div {
  padding-left: 30px;
  padding-right: 30px; }

.scrollable-machines-list .machine-block-header {
  cursor: auto !important; }

.machine-block {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 5px;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s; }
  .machine-block .expand {
    display: flex;
    align-items: center;
    justify-content: center; }
    .machine-block .expand > svg {
      width: 16px !important;
      height: 16px !important; }
  .machine-block:hover .machine-block-header {
    background: rgba(12, 96, 146, 0.3); }
  .machine-block.active {
    background-color: rgba(34, 118, 139, 0.3); }
    .machine-block.active .machine-block-header {
      background: transparent; }
    .machine-block.active .field-icon,
    .machine-block.active .well-icon {
      transform: rotate(180deg); }
    .machine-block.active > div {
      padding: 5px; }
    .machine-block.active .machine-name {
      color: #000; }
    .machine-block.active .row-block-container {
      display: flex;
      flex-direction: column;
      justify-content: space-around; }
  .machine-block .machine-block-header {
    padding: 5px;
    cursor: pointer;
    display: flex;
    align-items: normal;
    justify-content: space-between; }
    .machine-block .machine-block-header .machine-name-container {
      display: flex;
      flex-direction: column; }
      .machine-block .machine-block-header .machine-name-container .machine-state {
        margin-left: 5px;
        color: #000; }
      .machine-block .machine-block-header .machine-name-container .machine-name {
        font-size: 14px; }
    .machine-block .machine-block-header i {
      color: #000;
      width: 35px; }
      .machine-block .machine-block-header i.right-margin {
        margin-right: 15px; }
      .machine-block .machine-block-header i svg {
        width: 100%;
        height: 100%; }
      .machine-block .machine-block-header i.editable {
        margin: 0px 10px; }
    .machine-block .machine-block-header .tooltip-wrapper {
      display: flex;
      align-items: center; }
    .machine-block .machine-block-header .machine-container-button {
      padding: 0;
      margin-left: 10px;
      display: flex;
      align-items: flex-end;
      border: none;
      outline: none;
      background: none;
      cursor: pointer; }
    .machine-block .machine-block-header .machine-container-button:hover {
      opacity: 0.8; }
    .machine-block .machine-block-header .machine-block-group {
      display: flex;
      width: 77%;
      align-items: center;
      cursor: pointer; }
      .machine-block .machine-block-header .machine-block-group .field-icon,
      .machine-block .machine-block-header .machine-block-group .well-icon {
        width: 25px;
        height: 25px;
        margin-right: 5px;
        text-align: left;
        line-height: 25px;
        font-weight: bold;
        font-size: 20px;
        background-image: url("wells/expand.png");
        background-size: 15px;
        background-position: center;
        background-repeat: no-repeat; }
      .machine-block .machine-block-header .machine-block-group #machine-icon-container {
        display: flex; }
      .machine-block .machine-block-header .machine-block-group.draggable {
        cursor: url("drag&drop_macchine.png"), auto; }
      .machine-block .machine-block-header .machine-block-group #machine-work-state {
        width: 20px;
        height: 20px;
        margin: 10px;
        border-radius: 50%; }
    .machine-block .machine-block-header .machine-name {
      pointer-events: none;
      font-size: 14px; }
    .machine-block .machine-block-header .field-name {
      font-size: 14px; }
    .machine-block .machine-block-header .machine-state {
      font-size: 14px !important; }
    .machine-block .machine-block-header .action-icons-container {
      width: 100px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .machine-block .machine-block-header .action-icons-container i {
        margin-left: 10px;
        width: auto !important;
        height: auto !important; }
      .machine-block .machine-block-header .action-icons-container div {
        height: 2.3em; }
  .machine-block .row-block-container {
    overflow: hidden;
    display: none; }
    .machine-block .row-block-container .row-block {
      display: flex;
      justify-content: space-between;
      margin-top: 5px;
      margin-left: 35px;
      margin-right: 3px; }
      .machine-block .row-block-container .row-block .row-block-icon {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: none; }
      .machine-block .row-block-container .row-block .row-block-text {
        color: #000;
        font-size: 14px;
        width: 90%;
        cursor: pointer; }
        .machine-block .row-block-container .row-block .row-block-text.active {
          font-weight: bold; }
      .machine-block .row-block-container .row-block .row-block-action {
        display: block;
        width: 20px;
        height: 20px;
        float: right; }

.machine-block.active .row-block-container {
  display: block;
  height: 30px; }

.machine-icon {
  width: 25px;
  height: 25px;
  margin: 0 5px;
  background-image: url("icons/machine-black.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.well-icon {
  width: 25px;
  height: 25px;
  margin-right: 5px; }

.stripe-icon {
  width: 25px;
  height: 25px;
  margin: 0 5px; }

.search-bar-container {
  position: absolute;
  bottom: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px; }
  .search-bar-container .search-bar-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-image: url("icons/search-black.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  .search-bar-container input.search-bar-input {
    height: 2rem;
    font-size: 15px;
    color: #000; }
    .search-bar-container input.search-bar-input::placeholder {
      color: #d0d0d0; }
    .search-bar-container input.search-bar-input:focus {
      border-bottom: 1px solid #0c6092;
      outline: none; }

#search-bar-input:focus {
  border-bottom: 1px solid #0c6092;
  box-shadow: 0 1px 0 0 #0c6092; }

#search-bar-input::placeholder {
  color: #333333; }

#left-panel-title {
  position: relative;
  font-size: 18px;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 50px; }

#layer-right-panel {
  background-color: transparent;
  position: absolute;
  width: 75px !important;
  right: 0px;
  max-height: 70%;
  padding: 20px;
  top: 11%;
  height: unset;
  display: block;
  padding: 0;
  z-index: 99999999; }
  #layer-right-panel .right-menu-labels {
    position: relative; }

#right-panel-first-icon {
  height: 40px;
  width: 40px;
  background-image: url("layers.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

#right-panel-second-icon {
  height: 30px;
  width: 30px;
  background-image: url("freccia_giu.png");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat; }

#right-panel-icons {
  display: none !important;
  top: 20px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer; }

#right-panel-icons div {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }

#right-panel-icons .closed {
  transform: rotate(180deg); }

#right-options-block-container.closed {
  max-height: 0px;
  overflow: hidden; }

#right-options-block-container.closed ~ #right-options-result-layer {
  display: none; }

.right-options-block {
  position: relative;
  width: 100%;
  height: 80px;
  cursor: pointer;
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center 13px; }
  .right-options-block.measures {
    background-image: url("icons/measures-default-startec.png"); }
    .right-options-block.measures.active {
      background-image: url("icons/measures-active-startec.png"); }
  .right-options-block.loa {
    background-image: url("icons/loa-default-startec.png");
    background-position: center 10px; }
    .right-options-block.loa.active {
      background-image: url("icons/loa-active-startec.png"); }
  .right-options-block.history {
    background-image: url("icons/history-default-startec.png"); }
    .right-options-block.history.active {
      background-image: url("icons/history-active-startec.png"); }
  .right-options-block.notifications {
    background-image: url("icons/notifications-default-startec.png"); }
    .right-options-block.notifications.active {
      background-image: url("icons/notifications-active-startec.png"); }
  .right-options-block.i-o {
    background-image: url("icons/i-o-default-startec.png"); }
    .right-options-block.i-o.active {
      background-image: url("icons/i-o-active-startec.png"); }

.right-options-block.active {
  background-color: #0c6092; }

#right-options-result-layer {
  height: auto;
  width: 250px;
  position: absolute;
  top: 0px;
  right: 70px;
  overflow: hidden; }

#right-options-result-layer-arrow-down {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -15px;
  background-image: url(freccia.png);
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer; }

.right-options-block {
  margin-bottom: 2px;
  border-radius: 5px 0 0 5px; }

.messages-right-option {
  border-radius: 5px 0 0 5px;
  margin-bottom: 2px; }

#lda-right-option > div .cmd-opt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #0c6092; }

#lda-right-option .cmd-title {
  color: #0c6092; }

#infobox-right-option .icon-outside {
  color: transparent; }

#right-options-result-layer.opened {
  height: auto;
  padding: 10px;
  width: 300px;
  position: absolute;
  top: 0px;
  right: 70px;
  overflow: inherit;
  margin-top: 0.6em; }

.options-panel {
  display: flex;
  flex-direction: column;
  max-height: 210px;
  overflow-y: auto; }
  .options-panel .options-item {
    display: flex;
    align-items: center;
    min-height: 40px;
    width: 100%;
    margin-bottom: 2px;
    border-radius: 5px;
    padding: 5px; }
    .options-panel .options-item .options-item-text {
      width: 65%;
      padding: 3px;
      font-size: 13px; }
    .options-panel .options-item .options-item-value {
      width: 35%;
      padding: 3px;
      text-align: right;
      font-size: 15px;
      font-weight: bold; }

.wrapper-options-panel2 {
  position: absolute;
  top: 2px;
  right: 80px; }
  .wrapper-options-panel2.lda-not-editable {
    right: 80px; }
  .wrapper-options-panel2 .options-panel2 {
    max-height: 333px;
    overflow-y: auto;
    width: 250px; }
    .wrapper-options-panel2 .options-panel2.measures {
      max-height: 336px; }
    .wrapper-options-panel2 .options-panel2.lda-not-editable, .wrapper-options-panel2 .options-panel2.lda-editable {
      padding: 0; }
      .wrapper-options-panel2 .options-panel2.lda-not-editable::-webkit-scrollbar-thumb, .wrapper-options-panel2 .options-panel2.lda-not-editable::-webkit-scrollbar, .wrapper-options-panel2 .options-panel2.lda-editable::-webkit-scrollbar-thumb, .wrapper-options-panel2 .options-panel2.lda-editable::-webkit-scrollbar {
        margin-left: 1px; }
      .wrapper-options-panel2 .options-panel2.lda-not-editable > .scrolling-container, .wrapper-options-panel2 .options-panel2.lda-editable > .scrolling-container {
        padding: 12px 8px;
        border-radius: 8px; }

#last-cycle-params .options-panel2 .options-item {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: none;
  min-height: 40px;
  height: 40px;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 2px;
  padding: 5px;
  cursor: pointer; }

#last-cycle-params .options-panel2 .options-item-text,
#last-cycle-params .options-panel2 .options-item-value {
  font-size: 13px;
  line-height: 1.3;
  padding: 5px;
  cursor: pointer; }

.back-button-right-menu {
  display: none; }

.right-menu-button {
  z-index: 999; }
  .right-menu-button.open {
    display: none !important; }
  .right-menu-button.exit {
    position: absolute;
    right: 20px;
    top: 25px;
    display: block; }

.scrolling-container {
  display: flex;
  margin-right: 5px;
  flex-direction: column; }
  .scrolling-container#io-scrolling {
    border-radius: 5px; }
    .scrolling-container#io-scrolling .io-menu {
      padding: 5px; }

#right-options-result-layer-arrow {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: 333px;
  right: 180px;
  background: url(arrow-down-measure.png);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 400ms ease; }

.lda-not-editable + #right-options-result-layer-arrow {
  right: 211px; }

.reversed-arrow {
  background: url(arrow-up-measure.png) !important;
  background-position: center !important;
  background-size: 20px !important;
  background-repeat: no-repeat !important; }

#arrow-scroll-advanced {
  position: fixed;
  display: block;
  width: 30px;
  height: 30px;
  bottom: -15px;
  left: 50%;
  background: url(arrow-down-measure.png);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 400ms ease; }

.modal-charts-layer #arrow-scroll-advanced {
  display: none; }

.option-title {
  color: #0c6092;
  font-size: 13px;
  line-height: 2;
  padding: 5px;
  cursor: pointer; }

.option-value {
  margin-left: 10px;
  color: #0c6092;
  font-size: 15px; }

.last-cycle-params div {
  padding: 3px; }

#layer-central-panel {
  margin: 0 auto;
  width: 40%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  /* position: relative; */ }

#animation-container {
  position: relative;
  left: 6%;
  width: 88%;
  margin: auto;
  transform: rotate(180deg);
  position: relative;
  height: 25%;
  z-index: 9999999; }

.label-state-container .labels-container {
  display: flex;
  flex-direction: column; }

.top-buttons-container div.disabled {
  background-color: #a9a9a9;
  color: #d0d0d0; }

.top-buttons-container div:active {
  box-shadow: inset 0 0 4px #000; }

.irr-position {
  text-decoration: underline;
  color: white; }

.label-state-container {
  width: 100%;
  flex-direction: column;
  position: relative;
  height: calc(37.5% - 30px); }
  .label-state-container .label-state-title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: flex;
    padding-bottom: 10px;
    padding-top: 10px; }
  .label-state-container .info-container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto; }
  .label-state-container .left-info {
    width: 50%;
    text-align: right;
    margin-left: 20px; }
    .label-state-container .left-info.left-info-layer {
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .label-state-container .left-info.left-info-layer > svg {
        margin-right: 15px; }
  .label-state-container .central-info {
    width: 2%;
    text-align: center; }
  .label-state-container .right-info {
    width: 50%;
    text-align: left; }
    .label-state-container .right-info .machine-name-info {
      cursor: pointer; }
    .label-state-container .right-info.right-info-layer {
      color: #fff;
      display: flex;
      align-items: center; }
      .label-state-container .right-info.right-info-layer > svg {
        margin-right: 15px; }
  .label-state-container .labels-container {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .label-state-container .top-buttons-container {
    display: flex;
    height: 40px;
    justify-content: space-between;
    width: 170px;
    margin-top: 30px; }
    .label-state-container .top-buttons-container div {
      height: 30px;
      width: 70px;
      line-height: 30px;
      /* 
      background-color: $primaryColor;
      color: #fff; */
      border-radius: 5px;
      text-align: center;
      text-transform: uppercase;
      font-size: 16px;
      padding: 2px;
      cursor: pointer;
      margin-right: 5px; }
  .label-state-container div {
    white-space: nowrap;
    color: #0c6092;
    display: inline;
    font-size: 16px; }

.info-container {
  width: 100%;
  display: gird;
  grid-template-columns: 1fr 1fr;
  margin: auto; }
  .info-container.width-100 .left-info {
    width: 100%; }
  .info-container .left-info {
    width: 50%;
    text-align: right; }
  .info-container .central-info {
    width: 2%;
    text-align: center; }
  .info-container .right-info {
    width: 50%;
    text-align: left; }
  .info-container .labels-container {
    display: flex;
    flex-direction: column;
    width: 50%; }
  .info-container > span {
    color: #fff; }

.inverted .c3 {
  transform: scale(-1, 1); }

.inverted .c3 .c3-axis-x text {
  transform: scale(-1, 1); }

.inverted .c3 .c3-axis-y text {
  /* transform: scale(-1,1); */
  font-size: 10px;
  fill: white;
  /* transform: translate(-5px,0px); */ }

.c3-axis.c3-axis-y {
  transform: translate(-80px, 0px) scale(-1, 1); }

.inverted .c3-tooltip-container {
  transform: scale(-1, 1);
  position: absolute !important;
  width: 100px;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  margin: auto;
  top: 150px !important; }

.inverted .c3 .c3-axis-x path,
.inverted .c3 .c3-axis-x line,
.inverted .c3 .c3-axis-y path,
.inverted .c3 .c3-axis-y line {
  stroke: white; }

.inverted .c3 .c3-axis-x line {
  stroke: white; }

.inverted .c3 .c3-axis-x g,
.inverted .c3 .c3-axis-y g,
.inverted .c3 .c3-legend-item-data text {
  fill: whitesmoke; }

.custom-tooltip {
  background-color: white;
  padding: 15px;
  border-radius: 5px; }

#chart-container {
  position: relative; }

#timeline-chart {
  position: absolute !important;
  width: 100%;
  bottom: 68px; }

#timeline-chart-error {
  width: 100%;
  position: absolute;
  bottom: 10px;
  height: calc(37.5% - 30px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white; }

#chart-layer {
  height: 100px;
  width: 55%;
  margin-right: 250px;
  background-color: #333333;
  position: absolute;
  z-index: 9;
  bottom: 51px; }

#chatime-container {
  position: absolute;
  width: 80%;
  bottom: 30px; }

#overflow-hide {
  height: 90%; }

.machine-name {
  cursor: pointer;
  color: #000;
  margin-left: 5px;
  padding-right: 10px; }

#close-left-panel.close-left-panel-off {
  background-image: url(freccia_chiudi.png);
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  right: -50px;
  position: absolute;
  transform: rotate(180deg); }

#layer-left-panel.close-left-panel-off {
  left: -300px; }

.right-option-name {
  position: absolute;
  text-align: center;
  bottom: 1px;
  width: 100%;
  color: #0c6092;
  cursor: pointer; }

#sensors-right-option {
  background-size: 35px; }

#water-right-option {
  background-size: 16px;
  background-position: center 3px; }

.back-button {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 2px;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: -32px; }

#tooltips {
  display: none; }

#layer-central-panel #tooltips {
  display: block;
  z-index: 999; }

#option-right-option {
  background-position: center 2px; }

#config-right-option,
#motors-right-option {
  background-position: center 10px; }

#not-irrigating {
  margin-top: 15px; }

.pointer label:nth-child(2n + 1) {
  width: 70%;
  position: relative;
  display: inline-block;
  margin: 0px; }

.pointer label:nth-child(2n) {
  width: 30%;
  position: relative;
  display: inline-block;
  margin: 0px; }

.measures-labels {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: none;
  min-height: 40px;
  height: 40px;
  border-radius: 5px;
  margin-bottom: 2px;
  padding: 5px;
  cursor: pointer; }
  .measures-labels.disabled {
    background: #999 !important; }
    .measures-labels.disabled label {
      color: #ccc !important; }

#scroll-button {
  display: none; }

#scroll-button-two {
  display: none; }

#layer-right-panel.active #right-options-result-layer.opened ~ #scroll-button-two {
  position: absolute;
  height: 50px;
  width: 50px;
  background-image: url("scroll-down.png");
  left: -148px;
  bottom: -90px;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

#centered-div {
  width: 100px;
  position: fixed; }

.lab-unit-layer {
  font-size: 19px;
  font-weight: bold;
  color: #0c6092; }
  .lab-unit-layer.unit {
    font-size: 1rem; }

.wells-icon {
  width: 100%;
  height: 100%;
  stroke-width: 1px; }

.notify {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  position: absolute;
  top: -15px;
  left: -15px;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center; }

.notify label {
  height: 15.5px;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold; }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }

.measures-labels {
  -o-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease; }

.measures-labels.element-clicked {
  border-left: 8px solid #0c6092; }

#machineContainer #input_length div.animate-tooltip {
  -webkit-transition: 1.6s;
  -moz-transition: 1.6s;
  -o-transition: 1.6s;
  transition: 1.6s; }

#machineContainer #input_length input {
  width: 60px;
  height: 30px;
  text-align: center;
  line-height: 50px;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  font-size: 16px !important; }

#machineContainer #input_length input:focus {
  box-shadow: none !important; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

#input_length {
  position: absolute;
  top: 0;
  color: white;
  width: 100%;
  height: 100%; }
  #input_length #tooltip-container {
    transform: translateY(-56px); }

#input_length #time-etooltip {
  position: absolute;
  top: -40px;
  right: -30px;
  margin: 0px; }

#input_length #width-etooltip {
  position: absolute;
  bottom: -55px;
  right: -30px;
  margin: 0px; }

#machineContainer #input_length input:disabled {
  color: #9e9e9e; }

#geo {
  font-size: 20px;
  width: 20px;
  color: #000;
  right: 25px;
  cursor: pointer; }
  #geo.no-pointer {
    cursor: default; }

.signal-icon {
  height: 30px; }

#dry-yellow-pattern,
#green-yellow-pattern {
  opacity: 0.7; }

#green-terrain {
  opacity: 0.6; }

#dry-layer {
  opacity: 0.5; }

.yellow-overlay {
  fill: transparent; }

.dry-first-level {
  fill: #7db444; }

.dry-second-level {
  fill: #a8b55d; }

.dry-third-level {
  fill: #c3b566; }

.dry-fourth-level {
  fill: #cc9c5a; }

.grey-overlay {
  fill: #f5f5f5; }

.yellow-hide {
  fill: none; }

.marker-machine-name {
  margin-bottom: 80px; }

.c3-line {
  stroke-width: 2px !important; }

#time-etooltip input,
#width-etooltip input {
  transition: all 1.5s ease !important; }

#input_length #time-etooltip::after {
  content: "";
  width: 40px;
  height: 100%;
  bottom: 15px;
  position: absolute;
  background-image: url(tooltip_tempo.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 100% 50%;
  line-height: 62px; }

#input_length #width-etooltip::after {
  content: "m";
  width: 60px;
  position: absolute;
  background-image: url(tooltip_metri.svg);
  fill: #fff;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: 100% 50%;
  line-height: 35px;
  left: 65px;
  height: 50px;
  width: 70px; }

#input_length #width-etooltip.pending::before,
#input_length #time-etooltip.pending::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: -25px;
  width: 20px;
  top: 5px;
  height: 20px;
  border-radius: 50%;
  border-top: 2px solid #a9a9a9;
  border-right: 2px solid transparent;
  animation: spinner 0.6s linear infinite; }

#input_length #width-etooltip.accepted::before,
#input_length #time-etooltip.accepted::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: -25px;
  width: 20px;
  top: 5px;
  height: 20px;
  -webkit-mask-image: url("icons/check.svg");
  mask-image: url("icons/check.svg"); }

#input_length #width-etooltip.rejected::before,
#input_length #time-etooltip.rejected::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: -25px;
  width: 20px;
  top: 5px;
  height: 20px;
  -webkit-mask-image: url("icons/closeIcon.svg");
  mask-image: url("icons/closeIcon.svg"); }

.user-priority {
  display: flex;
  flex-direction: column-reverse;
  border-radius: 5px;
  justify-content: space-evenly;
  position: relative;
  padding: 5px;
  margin-bottom: 2px;
  min-height: 40px; }

.priority-filters-user {
  word-break: break-all;
  color: #0c6092;
  font-size: 14px;
  padding: 2px; }

.priority-filters-name {
  cursor: pointer;
  padding: 4px;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
  border-radius: 5px;
  text-align: center; }

.recharts-wrapper {
  width: auto !important; }

#events-container {
  padding: 5px;
  border-radius: 5px; }

.not-allowed {
  cursor: not-allowed; }

#exit-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -99; }

#charts-container-responsive {
  position: absolute;
  height: 50%;
  width: calc(100% + 65px);
  bottom: 20px; }

.icons-for-chart-options {
  width: 80%;
  height: 80%;
  margin: 5px; }

#lda-title,
#infobox-title {
  position: relative;
  color: #fff;
  font-size: 19px;
  padding-left: 10px; }

#lda-info {
  border-radius: 7px; }
  #lda-info .lda-info-container {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #lda-info .lda-info-container label {
      white-space: nowrap; }
    #lda-info .lda-info-container .input-group {
      width: auto;
      height: auto;
      width: 40px; }
      #lda-info .lda-info-container .input-group input {
        text-align: right; }

.activity-box {
  padding: 10px;
  border: 1px solid #fff;
  margin-top: 7px;
  border-radius: 5px; }
  .activity-box .activity-title {
    color: #fff; }
  .activity-box .activity-start-time,
  .activity-box .activity-end-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px; }
  .activity-box .activity-start-time-content,
  .activity-box .activity-end-time-content {
    font-weight: 600; }
  .activity-box .actual-info-container {
    padding-bottom: 5px;
    padding-right: 5px;
    display: flex;
    justify-content: flex-end; }
    .activity-box .actual-info-container .actual-value {
      float: right;
      font-weight: bold; }
  .activity-box .activity-info-container {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 10px; }
    .activity-box .activity-info-container:last-child {
      margin-bottom: 0; }
    .activity-box .activity-info-container .input-container > .input-group {
      border-bottom: none; }
    .activity-box .activity-info-container .input-group-append .btn > .fas,
    .activity-box .activity-info-container .input-group-append-two .btn > .fas {
      font-size: 16px !important; }
    .activity-box .activity-info-container .input-group-append .btn:hover > .fas,
    .activity-box .activity-info-container .input-group-append-two .btn:hover > .fas {
      font-size: 16px !important; }
    .activity-box .activity-info-container .actual-value {
      float: right;
      font-weight: bold; }
      .activity-box .activity-info-container .actual-value.full-width {
        width: 100%;
        flex-basis: 100%; }
  .activity-box .activity-info-label,
  .activity-box .input-container {
    width: 100%; }
  .activity-box .input-group {
    width: auto;
    height: auto;
    width: 40px; }
    .activity-box .input-group input {
      text-align: right; }

#lda-scrolling .activity-box .activity-info-container .input-container .input-group.error .form-control {
  border-bottom: 1px solid red !important; }

#lda-scrolling .value-wrapper input.form-control.py-2.border-right-0.border {
  text-align: center; }

#lda-scrolling .input-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #lda-scrolling .input-container.edit-box-name .button-for-svg {
    min-width: 30px !important;
    height: 30px !important; }
    #lda-scrolling .input-container.edit-box-name .button-for-svg:hover {
      padding: 1px; }
    #lda-scrolling .input-container.edit-box-name .button-for-svg .input-icons {
      padding: 1px !important;
      transform: none; }
  #lda-scrolling .input-container .button-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 10px; }
  #lda-scrolling .input-container .button-for-svg {
    min-width: 25px !important;
    height: 25px !important; }
    #lda-scrolling .input-container .button-for-svg svg {
      padding: 4px !important;
      width: 1.7em !important;
      height: 1.8em !important;
      transform: translate(-2px, -2px); }
      #lda-scrolling .input-container .button-for-svg svg:hover {
        background: transparent; }
    #lda-scrolling .input-container .button-for-svg.edit-on-lda {
      min-width: 70px !important;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 4px;
      padding-right: 33px;
      line-height: 19px; }
      #lda-scrolling .input-container .button-for-svg.edit-on-lda:hover svg {
        padding: 4px;
        width: 1.7em !important;
        height: 1.8em !important; }
      #lda-scrolling .input-container .button-for-svg.edit-on-lda svg {
        right: 0px;
        margin-right: 0px;
        left: auto; }
        #lda-scrolling .input-container .button-for-svg.edit-on-lda svg:hover {
          padding: 0; }
      #lda-scrolling .input-container .button-for-svg.edit-on-lda .on-lda-label {
        line-height: 16px;
        transition: all 200ms ease-in; }

.gsm-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 185px; }
  .gsm-wrapper.pending .gsm-waves-wrapper, .gsm-wrapper.waiting .gsm-waves-wrapper {
    display: block; }
  .gsm-wrapper.pending .gsm-icon, .gsm-wrapper.waiting .gsm-icon {
    opacity: 1; }
  .gsm-wrapper .gsm-waves-wrapper {
    display: none;
    position: absolute;
    bottom: 34px;
    right: 12px; }
    .gsm-wrapper .gsm-waves-wrapper .gsm-wave {
      position: absolute;
      width: 2px;
      height: 2px;
      border: 2px solid white;
      border-radius: 50%;
      margin: 10px 0;
      border-bottom-color: transparent;
      border-left-color: transparent;
      transform: rotate(-45deg); }
      .gsm-wrapper .gsm-waves-wrapper .gsm-wave.first {
        animation: grow 3s 0.5s infinite ease-out; }
      .gsm-wrapper .gsm-waves-wrapper .gsm-wave.second {
        animation: grow 3s 1s infinite ease-out; }
      .gsm-wrapper .gsm-waves-wrapper .gsm-wave.third {
        animation: grow 3s 1.5s infinite ease-out; }
  .gsm-wrapper .gsm-icon {
    width: 20px;
    height: 20px;
    fill: white;
    opacity: 0.1; }

.fa-long-arrow-alt-right {
  position: absolute;
  left: 220px;
  padding-bottom: 12px;
  opacity: 0.1;
  font-size: 20px; }

.fa-long-arrow-alt-left {
  position: absolute;
  left: 220px;
  padding-top: 12px;
  opacity: 0.1;
  font-size: 20px; }

.pending-arr,
.waiting-arr {
  opacity: 1; }

.gsm-wrapper-mobile {
  display: flex;
  align-items: center;
  position: relative; }
  .gsm-wrapper-mobile .gsm-wrapper {
    position: relative;
    left: 0; }
    .gsm-wrapper-mobile .gsm-wrapper .gsm-waves-wrapper .gsm-wave {
      border-color: black;
      border-bottom-color: transparent;
      border-left-color: transparent; }
    .gsm-wrapper-mobile .gsm-wrapper .gsm-icon {
      fill: black; }
  .gsm-wrapper-mobile .arr-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 10px; }
    .gsm-wrapper-mobile .arr-wrapper .fa-long-arrow-alt-right {
      padding-bottom: 0px; }
    .gsm-wrapper-mobile .arr-wrapper .fa-long-arrow-alt-left {
      padding-top: 0px; }

.events-first {
  font-size: 12px;
  padding: 0;
  margin: 0; }

.events-second {
  font-size: 12px;
  padding: 0;
  margin: 0; }

.user-priority-filters-container {
  border-radius: 5px;
  padding: 5px; }
  .user-priority-filters-container.hide {
    display: none; }

.event-timestamp {
  font-weight: bold;
  border-top: 1px solid;
  margin-top: 0.2em;
  padding-top: 0.2em; }

#info-events-modal-container {
  max-height: 400px;
  overflow: scroll; }
  #info-events-modal-container .event-timestamp {
    border-top: 0px;
    border-right: 1px solid;
    margin-top: 0px; }
  #info-events-modal-container div {
    display: flex;
    justify-content: center;
    align-items: center; }
    #info-events-modal-container div div {
      width: 50%;
      padding: 10px; }

.icon-for-machine-left-panel {
  margin-right: 15px; }

#spinner-layer {
  position: relative;
  height: 37.5%;
  display: flex;
  justify-content: center;
  align-items: center; }
  #spinner-layer .spinner-container {
    height: 150px;
    width: 150px;
    position: relative; }
  #spinner-layer .waiting-message {
    color: #fff;
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    margin: auto;
    width: fit-content;
    font-size: 16px; }

.input-container .value-wrapper {
  display: flex;
  align-items: center;
  max-width: 140px;
  margin-left: auto; }

.input-container .state-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  min-height: 30px; }
  .input-container .state-wrapper.pending:before,
  .input-container .state-wrapper .waiting:before {
    left: 5px;
    content: "";
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-top: 2px solid #a9a9a9;
    border-right: 2px solid transparent;
    animation: spinner 0.6s linear infinite; }
  .input-container .state-wrapper svg {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 8px; }
    .input-container .state-wrapper svg.rejected {
      font-size: 7px; }

.cls-1 {
  fill: none;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 5.56px;
  stroke: currentColor; }

#central-machine-IMEI {
  width: 100%;
  cursor: pointer; }

.print-disclaimer {
  display: none;
  color: #000; }

.actual-value {
  margin-right: 2px; }

@keyframes grow {
  100% {
    padding: 10px;
    margin: -10px 0 0 -10px;
    opacity: 0; } }

.notify-command-outcome .toast-box-icon {
  justify-content: flex-end;
  font-size: 1.25em; }

.divTableHead {
  display: flex;
  text-align: center;
  line-height: 50px;
  font-weight: bold; }

.divTableSearchBtn {
  cursor: pointer;
  width: 350px;
  font-size: 14px; }

.divTableTitle {
  margin: auto;
  font-size: 14px; }

table.bordered > thead > tr, table.bordered > tbody > tr {
  border: 0px !important; }

table.bordered > thead > tr, table.bordered > tbody > tr {
  border: 0px !important; }

#events-settings-container #events-table {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%; }

#events-settings-container > div {
  margin: 0  auto; }

#events-settings-container table {
  display: inline-block;
  width: 100%; }

#events-settings-container tbody {
  display: inline-block;
  width: 100%;
  max-height: 450px;
  overflow: auto; }

#events-settings-container thead {
  display: inline-block;
  width: 100%;
  background-color: #0c6092;
  color: #fff;
  border: 0px; }

#events-settings-container tr {
  display: inline-block;
  width: 100%; }

#events-settings-container tbody tr {
  display: inline-block;
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0px; }

#events-settings-container tbody td {
  color: #fff; }

#events-settings-container td, #events-settings-container th {
  display: inline-block;
  width: 50%; }

#events-settings-container th:last-child {
  text-align: center; }

#events-settings-container .assign-buttons div {
  background-color: #0c6092 !important;
  margin: 10px;
  color: #fff !important;
  height: 30px;
  line-height: 33px; }

#consumption-table thead th {
  width: 33.333%; }

#consumption-table tbody td {
  width: 33.333%; }

#consumption-result {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  width: 500px;
  padding: 10px;
  margin-bottom: 3px; }

#consumption-interval {
  display: flex;
  justify-content: space-between;
  width: 500px;
  background: rgba(0, 0, 0, 0.5); }

#consumption-interval input {
  color: #fff;
  border-color: #fff;
  height: 2rem; }

#manage-tables-container {
  height: 100%;
  position: relative;
  width: 95%; }

#manage-tables-container .react-datepicker__close-icon::after {
  top: 30%; }

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem; }

.filterClass {
  width: 100%;
  padding: 40px 40px;
  height: 100%; }

/* ----------- */
html, body {
  margin: 0;
  padding: 0; }

#scroll-container {
  overflow-y: auto;
  overflow-x: auto;
  height: calc(100% - 150px);
  display: flex;
  padding: 0;
  box-sizing: border-box;
  color: white;
  margin-top: 1px; }
  #scroll-container .fa-trash {
    position: absolute;
    right: 50px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 30px;
    font-size: 25px !important;
    color: #fff; }

.name-block {
  margin-right: 0px;
  line-height: 50px;
  z-index: 1000; }

#dynamic-container {
  background: rgba(0, 0, 0, 0.8);
  display: inline-table; }

.testa-fissa {
  height: 50px;
  white-space: nowrap;
  position: relative; }
  .testa-fissa .material-icons.clickable {
    cursor: pointer; }

.select-wrapper {
  position: static !important; }

.select-wrapper span.caret {
  position: relative !important; }

.records-user .input-field {
  position: static !important;
  right: 100px; }

#list-of-choise {
  background: rgba(0, 0, 0, 0.8); }

#testa-fissa1 {
  position: relative;
  z-index: 999;
  display: flex; }
  #testa-fissa1 .records > div {
    display: flex;
    justify-content: center;
    align-items: center; }

#testa-fissa2 {
  width: 350px;
  z-index: 99;
  display: flex;
  align-items: center; }

.records-plus {
  width: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: auto;
  text-align: center;
  cursor: pointer;
  width: 200px;
  border-radius: 5px;
  line-height: 22px; }
  .records-plus.new-filter-action {
    line-height: 65px;
    height: 100%;
    background-color: transparent !important;
    border: none !important; }
  .records-plus > svg {
    width: 18px; }
  .records-plus span {
    height: 100%;
    margin-right: 20px;
    position: relative; }

#newfilter-input#newfilter-input {
  width: 200px;
  margin: 0 auto;
  height: 40px;
  padding: 5px;
  border: 0;
  position: absolute;
  left: 10px; }

#newfilter-input#newfilter-input:focus {
  outline: none !important;
  user-select: none !important;
  box-shadow: none !important; }

.nome {
  padding-left: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #000;
  width: 350px;
  height: 50px;
  font-size: 13px; }
  .nome span {
    font-size: 12px; }

.records {
  height: 100%;
  width: 200px;
  display: inline-block;
  margin: 0 20px;
  text-align: center;
  font-weight: 900;
  font-size: 14px; }
  .records div {
    height: 100%; }
  .records i {
    font-size: 12px;
    margin-left: 10px; }

.icon-container {
  width: 100%;
  height: 20px;
  position: relative;
  margin-top: 5px; }

.delete-filter-icon {
  width: 16px;
  height: 20px;
  margin-left: 10px;
  cursor: pointer; }

.modify-filter-icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  cursor: pointer; }

.records-user {
  font-weight: 900;
  width: 220px;
  display: inline-block;
  margin: 0 20px;
  height: 100%;
  text-align: center;
  vertical-align: text-top;
  font-size: 14px;
  height: 44px; }
  .records-user.records-events {
    line-height: 45px;
    vertical-align: none; }
  .records-user.no-interaction svg {
    cursor: auto; }

.records-user .select-dropdown {
  height: 200px;
  color: #fff;
  z-index: 9999; }

.records-user .input-field {
  margin-top: 0px; }

.records-user i.fa-eye-slash {
  vertical-align: sub !important; }

.records-user .input-field .select-wrapper input.select-dropdown {
  z-index: 10;
  border-bottom: none; }

.elem {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
  height: 50px;
  white-space: nowrap;
  display: flex; }

.add-new-filter {
  background: #000;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  color: #0c6092;
  position: absolute;
  margin: 0px 10px;
  cursor: pointer; }

.checkbox-for-filters {
  padding-top: 10px;
  padding-left: 6px;
  color: white; }

[type="checkbox"] + label::before, [type="checkbox"]:not(.filled-in) + label::after {
  border: 2px solid #fff !important; }

[type="checkbox"]:checked + label::before {
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid white !important;
  border-bottom: 2px solid white !important; }

i.fa-search {
  font-size: 15px !important;
  padding-left: 10px;
  cursor: pointer; }

i.fa-arrow-left {
  font-size: 15px !important;
  padding-left: 10px;
  cursor: pointer; }

i.fa-arrow-right {
  font-size: 15px !important; }

.icon-filter-manage-container {
  position: absolute;
  left: 250px; }

i.fa-plus {
  color: #0c6092; }

i.fa-save {
  font-size: 25px !important;
  cursor: pointer;
  color: #0c6092; }

i.fa-times {
  font-size: 25px !important;
  right: 10px;
  cursor: pointer;
  color: #0c6092; }

.search-events {
  width: 200px;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  outline: none;
  -o-outline: none;
  -moz-outlinet: none;
  -webkit-outline: none;
  padding: 5px;
  text-align: center;
  color: #fff; }

.search-events::placeholder {
  color: #fff;
  opacity: 0.6; }

.displayNone {
  display: none !important; }

.index-zero {
  z-index: 99 !important; }

.select-wrapper span.caret {
  color: #fff !important;
  display: none; }

.italic-font {
  font-style: italic; }

.btns-tables {
  margin: 0 20px;
  display: block;
  width: 150px;
  line-height: 40px;
  cursor: pointer;
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #0c6092;
  color: #fff;
  font-size: 1.0625em; }
  .btns-tables.disabled-btns {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em; }

.select-wrapper::after {
  content: "▼";
  float: right;
  right: 10px;
  font-size: 10px; }

.select-wrapper {
  display: flex; }

th {
  word-wrap: break-word;
  word-break: break-all; }

.recharts-responsive-container {
  width: 100%;
  height: 100%; }

.marginTop5 {
  margin: 120px auto 0 auto !important; }

.check-events {
  width: 200px;
  height: 45px;
  display: block; }
  .check-events.full {
    background-image: url(icons/check-solid.png);
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat; }

.checked-fleet {
  background-image: url(check-white.png);
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center; }

#result-consumption-container {
  position: absolute;
  left: 40px;
  bottom: 96px; }

.nome.white-version {
  padding-left: 10px;
  position: relative;
  display: flex;
  align-items: center; }
  .nome.white-version .free-machine {
    padding-left: 5px; }

.white-version i.fa-edit {
  position: absolute;
  font-size: 25px !important;
  cursor: pointer;
  right: 10px;
  top: 12px; }

.fleets-table-name {
  height: 100%;
  width: 100%;
  padding-left: 10px;
  position: relative;
  font-size: 13px;
  height: auto; }

.input-machine-fleets {
  width: 30% !important;
  height: 25px !important;
  font-size: 13px !important;
  text-align: center;
  margin: 10px 0 !important;
  padding: 0 !important; }

.input-fleets-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-between;
  padding: 0 10px; }

.fleets-icon-container .fa-save, .input-fleets-container .fa-times {
  position: relative !important;
  height: 100%;
  margi: 5px; }

.fleets-table-imei {
  color: #ccc;
  font-size: 12px; }

.input-machine-fleets {
  width: 35% !important;
  height: 25px !important;
  font-size: 13px !important;
  text-align: center;
  margin: 10px 0 !important;
  padding: 0 !important; }

.input-fleets-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-between;
  padding: 0 10px;
  width: 100%; }
  .input-fleets-container input {
    width: 70% !important;
    text-align: left;
    color: #fff; }

.fleets-icon-container .fa-save, .input-fleets-container .fa-times {
  position: relative !important;
  margin-top: 10px; }

.records-user.records-fleet {
  width: 210px !important;
  height: auto;
  margin: 0; }
  .records-user.records-fleet.clickable {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; }

.records-user.records-fleet.fa-check {
  font-size: 20px; }

#newfleet-input {
  width: 200px;
  margin: 0 auto;
  height: 40px;
  padding: 5px;
  border: 0;
  position: absolute;
  left: 10px; }

#newfleet-input:focus {
  outline: none !important;
  user-select: none !important;
  box-shadow: none !important; }

.records-user.records-fleet .fa-edit, .records-user.records-fleet .fa-trash {
  font-size: 20px !important;
  padding: 0px 0 0px 10px; }

.expand-icon {
  height: 50%; }
  .expand-icon svg {
    width: 15px;
    margin-bottom: 7px; }
  .expand-icon.active {
    transform: rotate(180deg);
    transform-origin: 50 50; }

/**
 * Tooltip Styles
 */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer; }

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  pointer-events: none; }

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 20%;
  left: 40%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 220px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 36px;
  line-height: 1.2; }

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0; }

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1; }

#centered-div {
  transform-origin: 8px -15px; }

#centered-div-error {
  position: absolute;
  top: 50%;
  left: -70%;
  width: 85%;
  height: 85%; }
  #centered-div-error #errors-list {
    position: absolute;
    width: 220px;
    height: 100px;
    background: #fff;
    top: 100px;
    left: -70px;
    padding: 5px;
    border-radius: 5px;
    overflow-y: scroll; }

#centered-div-error-offline {
  position: absolute;
  height: 90%;
  width: 90%;
  left: -70%;
  bottom: 80%;
  background-size: contain;
  background-repeat: no-repeat; }

#error-container {
  width: 100%;
  height: 100%;
  background-image: url("circle_error_point.png");
  background-size: contain;
  background-repeat: no-repeat; }

.error-container-offline {
  width: 100%;
  height: 100%;
  background-image: url(gsm_signal/red-cross-point.png);
  background-size: contain;
  background-repeat: no-repeat; }

.error-container-on-offline {
  width: 100%;
  height: 100%;
  background-image: url(gsm_signal/on-offline.png);
  background-size: contain;
  background-repeat: no-repeat; }

#tooltip-absolute-test {
  width: 40px;
  height: 40px;
  background: red;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 99999; }

/*style for top circle menu*/
#circle-menu-container {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  height: 65px;
  width: 150px; }

#menu {
  width: 100%;
  height: 65px;
  position: relative;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  list-style: none;
  font-size: 200%;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.menu-item {
  width: 65px;
  height: 65px;
  position: relative;
  line-height: 5px;
  border-radius: 50%;
  cursor: pointer;
  padding: 15px; }
  .menu-item .k_svgicon {
    width: 100%;
    height: 100%; }

/*style for left stripe's info panel*/
#stripe-info {
  height: calc(100vh - 420px);
  min-height: 510px;
  border-radius: 0 5px 5px 0;
  position: absolute;
  width: 300px;
  margin-top: 0px;
  z-index: 999;
  margin: auto;
  left: -300px;
  top: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }

#stripe-info.opened {
  left: 0px; }

#close-stripe-info {
  height: 50px;
  width: 50px;
  position: absolute;
  right: -50px;
  top: 0px;
  background-image: url(freccia_chiudi.png);
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  transform: rotate(180deg); }

#close-stripe-info.opened {
  background-image: url(arrow_blu.png);
  right: 0px;
  transform: rotate(0deg); }

#stripe-info-content {
  width: 100%;
  height: 100%;
  padding: 80px 20px 40px 20px; }

#stripe-name {
  color: #000;
  text-align: left;
  /* width: 150px; */
  height: 35px;
  line-height: 35px;
  line-height: 35px;
  border-color: #0c6092;
  font-size: 16.5px;
  padding: 0 10px;
  width: 86%; }

#stripe-name-label {
  color: #0c6092;
  font-size: 20px;
  margin-top: 200px; }

#stripe-creation-container {
  height: 500px; }
  #stripe-creation-container #measures-error-message {
    text-align: center;
    padding-top: 50px; }
    #stripe-creation-container #measures-error-message #message {
      color: red;
      font-size: 17px; }

.stripe-name-value {
  margin: 0 20px;
  font-size: 20px;
  color: #000; }

.stripe-name-input-container {
  font-size: 20px; }

.stripe-length-value,
.stripe-width-value {
  margin-right: 5px;
  font-size: 20px;
  color: #000; }

#stripe-measures {
  display: flex;
  align-items: left;
  justify-content: space-between;
  width: 100%;
  z-index: 999;
  left: 0px;
  margin-top: 30px; }

#stripe-measures label {
  font-size: 20px;
  color: #0c6092; }

#stripe-measures input {
  width: 100px;
  font-size: 25px;
  width: 100px;
  font-size: 25px;
  margin-bottom: 10px;
  height: 35px;
  color: #000;
  border-color: #0c6092;
  text-align: left;
  width: 70%;
  padding: 0 10px; }

#stripe-creation-container input.error {
  color: red !important;
  border-color: red !important; }

#root #stripe-creation-container input.error:focus {
  border-bottom: 1px solid red !important;
  box-shadow: none; }

.action-stripe-info {
  cursor: pointer;
  border: 0;
  border-radius: .25em;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  margin: 20px; }
  .action-stripe-info.disabled-button:not(.undo-button) {
    cursor: default; }

.action-stripe-info:nth-child(4) {
  margin-top: 75px; }

#left-panel-buttons .disabled-button {
  background-color: gray; }

#stripe-tools {
  background-color: transparent;
  width: 70px;
  max-height: 70%;
  position: absolute;
  top: 0px;
  bottom: 0;
  margin: auto;
  right: 0px;
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index: 99;
  display: none; }

#tools {
  overflow: hidden;
  position: relative;
  width: 70px;
  max-height: 450px;
  -webkit-transition: 1s linear;
  -moz-transition: 1s linear;
  -o-transition: 1s linear;
  transition: 1s linear;
  cursor: pointer; }

#machines-map .google-map-container .map-container .gm-style .gmnoprint.gm-bundled-control-on-bottom {
  bottom: 125px !important; }

#tools.closed {
  max-height: 0px; }

.tool {
  height: 55px;
  border-radius: 5px 0 0 5px;
  margin-top: 2px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  cursor: pointer; }
  .tool .k_svgicon {
    width: 75%;
    height: 75%; }
  .tool .label-for-tools {
    height: 20%;
    text-align: center;
    width: 100%;
    font-size: 12px;
    font-weight: bold; }

#tools-menu-icon {
  height: 40px;
  width: 40px;
  background-image: url("manage_stripe/menu_editing.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

#content-wrapper.create {
  cursor: url("custom_cursors/trowel.png"); }

#terrain.ghost-terrain polygon {
  fill: transparent; }

#terrain.webview-selected polygon {
  fill: #E938D7;
  opacity: 1; }

#terrain.webview-assign-selected polygon {
  fill: #f5f5f5;
  opacity: 0.25; }

#terrain.webview-assign-selected #webview-selection {
  stroke: #E938D7;
  stroke-width: 3px;
  fill: transparent;
  opacity: 1; }

#terrain.webview-assign-selected #triangle-fix2-dry, #terrain.webview-assign-selected #triangle-fix1-dry {
  opacity: 0.5 !important; }

#left-panel-buttons {
  bottom: 0px;
  position: absolute;
  width: 85%;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 999;
  display: flex;
  justify-content: center; }
  #left-panel-buttons div {
    width: 100%; }

#googleDiv {
  position: absolute;
  z-index: 99999; }
  #googleDiv.toBeModified {
    z-index: 999999; }

#draggable-well, #well {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

#wellsadam, #well, #draggable-well {
  position: absolute;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  width: 80%;
  height: 80%; }

#well-actions {
  display: flex;
  justify-content: space-between;
  padding: 20px 100px 10px 20px;
  flex-wrap: wrap; }

#linked-stripes {
  height: auto;
  transform-origin: top;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  transform: scaleY(0); }

#well-actions.selected #linked-stripes {
  max-height: 500px;
  overflow: hidden;
  transform: scaleY(1); }

#linked-stripes {
  width: 100%; }

#linked-stripe {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 5px 0px; }

#linked-stripe-name {
  cursor: pointer;
  color: #0c6092; }

#edit-well, #unlink-stripe {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

#draggable-wells {
  padding-bottom: 20px; }

#draggable-wells::after {
  content: "";
  height: 2px;
  width: 60%;
  background: #0c6092;
  position: relative;
  display: block;
  left: 18px;
  margin-top: 10px; }

#scrollable-wells {
  overflow: auto;
  max-height: 100%; }
  #scrollable-wells .action-icons-container {
    width: 120px; }

#wells-scroll-container {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end; }

.machine-blocks-scroll-container {
  height: 40%;
  overflow-y: auto; }

#edit-well {
  background-image: url("wells/modifica.png"); }

.create-well {
  background-image: url("wells/create-well-default-startec.png"); }
  .create-well.active {
    background-image: url("wells/create-well-active-startec.png"); }

.link-well {
  background-image: url("wells/link-well-default-startec.png"); }
  .link-well.active {
    background-image: url("wells/link-well-active-startec.png"); }

.delete-well {
  background-image: url("wells/delete-well-default-startec.png"); }
  .delete-well.active {
    background-image: url("wells/delete-well-active-startec.png"); }

#add-well {
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  font-size: 50px;
  background-image: url("wells/aggiungi.png");
  background-size: contain; }
  #add-well > span {
    width: 26px;
    height: 26px; }

#well-actions {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 10px 20px;
  flex-wrap: wrap; }

#linked-stripes {
  height: auto;
  transform-origin: top;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  transform: scaleY(0); }

#well-actions.selected {
  background-color: lightblue; }

#well-actions.selected #linked-stripes {
  max-height: 500px;
  overflow: hidden;
  transform: scaleY(1); }

#linked-stripes {
  width: 100%; }

#linked-stripe {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 5px 0px; }

#linked-stripe-name {
  cursor: pointer; }

#scrollable-wells .title {
  padding-left: 20px;
  margin-top: 10px;
  color: #0c6092;
  font-weight: bold; }

#scrollable-wells .title:first-child {
  padding-left: 20px;
  margin-top: 10px;
  color: #0c6092;
  font-weight: bold;
  font-size: 25px; }

#save-wells div {
  border: 2px solid #0c6092;
  border-radius: 5px;
  padding: 5px 10px;
  color: #0c6092; }

#save-wells {
  position: absolute;
  bottom: 0px;
  width: 100%; }

#well-container {
  position: absolute;
  z-index: 999999; }

.stripeName-swal-change {
  width: 150px !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 30px !important;
  margin: auto !important;
  left: 0;
  right: 0;
  text-align: center;
  position: absolute; }

.stripeName-swal-change:focus {
  border-bottom: 1px solid #0c6092 !important;
  box-shadow: none !important; }

#stripe-info-container {
  height: 100%; }

.stripe-info-container {
  font-weight: bold;
  width: 50%;
  font-size: 15px;
  padding: 5px;
  text-align: center; }

.allWidth {
  width: 100% !important; }

.stripe-info-container .alignRight {
  width: 50%;
  text-align: right; }

.stripe-info-container .alignLeft {
  padding: 5px;
  font-weight: normal;
  width: 50%;
  text-align: left; }

#googleDiv.editing {
  display: none; }

#drag-point:hover {
  cursor: move; }

.expand {
  width: 20px;
  height: 20px;
  bottom: 3px;
  right: 0px;
  left: 0px;
  margin: auto;
  line-height: 20px;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  padding: 0px; }

.padded-content {
  padding: 10px;
  height: 100%; }
  .padded-content .flex-content {
    margin: 10px 0px;
    display: flex;
    justify-content: space-around; }
    .padded-content .flex-content div {
      width: 40%;
      font-size: 18px;
      padding: 5px;
      text-align: center; }
      .padded-content .flex-content div:nth-child(2) {
        font-weight: bold; }

#machines-map {
  width: 100%;
  overflow-y: auto;
  height: 100%;
  position: relative; }
  #machines-map .google-map-container {
    height: 100%;
    position: relative;
    overflow: hidden; }

.outer-map-container {
  height: 100%;
  width: 100%; }

.map-container {
  position: relative;
  width: 100%;
  height: 100%; }

[title="marker-position"] {
  z-index: 999999; }
  [title="marker-position"] img {
    z-index: 9999999;
    border: 5px solid blue; }

.wrapper-master h2 {
  text-align: left;
  color: #0c6092;
  font-size: 21px;
  font-weight: bold; }

.msg-empty-machine {
  padding-left: 20px; }

.msg-empty-machine p {
  font-size: 16px;
  margin-top: 40px; }

.m-state a {
  float: left;
  margin-left: 0;
  margin-right: 40px !important; }

.m-state a {
  margin-top: 10px;
  float: left; }

#master-container {
  padding-left: 20px; }

.command-input {
  max-width: 45px !important;
  width: 45px !important;
  height: 30px;
  border-bottom: 1px solid #0c6092;
  margin-bottom: 5px;
  color: #9e9e9e;
  font-size: 0.5rem;
  font-weight: bold;
  margin: 0 !important;
  line-height: 2;
  height: 100% !important; }

.command-input:focus {
  box-shadow: none !important; }

#base {
  cursor: pointer; }

#manage-buttons {
  position: absolute;
  left: 20px; }

#manage-buttons a {
  background-color: #0c6092;
  width: 230px; }

#assign-buttons a {
  background-color: #0c6092;
  width: 110px;
  text-align: center;
  margin: 3px;
  padding: 0px; }

#menu-assign {
  position: absolute;
  width: 250px;
  z-index: 99;
  left: 0px;
  height: calc(100vh - 135px);
  top: 100px;
  height: 75%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }

#menu-assign > div {
  color: #0c6092; }

#menu-assign.close-left-panel-off {
  left: -250px; }

#assign-buttons {
  position: absolute;
  border: 2px dashed #0c6092;
  color: #000;
  bottom: 20px;
  left: 10px;
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  width: 93%;
  justify-content: center;
  text-align: center;
  font-size: 15px; }

#assign-name {
  color: #000; }

.machineContainer2 [type="checkbox"]:not(:checked):disabled + label:before {
  background-color: gray; }

#assign-scroll {
  max-height: 450px;
  margin-top: 0px;
  width: 100%;
  margin-bottom: 50px; }

#menu-assign-title {
  position: relative;
  font-size: 20px;
  color: #0c6092;
  margin-bottom: 50px;
  width: 83%;
  padding-left: 0px;
  margin-top: 60px; }

#manage-terrains-container {
  position: absolute;
  right: 0px;
  top: 80px;
  z-index: 99;
  display: flex;
  margin-top: 5px;
  margin-right: 5px; }

#manage-terrains-container div {
  width: 50px;
  height: 50px;
  background-color: #0c6092;
  border-radius: 50%;
  margin: 5px;
  border: 2px solid #0c6092;
  box-shadow: inset 0px 0px 0px 1.5px #fff, 0px 0px 0px 2px #fff;
  cursor: pointer; }

#add-terrain {
  background-image: url("aggiungi_campo.png");
  background-size: 35px;
  background-position: center;
  background-repeat: no-repeat; }

#assign-terrain {
  background-image: url("assegna_campo.png");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat; }

#zoom-out-button {
  bottom: 180px;
  z-index: 99;
  cursor: pointer; }

.zoom-icon-map {
  width: 100%;
  height: 100%; }

#geo-button {
  background-image: url("geo-icon.png");
  background-size: 27px;
  background-position: center;
  background-repeat: no-repeat; }

#chart-title {
  position: absolute;
  top: -250px;
  color: #fff; }

.backTomap {
  position: absolute;
  right: 8px;
  top: 10px;
  z-index: 99;
  margin: 5px;
  width: 62px;
  height: 62px;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  background-image: url("icons/back-default.png");
  background-size: contain;
  background-repeat: no-repeat; }

#manage-terrains-container div:before {
  background-color: #fff;
  color: #000;
  position: absolute;
  top: 60px;
  right: 0px;
  bottom: auto;
  left: auto;
  font-size: 15px; }

#manage-terrains-container div:after {
  position: absolute;
  content: " ";
  top: 100%;
  left: 40%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff; }

#assign-scroll > div {
  text-align: left; }

#assign-scroll > div:nth-child(-n+2) {
  margin: 15px; }

@media only screen and (min-width: 720px) {
  #selection-polygon.drag-left:hover {
    fill: #0c6092;
    fill-opacity: 0.4; } }

#selection-polygon.tricky-hover {
  fill: #0c6092;
  fill-opacity: 0.4; }

#selection-polygon.side-highlight {
  fill: #0c6092;
  fill-opacity: 0.4; }

#selection-polygon.highlight {
  fill: #0c6092;
  fill-opacity: 0.4; }

#selection-polygon.dashed-borders {
  stroke: #fff;
  stroke-dashoffset: 50;
  stroke-width: 3; }

.svg-right-menu {
  -o-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease; }

#drop-area {
  height: 100%; }

#mb-create-container {
  position: absolute;
  top: 75px;
  right: 0px;
  left: 0px;
  z-index: 999999;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row; }
  #mb-create-container i {
    font-size: 40px;
    color: #fff; }
  #mb-create-container div.disabled {
    background: #D3D3D3; }
  #mb-create-container div.pos {
    box-shadow: inset 0 0 4px #000000; }
  #mb-create-container div.notpos i {
    color: #d60b0b; }
  #mb-create-container i {
    color: #62d81e; }
  #mb-create-container > div {
    width: 80%;
    height: 60px;
    background: #0c6092;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #fff; }
    #mb-create-container > div div {
      height: 40px; }
    #mb-create-container > div img {
      height: 40px; }
  #mb-create-container .button-label {
    font-size: 20px;
    height: 100%;
    width: 100%; }
    #mb-create-container .button-label .button-for-svg {
      width: 100%;
      height: 100%;
      padding: 20px; }
  #mb-create-container .sk-circle {
    margin: auto; }

#mb-creation-top-info {
  height: 75px;
  display: flex;
  position: absolute;
  top: 0px;
  z-index: 99;
  width: 100%;
  padding: 2px 0px; }
  #mb-creation-top-info > div {
    display: flex;
    justify-content: center;
    width: 50%;
    align-items: center; }
    #mb-creation-top-info > div .input-group {
      height: 25px; }

.mb-creation-top-info {
  border-bottom: 1px solid #999; }

.position-mode-selection {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  width: 100%; }
  .position-mode-selection div:first-child.active {
    font-weight: bolder; }
  .position-mode-selection div:first-child.disabled {
    font-weight: normal;
    color: #ccc; }
  .position-mode-selection div:nth-child(3).active {
    font-weight: bolder; }
  .position-mode-selection div:nth-child(3).disabled {
    font-weight: normal;
    color: #ccc; }
  .position-mode-selection .off-gps-container {
    width: 60px;
    height: 32px;
    border-radius: 50px;
    overflow: hidden;
    background: #ddd;
    border: 1px solid #999;
    position: relative; }
    .position-mode-selection .off-gps-container .off-gps-button {
      position: absolute;
      border-radius: 50%;
      width: 30px;
      right: 30px;
      height: 30px;
      -o-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      background: white;
      border: 1px solid #999; }
      .position-mode-selection .off-gps-container .off-gps-button.on-gps-button {
        right: 0; }
    .position-mode-selection .off-gps-container.on-gps-container {
      background: #0c6092; }

#flip-fix {
  height: 100%;
  width: 100%;
  transform-origin: 50% 50%;
  position: absolute;
  top: 0px;
  left: 0px; }

#user-tracker {
  width: 500px;
  height: 500px;
  border: 2px solid #000;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.back-button-right-menu,
.back-button-left-menu {
  left: 10px;
  top: 10px;
  position: absolute;
  z-index: 1; }

.responsive-panel {
  height: 100%; }

.side-left-panel-container {
  height: calc(100% - 45px);
  z-index: 999;
  width: 400px;
  left: -50%; }
  .side-left-panel-container.opened {
    left: 60px; }

#well-name {
  color: #000;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }

.backTomap {
  width: 35px;
  height: 35px; }

#side-panel#side-panel {
  z-index: 999;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 20px;
  padding-top: 22px; }
  #side-panel#side-panel .scrollable-children-container #name-field {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 90%;
    display: block; }
  #side-panel#side-panel .scrollable-children-container .machine-blocks-scroll-container {
    height: auto;
    max-height: 46%; }
    #side-panel#side-panel .scrollable-children-container .machine-blocks-scroll-container.reverse {
      margin-bottom: 20px; }
  #side-panel#side-panel .back-button-left-menu {
    text-align: right;
    cursor: pointer; }
    #side-panel#side-panel .back-button-left-menu svg {
      width: 2.5em;
      height: 2.5em; }
  #side-panel#side-panel .title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    position: relative; }
  #side-panel#side-panel .title-second {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    margin-bottom: 20px;
    color: #0c6092; }
  #side-panel#side-panel .subtitle {
    margin-top: 20px;
    font-weight: normal;
    font-size: 16px; }
  #side-panel#side-panel .search-bar-container {
    position: absolute;
    bottom: 0px;
    display: flex;
    align-items: center;
    width: 90%;
    padding: 0; }
    #side-panel#side-panel .search-bar-container input.search-bar-input {
      height: 2rem;
      font-size: 15px;
      margin-left: 10px; }
      #side-panel#side-panel .search-bar-container input.search-bar-input::placeholder {
        color: #d0d0d0; }
      #side-panel#side-panel .search-bar-container input.search-bar-input:focus {
        border-bottom: 1px solid #0c6092;
        outline: none; }

.side-panel-close-btn {
  height: 100%;
  z-index: 1;
  height: 50px;
  width: 50px;
  position: fixed;
  left: 0px;
  cursor: pointer;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s; }
  .side-panel-close-btn.opened {
    display: none; }

.side-left-panel-container {
  position: absolute;
  z-index: 99999;
  transition: left 0.5s ease, height 0.2s ease-in-out; }

/* STILE BASATO SUI DPI */
@media (-webkit-min-device-pixel-ratio: 2.5) {
  #stripe-info-content {
    padding: 20px 20px 20px 20px; }
  .right-options-block {
    height: 60px;
    background-size: 30px; } }

#side-panel#side-panel .scrollable-children-container {
  height: calc(100% - 75px); }

/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/
@font-face {
  font-family: "weather";
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot");
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix") format("embedded-opentype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg") format("svg");
  font-weight: normal;
  font-style: normal; }

#weather {
  width: 500px;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase; }

i {
  font-family: weather;
  font-size: 150px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none; }

.icon-0:before {
  content: ":"; }

.icon-1:before {
  content: "p"; }

.icon-2:before {
  content: "S"; }

.icon-3:before {
  content: "Q"; }

.icon-4:before {
  content: "S"; }

.icon-5:before {
  content: "W"; }

.icon-6:before {
  content: "W"; }

.icon-7:before {
  content: "W"; }

.icon-8:before {
  content: "W"; }

.icon-9:before {
  content: "I"; }

.icon-10:before {
  content: "W"; }

.icon-11:before {
  content: "I"; }

.icon-12:before {
  content: "I"; }

.icon-13:before {
  content: "I"; }

.icon-14:before {
  content: "I"; }

.icon-15:before {
  content: "W"; }

.icon-16:before {
  content: "I"; }

.icon-17:before {
  content: "W"; }

.icon-18:before {
  content: "U"; }

.icon-19:before {
  content: "Z"; }

.icon-20:before {
  content: "Z"; }

.icon-21:before {
  content: "Z"; }

.icon-22:before {
  content: "Z"; }

.icon-23:before {
  content: "Z"; }

.icon-24:before {
  content: "E"; }

.icon-25:before {
  content: "E"; }

.icon-26:before {
  content: "3"; }

.icon-27:before {
  content: "a"; }

.icon-28:before {
  content: "A"; }

.icon-29:before {
  content: "a"; }

.icon-30:before {
  content: "A"; }

.icon-31:before {
  content: "6"; }

.icon-32:before {
  content: "1"; }

.icon-33:before {
  content: "6"; }

.icon-34:before {
  content: "1"; }

.icon-35:before {
  content: "W"; }

.icon-36:before {
  content: "1"; }

.icon-37:before {
  content: "S"; }

.icon-38:before {
  content: "S"; }

.icon-39:before {
  content: "S"; }

.icon-40:before {
  content: "M"; }

.icon-41:before {
  content: "W"; }

.icon-42:before {
  content: "I"; }

.icon-43:before {
  content: "W"; }

.icon-44:before {
  content: "a"; }

.icon-45:before {
  content: "S"; }

.icon-46:before {
  content: "U"; }

.icon-47:before {
  content: "S"; }

#weather h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 100px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); }

#weather ul {
  margin: 0;
  padding: 0; }

#weather li {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  display: inline-block;
  border-radius: 5px; }

#weather .currently {
  margin: 0 20px; }

.weather-box div {
  text-align: center; }

.meteo-row:last-child {
  border-bottom: 0px; }

.meteo-row {
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(5, 20%);
  justify-items: center;
  white-space: nowrap;
  margin: 7px auto; }
  .meteo-row .meteo-row-currently {
    grid-column: 3 / 5; }
    .meteo-row .meteo-row-currently:first-letter {
      text-transform: capitalize; }
  .meteo-row img {
    width: 30px;
    height: 30px; }

.sk-circle {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #ffffff;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.lds-roller {
  display: inline-block;
  position: absolute;
  width: 128px;
  height: 128px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto; }

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 64px 64px; }

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  margin: -6px 0 0 -6px; }

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s; }

.lds-roller div:nth-child(1):after {
  top: 100px;
  left: 100px; }

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s; }

.lds-roller div:nth-child(2):after {
  top: 108px;
  left: 90px; }

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s; }

.lds-roller div:nth-child(3):after {
  top: 114px;
  left: 78px; }

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s; }

.lds-roller div:nth-child(4):after {
  top: 116px;
  left: 64px; }

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s; }

.lds-roller div:nth-child(5):after {
  top: 114px;
  left: 50px; }

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s; }

.lds-roller div:nth-child(6):after {
  top: 108px;
  left: 38px; }

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s; }

.lds-roller div:nth-child(7):after {
  top: 100px;
  left: 28px; }

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s; }

.lds-roller div:nth-child(8):after {
  top: 90px;
  left: 20px; }

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

/* Swal Alert */
.swal2-container .swal2-modal .swal2-title {
  color: #000;
  /*text-transform: uppercase;*/
  font-size: 20px; }

.swal2-container.swal2-fade {
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s; }

.swal2-confirm.swal2-styled,
.swal2-cancel.swal2-styled {
  /*text-transform: uppercase;*/
  font-size: 18px; }

.swal2-cancel.swal2-styled {
  background-color: #949494 !important; }

.swal2-modal.swal2-show {
  box-shadow: 0px 0px 10px -2px #474747;
  -webkit-box-shadow: 0px 0px 10px -2px #474747;
  -moz-box-shadow: 0px 0px 10px -2px #474747;
  background: white !important; }

.swal2-modal button.swal2-styled,
.swal2-modal button.swal2-styled:focus {
  box-shadow: 0px 1px 3px 1px #949494;
  cursor: pointer;
  outline: none; }

/* materializeCSS modals */
.custom-modal {
  /*position: fixed;*/
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 9999;
  margin: auto;
  padding: 0;
  /*max-height: 70%;*/
  height: fit-content;
  width: 600px;
  margin: auto;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
  .custom-modal.change-psw-modal {
    min-height: 400px;
    display: flex;
    flex-direction: column; }
  .custom-modal.events .events-modal-event {
    font-weight: bold; }
  .custom-modal .button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    align-content: center;
    position: relative;
    width: 100%;
    height: 20%;
    padding: 0 80px; }
    .custom-modal .button-container .swal2-styled {
      border: 0;
      border-radius: 0.25em;
      background: initial;
      font-size: 15px;
      box-shadow: 0px 1px 3px 1px #949494;
      line-height: 40px;
      padding: 0 40px;
      width: max-content;
      font-weight: normal; }
      .custom-modal .button-container .swal2-styled.swal2-cancel {
        background-color: #aaa !important; }
  .custom-modal #modal-top-bar {
    height: 70px;
    line-height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px; }
    .custom-modal #modal-top-bar i {
      position: absolute; }
      .custom-modal #modal-top-bar i.fa-times {
        right: 25px; }
  .custom-modal .table-in-modal {
    height: calc(100% - 70px) !important;
    width: 100%;
    display: block; }
    .custom-modal .table-in-modal.pswd-fix {
      width: 50%;
      height: 70% !important;
      margin: 0 auto; }
    .custom-modal .table-in-modal .notarization-spinner {
      border-bottom: none;
      justify-content: center; }
      .custom-modal .table-in-modal .notarization-spinner td {
        position: relative;
        height: 200px;
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .custom-modal .table-in-modal .notarization-spinner td .global-spinner-container {
          width: 100%;
          position: sticky;
          background: white; }
        .custom-modal .table-in-modal .notarization-spinner td .lds-roller {
          position: relative;
          width: 40%;
          height: 70% !important; }
          .custom-modal .table-in-modal .notarization-spinner td .lds-roller div:after {
            background: #0C6092; }
    .custom-modal .table-in-modal .notarization-spinner-text {
      border-bottom: none !important; }
      .custom-modal .table-in-modal .notarization-spinner-text td {
        color: black;
        word-break: break-word; }
    .custom-modal .table-in-modal thead {
      border: 0;
      background: none;
      height: auto;
      padding: 0; }
      .custom-modal .table-in-modal thead tr {
        width: 100%;
        justify-content: center; }
        .custom-modal .table-in-modal thead tr:first-child {
          height: 40px; }
        .custom-modal .table-in-modal thead tr.subtitle-tr {
          background-color: transparent !important; }
        .custom-modal .table-in-modal thead tr th {
          height: 100%;
          padding: 0 !important; }
          .custom-modal .table-in-modal thead tr th.titles-text {
            justify-content: center; }
        .custom-modal .table-in-modal thead tr td.subtitle-text {
          display: flex;
          flex-direction: row;
          align-items: center;
          width: 100%;
          padding: 20px 5px; }
          .custom-modal .table-in-modal thead tr td.subtitle-text .subtitle-style {
            display: flex;
            justify-content: space-evenly;
            align-content: center;
            text-align: center;
            padding: 0px 0px;
            align-items: center; }
    .custom-modal .table-in-modal tbody {
      width: 100%;
      overflow-y: auto;
      background: none;
      max-height: 420px; }
      .custom-modal .table-in-modal tbody.with-subtitles {
        height: 215px !important; }
      .custom-modal .table-in-modal tbody.password-height-fix {
        max-height: 100% !important;
        height: 100% !important; }
        .custom-modal .table-in-modal tbody.password-height-fix tr {
          border-bottom: none; }
      .custom-modal .table-in-modal tbody .change-passwords-form {
        width: 100%;
        margin: 0 auto;
        height: unset; }
        .custom-modal .table-in-modal tbody .change-passwords-form span.input-group-append,
        .custom-modal .table-in-modal tbody .change-passwords-form span.input-group-append-two {
          height: 20px; }
        .custom-modal .table-in-modal tbody .change-passwords-form input {
          text-align: center; }
      .custom-modal .table-in-modal tbody tr.events-modal-row {
        display: flex;
        flex-direction: row; }
        .custom-modal .table-in-modal tbody tr.events-modal-row td.events-modal-timestamp,
        .custom-modal .table-in-modal tbody tr.events-modal-row .events-modal-event,
        .custom-modal .table-in-modal tbody tr.events-modal-row .no-events {
          padding: 0px;
          width: 50%;
          color: #000;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
        .custom-modal .table-in-modal tbody tr.events-modal-row.no-events {
          justify-content: center;
          height: 100%; }
          .custom-modal .table-in-modal tbody tr.events-modal-row.no-events td.no-events {
            width: 100%;
            padding: 0 20px;
            font-size: 16px;
            text-align: left; }
      .custom-modal .table-in-modal tbody tr.row-container {
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        border-bottom: 0px;
        min-height: 70px; }
        .custom-modal .table-in-modal tbody tr.row-container td {
          width: 50%;
          border-bottom: 1px solid #d0d0d0;
          height: 70px; }
        .custom-modal .table-in-modal tbody tr.row-container td:first-child {
          border-right: 1px solid #d0d0d0;
          font-weight: bold; }
      .custom-modal .table-in-modal tbody > tr tr {
        width: 100%;
        height: 71px; }
        .custom-modal .table-in-modal tbody > tr tr .void {
          width: 50%;
          height: 80%;
          border-right: 1px solid #d0d0d0; }
      .custom-modal .table-in-modal tbody tr {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #d0d0d0; }
        .custom-modal .table-in-modal tbody tr td {
          width: 100%; }
          .custom-modal .table-in-modal tbody tr td .pswd-fix-height {
            height: 25px; }
          .custom-modal .table-in-modal tbody tr td .modal-password-title-container {
            width: 100%;
            height: 40px; }
          .custom-modal .table-in-modal tbody tr td .input-group .input-group-append {
            display: none; }
          .custom-modal .table-in-modal tbody tr td .input-group .input-group-append-two {
            display: none; }
  .custom-modal.pswd-change {
    width: 40%; }
  .custom-modal div.machines-table {
    height: 100%; }
  .custom-modal #modal-header {
    display: flex;
    justify-content: space-around;
    padding: 15px; }
    .custom-modal #modal-header div {
      font-size: 18px;
      font-weight: bold; }
  .custom-modal #modal-body {
    overflow-y: auto; }
    .custom-modal #modal-body .undefined-name-main {
      border-right: 1px solid #d0d0d0; }
    .custom-modal #modal-body .activity-box {
      margin: 0px;
      padding: 0px; }
      .custom-modal #modal-body .activity-box .activity-title {
        width: 50%;
        text-align: center;
        font-weight: bold; }
      .custom-modal #modal-body .activity-box .params {
        position: relative;
        width: 50%;
        display: flex;
        flex-direction: column; }
        .custom-modal #modal-body .activity-box .params .activity-info-container {
          display: flex;
          flex-direction: row; }
    .custom-modal #modal-body div {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 5px;
      margin-bottom: 5px; }
    .custom-modal #modal-body .permission-row div {
      justify-content: space-around;
      flex-basis: 50%; }

@media only screen and (max-width: 992px) {
  .custom-modal {
    width: 95%;
    top: 52%; }
  .map-tooltip {
    display: none; } }

#infobox .modal-content {
  padding: 0 !important; }

#infobox .tabs {
  cursor: pointer; }

#infobox.huedig .tabs {
  background-color: #ff8402; }

#infobox.startec .tabs {
  background-color: #25768b; }

#infobox .tabs .active {
  border-top: 1px solid #fff; }

#infobox .tab a {
  position: relative;
  padding: 0;
  color: #fff;
  font-size: 17px;
  text-transform: none; }

#infobox .mac-title,
.machines-table #modal-top-bar {
  position: relative;
  font-size: 22px;
  margin: 0;
  padding: 0;
  line-height: 2;
  cursor: default;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  background: #0c6092;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
  padding-left: 20px; }

.machines-table.bg-white tbody tr {
  background-color: #fff;
  color: #000; }

#infobox.huedig .mac-title,
.machines-table caption {
  background: #ff8402; }

#infobox.startec .mac-title,
.machines-table caption {
  background: #0c6092; }

#infobox .mac-title i,
.machines-table caption i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 25px; }

#infobox .tab-content {
  margin-top: 20px;
  padding: 0 30px; }

.tab-content h5 {
  font-size: 19px;
  text-transform: uppercase;
  margin-bottom: 20px; }

#infobox .tab a:not(.active) {
  background: #fff; }

#infobox.huedig .tab a:not(.active) {
  color: #ff8402; }

#infobox.startec .tab a:not(.active) {
  color: #25768b; }

#infobox .tab a .arrow-d {
  position: fixed;
  width: 30px;
  height: 30px;
  z-index: 9999;
  margin-top: -10px;
  display: none; }

#infobox .tab a.active .arrow-d {
  display: block; }

#infobox .tab:nth-child(1) a .arrow-d {
  left: 17%;
  transform: translateX(-50%); }

#infobox .tab:nth-child(2) a .arrow-d {
  left: 50%;
  transform: translateX(-50%); }

#infobox .tab:nth-child(3) a .arrow-d {
  right: 11%;
  transform: translateX(-50%); }

#general-info .cmd-title {
  float: left; }

#general-info .cmd-opt {
  float: right; }

#general-info .cmd-wrapper {
  padding: 0;
  clear: both;
  height: 30px; }

#general-info .cmd-opt label,
#general-info .cmd-opt #command-input {
  font-size: 16px; }

#infobox .switch label input[type="checkbox"]:checked + .lever {
  background-color: #ff8402; }

#infobox .modal-content {
  height: 100%; }

#infobox #infobox-wrapper {
  height: 100%; }

#infobox .row {
  height: 100%; }

#infobox #general-info {
  height: 63%;
  overflow-y: auto; }

#infobox #last-cycle-info {
  height: 63%;
  overflow-y: auto; }

.custom-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8); }

.custom-modal.modal-fleet {
  z-index: 9999; }

#start-stop-graph-btn {
  display: block;
  text-align: center;
  margin-top: 15px; }

#start-stop-graph-btn > img {
  cursor: pointer; }

@media (max-width: 350px) {
  #general-info .cmd-title {
    font-size: inherit; }
  #infobox .tab a {
    font-size: 16px; } }

#infobox.huedig .arrow-d {
  content: url("arrow-down.png"); }

.lda-modal-container.internal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.lda-modal-container div {
  color: #000; }

.lda-modal-container .lda-modal-row {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px; }
  .lda-modal-container .lda-modal-row div {
    margin-right: 3px; }

.swal2-icon {
  width: 80px;
  height: 80px;
  border: 4px solid transparent;
  border-radius: 50%;
  margin: 20px auto 40px;
  padding: 0;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .swal2-icon.swal2-warning .swal2-icon-text {
    line-height: 1.6; }

.swal2-popup .swal2-file:focus,
.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-textarea:focus {
  border: none;
  outline: none;
  box-shadow: none; }

.swal2-popup .swal2-input {
  text-align: center; }

.scrollable-machines-list {
  min-height: 20px;
  height: 100%;
  overflow-y: auto; }

.full-download-container {
  height: calc(100% - 12px);
  width: 100%;
  position: absolute;
  z-index: 999999; }

.clickable-overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 100%;
  background: rgba(30, 30, 30, 0.9); }

.download-container {
  height: 250px;
  width: 500px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  border-radius: 5px;
  overflow: hidden; }
  .download-container .download-header {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .download-container .download-header label {
      font-size: 20px; }
    .download-container .download-header .download-sheet {
      position: absolute;
      right: 20px; }
  .download-container .download-file-container {
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 32px;
    margin: auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 150ms ease; }
    .download-container .download-file-container svg {
      width: 40px;
      height: 40px; }
  .download-container .download-buttons-container {
    height: calc(100% - 60px);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap; }
    .download-container .download-buttons-container .file-button-container {
      height: 130px;
      width: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center; }
    .download-container .download-buttons-container .xlsx-button,
    .download-container .download-buttons-container .csv-button {
      height: 50px;
      width: 150px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      transition: all 150ms ease; }
      .download-container .download-buttons-container .xlsx-button label,
      .download-container .download-buttons-container .csv-button label {
        font-size: 30px;
        height: 30px;
        line-height: 38px; }
    .download-container .download-buttons-container .download-icon-container {
      display: flex;
      box-sizing: content-box;
      align-content: center;
      justify-content: center;
      padding: 5px;
      border-radius: 5px;
      transition: all 150ms ease;
      cursor: pointer; }
      .download-container .download-buttons-container .download-icon-container svg {
        width: 35px;
        height: 35px; }

#register-overlay {
  height: 100%;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  #register-overlay #clickable-overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 100%; }
  #register-overlay #register-container {
    width: 60%;
    height: 50%;
    min-width: 900px;
    height: 650px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 5px;
    z-index: 9;
    position: relative; }
    #register-overlay #register-container.fleet-register {
      height: 725px; }
      #register-overlay #register-container.fleet-register label {
        text-align: center; }
      #register-overlay #register-container.fleet-register #btn-signup svg {
        height: 19px; }
    #register-overlay #register-container.user-register {
      height: 440px; }
      #register-overlay #register-container.user-register #user-info {
        padding-top: 60px;
        height: 80%; }
        #register-overlay #register-container.user-register #user-info .input-group.email {
          width: 48%; }
        #register-overlay #register-container.user-register #user-info .input-group.full-width {
          width: 100%; }
    #register-overlay #register-container #user-info {
      height: 80%;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-right: 30px;
      padding-left: 30px;
      padding-top: 30px;
      align-items: start; }
      #register-overlay #register-container #user-info.margin {
        margin-top: 30px; }
    #register-overlay #register-container #register-header {
      height: 50px;
      width: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      display: flex;
      justify-content: center;
      align-items: center; }
      #register-overlay #register-container #register-header label {
        font-size: 20px; }
      #register-overlay #register-container #register-header .register-modal {
        position: absolute;
        right: 20px; }
  #register-overlay #modal-info {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; }
    #register-overlay #modal-info label {
      width: 100%;
      text-align: center;
      font-size: 17px;
      font-weight: bold; }
  #register-overlay #modal-buttons-container {
    padding: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row; }
    #register-overlay #modal-buttons-container a {
      width: 100%;
      border-radius: 3px;
      max-width: 25%; }
  #register-overlay .input-group {
    width: 48%;
    margin: 5px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    height: 47px; }
    #register-overlay .input-group input {
      height: 100% !important; }
    #register-overlay .input-group .s12 {
      width: 100%; }
      #register-overlay .input-group .s12 input {
        width: 100% !important;
        height: 43px !important; }
      #register-overlay .input-group .s12 .autocomplete-dropdown-container {
        width: calc(100% + 4px);
        left: -2px;
        border-right: 2px solid #0c6092;
        border-left: 2px solid #0c6092; }
      #register-overlay .input-group .s12 input:focus ~ .autocomplete-dropdown-container {
        z-index: 9; }
    #register-overlay .input-group .input-field {
      margin-top: 0rem;
      width: 100%;
      height: 100%; }
      #register-overlay .input-group .input-field .select-wrapper {
        height: 100%; }
        #register-overlay .input-group .input-field .select-wrapper input {
          width: 100% !important; }
    #register-overlay .input-group input {
      text-align: center; }
      #register-overlay .input-group input::placeholder {
        opacity: 0.5; }
    #register-overlay .input-group.email {
      width: 100%; }
  #register-overlay.wrong-password {
    border: 2px solid red !important; }

#lda-modal-container div {
  text-align: center;
  margin: 5px 0px; }

.lda-modal-row {
  width: 75%;
  display: flex;
  justify-content: space-between; }

.password-errors-container {
  margin: auto;
  width: 70%;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 100px;
  width: 100%; }
  .password-errors-container span {
    color: red;
    font-size: 12px; }
  .password-errors-container.change-pass {
    position: relative !important;
    bottom: 0;
    width: 100%; }
    .password-errors-container.change-pass .password-errors-contains {
      flex-direction: column; }

#machine-park-list {
  width: 54%;
  max-height: 130px;
  margin: auto;
  text-align: left;
  overflow-y: scroll; }

#machine-park-list li {
  list-style-type: disc; }

#machine-park-list li:not(:first-child) {
  padding-top: 10px; }

.swal2-modal .swal2-icon.swal2-question .swal2-icon-text {
  line-height: 1;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

#map-search-icon {
  position: absolute;
  top: 90px;
  left: 40px;
  width: 30px;
  cursor: pointer;
  z-index: 9; }

#map-searchbar-wrapper {
  position: absolute;
  top: 80px;
  height: 50px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3); }

#map-search-input {
  width: 85%;
  height: 35px;
  margin-left: 10%;
  margin-top: 5px;
  color: #fff; }

#root #map-searchbar-wrapper > #map-search-input:focus {
  border-bottom: 1px solid #fff !important;
  box-shadow: 0 1px 0 0 #fff !important; }

.spinner {
  /* Playing with these values (make sure to adjust HAML iter.) */
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block; }

.spinner > div {
  width: 9%;
  height: 35%;
  background: #000;
  position: absolute;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  /* I Use compass-animation for cross-browser */
  animation: fade 1s linear infinite;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  /* Loop through total ticks to rotate accordingly & change timing. */ }

.spinner > div.bar1 {
  -moz-transform: rotate(0deg) translate(0, -142%);
  -ms-transform: rotate(0deg) translate(0, -142%);
  -webkit-transform: rotate(0deg) translate(0, -142%);
  transform: rotate(0deg) translate(0, -142%);
  animation-delay: -1s; }

.spinner > div.bar2 {
  -moz-transform: rotate(30deg) translate(0, -142%);
  -ms-transform: rotate(30deg) translate(0, -142%);
  -webkit-transform: rotate(30deg) translate(0, -142%);
  transform: rotate(30deg) translate(0, -142%);
  animation-delay: -0.91667s; }

.spinner > div.bar3 {
  -moz-transform: rotate(60deg) translate(0, -142%);
  -ms-transform: rotate(60deg) translate(0, -142%);
  -webkit-transform: rotate(60deg) translate(0, -142%);
  transform: rotate(60deg) translate(0, -142%);
  animation-delay: -0.83333s; }

.spinner > div.bar4 {
  -moz-transform: rotate(90deg) translate(0, -142%);
  -ms-transform: rotate(90deg) translate(0, -142%);
  -webkit-transform: rotate(90deg) translate(0, -142%);
  transform: rotate(90deg) translate(0, -142%);
  animation-delay: -0.75s; }

.spinner > div.bar5 {
  -moz-transform: rotate(120deg) translate(0, -142%);
  -ms-transform: rotate(120deg) translate(0, -142%);
  -webkit-transform: rotate(120deg) translate(0, -142%);
  transform: rotate(120deg) translate(0, -142%);
  animation-delay: -0.66667s; }

.spinner > div.bar6 {
  -moz-transform: rotate(150deg) translate(0, -142%);
  -ms-transform: rotate(150deg) translate(0, -142%);
  -webkit-transform: rotate(150deg) translate(0, -142%);
  transform: rotate(150deg) translate(0, -142%);
  animation-delay: -0.58333s; }

.spinner > div.bar7 {
  -moz-transform: rotate(180deg) translate(0, -142%);
  -ms-transform: rotate(180deg) translate(0, -142%);
  -webkit-transform: rotate(180deg) translate(0, -142%);
  transform: rotate(180deg) translate(0, -142%);
  animation-delay: -0.5s; }

.spinner > div.bar8 {
  -moz-transform: rotate(210deg) translate(0, -142%);
  -ms-transform: rotate(210deg) translate(0, -142%);
  -webkit-transform: rotate(210deg) translate(0, -142%);
  transform: rotate(210deg) translate(0, -142%);
  animation-delay: -0.41667s; }

.spinner > div.bar9 {
  -moz-transform: rotate(240deg) translate(0, -142%);
  -ms-transform: rotate(240deg) translate(0, -142%);
  -webkit-transform: rotate(240deg) translate(0, -142%);
  transform: rotate(240deg) translate(0, -142%);
  animation-delay: -0.33333s; }

.spinner > div.bar10 {
  -moz-transform: rotate(270deg) translate(0, -142%);
  -ms-transform: rotate(270deg) translate(0, -142%);
  -webkit-transform: rotate(270deg) translate(0, -142%);
  transform: rotate(270deg) translate(0, -142%);
  animation-delay: -0.25s; }

.spinner > div.bar11 {
  -moz-transform: rotate(300deg) translate(0, -142%);
  -ms-transform: rotate(300deg) translate(0, -142%);
  -webkit-transform: rotate(300deg) translate(0, -142%);
  transform: rotate(300deg) translate(0, -142%);
  animation-delay: -0.16667s; }

.spinner > div.bar12 {
  -moz-transform: rotate(330deg) translate(0, -142%);
  -ms-transform: rotate(330deg) translate(0, -142%);
  -webkit-transform: rotate(330deg) translate(0, -142%);
  transform: rotate(330deg) translate(0, -142%);
  animation-delay: -0.08333s; }

@keyframes fade {
  from {
    opacity: 1; }
  to {
    opacity: 0.25; } }

.global-spinner-container {
  position: fixed;
  z-index: 9999999;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  width: 154px;
  height: 154px;
  top: 50%;
  left: 50%;
  margin-left: -77px;
  margin-top: -77px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.global-spinner-container .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin-left: -25px;
  margin-top: -40px; }

.global-spinner-container .spinner div {
  background: #fff;
  width: 12%;
  height: 35%; }

.global-spinner-container .spinner-message {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 15px;
  text-align: center;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: bold; }

.global-spinner-container {
  display: flex; }
  .global-spinner-container.with-text {
    width: 200px;
    height: 200px; }
    .global-spinner-container.with-text .lds-roller {
      margin-top: 15px; }
  .global-spinner-container .lds-roller {
    margin-top: 2px; }
  .global-spinner-container .waiting-message {
    color: #fff;
    align-self: flex-end;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    padding-bottom: 5px;
    width: 100%;
    padding-bottom: 15px; }

/*BUTTONS FOR ADD USERS AND MACHINES*/
table *:not(input):not(textarea) {
  user-select: text !important; }

#admin-add-user {
  position: absolute;
  right: 0px;
  margin: 35px 10px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  top: 0px;
  right: 5px;
  z-index: 99;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center; }
  #admin-add-user svg {
    width: 50%;
    height: 19px;
    margin: 10px; }

#admin-add-machine {
  width: 65px;
  height: 65px;
  position: absolute;
  margin: 0 0 0 0px;
  border-radius: 50%;
  background-size: 100%;
  overflow: hidden;
  text-decoration: none;
  background-image: url("fleet_nero.png");
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center;
  float: right;
  cursor: pointer; }

.icons-for-users-table {
  width: 60%;
  height: 60%; }

/* RIGHT MENU WITH LABELS */
.switch-menu {
  width: 70px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9; }
  .switch-menu .switch-menu-bottom {
    height: auto;
    background: transparent; }
    .switch-menu .switch-menu-bottom div {
      margin-top: 0px;
      margin-bottom: 4px; }
  .switch-menu.info {
    height: 234px; }
  .switch-menu div {
    height: 76px;
    width: 100%;
    margin-top: 2px;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
    background-repeat: no-repeat; }
    .switch-menu div label {
      padding-top: 55px;
      font-size: 13px;
      margin: 0 auto;
      display: block;
      width: 100%;
      height: 20px;
      text-align: center;
      cursor: pointer; }
  .switch-menu > div:not(:fist-child) {
    margin-top: 2px; }
  .switch-menu .fleet-button {
    background-image: url("icons/fleet-default-startec.png");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center 15px;
    margin: 0px; }
    .switch-menu .fleet-button.active {
      background-image: url("icons/fleet-active-startec.png");
      background-color: #0c6092;
      background-position: center 15px; }
  .switch-menu .users-button {
    background-image: url("icons/users-default-startec.png");
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center 15px; }
    .switch-menu .users-button.active {
      background-image: url("icons/users-active-startec.png");
      background-color: #0c6092;
      background-position: center 15px; }
  .switch-menu .unit-assign-button {
    background-image: url("icons/assignment-default-startec.png");
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center 15px; }
    .switch-menu .unit-assign-button.active {
      background-image: url("icons/assignment-active-startec.png");
      background-color: #0c6092;
      background-position: center 15px; }
  .switch-menu .priority-button {
    background-image: url("icons/priority-default-startec.png");
    background-size: 46px;
    background-repeat: no-repeat;
    background-position: center 15px; }
    .switch-menu .priority-button.active {
      background-image: url("icons/priority-active-startec.png");
      background-color: #0c6092;
      background-position: center 15px; }
  .switch-menu .events-button {
    background-image: url("icons/events-default-startec.png");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center 10px; }
    .switch-menu .events-button.active {
      background-image: url("icons/events-active-startec.png");
      background-color: #0c6092;
      background-position: center 15px; }
  .switch-menu .consumption-button {
    background-image: url("icons/consumption-default-startec.png");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center 10px; }
    .switch-menu .consumption-button.active {
      background-image: url("icons/consumption-active-startec.png");
      background-color: #0c6092;
      background-position: center 15px; }

/*CSS FOR TABLES*/
#table-full-container {
  height: 100%;
  padding: 40px 40px; }

#table-full-container.log {
  background-image: url("backgrounds/Log.jpg");
  padding-top: 40px !important;
  background-size: cover;
  height: 100%; }
  #table-full-container.log .log-details {
    flex-direction: column; }
    #table-full-container.log .log-details div {
      flex-direction: column;
      justify-content: left;
      width: 90%;
      align-items: baseline; }
      #table-full-container.log .log-details div:not(:last-child) {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      #table-full-container.log .log-details div p {
        min-width: 20%;
        margin-right: 15px;
        text-align: left; }
        #table-full-container.log .log-details div p:last-child {
          width: auto; }

.input-icons {
  width: 5px;
  height: 5px;
  margin-bottom: 30px;
  margin-right: 50px;
  cursor: pointer; }

.filters-icons {
  width: 3px;
  height: 3px;
  margin: 0 10px 12px 10px; }
  .filters-icons.delete {
    width: 100px; }

.tables-title {
  width: 100%;
  height: 50px;
  border: 0 !important;
  font-size: 17px;
  color: #fff;
  text-align: center; }
  .tables-title .title-th {
    width: 100% !important;
    height: 50px;
    line-height: 30px;
    text-transform: uppercase; }

.title-table-filters-and-events {
  width: 100%;
  height: 50px;
  border: 0 !important;
  font-size: 20px;
  margin-bottom: 1px;
  text-align: center;
  width: 100% !important;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  text-transform: uppercase; }

.events-table {
  height: calc(100vh - 430px) !important; }

#last-row {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  top: calc(100vh - 260px);
  height: 80px; }
  #last-row .line-per-history-table {
    background: black;
    border: 1px solid rgba(255, 255, 255, 0.5);
    height: 100%;
    position: relative;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center; }
    #last-row .line-per-history-table div {
      position: absolute;
      height: 70%;
      right: 0;
      display: flex;
      align-items: center;
      width: 16.6%;
      justify-content: center;
      user-select: text; }
      #last-row .line-per-history-table div:first-child {
        right: 100px;
        border: 0; }

#last-row-machine-park {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  top: calc(100vh - 260px);
  height: 80px;
  z-index: 99; }
  #last-row-machine-park .input-group.dropdown {
    border-bottom: 0px; }
    #last-row-machine-park .input-group.dropdown .input-field {
      width: 100%;
      margin-top: 0px; }
      #last-row-machine-park .input-group.dropdown .input-field input {
        border-bottom: 1px solid #fff !important; }
  #last-row-machine-park .line-per-history-table {
    background: black;
    height: 100%;
    position: relative;
    display: flex;
    color: #fff;
    justify-content: space-around;
    align-items: center; }
    #last-row-machine-park .line-per-history-table > div {
      height: 100%;
      width: 33.3%;
      display: flex;
      justify-content: center;
      align-items: center; }
      #last-row-machine-park .line-per-history-table > div p {
        height: 18px; }

.table-cell, .table-cell-clickable, .table-cell-not-clickable {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  width: 100%;
  line-height: 67px;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease; }
  .table-cell.overflow-text:hover, .overflow-text.table-cell-clickable:hover, .overflow-text.table-cell-not-clickable:hover {
    overflow: visible;
    position: relative;
    width: max-content;
    left: 0;
    background: white;
    padding: 0px 10px;
    color: black;
    right: 0;
    margin: auto;
    text-align: left; }

.table-cell-clickable, .table-cell-not-clickable {
  cursor: pointer;
  text-decoration: underline; }

.table-cell-not-clickable {
  text-decoration: none; }

.startec tbody .input-group {
  border-bottom: 1px solid #0c6092; }

.startec #general-settings-table .type-standard_localization + .setting-value input {
  border-bottom: 1px solid #fff !important; }

#general-settings-table {
  width: 100%;
  margin: 0 auto; }
  #general-settings-table .type-language + .setting-value {
    z-index: 99; }
    #general-settings-table .type-language + .setting-value .input-group {
      margin-right: auto !important; }
  #general-settings-table .setting-value .input-group {
    margin-right: 0 !important; }
  #general-settings-table .type-standard_localization + .setting-value .col {
    margin-right: 0 !important;
    transform: translateY(13px); }
  #general-settings-table thead {
    height: 50px; }
  #general-settings-table tbody {
    overflow-y: auto;
    height: calc(100vh - 270px); }
    #general-settings-table tbody tr {
      width: 100%;
      height: 80px; }
      #general-settings-table tbody tr td {
        width: 45%;
        height: 100%;
        text-align: center;
        line-height: 4; }
        #general-settings-table tbody tr td .option-text {
          margin: 0px !important;
          text-align: left;
          width: 20%; }
        #general-settings-table tbody tr td.icon-align {
          width: 50%;
          text-align: left;
          padding-left: 80px;
          display: flex;
          align-items: center;
          justify-content: center; }
        #general-settings-table tbody tr td .autocomplete-dropdown-container {
          top: 50px;
          width: 100% !important;
          z-index: 99999; }
          #general-settings-table tbody tr td .autocomplete-dropdown-container .suggestion-item {
            width: 100%;
            justify-content: flex-start;
            height: 50px; }
          #general-settings-table tbody tr td .autocomplete-dropdown-container .suggestion-item-active {
            width: 100%;
            justify-content: flex-start;
            height: 50px; }
        #general-settings-table tbody tr td .autocomplete-root {
          position: relative;
          width: 100% !important; }
        #general-settings-table tbody tr td > div:not(.autocomplete-dropdown-container) {
          width: 70%;
          height: 100%;
          margin: 0 auto !important; }
          #general-settings-table tbody tr td > div:not(.autocomplete-dropdown-container) div {
            width: 70%; }
        #general-settings-table tbody tr td.setting-value {
          position: relative; }
          #general-settings-table tbody tr td.setting-value .button-for-svg {
            position: absolute;
            right: 25px; }
        #general-settings-table tbody tr td .input-field {
          margin-top: 0; }
        #general-settings-table tbody tr td .select-wrapper::after {
          transform: translateX(-15px); }

.startec table tbody .input-group {
  border-bottom: 1px solid #fff; }

.select-wrapper.select-wrapper {
  display: flex;
  align-items: center;
  width: 100% !important;
  justify-content: center; }
  .select-wrapper.select-wrapper li img {
    height: 30px;
    width: 40px;
    margin: 10px 15px;
    float: right; }
  .select-wrapper.select-wrapper li span {
    font-size: 14px !important; }
  .select-wrapper.select-wrapper input.select-dropdown {
    text-align: center;
    height: 30px;
    margin: 0 !important; }

.fa-undo.fa-undo {
  font-size: 22px !important;
  color: #fff; }

.disclaimer-row {
  line-height: 25px !important;
  width: 90% !important;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly; }

#separator-label {
  height: 100%;
  margin: 0 5px;
  padding: 75px 5px; }

.credits-logo {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center; }
  .credits-logo a img {
    width: 170px; }
    .credits-logo a img:first-child {
      margin-bottom: 10px; }

#table-height-fixer {
  height: 100%; }

#add-tech-container {
  flex-direction: column;
  max-width: 250px;
  margin: auto; }
  #add-tech-container > div {
    width: 80%;
    margin-bottom: 5px; }
  #add-tech-container .input-field {
    margin-top: 0; }
    #add-tech-container .input-field .select-dropdown {
      width: 100% !important; }
  #add-tech-container .single-tech-container {
    position: relative;
    padding: 10px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px 45px 10px 10px;
    justify-content: flex-start; }
    #add-tech-container .single-tech-container .tech-email {
      height: auto;
      text-align: left; }
    #add-tech-container .single-tech-container:last-child {
      margin-bottom: 10px; }
  #add-tech-container .tech-icon {
    cursor: pointer;
    padding: 5px;
    max-height: 24px;
    width: 24px;
    position: relative;
    box-sizing: content-box; }
    #add-tech-container .tech-icon.disabled {
      cursor: not-allowed;
      color: #aaaaaa; }
    #add-tech-container .tech-icon#add-tech-icon {
      margin: 0; }
    #add-tech-container .tech-icon#remove-tech-icon {
      position: absolute;
      right: 5px;
      margin: auto;
      line-height: 20px;
      font-size: 25px;
      font-weight: bold;
      text-align: center;
      transform: rotate(45deg);
      border-radius: 50%;
      max-height: 16px;
      width: 16px; }

table.sell-ecu thead tr:nth-child(2) th {
  width: calc(12.5% - 19px) !important; }
  table.sell-ecu thead tr:nth-child(2) th:nth-child(1) {
    width: 60px !important; }
  table.sell-ecu thead tr:nth-child(2) th:nth-child(2) {
    width: 5% !important; }
    table.sell-ecu thead tr:nth-child(2) th:nth-child(2) div label {
      padding-left: 20px; }
  table.sell-ecu thead tr:nth-child(2) th:nth-child(4) {
    width: calc(15% - 19px) !important; }

table.sell-ecu tbody tr td {
  width: calc(12.5% - 19px) !important; }
  table.sell-ecu tbody tr td:nth-child(1) {
    width: 60px !important; }
  table.sell-ecu tbody tr td:nth-child(2) {
    width: 5% !important; }
    table.sell-ecu tbody tr td:nth-child(2) div label {
      padding-left: 20px; }
  table.sell-ecu tbody tr td:nth-child(4) {
    width: calc(15% - 19px) !important; }

table.users thead tr:nth-child(2) th {
  width: 6% !important; }
  table.users thead tr:nth-child(2) th:nth-child(1) {
    width: 60px !important; }
  table.users thead tr:nth-child(2) th:nth-child(4) {
    width: 22.5% !important; }
  table.users thead tr:nth-child(2) th:nth-child(5) {
    width: 11.5% !important; }
  table.users thead tr:nth-child(2) th:nth-child(6) {
    width: 18.6% !important; }
  table.users thead tr:nth-child(2) th:nth-child(2), table.users thead tr:nth-child(2) th:nth-child(3) {
    width: 17.6% !important; }

table.users tbody tr td {
  width: 6% !important; }
  table.users tbody tr td:nth-child(1) {
    width: 60px !important; }
  table.users tbody tr td:nth-child(4) {
    width: 22.5% !important; }
  table.users tbody tr td:nth-child(5) {
    width: 11.5% !important; }
  table.users tbody tr td:nth-child(6) {
    width: 18.6% !important; }
  table.users tbody tr td:nth-child(2), table.users tbody tr td:nth-child(3) {
    width: 17.6% !important; }

table.info.stor-irr-table thead tr:nth-child(2) th {
  width: 12.33333% !important; }
  table.info.stor-irr-table thead tr:nth-child(2) th:nth-child(1) {
    width: 60px !important; }
  table.info.stor-irr-table thead tr:nth-child(2) th:nth-child(2) {
    width: 10.33% !important; }
  table.info.stor-irr-table thead tr:nth-child(2) th:nth-child(3) {
    width: 10.33% !important; }
  table.info.stor-irr-table thead tr:nth-child(2) th:nth-child(4) {
    width: 12% !important; }
  table.info.stor-irr-table thead tr:nth-child(2) th:nth-child(9), table.info.stor-irr-table thead tr:nth-child(2) th:nth-child(10), table.info.stor-irr-table thead tr:nth-child(2) th:nth-child(11) {
    width: 6% !important; }

table.info.stor-irr-table tbody tr td {
  width: 12.33333% !important; }
  table.info.stor-irr-table tbody tr td:nth-child(1) {
    width: 60px !important; }
  table.info.stor-irr-table tbody tr td:nth-child(2) {
    width: 10.33% !important; }
  table.info.stor-irr-table tbody tr td:nth-child(3) {
    width: 10.33% !important; }
  table.info.stor-irr-table tbody tr td:nth-child(4) {
    width: 12% !important; }
  table.info.stor-irr-table tbody tr td:nth-child(9), table.info.stor-irr-table tbody tr td:nth-child(10), table.info.stor-irr-table tbody tr td:nth-child(11) {
    width: 6% !important; }

table.info.stor-irr-table .icons-for-summary .icon-outside {
  fill: transparent; }

.table-offices thead tr:nth-child(2) th:nth-child(1) {
  width: 55px; }

.table-offices .offices-row {
  position: relative; }
  .table-offices .offices-row .item-coordinate {
    cursor: auto; }
  .table-offices .offices-row .item-depth {
    cursor: auto; }
  .table-offices .offices-row .item-fleetType {
    cursor: auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    .table-offices .offices-row .item-fleetType div, .table-offices .offices-row .item-fleetType svg {
      margin: 10px; }
  .table-offices .offices-row .item-name, .table-offices .offices-row .item-admin {
    cursor: auto; }
    .table-offices .offices-row .item-name > div span, .table-offices .offices-row .item-admin > div span {
      cursor: pointer;
      border-bottom: 1px solid; }
      .table-offices .offices-row .item-name > div span:hover, .table-offices .offices-row .item-admin > div span:hover {
        border-color: transparent; }
  .table-offices .offices-row.depth-1.has-children {
    color: #fff;
    font-weight: bold; }
  .table-offices .offices-row.is-child {
    color: #fff; }
  .table-offices .offices-row .expand {
    position: absolute;
    height: 100%;
    right: 0;
    width: 46px;
    left: auto;
    bottom: auto; }
    .table-offices .offices-row .expand > .material-icons {
      position: absolute;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%; }

table.fleets td:not(:first-child) {
  cursor: pointer; }

.type-select-wrapper {
  width: 100%;
  display: flex;
  align-items: center; }
  .type-select-wrapper .type-select-text {
    font-weight: 600;
    margin-right: 20px; }

.fleet-register .fleet-type {
  left: 50%;
  transform: translateX(-50%); }

.map-tooltip {
  position: absolute;
  top: -35px;
  cursor: pointer;
  font-size: 12px;
  border-radius: 5px;
  width: max-content;
  word-wrap: break-word;
  height: 30px;
  padding: 5px;
  z-index: 99999999; }
  .map-tooltip::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 24px;
    left: 5px;
    display: block;
    transform: rotate(45deg);
    z-index: -10; }
  .map-tooltip.reverse {
    transform: translate(-75px, 0); }
    .map-tooltip.reverse::before {
      right: 2px;
      left: unset; }
  .map-tooltip p {
    text-align: center;
    white-space: nowrap;
    font-size: 14px; }

.tooltip-manage-menu {
  padding: 0 5px 0 5px;
  display: none;
  opacity: 0;
  width: max-content;
  height: 30px;
  line-height: 30px;
  position: absolute;
  border-radius: 5px;
  text-align: center;
  top: 80px;
  right: 0;
  font-size: 15px;
  -o-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease; }
  .tooltip-manage-menu::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: -5px;
    right: 25px;
    display: block;
    transform: rotate(45deg);
    z-index: -10; }

.show-tooltip {
  display: block;
  opacity: 1; }

.layer-tooltip {
  padding: 5px;
  word-break: break-word;
  height: auto;
  line-height: 20px;
  position: absolute;
  border-radius: 5px;
  text-align: center;
  left: 180px;
  font-size: 14px;
  -o-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease; }
  .layer-tooltip::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 7.5px;
    left: -5px;
    display: block;
    transform: rotate(45deg);
    z-index: -10; }

#tooltip-container-well {
  padding: 5px;
  line-height: 25px;
  position: absolute;
  border-radius: 5px;
  word-break: break-word;
  min-width: 100px;
  min-height: 30px;
  white-space: nowrap;
  text-align: center;
  top: -38px;
  z-index: 999999999;
  font-size: 14px;
  -o-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease; }

#tooltip-container-machine {
  padding: 2px;
  line-height: 25px;
  position: absolute;
  border-radius: 5px;
  text-align: center;
  top: 0px;
  left: -45px;
  font-size: 14px;
  -o-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  min-height: 30px;
  min-width: 100px;
  white-space: nowrap; }

#centered-div.map-tooltip {
  transition: all linear 70ms;
  pointer-events: none; }

#centered-eye-div {
  position: absolute;
  right: 0px;
  top: 40px;
  height: 20px;
  z-index: 9;
  line-height: 25px;
  border-radius: 5px;
  width: auto !important;
  width: max-content;
  padding: 15px; }
  #centered-eye-div p {
    font-size: 15px !important; }

#tooltip-container-machine.rotated {
  transform: rotate(180deg);
  top: -10px; }

.tooltip-point {
  height: 5px;
  width: 5px;
  stroke-width: 1; }

.tip-mea {
  font-weight: bold;
  font-size: 20px; }

#timeline-wrapper {
  position: relative;
  bottom: 45px;
  right: 0;
  height: 45px;
  width: 100%;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.35); }

#timeline-wrapper-layer {
  position: absolute;
  bottom: 32px;
  height: 45px; }

#timeline-buttons-container {
  position: absolute;
  right: -75%;
  height: 100px;
  width: 75px;
  bottom: 100px; }

#timeline-buttons-container-chart {
  position: absolute;
  right: 0px;
  height: 100px;
  width: 70px;
  bottom: 140px; }

.timeline-button {
  width: 75px;
  height: 55px;
  margin-bottom: 2px;
  border-radius: 5px 0 0 5px;
  background-repeat: no-repeat;
  background-position: center 6px;
  background-size: 40px; }

#timeline-chart-container {
  width: 100%;
  position: absolute;
  bottom: 10px;
  height: calc(37.5% - 30px);
  display: flex;
  justify-content: flex-end;
  flex-direction: column; }
  #timeline-chart-container .recharts-responsive-container-advanced {
    height: 75%; }
  #timeline-chart-container .timeline-chart-title {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 15%;
    left: 4px; }

#dotted-line {
  border: 1.5px dashed #0c6092;
  position: relative;
  width: 100%;
  margin-top: 21px; }

#stretch-dotted {
  display: flex;
  justify-content: center; }

#margin-stretch {
  position: relative;
  width: 100%; }

#timeline-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  border: 1px solid #fff; }

.circle-machine-graphic {
  width: 65%;
  margin: 5px;
  height: 65%; }

#timeline-circle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid;
  cursor: pointer; }

.timeline-circle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  cursor: pointer;
  height: 30px;
  width: 30px;
  background-image: url("circle_error.png");
  background-size: contain; }

.timeline-time {
  width: 35px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  font-size: 12px;
  font-weight: bold; }

#timeline-text {
  font-weight: bold; }

.c3-axis.c3-axis-y text {
  transform: rotate(0deg) translate(58px, 100px); }

.c3-axis.c3-axis-y .domain {
  transform: translate(-20px, 0px); }

.c3-axis.c3-axis-y .tick line, .c3-axis.c3-axis-y .tick text {
  transform: translateX(-20px); }

.personification-border .modal-charts-layer {
  width: calc(100% - 60px);
  height: calc(100% - 140px);
  top: 110px;
  bottom: 30px;
  right: 30px;
  left: 30px; }
  .personification-border .modal-charts-layer .timeline-button {
    width: 70px; }

.modal-charts-layer {
  width: 100%;
  height: calc(100% - 80px);
  display: none;
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 9999999999;
  background-color: black;
  transition: all 300ms ease; }

.show-modal {
  display: block !important; }

.back-icon-charts {
  background-image: url("icons/back-default.png");
  background-size: 35px !important;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  background-size: 50px;
  height: 50px;
  position: absolute;
  right: 13px;
  top: 25px;
  z-index: 9999999;
  cursor: pointer; }

.lateral-menu-charts {
  position: absolute;
  top: 15%;
  right: -250px;
  width: 220px;
  margin: 1% 0;
  /* max-height:220px;
  overflow-y: auto; */
  transition: right 400ms ease;
  padding: 20px 0 20px 20px; }

.lateral-menu-open {
  right: 0; }

.close-right-panel {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px;
  position: absolute;
  left: -50px;
  top: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-image: url(freccia_chiudi.png);
  -o-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 99999; }

.arrow-right {
  transform: rotate(-180deg); }

.charts-expanded {
  width: 700px !important;
  height: 400px !important;
  top: 50%;
  left: 50%;
  background: black;
  border: 1px solid #ccc;
  max-height: inherit !important;
  margin-top: -250px;
  margin-left: -350px; }

.export-pdf {
  position: absolute;
  width: 200px;
  line-height: 40px;
  text-align: center;
  height: 40px;
  color: #0c6092;
  bottom: 30%;
  left: 50%;
  margin-left: -350px;
  margin-bottom: -280px;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer; }

.export-pdf p {
  padding-right: 20px; }

.export-pdf i.fa-download {
  font-size: 25px !important;
  color: #0c6092 !important;
  float: lefT;
  padding-left: 30px;
  line-height: 40px; }

.chart-bg-button {
  background-image: url(chart-line.png);
  background-position: center center;
  background-color: #fff; }

.chart-bg-button-white {
  background-image: url(chart-line-white.png);
  background-position: center center;
  background-color: #0c6092; }

.customized-label-charts {
  position: absolute;
  width: 200px;
  height: 20px;
  color: #fff;
  left: 0;
  font-size: 16px; }

.modal-charts-layer .recharts-responsive-container-advanced-expanded {
  margin-top: 45px; }

.chart-container-expanded {
  width: calc(90vw / 1.5) !important;
  height: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  /* margin-left: 350px; */ }
  .chart-container-expanded .recharts-responsive-container-advanced-expanded {
    height: 60%; }
  .chart-container-expanded.layer #events-display-container {
    max-height: calc(23% - 50px); }
  .chart-container-expanded #events-display-container {
    width: calc(100% - 65px);
    max-height: calc(23% - 60px);
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    position: absolute;
    right: 65px; }
    .chart-container-expanded #events-display-container .single-event-info {
      min-height: 70px;
      width: 23.2%;
      margin: 1% 0.9%;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      border-radius: 5px;
      padding: 10px; }
      .chart-container-expanded #events-display-container .single-event-info div {
        font-size: 13px; }
    .chart-container-expanded #events-display-container.layer {
      max-height: calc(23% - 110px); }

.left-transition-chart-container {
  right: 50px; }

.measure-labels {
  width: 100%;
  margin-bottom: 2px;
  line-height: 40px;
  font-size: 30px;
  padding: 1px;
  display: flex;
  padding-left: 10px;
  justify-content: space-between;
  border-radius: 5px 0 0 5px;
  justify-items: stretch;
  transition: all 300ms ease;
  cursor: pointer;
  align-items: center; }
  .measure-labels.disabled {
    background: #999 !important; }
    .measure-labels.disabled label {
      color: #ccc !important; }

.lateral-menu-charts #wc {
  cursor: not-allowed !important; }

.measure-labels label {
  font-size: 13px;
  line-height: 2;
  padding: 5px;
  padding-right: 5px;
  font-size: 13px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#wc label {
  position: relative;
  right: 0;
  font-weight: 200;
  cursor: default; }

.measure-labels label:last-child {
  position: relative;
  right: 0;
  font-weight: 200; }

/* COLORI MISURE */
#um.active {
  border-left: 8px solid #1043A6; }

#vm.active {
  border-left: 8px solid #ffc712; }

#sp.active {
  border-left: 8px solid #46E5EA; }

#b.active {
  border-left: 8px solid #f33748; }

#ve.active {
  border-left: 8px solid #d7b8dc; }

#fl.active {
  border-left: 8px solid #0080ff; }

#wa.active {
  border-left: 8px solid #2e8b57; }

#gs.active {
  border-left: 8px solid #71c32b; }

#m.active {
  border-left: 8px solid #999999; }

#clear-measure-pack {
  text-align: center;
  cursor: pointer; }

#clear-measure-pack label {
  width: 100%;
  font-weight: bold; }

#recharts-responsive-container-advanced {
  position: absolute;
  height: 85%;
  width: calc(100% + 65px);
  top: 120px; }
  #recharts-responsive-container-advanced .recharts-responsive-container {
    height: 60% !important; }

#machine-dot {
  height: 40px;
  width: 40px;
  background: 'transparent';
  bottom: -60px;
  position: absolute;
  border-radius: 50%;
  border: 2px solid white;
  background-image: url(icons/machine-white.png);
  background-size: 27px;
  background-repeat: no-repeat;
  background-position: 5px 4px;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translate(-20px); }

.highcharts-reset-zoom rect {
  fill: transparent;
  stroke-width: 0; }

.highcharts-reset-zoom text {
  display: none; }

.highcharts-container, .recharts-responsive-container-advanced-expanded > div, .recharts-responsive-container-advanced > div {
  overflow: visible !important; }

.highcharts-container {
  margin: 0 auto; }

.highcharts-reset-zoom, .highcharts-exporting-group {
  cursor: pointer; }
  .highcharts-reset-zoom .highcharts-button-box, .highcharts-exporting-group .highcharts-button-box {
    height: 30px;
    width: 30px;
    x: -2;
    y: -3; }

#users-support-tech-container .pointer {
  cursor: auto;
  display: flex;
  align-items: center;
  justify-content: center; }

@media print {
  .chart-container-expanded #events-display-container {
    position: relative !important; }
  #layer-central-panel > .label-state-container {
    display: none; }
  #layer-central-panel .label-state-title {
    margin-top: 40px !important; }
  .label-state-container {
    max-height: 30px !important; }
  .print-disclaimer {
    display: block;
    visibility: visible !important;
    position: absolute;
    top: 120px; }
  .info-bg .recharts-responsive-container-advanced-expanded {
    margin-top: 150px; }
  .info-bg .print-disclaimer {
    top: 0; }
  .info-bg .print-disclaimer {
    transform: translateY(8px) !important; }
  .info-bg .label-estimated-time {
    width: 100% !important; }
  .info-bg .label-state-title {
    margin-top: 20px !important; }
  .info-bg .modal-charts-layer .label-state-container {
    margin-top: 0 !important; }
  .info-bg .modal-charts-layer .chart-container-expanded {
    margin-top: 0 !important; }
  .info-bg .modal-charts-layer .label-estimated-time {
    width: 100%; }
  .modal-charts-layer .label-state-container {
    margin-top: 100px !important; }
  #events-display-container {
    position: relative; }
  .single-event-info {
    position: relative;
    page-break-inside: avoid; }
  .timeline-button.pointer.chart-main.active {
    display: none; }
  .personification-border {
    padding: 0 !important; }
    .personification-border .modal-charts-layer {
      top: 0;
      left: 0; }
    .personification-border .label-state-container {
      margin-top: 130px !important; }
    .personification-border .timeline-button.time.active,
    .personification-border .timeline-button.pointer.length,
    .personification-border .timeline-button.pointer.chart-main.active {
      display: none; }
  body {
    overflow: visible; }
    body * {
      visibility: hidden; }
  #manage-tables-container {
    display: none; }
  .recharts-responsive-container-advanced.layer {
    display: none !important; }
  .highcharts-root {
    width: 700px; }
  .highcharts-container {
    width: auto !important; }
  #timeline-buttons-container-chart {
    display: none !important; }
  .single-event-info {
    position: relative;
    display: block !important;
    page-break-inside: avoid; }
  .highcharts-reset-zoom {
    display: none !important; }
  #root {
    overflow: visible; }
  #divHome {
    height: auto !important; }
  #top-nav {
    display: none !important; }
  #divHome.logged, #content-wrapper, #full-container, .info-bg, #log-container-block, .terrain-settings, .wells-container, #fleets-container, #reels-container, #users-support-container, #users-support-tech-container {
    overflow: visible; }
  .modal-charts-layer {
    top: 0;
    position: relative !important; }
  #layer-container {
    position: relative !important; }
  #timeline-buttons-container {
    position: relative !important;
    height: auto !important;
    right: unset !important;
    width: 100% !important; }
  #timeline-chart-container {
    position: relative !important;
    height: 100%; }
  #layer-central-panel {
    position: relative !important;
    width: 100% !important; }
    #layer-central-panel > .label-state-container {
      display: none !important; }
  .chart-container-expanded {
    width: 100% !important;
    margin-left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    right: 0px;
    height: auto; }
  .bottom-menu {
    display: none !important; }
  .timeline-button.time.active,
  .timeline-button.pointer.length,
  .timeline-button.pointer.chart-main.active {
    display: none; }
  .label-state-container {
    width: auto;
    float: right;
    margin-bottom: 25px !important;
    margin-top: 100px !important; }
  .label-state-container, .label-state-container * {
    visibility: visible;
    color: #000 !important; }
  .recharts-responsive-container-advanced-expanded {
    height: auto;
    float: right; }
  .recharts-responsive-container-advanced-expanded {
    height: 100% !important; }
  .recharts-responsive-container-advanced-expanded, .recharts-responsive-container-advanced-expanded *, #events-display-container, #events-display-container * {
    visibility: visible; }
    .recharts-responsive-container-advanced-expanded .highcharts-axis-labels.highcharts-xaxis-labels text, .recharts-responsive-container-advanced-expanded * .highcharts-axis-labels.highcharts-xaxis-labels text, #events-display-container .highcharts-axis-labels.highcharts-xaxis-labels text, #events-display-container * .highcharts-axis-labels.highcharts-xaxis-labels text {
      color: #000 !important;
      fill: #000 !important; }
  #events-display-container {
    overflow: unset !important;
    left: 0px;
    right: 0px;
    margin: auto;
    max-height: 100% !important;
    max-width: 700px !important;
    margin-top: 100px; }
  .highcharts-exporting-group {
    display: none; }
  .highcharts-background {
    fill: #fff; } }

#top-nav {
  display: inherit;
  height: 80px;
  box-shadow: none;
  z-index: 9999; }
  #top-nav .navbar-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 50px;
    padding-left: 85px; }
    #top-nav .navbar-wrapper .language-selector-wrapper {
      width: 60px;
      height: 30px;
      right: 20px;
      top: 6px;
      position: absolute;
      border-radius: 5px; }
      #top-nav .navbar-wrapper .language-selector-wrapper .language-dropdown {
        margin: 0;
        padding: 3px;
        z-index: 999;
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 0;
        height: 0px;
        width: 100%;
        opacity: 0;
        border-radius: 5px;
        overflow: hidden;
        -o-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease; }
        #top-nav .navbar-wrapper .language-selector-wrapper .language-dropdown.opened {
          height: 150px;
          opacity: 1; }
        #top-nav .navbar-wrapper .language-selector-wrapper .language-dropdown .language-choose {
          height: 25%;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
      #top-nav .navbar-wrapper .language-selector-wrapper .lang-dropdown-arrow {
        width: 10px;
        height: 10px;
        position: absolute;
        right: 3px;
        top: 0;
        bottom: 0;
        margin: auto; }
      #top-nav .navbar-wrapper .language-selector-wrapper .flag-icon {
        position: absolute !important;
        cursor: pointer;
        width: 100%;
        height: 25px; }
      #top-nav .navbar-wrapper .language-selector-wrapper .preview-flag {
        top: 0;
        bottom: 0;
        margin: auto;
        left: 3px;
        width: 65%;
        height: 65%; }
  #top-nav .brand-logo-image {
    flex: 1;
    width: 230px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer; }
    @media (min-width: 768px) {
      #top-nav .brand-logo-image {
        height: 60px; } }
    @media (max-width: 768px) {
      #top-nav .brand-logo-image {
        height: 40px; } }
  #top-nav .myirrigation-logo {
    flex: 1;
    width: 230px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    cursor: pointer;
    height: 55px; }
    @media (max-width: 768px) {
      #top-nav .myirrigation-logo {
        display: none; } }
  #top-nav .language-and-info {
    flex: 1; }
  #top-nav #language-switcher span:not(:first-child)::after {
    content: "";
    height: 43%;
    bottom: 0;
    left: 13px;
    top: 9px;
    width: 2px;
    position: relative;
    display: inline-block;
    margin-left: 6px; }
  #top-nav #language-switcher .flag-icon {
    height: 28px;
    margin-left: 10px;
    cursor: pointer;
    float: right; }
    #top-nav #language-switcher .flag-icon:hover {
      opacity: 0.5; }
  #top-nav #tm-infobox {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #top-nav #tm-infobox .fa-sign-out {
      float: left;
      color: currentColor;
      cursor: pointer; }
    #top-nav #tm-infobox #user-name-info {
      font-size: 18px;
      font-weight: bold;
      margin: 0 10px; }
      @media (min-width: 768px) {
        #top-nav #tm-infobox #user-name-info {
          padding-right: 20px;
          padding-left: 15px; } }
      #top-nav #tm-infobox #user-name-info #user-name-info-fleet {
        padding-top: 7px;
        font-style: italic;
        font-size: 16px;
        display: flex;
        align-items: flex-end; }
        #top-nav #tm-infobox #user-name-info #user-name-info-fleet svg {
          width: 16px;
          height: 18px;
          margin-right: 5px; }
  #top-nav .connection-icon {
    margin-right: 10px;
    float: left;
    width: 30px;
    height: 30px;
    cursor: default;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }

#after-login-msg {
  margin-bottom: 9px;
  font-size: 18px;
  color: #000; }

.login-wrapper > #after-login-msg {
  margin-bottom: 20px; }

.end-support-btn {
  display: flex; }

.al-box-title {
  font-size: 21px; }

.weather-box h2 > span {
  float: left; }

.weather-box h2 > i {
  float: right; }

.side-panel-close-btn {
  z-index: 999999;
  top: 20px;
  left: 10px; }
  .side-panel-close-btn svg {
    width: 2.2em;
    height: 2.2em; }
  .side-panel-close-btn.info-page {
    display: none; }

.machine-svg {
  width: 30px;
  height: 30px; }

.back-button-right-menu {
  display: none; }

#search-bar-container {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 20px;
  width: 100%;
  left: 0;
  right: 0; }

#drop-area #side-panel-title-container svg {
  height: 40px;
  width: 40px; }

#side-panel-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 100%;
  position: relative;
  white-space: nowrap;
  margin-bottom: 10px; }
  #side-panel-title-container svg:first-child {
    margin-right: 10px; }
  #side-panel-title-container.second {
    width: 100%;
    margin-top: 30px; }
    #side-panel-title-container.second svg {
      height: 2em;
      width: 2em;
      margin-right: 10px; }
  #side-panel-title-container .title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px; }

.btn-regular#add-field, .btn-regular#add-stripe, .btn-regular#add-well {
  margin-right: 15px;
  border-radius: 5px;
  transition: 250ms color ease-in-out, 250ms background ease-in-out; }

#add-field, #add-well {
  padding: 0 10px;
  position: absolute;
  right: 0px;
  top: 18px;
  text-align: center;
  cursor: pointer; }

#add-field, #add-well, #add-stripe {
  display: flex;
  padding: 7px; }
  #add-field > svg, #add-well > svg, #add-stripe > svg {
    width: 16px;
    height: 16px; }

#add-stripe {
  position: absolute;
  right: -19.5px;
  top: 0px;
  text-align: center;
  cursor: pointer; }

#square-point {
  width: 15px;
  height: 15px;
  border-radius: 2px; }

.terrain-settings #side-tool-bar, .wells-container #side-tool-bar {
  height: 100%; }

#side-tool-bar {
  position: absolute;
  width: 60px;
  height: 100px;
  height: calc(100% - 45px);
  z-index: 999999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: width 0.5s ease, height 0.2s ease-in-out; }
  #side-tool-bar.full-height {
    height: 100%; }
    #side-tool-bar.full-height ~ #left-bar-container {
      height: 100%;
      z-index: 99999 !important; }
  #side-tool-bar.expanded {
    width: 210px; }
    #side-tool-bar.expanded .side-tool.active {
      padding: 5px;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      margin-left: 10px !important; }
      #side-tool-bar.expanded .side-tool.active label {
        border-bottom: 0px !important; }
    #side-tool-bar.expanded .side-tool:hover label {
      border-bottom: 2px solid #fff; }
    #side-tool-bar.expanded .side-tool svg {
      background: none !important;
      padding: 5px !important; }
  #side-tool-bar .side-tool:first-child {
    margin-top: 0px; }
  #side-tool-bar .side-tool {
    cursor: pointer;
    width: 100%;
    height: 60px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    #side-tool-bar .side-tool.active {
      box-shadow: inset 0px 0px 8px -4px rgba(0, 0, 0, 0.75); }
    #side-tool-bar .side-tool svg:hover {
      background: rgba(255, 255, 255, 0.2); }
  #side-tool-bar svg {
    padding: 5px;
    fill: #fff;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    position: relative; }
  #side-tool-bar label {
    white-space: nowrap;
    color: #fff;
    font-size: 15px;
    cursor: pointer; }

.line-per-history-table .dropdown-content.select-dropdown.active {
  min-height: 160px; }

input#irr_start_date-start::placeholder,
input#irr_start_date-end::placeholder,
input#irr_end_date-start::placeholder,
input#irr_end_date-end::placeholder,
input#search-bar-input::placeholder {
  color: #cacaca; }

.react-datepicker__day--keyboard-selected:hover {
  background-color: #0c6092; }

#filter-full-container {
  display: flex;
  height: 40px;
  align-items: flex-end; }
  #filter-full-container .input-group {
    width: 100%; }
  #filter-full-container ~ i.material-icons {
    height: 24px;
    width: 24px; }

.settings-autocomplete .input-group-append:nth-child(2) {
  right: 50px; }

input.form-control.py-2.border-right-0.border {
  width: 100% !important; }

[type="checkbox"].reset-checkbox,
[type="checkbox"].reset-checkbox:checked,
[type="checkbox"].reset-checkbox:not(checked) {
  position: relative; }

#location-search-bar {
  position: absolute;
  right: 60px !important;
  top: 20px !important;
  width: 300px; }
  #location-search-bar .input-group {
    width: 100%; }
    #location-search-bar .input-group input[type="text"] {
      width: 85% !important;
      color: white; }

#location-search-bar-bottom {
  position: absolute;
  bottom: 20px !important;
  right: 0px !important;
  top: auto !important;
  width: 400px; }

#date-pickers-container-full {
  display: flex;
  justify-content: space-between;
  flex-direction: row; }

#date-pickers-container-full .react-datepicker-wrapper {
  float: none; }

#date-pickers-container-full .react-datepicker-wrapper input {
  margin: 0px; }
  #date-pickers-container-full .react-datepicker-wrapper input:focus {
    box-shadow: none !important; }

#date-pickers-container-full .react-datepicker-popper {
  top: 20px !important; }

.startec {
  /* Meteor status */
  /* Buttons */
  /* SWAL */
  /* REGISTER MODAL */
  /* TOOLTIP */
  /* SIDE PANEL */
  /* MACHINE BLOCK */
  /* CHART BUTTONS */
  /* TABLE */
  /* manage tables btns */
  /* Records User */ }
  .startec .icon-filter-manage-container > button > svg {
    margin-top: 4px;
    margin-left: 5px;
    width: 27px !important;
    height: 23px !important;
    margin-left: 2px;
    fill: #fff; }
  .startec .icon-filter-manage-container button:hover svg {
    fill: #0c6092; }
  .startec .activity-info-container .input-container > .value-icon {
    width: auto !important;
    background: none !important;
    color: #0c6092 !important;
    border: 0; }
    .startec .activity-info-container .input-container > .value-icon.pause-icon {
      max-width: 40px;
      max-height: 40px; }
  .startec .activity-time.activity-start-time > .value-icon,
  .startec .activity-time.activity-end-time > .value-icon {
    background: none !important;
    color: #0c6092 !important; }
  .startec .icon-measure {
    color: #0c6092 !important; }
  .startec #modal-body .activity-box .activity-info-container {
    width: 100%;
    padding: 0 20px; }
    .startec #modal-body .activity-box .activity-info-container .input-container {
      justify-content: space-between; }
  .startec #modal-body .activity-box .activity-time.activity-start-time,
  .startec #modal-body .activity-box .activity-time.activity-end-time {
    padding: 0 20px;
    width: 100%;
    justify-content: space-between; }
  .startec .last-irrigation-title {
    color: #0c6092; }
    .startec .last-irrigation-title > p {
      padding-left: 5px;
      font-weight: 600; }
    .startec .last-irrigation-title .flex-column {
      display: flex;
      flex-wrap: wrap; }
      .startec .last-irrigation-title .flex-column .map-box-wrapper {
        display: flex;
        width: 100%;
        flex-basis: 100%; }
        .startec .last-irrigation-title .flex-column .map-box-wrapper .map-box-row-vertical {
          width: 50%;
          flex-basis: 50%; }
    .startec .last-irrigation-title > p {
      margin-left: 5px; }
  .startec .meteor-status > .meteor-status-retry {
    margin-left: 10px;
    background: #0c6092;
    color: #fff !important;
    border: 2px solid #0c6092;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 200ms ease-in-out; }
    .startec .meteor-status > .meteor-status-retry:hover {
      background: #fff;
      color: #0c6092 !important; }
  .startec #role-icon-container .button-for-svg {
    width: 2.3em !important;
    height: 2.3em !important; }
  .startec .button-for-svg .icons-for-users-table {
    width: 90%;
    height: 90%; }
  .startec .button-for-svg.edit-role {
    cursor: pointer;
    background: #0c6092;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    transition: background 200ms ease-in-out; }
    .startec .button-for-svg.edit-role:hover {
      background: #fff; }
      .startec .button-for-svg.edit-role:hover > .icons-for-users-table {
        fill: #0c6092; }
    .startec .button-for-svg.edit-role > .icons-for-users-table {
      padding: 5px;
      background: transparent;
      position: absolute;
      fill: #fff;
      border-radius: 5px;
      border: 2px solid #0c6092;
      top: 0px;
      left: 0px;
      transition: all 200ms ease-in;
      transition-property: background, color;
      width: 2.3em !important;
      height: 2.3em !important; }
  .startec #download-csv, .startec #notarization-button, .startec #notarization-button-disabled {
    position: absolute;
    right: 5px;
    margin: 35px 10px;
    width: 60px;
    height: 60px;
    background: #0c6092;
    border-radius: 15px;
    border: 2px solid #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 200ms ease-in-out; }
    .startec #download-csv svg, .startec #notarization-button svg, .startec #notarization-button-disabled svg {
      transition: color 200ms ease-in-out; }
    .startec #download-csv:hover, .startec #notarization-button:hover, .startec #notarization-button-disabled:hover {
      background: #fff; }
      .startec #download-csv:hover svg, .startec #notarization-button:hover svg, .startec #notarization-button-disabled:hover svg {
        color: #0c6092; }
    .startec #download-csv i, .startec #notarization-button i, .startec #notarization-button-disabled i {
      color: #fff;
      font-size: 18px; }
  .startec #notarization-button {
    top: 5rem; }
  .startec #notarization-button-disabled {
    background: grey;
    top: 5rem; }
  .startec .remote-access-btn {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    padding: 5px;
    background: #0c6092;
    cursor: pointer;
    transition: background 200ms ease-in-out;
    border: 2px solid #0c6092; }
    .startec .remote-access-btn > svg {
      max-width: 100%;
      max-height: 100%;
      padding: 3px;
      transform: translate(-2px, -1px);
      fill: #fff;
      transition: fill 200ms ease-in-out; }
    .startec .remote-access-btn:hover {
      background: #fff; }
      .startec .remote-access-btn:hover svg {
        fill: #0c6092; }
  .startec .logout-wrapper,
  .startec .end-support-btn {
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 5px;
    background: #fff;
    cursor: pointer;
    transition: background 200ms ease-in-out; }
    .startec .logout-wrapper > svg,
    .startec .end-support-btn > svg {
      fill: #0c6092;
      transition: fill 200ms ease-in-out; }
    .startec .logout-wrapper:hover,
    .startec .end-support-btn:hover {
      background: #0c6092; }
      .startec .logout-wrapper:hover svg,
      .startec .end-support-btn:hover svg {
        fill: #fff; }
  .startec .weather-box #grid-switch {
    background: #0c6092; }
    .startec .weather-box #grid-switch > svg {
      fill: #fff; }
    .startec .weather-box #grid-switch:hover {
      background: #fff; }
      .startec .weather-box #grid-switch:hover > svg {
        fill: #0c6092; }
  .startec [type="checkbox"].filled-in-custom:not(:checked) + label:after {
    border: 2px solid #fff !important; }
  .startec .switch-menu div label {
    color: #0c6092; }
  .startec .switch-menu.active label {
    color: #fff; }
  .startec .timeline-time {
    color: #fff; }
  .startec #timeline-circle {
    background-color: #0c6092;
    color: #fff;
    border-color: #fff; }
  .startec .timeline-circle {
    background-color: #0c6092; }
  .startec .autocomplete-root button i.fa-save,
  .startec .autocomplete-root button i.fa-undo {
    color: #fff; }
  .startec #general-settings-table .row-version .setting-value p {
    border-bottom: 1px solid #000;
    line-height: 1.8; }
    .startec #general-settings-table .row-version .setting-value p:hover {
      border-bottom: 1px solid transparent; }
  .startec #log-container-block .react-datepicker__input-container > input,
  .startec #manage-tables-container .react-datepicker__input-container > input {
    border-color: #fff !important;
    color: #fff;
    font-weight: 600; }
  .startec .machine-block .expand {
    background-color: #0c6092;
    color: #fff !important;
    transition: all 200ms ease-in-out;
    box-sizing: content-box;
    border-radius: 5px; }
    .startec .machine-block .expand:hover {
      background-color: #fff;
      color: #0c6092 !important; }
  .startec #search-bar-container .input-group.dark > input {
    color: #0c6092 !important; }
  .startec #infobox-right-option .activity-end-time-title,
  .startec #infobox-right-option .activity-start-time-title,
  .startec #infobox-right-option .activity-end-time-content,
  .startec #infobox-right-option .activity-start-time-content,
  .startec .single-page-multi-container .activity-end-time-title,
  .startec .single-page-multi-container .activity-start-time-title,
  .startec .single-page-multi-container .activity-end-time-content,
  .startec .single-page-multi-container .activity-start-time-content {
    color: #000 !important; }
  .startec .table-offices .offices-row.depth-1.has-children.open {
    background: rgba(34, 118, 139, 0.7); }
  .startec .table-offices .offices-row.is-child {
    background: rgba(34, 118, 139, 0.35); }
    .startec .table-offices .offices-row.is-child.depth-2 {
      background: rgba(34, 118, 139, 0.55); }
    .startec .table-offices .offices-row.is-child.depth-3 {
      background: rgba(34, 118, 139, 0.45); }
    .startec .table-offices .offices-row.is-child.depth-4 {
      background: rgba(34, 118, 139, 0.35); }
  .startec .dropdown-content li > a,
  .startec .dropdown-content li > span {
    color: #0c6092; }
  .startec #login-wrapper input:focus {
    border-bottom: 1px solid #0c6092;
    -webkit-box-shadow: 0 1px 0 0 #0c6092;
    box-shadow: 0 1px 0 0 #0c6092; }
  .startec .bottom-menu {
    background: #fff; }
    .startec .bottom-menu ul .active::after {
      background-color: #0c6092; }
    .startec .bottom-menu ul a {
      color: #0c6092; }
      .startec .bottom-menu ul a:hover, .startec .bottom-menu ul a.active {
        background-color: #0c6092;
        color: #fff; }
  .startec .table-in-modal thead {
    background: none !important; }
    .startec .table-in-modal thead tr.subtitle-tr {
      background-color: transparent !important;
      color: #000; }
    .startec .table-in-modal thead tr {
      padding: 0px 10px !important; }
  .startec .table-in-modal tbody {
    background: none; }
    .startec .table-in-modal tbody .activity-box .activity-title {
      color: #000; }
    .startec .table-in-modal tbody .icon-selected {
      color: #000; }
    .startec .table-in-modal tbody .change-passwords-form {
      color: #000; }
      .startec .table-in-modal tbody .change-passwords-form input {
        color: #000;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important; }
        .startec .table-in-modal tbody .change-passwords-form input::placeholder {
          color: rgba(0, 0, 0, 0.4); }
        .startec .table-in-modal tbody .change-passwords-form input:focus {
          border-bottom: 1px solid #000 !important; }
      .startec .table-in-modal tbody .change-passwords-form span button i {
        color: #000; }
    .startec .table-in-modal tbody tr td div {
      color: #000; }
  .startec .custom-modal {
    background-color: #fff; }
    .startec .custom-modal.events .events-modal-timestamp,
    .startec .custom-modal.events .events-modal-event {
      color: #000 !important; }
    .startec .custom-modal.events .no-events {
      color: #000 !important; }
    .startec .custom-modal #modal-top-bar {
      background-color: #0c6092;
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
      .startec .custom-modal #modal-top-bar i {
        color: #fff; }
    .startec .custom-modal #modal-header div {
      color: #0c6092; }
    .startec .custom-modal tbody {
      color: #000; }
      .startec .custom-modal tbody tr td .modal-password-title-container {
        color: #000; }
    .startec .custom-modal .button-container {
      margin-bottom: 1rem; }
      .startec .custom-modal .button-container .swal2-styled {
        background-color: #3085d6;
        color: #fff; }
  .startec #beta-advise {
    background-color: #0c6092;
    color: #fff; }
  .startec .lang-dropdown-arrow {
    color: #fff; }
  .startec .language-dropdown {
    background-color: #fff;
    border: 1px solid #0c6092; }
  .startec .title-table-filters-and-events {
    background-color: #fff;
    color: #0c6092; }
  .startec .wells-icon {
    stroke: #0c6092;
    fill: #fff; }
  .startec #admin-add-user {
    background: #0c6092;
    border: 2px solid #fff;
    border-radius: 15px;
    transition: background 200ms ease-in-out; }
    .startec #admin-add-user svg {
      transition: color 200ms ease-in-out;
      color: #fff; }
    .startec #admin-add-user:hover {
      background: #fff; }
      .startec #admin-add-user:hover svg {
        color: #0c6092; }
  .startec #admin-add-machine {
    background: #0c6092;
    border: 2px solid #0c6092;
    box-shadow: inset 0px 0px 0px 2px #fff, 0px 0px 0px 2px #fff; }
  .startec #separator-label {
    color: #fff; }
  .startec tbody .input-group {
    border-bottom: 1px solid #000; }
  .startec thead .input-group i {
    color: rgba(255, 255, 255, 0.6) !important; }
  .startec .records-plus.new-filter-action {
    color: #0c6092 !important; }
  .startec .input-group {
    border-bottom: 1px solid #fff; }
    .startec .input-group button:hover i {
      color: #0c6092; }
    .startec .input-group.action input {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .startec .input-group.action input:focus {
        border-bottom: 1px solid #fff; }
    .startec .input-group.action button i {
      color: #fff; }
    .startec .input-group.fleet-type .select-wrapper {
      color: #0c6092; }
    .startec .input-group input::placeholder {
      color: rgba(255, 255, 255, 0.6); }
    .startec .input-group i {
      color: rgba(255, 255, 255, 0.6); }
    .startec .input-group.dark {
      border-bottom: 1px solid #0c6092; }
      .startec .input-group.dark input::placeholder {
        color: #0c6092; }
      .startec .input-group.dark i {
        color: #0c6092; }
  .startec #general-settings-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .startec #general-settings-table tr:not(:last-child) td {
      color: #fff; }
  .startec #general-settings-table input {
    border-bottom: 1px solid #000; }
    .startec #general-settings-table input:focus {
      border-bottom: 1px solid #000;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .startec .datepicker-history {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
    .startec .datepicker-history::placeholder {
      color: rgba(255, 255, 255, 0.6);
      font-weight: bold;
      font-size: 14px; }
  .startec .swal2-confirm {
    background-color: #0c6092 !important;
    color: #fff !important; }
  .startec .bottom-menu li {
    border-left: 1px solid #fff; }
    .startec .bottom-menu li:first-child {
      border: 0; }
  .startec .icons-for-chart-options {
    color: #fff; }
  .startec .timeline-button {
    background: #fff; }
    .startec .timeline-button .icons-for-chart-options {
      color: #0c6092; }
    .startec .timeline-button.active {
      background-color: #0c6092; }
      .startec .timeline-button.active .icons-for-chart-options {
        color: #fff; }
  .startec .setting-value .input-group > input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  .startec #sell-ecu-button {
    background: #0c6092;
    border-radius: 5px;
    border: 2px solid #0c6092;
    display: flex;
    transition: background 200ms ease-in-out; }
    .startec #sell-ecu-button:hover {
      background: #fff; }
      .startec #sell-ecu-button:hover > svg {
        fill: #0c6092; }
    .startec #sell-ecu-button > svg {
      transition: fill 200ms ease-in-out;
      padding: 3px;
      fill: #fff; }
  .startec #tooltip-container-well {
    background-color: #fff;
    color: #0c6092; }
  .startec .zoom-icon-map {
    color: #fff; }
  .startec .side-panel-close-btn {
    color: #fff; }
  .startec .signal-icon {
    color: #000; }
  .startec .left-info-icons .signal-icon {
    color: #fff; }
  .startec .circle-machine-graphic {
    color: #fff; }
  .startec table thead tr {
    background: #0c6092 !important; }
    .startec table thead tr.tables-title {
      background: #fff !important;
      color: #0c6092 !important;
      font-size: 20px; }
  .startec table.sell-ecu tr.selected {
    background: rgba(12, 96, 146, 0.3); }
  .startec [type="checkbox"].filled-in:checked + label:after {
    border: 5px solid #fff !important;
    background-color: #fff !important; }
  .startec [type="checkbox"].filled-in:checked + label:before {
    border-right: 2px solid #0c6092 !important;
    border-bottom: 2px solid #0c6092 !important; }
  .startec #side-tool-bar {
    background: #0c6092; }
    .startec #side-tool-bar.closed {
      background: #fff; }
      .startec #side-tool-bar.closed .side-tool svg {
        fill: #0c6092; }
      .startec #side-tool-bar.closed .side-tool.active {
        background: #0c6092; }
        .startec #side-tool-bar.closed .side-tool.active svg {
          fill: #fff; }
        .startec #side-tool-bar.closed .side-tool.active svg:hover {
          background: none; }
      .startec #side-tool-bar.closed .side-tool svg:hover {
        background: rgba(34, 118, 139, 0.3); }
    .startec #side-tool-bar .side-tool.active {
      background: #fff; }
      .startec #side-tool-bar .side-tool.active svg {
        fill: #0c6092; }
    .startec #side-tool-bar .side-tool svg {
      fill: #fff; }
  .startec .side-left-panel-container {
    background: #fff; }
    .startec .side-left-panel-container #side-panel .subtitle {
      color: #0c6092; }
    .startec .side-left-panel-container #side-panel .title {
      color: #0c6092; }
    .startec .side-left-panel-container #side-panel #fleet-machines {
      color: #0c6092;
      height: calc(100% - 38px); }
    .startec .side-left-panel-container #side-panel .icon-for-machine-left-panel,
    .startec .side-left-panel-container #side-panel .machine-name,
    .startec .side-left-panel-container #side-panel #geo,
    .startec .side-left-panel-container #side-panel #signal {
      fill: #000;
      color: #000; }
    .startec .side-left-panel-container #side-panel .search-bar-container {
      color: #000; }
      .startec .side-left-panel-container #side-panel .search-bar-container input.search-bar-input {
        color: #000; }
  .startec .back-button-right-menu,
  .startec .back-button-left-menu {
    color: #0c6092; }
  .startec .top-buttons-container div {
    background: #0c6092;
    color: #fff; }
  .startec .top-buttons-container div.disabled {
    background-color: #a9a9a9;
    color: #d0d0d0; }
  .startec .top-buttons-container div:active {
    box-shadow: inset 0 0 4px #000; }
  .startec .right-menu-button {
    color: #fff; }
  .startec table.bordered > thead > tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
  .startec table.bordered > tbody > tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
    .startec table.bordered > tbody > tr.empty-row {
      border: 0px !important; }
  .startec table thead tr {
    background-color: #0c6092;
    color: #fff; }
  .startec table tbody {
    background-color: rgba(0, 0, 0, 0.88); }
    .startec table tbody tr {
      color: #fff; }
  .startec .divTableHead {
    background-color: #0c6092;
    color: #fff; }
    .startec .divTableHead .search-events {
      color: #fff;
      border-bottom: 1px solid #fff !important;
      text-align: left; }
    .startec .divTableHead i {
      color: #fff; }
  .startec .testa-fissa {
    background-color: #fff;
    color: #0c6092; }
  .startec #newfilter-input {
    border-bottom: 1px solid #0c6092 !important;
    padding-bottom: 0px !important; }
    .startec #newfilter-input::placeholder {
      color: #0c6092; }
  .startec .name-block .testa-fissa {
    background-color: #fff; }
    .startec .name-block .testa-fissa .records-plus {
      background-color: #0c6092;
      color: #fff;
      transition: background 200ms ease-in-out, border 200ms ease-in-out;
      border: 2px solid #0c6092; }
      .startec .name-block .testa-fissa .records-plus:hover {
        background-color: #fff;
        color: #0c6092; }
        .startec .name-block .testa-fissa .records-plus:hover i {
          color: #0c6092; }
      .startec .name-block .testa-fissa .records-plus i {
        color: #fff; }
  .startec #consumption-result,
  .startec #consumption-interval {
    background-color: rgba(0, 0, 0, 0.8); }
  .startec .list-block .testa-fissa {
    background-color: #fff; }
    .startec .list-block .testa-fissa .records,
    .startec .list-block .testa-fissa .records div {
      color: #0c6092; }
  .startec .measures-labels {
    background: #0c6092;
    color: #fff; }
    .startec .measures-labels.element-clicked {
      border-left: 8px solid #fff; }
    .startec .measures-labels .option-title {
      color: #fff; }
    .startec .measures-labels .lab-unit-layer {
      color: #fff; }
  .startec #IconStripePosition {
    color: #0c6092; }
  .startec #centered-eye-div {
    background: #fff;
    border: 1px solid #0c6092; }
  .startec #dotted-line {
    border: 1.5px dashed #0c6092; }
  .startec #io-scrolling .io-menu {
    background: #0c6092;
    margin-bottom: 2px;
    padding: 10px;
    border-radius: 5px;
    color: #fff; }
    .startec #io-scrolling .io-menu:last-child {
      margin-bottom: 0px; }
    .startec #io-scrolling .io-menu .io-menu-text {
      color: #fff; }
    .startec #io-scrolling .io-menu .cmd-opt label {
      color: #fff; }
    .startec #io-scrolling .io-menu .cmd-opt .command-input,
    .startec #io-scrolling .io-menu .cmd-opt .command-label {
      color: #fff; }
    .startec #io-scrolling .io-menu .cmd-opt .command-input {
      border-bottom-color: #fff; }
  .startec .share-position-icon {
    color: #0c6092; }
  .startec .options-panel2.lda-not-editable > .scrolling-container, .startec .options-panel2.lda-editable > .scrolling-container {
    background-color: #0c6092; }
  .startec .options-panel2.lda-not-editable .button-for-svg, .startec .options-panel2.lda-editable .button-for-svg {
    transition: background 200ms ease-in;
    border: 2px solid #0c6092; }
    .startec .options-panel2.lda-not-editable .button-for-svg:hover, .startec .options-panel2.lda-editable .button-for-svg:hover {
      border: 2px solid #0c6092; }
  .startec #last-cycle-params .options-panel2 .options-item {
    background-color: #0c6092;
    color: #fff; }
  .startec #last-cycle-params .options-panel2 .options-item-text,
  .startec #last-cycle-params .options-panel2 .options-item-value {
    color: #fff; }
  .startec #last-cycle-params .options-panel2 #events-container {
    background-color: #0c6092;
    color: #fff; }
  .startec #notifications-right-option .user-priority {
    background: #0c6092;
    color: #fff; }
    .startec #notifications-right-option .user-priority .priority-filters-user {
      color: #fff; }
    .startec #notifications-right-option .user-priority .priority-filters-name {
      background: #fff;
      color: #0c6092; }
  .startec #notifications-right-option .user-priority-filters-container {
    background: #0c6092; }
    .startec #notifications-right-option .user-priority-filters-container .events-second {
      color: #9e9e9e; }
    .startec #notifications-right-option .user-priority-filters-container .events-first {
      color: #fff; }
  .startec #timeline-circle {
    background: #0c6092; }
  .startec .showInfo {
    background: #cccccc; }
  .startec .backTomap {
    color: #fff; }
  .startec div::-webkit-scrollbar,
  .startec tbody::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.3); }
  .startec div::-webkit-scrollbar-thumb,
  .startec tbody::-webkit-scrollbar-thumb {
    background-color: #0c6092; }
  .startec .label-state-container .label-state-title {
    color: #fff; }
  .startec .label-state-container .label-state-imei {
    color: #fff; }
  .startec .label-state-container .label-state-label {
    color: #fff; }
    .startec .label-state-container .label-state-label .label-state-value {
      color: #fff; }
  .startec .label-state-container .label-estimated-time {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 50%; }
    .startec .label-state-container .label-estimated-time .label-state-time-value:first-child {
      padding-right: 5px; }
    .startec .label-state-container .label-estimated-time .label-state-label {
      color: #fff; }
  .startec .label-state-container #width-label {
    color: #fff; }
    .startec .label-state-container #width-label span {
      color: #fff; }
  .startec .label-state-container #height-label {
    color: #fff; }
    .startec .label-state-container #height-label span {
      color: #fff; }
  .startec #machineContainer #input_length input {
    border-bottom: 2px solid #0c6092; }
    .startec #machineContainer #input_length input:focus {
      border-bottom: 2px solid #0c6092 !important; }
  .startec #top-nav {
    background-color: #0c6092;
    border-bottom: 1px solid #fff; }
    .startec #top-nav .brand-logo-image {
      background-image: url(logo-startec.png); }
    .startec #top-nav .myirrigation-logo {
      background-image: url(app-logo-startec.png); }
    .startec #top-nav .language-and-info #language-switcher span:not(:first-child)::after {
      background: #fff; }
    .startec #top-nav .language-and-info #tm-infobox {
      color: #fff; }
    .startec #top-nav .connection-icon {
      background-image: url("icons/connection-lost-startec.png"); }
  .startec .menu-button {
    background: #0c6092;
    border: 1.5px solid #fff;
    color: #fff; }
  .startec .menu-item {
    background-color: #0c6092;
    border: 1.5px solid #fff;
    color: #fff; }
  .startec #assign-geo-button {
    color: #fff; }
    .startec #assign-geo-button::before {
      background-color: #fff;
      color: #0c6092; }
    .startec #assign-geo-button::after {
      border-bottom: 10px solid #fff; }
  .startec .tool {
    background: #fff;
    color: #0c6092; }
    .startec .tool.active {
      background-color: #0c6092;
      color: #fff; }
  .startec div::-webkit-scrollbar-track,
  .startec tbody::-webkit-scrollbar-track {
    background-color: transparent; }
  .startec div::-webkit-scrollbar,
  .startec tbody::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.3); }
  .startec div::-webkit-scrollbar-thumb,
  .startec tbody::-webkit-scrollbar-thumb {
    background-color: #0c6092; }
  .startec .personification-border {
    background-color: rgba(12, 96, 146, 0.3); }
  .startec .meteor-status > a,
  .startec .meteor-status > a:active,
  .startec .meteor-status > a:focus {
    color: #0c6092 !important; }
  .startec #btn-login,
  .startec #btn-register,
  .startec #btn-logout,
  .startec #btn-signup,
  .startec #btn-next,
  .startec #btn-prev {
    color: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .startec #btn-login.i,
    .startec #btn-register.i,
    .startec #btn-logout.i,
    .startec #btn-signup.i,
    .startec #btn-next.i,
    .startec #btn-prev.i {
      color: #fff; }
  .startec .btn-large.dark-blue {
    background-color: #0c6092; }
    .startec .btn-large.dark-blue:hover {
      opacity: 0.9;
      background-color: #0c6092; }
  .startec .swal2-icon.swal2-success {
    border-color: #0c6092 !important;
    color: #0c6092 !important; }
  .startec .swal2-icon.swal2-warning {
    border-color: #0c6092 !important;
    color: #0c6092 !important; }
  .startec .swal2-icon.swal2-info {
    border-color: #0c6092 !important;
    color: #0c6092 !important; }
  .startec .swal2-icon.swal2-error {
    border-color: #0c6092 !important;
    color: #0c6092 !important; }
    .startec .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #0c6092; }
  .startec .swal2-icon.swal2-question {
    border-color: #0c6092 !important;
    color: #0c6092 !important; }
  .startec #register-overlay {
    background: rgba(30, 30, 30, 0.9); }
    .startec #register-overlay #clickable-overlay {
      background: transparent; }
    .startec #register-overlay #register-container {
      background-color: #fff; }
      .startec #register-overlay #register-container #register-header {
        background: #0c6092; }
        .startec #register-overlay #register-container #register-header label {
          color: #fff; }
        .startec #register-overlay #register-container #register-header .register-modal {
          color: #fff; }
    .startec #register-overlay #modal-info label {
      color: #0c6092; }
    .startec #register-overlay .input-group {
      border: 2px solid #0c6092; }
      .startec #register-overlay .input-group input {
        color: #000; }
        .startec #register-overlay .input-group input::placeholder {
          color: #000;
          opacity: 0.5; }
  .startec .tooltip-generic {
    background: #fff;
    color: #0c6092; }
  .startec .map-tooltip::before {
    background: #fff; }
  .startec .map-tooltip span {
    color: #0c6092; }
  .startec .tooltip-manage-menu::after {
    background: #fff; }
  .startec .layer-tooltip::after {
    background: #fff; }
  .startec #tooltip-container {
    background-color: #fff;
    color: #0c6092; }
    .startec #tooltip-container.custom-download {
      margin-top: 40px;
      margin-right: 15px; }
    .startec #tooltip-container.blue-bordered {
      border: 1px solid #0c6092; }
    .startec #tooltip-container::after {
      background: #fff; }
    .startec #tooltip-container.right-side-bar {
      background: #0c6092; }
      .startec #tooltip-container.right-side-bar > label {
        color: #fff; }
      .startec #tooltip-container.right-side-bar::after {
        background: #0c6092; }
    .startec #tooltip-container label {
      color: #0c6092;
      padding: 10px;
      font-size: 20px;
      white-space: nowrap; }
  .startec #tooltip-container-machine {
    background-color: #fff;
    color: #0c6092; }
    .startec #tooltip-container-machine label {
      color: #0c6092; }
  .startec .machine-svg #bars rect {
    fill: #0c6092; }
  .startec #register-overlay .select-wrapper::after {
    color: #0c6092;
    position: absolute;
    pointer-events: none; }
  .startec #add-tech-icon {
    transition: background 200ms ease-in-out;
    border: 2px solid #0c6092; }
    .startec #add-tech-icon > .material-icons {
      transition: color 200ms ease-in-out;
      color: #fff; }
    .startec #add-tech-icon:hover {
      background: #fff; }
      .startec #add-tech-icon:hover > .material-icons {
        color: #0c6092; }
  .startec #side-panel-title-container svg:first-child {
    fill: #0c6092; }
  .startec #add-field,
  .startec #add-stripe,
  .startec #add-well {
    border: 2px solid #0c6092; }
  .startec #add-field,
  .startec #add-well {
    color: #0c6092; }
  .startec #add-stripe {
    color: #0c6092; }
    .startec #add-stripe:hover > svg {
      fill: #0c6092 !important; }
    .startec #add-stripe > svg {
      fill: #fff !important;
      width: 16px !important;
      height: 16px !important;
      margin-right: 0 !important; }
  .startec #square-point {
    background: #0c6092; }
  .startec .btn-regular {
    background: #0c6092 !important;
    color: #fff !important; }
    .startec .btn-regular:hover {
      background: #fff !important;
      color: #0c6092 !important; }
  .startec td .input-group-append .btn,
  .startec td .input-group-append-two .btn {
    border: 2px solid #0c6092; }
  .startec .machine-block .btn {
    transition: background 200ms ease-in-out;
    border: 2px solid #0c6092; }
    .startec .machine-block .btn i {
      transition: color 200ms ease-in-out; }
    .startec .machine-block .btn:hover {
      background: #fff !important; }
      .startec .machine-block .btn:hover i {
        color: #0c6092; }
  .startec .machine-block .input-group-append .btn,
  .startec .machine-block .input-group-append-two .btn {
    background: #0c6092; }
  .startec .machine-block .expand {
    color: #000;
    border: 2px solid #0c6092; }
  .startec .machine-block .input-group.dark input {
    color: #000; }
  .startec .machine-block .row-block-container i {
    color: #000 !important; }
  .startec .machine-block .row-block-container .row-block label {
    color: #000; }
  .startec .machine-block .row-block-container .row-block #unlink-stripe {
    background-image: url("wells/link-black.png"); }
  .startec .machine-block .row-block-container .row-block #unlink-stripe:hover {
    background-image: url("wells/unlink-black.png"); }
  .startec .machine-block:hover .machine-block-header {
    background: rgba(12, 96, 146, 0.3); }
  .startec .machine-block.highlighted .machine-block-header {
    background: rgba(12, 96, 146, 0.3); }
  .startec .machine-block.active {
    background-color: rgba(34, 118, 139, 0.3); }
    .startec .machine-block.active .machine-name {
      color: #000; }
  .startec .machine-block .machine-block-header .machine-name-container .machine-state {
    color: #0c6092;
    width: fit-content;
    padding: 3px 0px;
    font-weight: bold;
    font-size: 13px; }
  .startec .machine-block .machine-block-header i {
    color: #000; }
  .startec .machine-block .machine-block-header .machine-block-group .field-icon,
  .startec .machine-block .machine-block-header .machine-block-group .well-icon {
    background-image: url("wells/expand-black.png"); }
  .startec .edit-icon path {
    fill: #000; }
  .startec .measure-labels {
    background: #fff;
    font-size: 1em; }
    .startec .measure-labels:after {
      content: "";
      width: 100%;
      position: absolute;
      height: 40px;
      left: 0;
      margin-top: -2px;
      z-index: 1;
      border-radius: 5px 0 0 5px;
      border-left: 1px solid #0c6092;
      border-top: 1px solid #0c6092; }
    .startec .measure-labels:last-child:after {
      border-bottom: 1px solid #0c6092; }
    .startec .measure-labels label {
      color: #0c6092; }
    .startec .measure-labels svg {
      width: 1.5em;
      fill: #0c6092; }
  .startec table thead tr {
    background-color: #0c6092;
    color: #fff; }
    .startec table thead tr th label {
      color: #fff; }
  .startec table tbody {
    background-color: rgba(0, 0, 0, 0.8); }
  .startec .btns-tables {
    background-color: #0c6092;
    color: #fff; }
  .startec .disabled-btns {
    background-color: #aaa;
    color: #fff; }
  .startec .custom-swal-modal-stripe-creation .stripe-creation-modal-icon {
    fill: #0c6092; }
  .startec .custom-swal-modal-stripe-creation .swal2-title {
    color: #0c6092; }
  .startec .custom-swal-modal-lda {
    background: #0c6092 !important; }
    .startec .custom-swal-modal-lda .lda-modal-content::-webkit-scrollbar-thumb {
      background-color: #fff; }
    .startec .custom-swal-modal-lda .lda-modal-header .lda-modal-icon {
      fill: #0c6092; }
    .startec .custom-swal-modal-lda .actual-value {
      text-align: right; }
    .startec .custom-swal-modal-lda .swal2-title {
      color: #0c6092; }
    .startec .custom-swal-modal-lda::-webkit-scrollbar-thumb {
      background-color: #fff !important; }
  .startec .records-user .dropdown-content li > a,
  .startec .records-user .dropdown-content li > span {
    color: #0c6092 !important; }
  .startec #charts-container-responsive .recharts-layer circle {
    stroke: #0c6092; }
  .startec #charts-container-responsive .recharts-layer path {
    stroke: #0c6092; }
  .startec #charts-container-responsive .recharts-reference-dot circle {
    stroke: #fff;
    stroke-width: 1.2;
    fill: #0c6092; }
  .startec .action-stripe-info {
    border-right-color: #fff;
    border-left-color: #fff;
    background-color: #0c6092;
    color: #fff;
    font-size: 1.0625em;
    box-shadow: 0px 1px 3px 1px #949494; }
    .startec .action-stripe-info.disabled-button {
      background-color: grey; }
  .startec #modal-action-buttons .stripe-info-container {
    background: #0c6092 !important;
    color: #fff;
    outline: 0px; }
  .startec #stripe-width-input,
  .startec #stripe-name,
  .startec #stripe-height {
    color: #000 !important;
    border-color: #0c6092 !important; }
  .startec #credits-logo-startec {
    background-image: url(logo_startec_blu.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .startec #credits-logo-knobs {
    background-image: url(logo_knobs.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .startec #name-field {
    color: #000; }
  .startec #well-name {
    color: #000; }
  .startec .field-name {
    color: #000; }
  .startec #right-menu-container .tool-button {
    background: #fff; }
    .startec #right-menu-container .tool-button.active {
      background: #0c6092;
      color: #fff; }
      .startec #right-menu-container .tool-button.active svg {
        fill: #fff; }
    .startec #right-menu-container .tool-button svg {
      fill: #0c6092; }
  .startec #googleDiv.machine-color #machineContainer #bars rect {
    fill: #0c6092 !important; }
  .startec #googleDiv.machine-color #machineContainer polyline {
    fill: #0c6092 !important; }
  .startec #googleDiv.offline.machine-color #machineContainer polyline {
    fill: #d0d0d0 !important; }
  .startec #well {
    background-image: url("wells/well-marker-default-startec.png"); }
  .startec #draggable-well {
    background-image: url("wells/well-marker-drag-startec.png"); }
  .startec #well.selected {
    background-image: url("wells/well-marker-active-startec.png");
    padding: 20px; }
  .startec #well.webview-selected {
    background-image: url("wells/well-marker-webview-selected.png"); }
  .startec .single-event-info {
    background: #fff;
    border: 1px solid #0c6092; }
    .startec .single-event-info .event-chart-timestamp {
      color: #0c6092; }
    .startec .single-event-info .event-type {
      color: #0c6092;
      font-weight: bold;
      text-align: center; }
  .startec .recharts-reference-dot.selected .recharts-dot {
    fill: #0c6092; }
  .startec .recharts-reference-dot.selected .recharts-text.recharts-label {
    fill: #fff; }
  .startec .recharts-reference-dot .recharts-text.recharts-label {
    fill: #0c6092; }
  .startec .single-tech-container {
    background: #fff;
    border: 1px solid #000; }
    .startec .single-tech-container > div {
      color: #0c6092; }
    .startec .single-tech-container .tech-icon#remove-tech-icon {
      color: #fff;
      background: #0c6092;
      border: 2px solid #0c6092;
      transition: all 200ms ease-in-out; }
      .startec .single-tech-container .tech-icon#remove-tech-icon:hover {
        color: #0c6092;
        background: #fff; }
  .startec .tech-icon.expand:not(.disabled) {
    border-radius: 100%;
    background: #0c6092; }
  .startec #map-box-container {
    background: #fff;
    border: 1px solid #0c6092; }
    .startec #map-box-container .map-box-title {
      color: #0c6092; }
    .startec #map-box-container .map-box-row,
    .startec #map-box-container .map-box-row-vertical {
      color: #0c6092; }
  .startec .activity-box {
    border: 1px solid #0c6092; }
    .startec .activity-box .input-container .input-group .form-control {
      color: #000; }
    .startec .activity-box .input-container .input-group .appended-text {
      color: #000; }
    .startec .activity-box.current-act {
      background: #bed8de !important; }
  .startec #single-page-info .activity-box {
    background: #fff; }
    .startec #single-page-info .activity-box .activity-info-label,
    .startec #single-page-info .activity-box .actual-value {
      color: #000; }
  .startec #infobox-title {
    color: #fff; }
  .startec .edit-box-name .button-for-svg {
    width: 30px !important;
    height: 30px !important; }
    .startec .edit-box-name .button-for-svg:hover {
      width: 30px !important; }
      .startec .edit-box-name .button-for-svg:hover > svg {
        background: #0c6092 !important;
        fill: #fff !important; }
    .startec .edit-box-name .button-for-svg > svg {
      background: #fff !important;
      fill: #0c6092 !important; }
  .startec .activity-info-container .input-container .actual-value {
    font-size: 16px;
    text-align: right; }
    .startec .activity-info-container .input-container .actual-value.padding-right {
      padding-right: 2.3em; }
  .startec #lda-scrolling #lda-info .edit-box-name .form-control {
    color: #fff; }
  .startec #lda-scrolling #lda-info .lda-info-container {
    color: #fff; }
  .startec #lda-scrolling #lda-info #lda-title {
    color: #fff; }
  .startec #lda-scrolling #lda-info .btn:hover .fas {
    color: #0c6092; }
  .startec #lda-scrolling #lda-info .btn .fas {
    color: #fff; }
  .startec #lda-scrolling .activity-box {
    background: #fff; }
    .startec #lda-scrolling .activity-box .clickable svg {
      border: none; }
    .startec #lda-scrolling .activity-box .input-container .input-group-append:hover .fas:before,
    .startec #lda-scrolling .activity-box .input-container .input-group-append-two:hover .fas:before {
      color: #0c6092; }
    .startec #lda-scrolling .activity-box .input-container .input-group-append .fas:before,
    .startec #lda-scrolling .activity-box .input-container .input-group-append-two .fas:before {
      color: #fff; }
    .startec #lda-scrolling .activity-box .input-container .button-for-svg {
      border: 2px solid #0c6092; }
      .startec #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda {
        color: #fff; }
        .startec #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda:hover .on-lda-label {
          color: #0c6092; }
    .startec #lda-scrolling .activity-box .activity-title {
      color: #0c6092; }
    .startec #lda-scrolling .activity-box .activity-info-container .activity-info-label,
    .startec #lda-scrolling .activity-box .activity-info-container .input-container {
      color: #000; }
    .startec #lda-scrolling .activity-box .activity-info-container .input-group.action {
      justify-content: flex-start; }
    .startec #lda-scrolling .activity-box .activity-info-container .input-group input {
      color: #0c6092;
      border-bottom: 1px solid #0c6092 !important;
      max-width: 35px !important; }
    .startec #lda-scrolling .activity-box .activity-info-container .input-group .appended-text {
      margin-right: 50px; }
    .startec #lda-scrolling .activity-box .activity-info-container .measure-unit {
      color: #0c6092; }
    .startec #lda-scrolling .activity-box .actual-info-container .actual-value {
      color: #000; }
  .startec .dp-mobile-topbar {
    color: #fff; }
  .startec .dp-mobile-topbar-calendar .react-datepicker__day--keyboard-selected,
  .startec .dp-mobile-topbar-calendar .react-datepicker__day--selected {
    background-color: #0c6092; }
  .startec .react-datepicker__day--keyboard-selected,
  .startec .react-datepicker__day--selected,
  .startec .react-datepicker__day--in-selecting-range,
  .startec .react-datepicker__day--in-range {
    background-color: #0c6092 !important; }
  .startec .icon-filter-manage-container {
    display: flex;
    height: 100%;
    align-items: center;
    width: 78px;
    justify-content: space-between; }
    .startec .icon-filter-manage-container button {
      height: 34.5px;
      width: 34.5px;
      background: #0c6092;
      border-radius: 5px;
      font-size: 15px;
      position: relative;
      display: flex;
      justify-content: center;
      border: 0px;
      border: 2px solid #0c6092; }
      .startec .icon-filter-manage-container button i {
        color: #fff !important;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
      .startec .icon-filter-manage-container button:hover i {
        color: #0c6092 !important; }
      .startec .icon-filter-manage-container button svg {
        padding: 0px;
        margin-top: 5px;
        margin-left: 5px;
        background: transparent;
        width: 5px !important;
        height: 5px !important;
        position: absolute;
        top: 0px;
        left: 0px; }
        .startec .icon-filter-manage-container button svg.icon-savedisk {
          width: 20px !important;
          height: 20px !important; }
      .startec .icon-filter-manage-container button:hover {
        background: #fff; }
        .startec .icon-filter-manage-container button:hover svg {
          padding: 0px;
          color: #0c6092;
          transition: all 250ms ease-in-out;
          transition-property: background, color; }
  .startec .clickable {
    font-size: 15px !important; }
    .startec .clickable i {
      font-size: 15px !important; }
    .startec .clickable.small svg {
      width: 5px !important;
      height: 5px !important; }
    .startec .clickable button {
      background: #0c6092;
      border-radius: 5px;
      font-size: 15px;
      position: relative; }
      .startec .clickable button:hover i {
        color: #0c6092; }
      .startec .clickable button.edit-on-lda svg {
        border: none !important; }
      .startec .clickable button svg {
        padding: 0px;
        padding: 5px;
        background: transparent;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: all 200ms ease-in;
        transition-property: background, color; }
      .startec .clickable button:hover {
        background: #fff; }
        .startec .clickable button:hover svg {
          padding: 5px;
          color: #0c6092; }
    .startec .clickable svg {
      padding: 5px;
      width: 2.3em !important;
      height: 2.3em !important;
      background: #0c6092;
      color: #fff;
      border-radius: 5px;
      outline: 2px solid #0c6092; }
      .startec .clickable svg:hover {
        background: #fff;
        padding: 5px;
        color: #0c6092;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
  .startec .irrigation-details .input-group-append-two .btn svg {
    width: 1.7em !important;
    height: 1.7em !important;
    border: 0; }
  .startec .chart-annotation {
    cursor: pointer; }
    .startec .chart-annotation path {
      fill: #fff;
      stroke: #0c6092; }
    .startec .chart-annotation text {
      font-size: 13px !important;
      font-weight: bold !important;
      fill: #0c6092 !important; }
    .startec .chart-annotation.clicked path {
      fill: #0c6092;
      stroke: #fff; }
    .startec .chart-annotation.clicked text {
      fill: #fff !important; }
  .startec .highcharts-annotation-shapes circle {
    fill: url(icons/machine-white.png); }
  .startec .not-clickable svg {
    padding: 5px;
    width: 34.5px !important;
    height: 34.5px !important;
    background: gray;
    outline: 2px solid gray;
    color: #fff;
    border-radius: 5px; }
  .startec .highcharts-contextbutton rect {
    fill: #0c6092;
    stroke: #0c6092;
    stroke-width: 2; }
  .startec .highcharts-contextbutton path {
    stroke: #fff; }
  .startec .highcharts-contextbutton:hover rect {
    fill: #fff;
    stroke: #0c6092; }
  .startec .highcharts-contextbutton:hover path {
    stroke: #0c6092; }
  .startec .highcharts-reset-zoom .highcharts-button-box {
    fill: transparent; }
  .startec .highcharts-reset-zoom .highcharts-button-box {
    fill: #0c6092; }
  .startec .highcharts-reset-zoom .reset-zoom-icon {
    fill: #fff; }
  .startec .highcharts-reset-zoom:after {
    content: ""; }
  .startec .highcharts-menu {
    padding: 0px !important;
    box-shadow: none !important; }
    .startec .highcharts-menu hr {
      margin: 0px !important; }
    .startec .highcharts-menu .highcharts-menu-item {
      height: 100%;
      padding: 10px !important;
      font-size: 13px !important; }
      .startec .highcharts-menu .highcharts-menu-item:hover {
        background: #0c6092 !important;
        color: #fff !important; }
  .startec .notify {
    background-color: #0c6092;
    border: 1px solid #0c6092;
    box-shadow: inset 0px 0px 0px 1.5px #fff, 0px 0px 0px 1.5px #fff; }
    .startec .notify label {
      color: #fff; }
  .startec .machines-table caption {
    color: #000; }
  .startec #mb-creation-top-info {
    background: #fff; }
  .startec #manage-tables-container .react-datepicker__close-icon::after {
    background-color: #0c6092;
    color: #fff; }
  .startec .react-datepicker__day--keyboard-selected {
    background-color: #0c6092;
    color: #fff; }
  .startec .right-options-block.active .right-option-name {
    color: #fff; }
  .startec .user-priority {
    background: #fff; }
  .startec .options-panel2.lda-editable .edit-box-name .button-for-svg {
    height: 30px !important;
    border-radius: 10px; }
    .startec .options-panel2.lda-editable .edit-box-name .button-for-svg:hover > svg {
      background: #fff;
      fill: #0c6092; }
    .startec .options-panel2.lda-editable .edit-box-name .button-for-svg > svg {
      background: #0c6092;
      fill: #fff; }
  .startec .stor-irr.active {
    background-color: #0c6092 !important; }
    .startec .stor-irr.active label {
      color: #fff !important; }
  .startec .stor-mac.active {
    background-color: #0c6092 !important; }
    .startec .stor-mac.active label {
      color: #fff !important; }
  .startec .stor-stripe.active {
    background-color: #0c6092 !important; }
    .startec .stor-stripe.active label {
      color: #fff !important; }
  .startec .right-options-block {
    background-color: #fff; }
  .startec .react-datepicker__day--selected,
  .startec .react-datepicker__day--in-selecting-range,
  .startec .react-datepicker__day--in-range {
    background-color: #0c6092; }
  .startec #manage-tables-container .react-datepicker__day--selected,
  .startec .react-datepicker__day--in-selecting-range,
  .startec .react-datepicker__day--in-range {
    background-color: #0c6092; }
  .startec .white-version i.fa-edit {
    color: #fff !important; }
  .startec .fleets-icon-container .fa-save,
  .startec .input-fleets-container .fa-times {
    color: #fff !important; }
  .startec .fleets-table-name {
    color: #fff; }
  .startec .input-machine-fleets:focus {
    border-bottom: 1px solid #fff !important; }
  .startec .button-label {
    color: #fff; }
  .startec .lda-modal-container {
    color: #fff; }
    .startec .lda-modal-container .lda-modal-header .swal2-title,
    .startec .lda-modal-container .lda-modal-header .separator {
      color: #fff; }
    .startec .lda-modal-container .activity-box {
      border: 1px solid #0c6092;
      background: #fff; }
      .startec .lda-modal-container .activity-box .activity-start-time,
      .startec .lda-modal-container .activity-box .activity-end-time {
        color: #000; }
      .startec .lda-modal-container .activity-box .activity-title {
        color: #0c6092;
        margin-bottom: 20px; }
      .startec .lda-modal-container .activity-box .activity-info-container {
        flex-direction: row; }
        .startec .lda-modal-container .activity-box .activity-info-container .activity-info-label {
          color: #000; }
        .startec .lda-modal-container .activity-box .activity-info-container .input-container {
          color: #000; }
  .startec .download-container {
    background: #fff; }
    .startec .download-container .download-header {
      background: #0c6092; }
      .startec .download-container .download-header label {
        color: #fff; }
      .startec .download-container .download-header .download-sheet {
        color: #fff; }
    .startec .download-container .download-icon-container {
      background: #0c6092;
      border: 2px solid #0c6092; }
      .startec .download-container .download-icon-container svg {
        fill: #fff; }
      .startec .download-container .download-icon-container:hover {
        background: #fff; }
        .startec .download-container .download-icon-container:hover svg {
          fill: #0c6092; }
    .startec .download-container .xlsx-button,
    .startec .download-container .csv-button {
      background: #fff; }
      .startec .download-container .xlsx-button.active,
      .startec .download-container .csv-button.active {
        background: #0c6092; }
        .startec .download-container .xlsx-button.active label,
        .startec .download-container .csv-button.active label {
          color: #fff; }
      .startec .download-container .xlsx-button label,
      .startec .download-container .csv-button label {
        color: #0c6092; }
    .startec .download-container .download-file-container {
      border: 2px solid #0c6092; }
      .startec .download-container .download-file-container:hover {
        background: #0c6092; }
        .startec .download-container .download-file-container:hover svg {
          fill: #fff; }
  .startec #input_length #time-etooltip.accepted::before,
  .startec #input_length #width-etooltip.accepted::before {
    background-color: #0c6092; }
  .startec #input_length #time-etooltip.rejected::before,
  .startec #input_length #width-etooltip.rejected::before {
    background-color: #0c6092; }
  .startec .state-wrapper svg.accepted {
    color: #0c6092;
    fill: #0c6092; }
  .startec .state-wrapper svg.rejected {
    color: #0c6092;
    fill: #0c6092; }

.huedig {
  /* Meteor status */
  /* Buttons */
  /* SWAL */
  /* REGISTER MODAL */
  /* TOOLTIP */
  /* SIDE PANEL */
  /* MACHINE BLOCK */
  /* CHART BUTTONS */
  /* TABLE */
  /* manage tables btns */
  /* Records User */ }
  .huedig .icon-filter-manage-container > button > svg {
    margin-top: 4px;
    margin-left: 5px;
    width: 27px !important;
    height: 23px !important;
    margin-left: 2px;
    fill: #fff; }
  .huedig .icon-filter-manage-container button:hover svg {
    fill: #ff8402; }
  .huedig .activity-info-container .input-container > .value-icon {
    width: auto !important;
    background: none !important;
    color: #ff8402 !important;
    border: 0; }
    .huedig .activity-info-container .input-container > .value-icon.pause-icon {
      max-width: 40px;
      max-height: 40px; }
  .huedig .activity-time.activity-start-time > .value-icon,
  .huedig .activity-time.activity-end-time > .value-icon {
    background: none !important;
    color: #ff8402 !important; }
  .huedig .icon-measure {
    color: #ff8402 !important; }
  .huedig #modal-body .activity-box .activity-info-container {
    width: 100%;
    padding: 0 20px; }
    .huedig #modal-body .activity-box .activity-info-container .input-container {
      justify-content: space-between; }
  .huedig #modal-body .activity-box .activity-time.activity-start-time,
  .huedig #modal-body .activity-box .activity-time.activity-end-time {
    padding: 0 20px;
    width: 100%;
    justify-content: space-between; }
  .huedig .last-irrigation-title {
    color: #ff8402; }
    .huedig .last-irrigation-title > p {
      padding-left: 5px;
      font-weight: 600; }
    .huedig .last-irrigation-title .flex-column {
      display: flex;
      flex-wrap: wrap; }
      .huedig .last-irrigation-title .flex-column .map-box-wrapper {
        display: flex;
        width: 100%;
        flex-basis: 100%; }
        .huedig .last-irrigation-title .flex-column .map-box-wrapper .map-box-row-vertical {
          width: 50%;
          flex-basis: 50%; }
    .huedig .last-irrigation-title > p {
      margin-left: 5px; }
  .huedig .meteor-status > .meteor-status-retry {
    margin-left: 10px;
    background: #ff8402;
    color: #000 !important;
    border: 2px solid #ff8402;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 200ms ease-in-out; }
    .huedig .meteor-status > .meteor-status-retry:hover {
      background: #000;
      color: #ff8402 !important; }
  .huedig #role-icon-container .button-for-svg {
    width: 2.3em !important;
    height: 2.3em !important; }
  .huedig .button-for-svg .icons-for-users-table {
    width: 90%;
    height: 90%; }
  .huedig .button-for-svg.edit-role {
    cursor: pointer;
    background: #ff8402;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    transition: background 200ms ease-in-out; }
    .huedig .button-for-svg.edit-role:hover {
      background: #000; }
      .huedig .button-for-svg.edit-role:hover > .icons-for-users-table {
        fill: #ff8402; }
    .huedig .button-for-svg.edit-role > .icons-for-users-table {
      padding: 5px;
      background: transparent;
      position: absolute;
      fill: #000;
      border-radius: 5px;
      border: 2px solid #ff8402;
      top: 0px;
      left: 0px;
      transition: all 200ms ease-in;
      transition-property: background, color;
      width: 2.3em !important;
      height: 2.3em !important; }
  .huedig #download-csv, .huedig #notarization-button, .huedig #notarization-button-disabled {
    position: absolute;
    right: 5px;
    margin: 35px 10px;
    width: 60px;
    height: 60px;
    background: #ff8402;
    border-radius: 15px;
    border: 2px solid #000;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 200ms ease-in-out; }
    .huedig #download-csv svg, .huedig #notarization-button svg, .huedig #notarization-button-disabled svg {
      transition: color 200ms ease-in-out; }
    .huedig #download-csv:hover, .huedig #notarization-button:hover, .huedig #notarization-button-disabled:hover {
      background: #000; }
      .huedig #download-csv:hover svg, .huedig #notarization-button:hover svg, .huedig #notarization-button-disabled:hover svg {
        color: #ff8402; }
    .huedig #download-csv i, .huedig #notarization-button i, .huedig #notarization-button-disabled i {
      color: #000;
      font-size: 18px; }
  .huedig #notarization-button {
    top: 5rem; }
  .huedig #notarization-button-disabled {
    background: grey;
    top: 5rem; }
  .huedig .remote-access-btn {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    padding: 5px;
    background: #ff8402;
    cursor: pointer;
    transition: background 200ms ease-in-out;
    border: 2px solid #ff8402; }
    .huedig .remote-access-btn > svg {
      max-width: 100%;
      max-height: 100%;
      padding: 3px;
      transform: translate(-2px, -1px);
      fill: #000;
      transition: fill 200ms ease-in-out; }
    .huedig .remote-access-btn:hover {
      background: #000; }
      .huedig .remote-access-btn:hover svg {
        fill: #ff8402; }
  .huedig .logout-wrapper,
  .huedig .end-support-btn {
    border: 2px solid #000;
    border-radius: 10px;
    padding: 5px;
    background: #000;
    cursor: pointer;
    transition: background 200ms ease-in-out; }
    .huedig .logout-wrapper > svg,
    .huedig .end-support-btn > svg {
      fill: #ff8402;
      transition: fill 200ms ease-in-out; }
    .huedig .logout-wrapper:hover,
    .huedig .end-support-btn:hover {
      background: #ff8402; }
      .huedig .logout-wrapper:hover svg,
      .huedig .end-support-btn:hover svg {
        fill: #000; }
  .huedig .weather-box #grid-switch {
    background: #ff8402; }
    .huedig .weather-box #grid-switch > svg {
      fill: #000; }
    .huedig .weather-box #grid-switch:hover {
      background: #000; }
      .huedig .weather-box #grid-switch:hover > svg {
        fill: #ff8402; }
  .huedig [type="checkbox"].filled-in-custom:not(:checked) + label:after {
    border: 2px solid #000 !important; }
  .huedig .switch-menu div label {
    color: #ff8402; }
  .huedig .switch-menu.active label {
    color: #000; }
  .huedig .timeline-time {
    color: #000; }
  .huedig #timeline-circle {
    background-color: #ff8402;
    color: #000;
    border-color: #000; }
  .huedig .timeline-circle {
    background-color: #ff8402; }
  .huedig .autocomplete-root button i.fa-save,
  .huedig .autocomplete-root button i.fa-undo {
    color: #000; }
  .huedig #general-settings-table .row-version .setting-value p {
    border-bottom: 1px solid #fff;
    line-height: 1.8; }
    .huedig #general-settings-table .row-version .setting-value p:hover {
      border-bottom: 1px solid transparent; }
  .huedig #log-container-block .react-datepicker__input-container > input,
  .huedig #manage-tables-container .react-datepicker__input-container > input {
    border-color: #000 !important;
    color: #000;
    font-weight: 600; }
  .huedig .machine-block .expand {
    background-color: #ff8402;
    color: #000 !important;
    transition: all 200ms ease-in-out;
    box-sizing: content-box;
    border-radius: 5px; }
    .huedig .machine-block .expand:hover {
      background-color: #000;
      color: #ff8402 !important; }
  .huedig #search-bar-container .input-group.dark > input {
    color: #ff8402 !important; }
  .huedig #infobox-right-option .activity-end-time-title,
  .huedig #infobox-right-option .activity-start-time-title,
  .huedig #infobox-right-option .activity-end-time-content,
  .huedig #infobox-right-option .activity-start-time-content,
  .huedig .single-page-multi-container .activity-end-time-title,
  .huedig .single-page-multi-container .activity-start-time-title,
  .huedig .single-page-multi-container .activity-end-time-content,
  .huedig .single-page-multi-container .activity-start-time-content {
    color: #fff !important; }
  .huedig .table-offices .offices-row.depth-1.has-children.open {
    background: rgba(255, 72, 2, 0.7); }
  .huedig .table-offices .offices-row.is-child {
    background: rgba(255, 72, 2, 0.35); }
    .huedig .table-offices .offices-row.is-child.depth-2 {
      background: rgba(255, 72, 2, 0.55); }
    .huedig .table-offices .offices-row.is-child.depth-3 {
      background: rgba(255, 72, 2, 0.45); }
    .huedig .table-offices .offices-row.is-child.depth-4 {
      background: rgba(255, 72, 2, 0.35); }
  .huedig .dropdown-content li > a,
  .huedig .dropdown-content li > span {
    color: #ff8402; }
  .huedig #login-wrapper input:focus {
    border-bottom: 1px solid #ff8402;
    -webkit-box-shadow: 0 1px 0 0 #ff8402;
    box-shadow: 0 1px 0 0 #ff8402; }
  .huedig .bottom-menu {
    background: #000; }
    .huedig .bottom-menu ul .active::after {
      background-color: #ff8402; }
    .huedig .bottom-menu ul a {
      color: #ff8402; }
      .huedig .bottom-menu ul a:hover, .huedig .bottom-menu ul a.active {
        background-color: #ff8402;
        color: #000; }
  .huedig .table-in-modal thead {
    background: none !important; }
    .huedig .table-in-modal thead tr.subtitle-tr {
      background-color: transparent !important;
      color: #fff; }
    .huedig .table-in-modal thead tr {
      padding: 0px 10px !important; }
  .huedig .table-in-modal tbody {
    background: none; }
    .huedig .table-in-modal tbody .activity-box .activity-title {
      color: #fff; }
    .huedig .table-in-modal tbody .icon-selected {
      color: #fff; }
    .huedig .table-in-modal tbody .change-passwords-form {
      color: #fff; }
      .huedig .table-in-modal tbody .change-passwords-form input {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
        .huedig .table-in-modal tbody .change-passwords-form input::placeholder {
          color: rgba(255, 255, 255, 0.4); }
        .huedig .table-in-modal tbody .change-passwords-form input:focus {
          border-bottom: 1px solid #fff !important; }
      .huedig .table-in-modal tbody .change-passwords-form span button i {
        color: #fff; }
    .huedig .table-in-modal tbody tr td div {
      color: #fff; }
  .huedig .custom-modal {
    background-color: #000; }
    .huedig .custom-modal.events .events-modal-timestamp,
    .huedig .custom-modal.events .events-modal-event {
      color: #fff !important; }
    .huedig .custom-modal.events .no-events {
      color: #fff !important; }
    .huedig .custom-modal #modal-top-bar {
      background-color: #ff8402;
      color: #000;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important; }
      .huedig .custom-modal #modal-top-bar i {
        color: #000; }
    .huedig .custom-modal #modal-header div {
      color: #ff8402; }
    .huedig .custom-modal tbody {
      color: #fff; }
      .huedig .custom-modal tbody tr td .modal-password-title-container {
        color: #fff; }
    .huedig .custom-modal .button-container {
      margin-bottom: 1rem; }
      .huedig .custom-modal .button-container .swal2-styled {
        background-color: #3085d6;
        color: #000; }
  .huedig #beta-advise {
    background-color: #ff8402;
    color: #000; }
  .huedig .lang-dropdown-arrow {
    color: #000; }
  .huedig .language-dropdown {
    background-color: #000;
    border: 1px solid #ff8402; }
  .huedig .title-table-filters-and-events {
    background-color: #000;
    color: #ff8402; }
  .huedig .wells-icon {
    stroke: #ff8402;
    fill: #000; }
  .huedig #admin-add-user {
    background: #ff8402;
    border: 2px solid #000;
    border-radius: 15px;
    transition: background 200ms ease-in-out; }
    .huedig #admin-add-user svg {
      transition: color 200ms ease-in-out;
      color: #000; }
    .huedig #admin-add-user:hover {
      background: #000; }
      .huedig #admin-add-user:hover svg {
        color: #ff8402; }
  .huedig #admin-add-machine {
    background: #ff8402;
    border: 2px solid #ff8402;
    box-shadow: inset 0px 0px 0px 2px #000, 0px 0px 0px 2px #000; }
  .huedig #separator-label {
    color: #000; }
  .huedig tbody .input-group {
    border-bottom: 1px solid #fff; }
  .huedig thead .input-group i {
    color: rgba(0, 0, 0, 0.6) !important; }
  .huedig .records-plus.new-filter-action {
    color: #ff8402 !important; }
  .huedig .input-group {
    border-bottom: 1px solid #000; }
    .huedig .input-group button:hover i {
      color: #ff8402; }
    .huedig .input-group.action input {
      border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
      .huedig .input-group.action input:focus {
        border-bottom: 1px solid #000; }
    .huedig .input-group.action button i {
      color: #000; }
    .huedig .input-group.fleet-type .select-wrapper {
      color: #ff8402; }
    .huedig .input-group input::placeholder {
      color: rgba(0, 0, 0, 0.6); }
    .huedig .input-group i {
      color: rgba(0, 0, 0, 0.6); }
    .huedig .input-group.dark {
      border-bottom: 1px solid #ff8402; }
      .huedig .input-group.dark input::placeholder {
        color: #ff8402; }
      .huedig .input-group.dark i {
        color: #ff8402; }
  .huedig #general-settings-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .huedig #general-settings-table tr:not(:last-child) td {
      color: #fff; }
  .huedig #general-settings-table input {
    border-bottom: 1px solid #fff; }
    .huedig #general-settings-table input:focus {
      border-bottom: 1px solid #fff;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .huedig .datepicker-history {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6); }
    .huedig .datepicker-history::placeholder {
      color: rgba(0, 0, 0, 0.6);
      font-weight: bold;
      font-size: 14px; }
  .huedig .swal2-confirm {
    background-color: #ff8402 !important;
    color: #000 !important; }
  .huedig .bottom-menu li {
    border-left: 1px solid #000; }
    .huedig .bottom-menu li:first-child {
      border: 0; }
  .huedig .icons-for-chart-options {
    color: #000; }
  .huedig .timeline-button {
    background: #000; }
    .huedig .timeline-button .icons-for-chart-options {
      color: #ff8402; }
    .huedig .timeline-button.active {
      background-color: #ff8402; }
      .huedig .timeline-button.active .icons-for-chart-options {
        color: #000; }
  .huedig .setting-value .input-group > input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  .huedig #sell-ecu-button {
    background: #ff8402;
    border-radius: 5px;
    border: 2px solid #ff8402;
    display: flex;
    transition: background 200ms ease-in-out; }
    .huedig #sell-ecu-button:hover {
      background: #000; }
      .huedig #sell-ecu-button:hover > svg {
        fill: #ff8402; }
    .huedig #sell-ecu-button > svg {
      transition: fill 200ms ease-in-out;
      padding: 3px;
      fill: #000; }
  .huedig #tooltip-container-well {
    background-color: #000;
    color: #ff8402; }
  .huedig .zoom-icon-map {
    color: #000; }
  .huedig .side-panel-close-btn {
    color: #fff; }
  .huedig .signal-icon {
    color: #fff; }
  .huedig .left-info-icons .signal-icon {
    color: #000; }
  .huedig .circle-machine-graphic {
    color: #000; }
  .huedig table thead tr {
    background: #ff8402 !important; }
    .huedig table thead tr.tables-title {
      background: #000 !important;
      color: #ff8402 !important;
      font-size: 20px; }
  .huedig table.sell-ecu tr.selected {
    background: rgba(255, 132, 2, 0.3); }
  .huedig [type="checkbox"].filled-in:checked + label:after {
    border: 5px solid #fff !important;
    background-color: #fff !important; }
  .huedig [type="checkbox"].filled-in:checked + label:before {
    border-right: 2px solid #ff8402 !important;
    border-bottom: 2px solid #ff8402 !important; }
  .huedig #side-tool-bar {
    background: #ff8402; }
    .huedig #side-tool-bar.closed {
      background: #000; }
      .huedig #side-tool-bar.closed .side-tool svg {
        fill: #ff8402; }
      .huedig #side-tool-bar.closed .side-tool.active {
        background: #ff8402; }
        .huedig #side-tool-bar.closed .side-tool.active svg {
          fill: #000; }
        .huedig #side-tool-bar.closed .side-tool.active svg:hover {
          background: none; }
      .huedig #side-tool-bar.closed .side-tool svg:hover {
        background: rgba(34, 118, 139, 0.3); }
    .huedig #side-tool-bar .side-tool.active {
      background: #000; }
      .huedig #side-tool-bar .side-tool.active svg {
        fill: #ff8402; }
    .huedig #side-tool-bar .side-tool svg {
      fill: #000; }
  .huedig .side-left-panel-container {
    background: #000; }
    .huedig .side-left-panel-container #side-panel .subtitle {
      color: #ff8402; }
    .huedig .side-left-panel-container #side-panel .title {
      color: #ff8402; }
    .huedig .side-left-panel-container #side-panel #fleet-machines {
      color: #ff8402;
      height: calc(100% - 38px); }
    .huedig .side-left-panel-container #side-panel .icon-for-machine-left-panel,
    .huedig .side-left-panel-container #side-panel .machine-name,
    .huedig .side-left-panel-container #side-panel #geo,
    .huedig .side-left-panel-container #side-panel #signal {
      fill: #fff;
      color: #fff; }
    .huedig .side-left-panel-container #side-panel .search-bar-container {
      color: #000; }
      .huedig .side-left-panel-container #side-panel .search-bar-container input.search-bar-input {
        color: #000; }
  .huedig .back-button-right-menu,
  .huedig .back-button-left-menu {
    color: #ff8402; }
  .huedig .top-buttons-container div {
    background: #ff8402;
    color: #000; }
  .huedig .top-buttons-container div.disabled {
    background-color: #a9a9a9;
    color: #d0d0d0; }
  .huedig .top-buttons-container div:active {
    box-shadow: inset 0 0 4px #000; }
  .huedig .right-menu-button {
    color: #fff; }
  .huedig table.bordered > thead > tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important; }
  .huedig table.bordered > tbody > tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
    .huedig table.bordered > tbody > tr.empty-row {
      border: 0px !important; }
  .huedig table thead tr {
    background-color: #ff8402;
    color: #000; }
  .huedig table tbody {
    background-color: rgba(0, 0, 0, 0.88); }
    .huedig table tbody tr {
      color: #fff; }
  .huedig .divTableHead {
    background-color: #ff8402;
    color: #000; }
    .huedig .divTableHead .search-events {
      color: #000;
      border-bottom: 1px solid #000 !important;
      text-align: left; }
    .huedig .divTableHead i {
      color: #000; }
  .huedig .testa-fissa {
    background-color: #000;
    color: #ff8402; }
  .huedig #newfilter-input {
    border-bottom: 1px solid #ff8402 !important;
    padding-bottom: 0px !important; }
    .huedig #newfilter-input::placeholder {
      color: #ff8402; }
  .huedig .name-block .testa-fissa {
    background-color: #000; }
    .huedig .name-block .testa-fissa .records-plus {
      background-color: #ff8402;
      color: #000;
      transition: background 200ms ease-in-out, border 200ms ease-in-out;
      border: 2px solid #ff8402; }
      .huedig .name-block .testa-fissa .records-plus:hover {
        background-color: #000;
        color: #ff8402; }
        .huedig .name-block .testa-fissa .records-plus:hover i {
          color: #ff8402; }
      .huedig .name-block .testa-fissa .records-plus i {
        color: #000; }
  .huedig #consumption-result,
  .huedig #consumption-interval {
    background-color: rgba(0, 0, 0, 0.8); }
  .huedig .list-block .testa-fissa {
    background-color: #000; }
    .huedig .list-block .testa-fissa .records,
    .huedig .list-block .testa-fissa .records div {
      color: #ff8402; }
  .huedig .measures-labels {
    background: #ff8402;
    color: #000; }
    .huedig .measures-labels.element-clicked {
      border-left: 8px solid #000; }
    .huedig .measures-labels .option-title {
      color: #000; }
    .huedig .measures-labels .lab-unit-layer {
      color: #000; }
  .huedig #IconStripePosition {
    color: #ff8402; }
  .huedig #centered-eye-div {
    background: #000;
    border: 1px solid #ff8402; }
  .huedig #dotted-line {
    border: 1.5px dashed #ff8402; }
  .huedig #io-scrolling .io-menu {
    background: #ff8402;
    margin-bottom: 2px;
    padding: 10px;
    border-radius: 5px;
    color: #000; }
    .huedig #io-scrolling .io-menu:last-child {
      margin-bottom: 0px; }
    .huedig #io-scrolling .io-menu .io-menu-text {
      color: #000; }
    .huedig #io-scrolling .io-menu .cmd-opt label {
      color: #000; }
    .huedig #io-scrolling .io-menu .cmd-opt .command-input,
    .huedig #io-scrolling .io-menu .cmd-opt .command-label {
      color: #000; }
    .huedig #io-scrolling .io-menu .cmd-opt .command-input {
      border-bottom-color: #000; }
  .huedig .share-position-icon {
    color: #ff8402; }
  .huedig .options-panel2.lda-not-editable > .scrolling-container, .huedig .options-panel2.lda-editable > .scrolling-container {
    background-color: #ff8402; }
  .huedig .options-panel2.lda-not-editable .button-for-svg, .huedig .options-panel2.lda-editable .button-for-svg {
    transition: background 200ms ease-in;
    border: 2px solid #ff8402; }
    .huedig .options-panel2.lda-not-editable .button-for-svg:hover, .huedig .options-panel2.lda-editable .button-for-svg:hover {
      border: 2px solid #ff8402; }
  .huedig #last-cycle-params .options-panel2 .options-item {
    background-color: #ff8402;
    color: #000; }
  .huedig #last-cycle-params .options-panel2 .options-item-text,
  .huedig #last-cycle-params .options-panel2 .options-item-value {
    color: #000; }
  .huedig #last-cycle-params .options-panel2 #events-container {
    background-color: #ff8402;
    color: #000; }
  .huedig #notifications-right-option .user-priority {
    background: #ff8402;
    color: #000; }
    .huedig #notifications-right-option .user-priority .priority-filters-user {
      color: #000; }
    .huedig #notifications-right-option .user-priority .priority-filters-name {
      background: #000;
      color: #ff8402; }
  .huedig #notifications-right-option .user-priority-filters-container {
    background: #ff8402; }
    .huedig #notifications-right-option .user-priority-filters-container .events-second {
      color: #9e9e9e; }
    .huedig #notifications-right-option .user-priority-filters-container .events-first {
      color: #000; }
  .huedig #timeline-circle {
    background: #ff8402; }
  .huedig .showInfo {
    background: #cccccc; }
  .huedig .backTomap {
    color: #000; }
  .huedig div::-webkit-scrollbar,
  .huedig tbody::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0.3); }
  .huedig div::-webkit-scrollbar-thumb,
  .huedig tbody::-webkit-scrollbar-thumb {
    background-color: #ff8402; }
  .huedig .label-state-container .label-state-title {
    color: #fff; }
  .huedig .label-state-container .label-state-imei {
    color: #fff; }
  .huedig .label-state-container .label-state-label {
    color: #fff; }
    .huedig .label-state-container .label-state-label .label-state-value {
      color: #fff; }
  .huedig .label-state-container .label-estimated-time {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 50%; }
    .huedig .label-state-container .label-estimated-time .label-state-time-value:first-child {
      padding-right: 5px; }
    .huedig .label-state-container .label-estimated-time .label-state-label {
      color: #fff; }
  .huedig .label-state-container #width-label {
    color: #fff; }
    .huedig .label-state-container #width-label span {
      color: #fff; }
  .huedig .label-state-container #height-label {
    color: #fff; }
    .huedig .label-state-container #height-label span {
      color: #fff; }
  .huedig #machineContainer #input_length input {
    border-bottom: 2px solid #ff8402; }
    .huedig #machineContainer #input_length input:focus {
      border-bottom: 2px solid #ff8402 !important; }
  .huedig #top-nav {
    background-color: #ff8402;
    border-bottom: 1px solid #000; }
    .huedig #top-nav .brand-logo-image {
      background-image: url(logo-huedig.png); }
    .huedig #top-nav .myirrigation-logo {
      background-image: url(app-logo-huedig.png); }
    .huedig #top-nav .language-and-info #language-switcher span:not(:first-child)::after {
      background: #000; }
    .huedig #top-nav .language-and-info #tm-infobox {
      color: #000; }
    .huedig #top-nav .connection-icon {
      background-image: url("icons/connection-lost-startec.png"); }
  .huedig .menu-button {
    background: #ff8402;
    border: 1.5px solid #000;
    color: #000; }
  .huedig .menu-item {
    background-color: #ff8402;
    border: 1.5px solid #000;
    color: #000; }
  .huedig #assign-geo-button {
    color: #000; }
    .huedig #assign-geo-button::before {
      background-color: #000;
      color: #ff8402; }
    .huedig #assign-geo-button::after {
      border-bottom: 10px solid #000; }
  .huedig .tool {
    background: #000;
    color: #ff8402; }
    .huedig .tool.active {
      background-color: #ff8402;
      color: #000; }
  .huedig div::-webkit-scrollbar-track,
  .huedig tbody::-webkit-scrollbar-track {
    background-color: transparent; }
  .huedig div::-webkit-scrollbar,
  .huedig tbody::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0.3); }
  .huedig div::-webkit-scrollbar-thumb,
  .huedig tbody::-webkit-scrollbar-thumb {
    background-color: #ff8402; }
  .huedig .personification-border {
    background-color: rgba(255, 132, 2, 0.3); }
  .huedig .meteor-status > a,
  .huedig .meteor-status > a:active,
  .huedig .meteor-status > a:focus {
    color: #ff8402 !important; }
  .huedig #btn-login,
  .huedig #btn-register,
  .huedig #btn-logout,
  .huedig #btn-signup,
  .huedig #btn-next,
  .huedig #btn-prev {
    color: #000;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .huedig #btn-login.i,
    .huedig #btn-register.i,
    .huedig #btn-logout.i,
    .huedig #btn-signup.i,
    .huedig #btn-next.i,
    .huedig #btn-prev.i {
      color: #000; }
  .huedig .btn-large.dark-blue {
    background-color: #ff8402; }
    .huedig .btn-large.dark-blue:hover {
      opacity: 0.9;
      background-color: #ff8402; }
  .huedig .swal2-icon.swal2-success {
    border-color: #ff8402 !important;
    color: #ff8402 !important; }
  .huedig .swal2-icon.swal2-warning {
    border-color: #ff8402 !important;
    color: #ff8402 !important; }
  .huedig .swal2-icon.swal2-info {
    border-color: #ff8402 !important;
    color: #ff8402 !important; }
  .huedig .swal2-icon.swal2-error {
    border-color: #ff8402 !important;
    color: #ff8402 !important; }
    .huedig .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #ff8402; }
  .huedig .swal2-icon.swal2-question {
    border-color: #ff8402 !important;
    color: #ff8402 !important; }
  .huedig #register-overlay {
    background: rgba(30, 30, 30, 0.9); }
    .huedig #register-overlay #clickable-overlay {
      background: transparent; }
    .huedig #register-overlay #register-container {
      background-color: #000; }
      .huedig #register-overlay #register-container #register-header {
        background: #ff8402; }
        .huedig #register-overlay #register-container #register-header label {
          color: #000; }
        .huedig #register-overlay #register-container #register-header .register-modal {
          color: #000; }
    .huedig #register-overlay #modal-info label {
      color: #ff8402; }
    .huedig #register-overlay .input-group {
      border: 2px solid #ff8402; }
      .huedig #register-overlay .input-group input {
        color: #fff; }
        .huedig #register-overlay .input-group input::placeholder {
          color: #fff;
          opacity: 0.5; }
  .huedig .tooltip-generic {
    background: #000;
    color: #ff8402; }
  .huedig .map-tooltip::before {
    background: #000; }
  .huedig .map-tooltip span {
    color: #ff8402; }
  .huedig .tooltip-manage-menu::after {
    background: #000; }
  .huedig .layer-tooltip::after {
    background: #000; }
  .huedig #tooltip-container {
    background-color: #000;
    color: #ff8402; }
    .huedig #tooltip-container.custom-download {
      margin-top: 40px;
      margin-right: 15px; }
    .huedig #tooltip-container.blue-bordered {
      border: 1px solid #ff8402; }
    .huedig #tooltip-container::after {
      background: #000; }
    .huedig #tooltip-container.right-side-bar {
      background: #ff8402; }
      .huedig #tooltip-container.right-side-bar > label {
        color: #000; }
      .huedig #tooltip-container.right-side-bar::after {
        background: #ff8402; }
    .huedig #tooltip-container label {
      color: #ff8402;
      padding: 10px;
      font-size: 20px;
      white-space: nowrap; }
  .huedig #tooltip-container-machine {
    background-color: #000;
    color: #ff8402; }
    .huedig #tooltip-container-machine label {
      color: #ff8402; }
  .huedig .machine-svg #bars rect {
    fill: #ff8402; }
  .huedig #register-overlay .select-wrapper::after {
    color: #ff8402;
    position: absolute;
    pointer-events: none; }
  .huedig #add-tech-icon {
    transition: background 200ms ease-in-out;
    border: 2px solid #ff8402; }
    .huedig #add-tech-icon > .material-icons {
      transition: color 200ms ease-in-out;
      color: #000; }
    .huedig #add-tech-icon:hover {
      background: #000; }
      .huedig #add-tech-icon:hover > .material-icons {
        color: #ff8402; }
  .huedig #side-panel-title-container svg:first-child {
    fill: #ff8402; }
  .huedig #add-field,
  .huedig #add-stripe,
  .huedig #add-well {
    border: 2px solid #ff8402; }
  .huedig #add-field,
  .huedig #add-well {
    color: #ff8402; }
  .huedig #add-stripe {
    color: #ff8402; }
    .huedig #add-stripe:hover > svg {
      fill: #ff8402 !important; }
    .huedig #add-stripe > svg {
      fill: #000 !important;
      width: 16px !important;
      height: 16px !important;
      margin-right: 0 !important; }
  .huedig #square-point {
    background: #ff8402; }
  .huedig .btn-regular {
    background: #ff8402 !important;
    color: #000 !important; }
    .huedig .btn-regular:hover {
      background: #000 !important;
      color: #ff8402 !important; }
  .huedig td .input-group-append .btn,
  .huedig td .input-group-append-two .btn {
    border: 2px solid #ff8402; }
  .huedig .machine-block .btn {
    transition: background 200ms ease-in-out;
    border: 2px solid #ff8402; }
    .huedig .machine-block .btn i {
      transition: color 200ms ease-in-out; }
    .huedig .machine-block .btn:hover {
      background: #000 !important; }
      .huedig .machine-block .btn:hover i {
        color: #ff8402; }
  .huedig .machine-block .input-group-append .btn,
  .huedig .machine-block .input-group-append-two .btn {
    background: #ff8402; }
  .huedig .machine-block .expand {
    color: #fff;
    border: 2px solid #ff8402; }
  .huedig .machine-block .input-group.dark input {
    color: #fff; }
  .huedig .machine-block .row-block-container i {
    color: #fff !important; }
  .huedig .machine-block .row-block-container .row-block label {
    color: #fff; }
  .huedig .machine-block .row-block-container .row-block #unlink-stripe {
    background-image: url("wells/link-white.png"); }
  .huedig .machine-block .row-block-container .row-block #unlink-stripe:hover {
    background-image: url("wells/unlink-white.png"); }
  .huedig .machine-block:hover .machine-block-header {
    background: rgba(255, 132, 2, 0.3); }
  .huedig .machine-block.highlighted .machine-block-header {
    background: rgba(255, 132, 2, 0.3); }
  .huedig .machine-block.active {
    background-color: rgba(255, 72, 2, 0.3); }
    .huedig .machine-block.active .machine-name {
      color: #000; }
  .huedig .machine-block .machine-block-header .machine-name-container .machine-state {
    color: #ff8402;
    width: fit-content;
    padding: 3px 0px;
    font-weight: bold;
    font-size: 13px; }
  .huedig .machine-block .machine-block-header i {
    color: #fff; }
  .huedig .machine-block .machine-block-header .machine-block-group .field-icon,
  .huedig .machine-block .machine-block-header .machine-block-group .well-icon {
    background-image: url("wells/expand-white.png"); }
  .huedig .edit-icon path {
    fill: #fff; }
  .huedig .measure-labels {
    background: #000;
    font-size: 1em; }
    .huedig .measure-labels:after {
      content: "";
      width: 100%;
      position: absolute;
      height: 40px;
      left: 0;
      margin-top: -2px;
      z-index: 1;
      border-radius: 5px 0 0 5px;
      border-left: 1px solid #ff8402;
      border-top: 1px solid #ff8402; }
    .huedig .measure-labels:last-child:after {
      border-bottom: 1px solid #ff8402; }
    .huedig .measure-labels label {
      color: #ff8402; }
    .huedig .measure-labels svg {
      width: 1.5em;
      fill: #ff8402; }
  .huedig table thead tr {
    background-color: #ff8402;
    color: #000; }
    .huedig table thead tr th label {
      color: #000; }
  .huedig table tbody {
    background-color: rgba(0, 0, 0, 0.8); }
  .huedig .btns-tables {
    background-color: #ff8402;
    color: #000; }
  .huedig .disabled-btns {
    background-color: #aaa;
    color: #fff; }
  .huedig .custom-swal-modal-stripe-creation .stripe-creation-modal-icon {
    fill: #ff8402; }
  .huedig .custom-swal-modal-stripe-creation .swal2-title {
    color: #ff8402; }
  .huedig .custom-swal-modal-lda {
    background: #ff8402 !important; }
    .huedig .custom-swal-modal-lda .lda-modal-content::-webkit-scrollbar-thumb {
      background-color: #000; }
    .huedig .custom-swal-modal-lda .lda-modal-header .lda-modal-icon {
      fill: #ff8402; }
    .huedig .custom-swal-modal-lda .actual-value {
      text-align: right; }
    .huedig .custom-swal-modal-lda .swal2-title {
      color: #ff8402; }
    .huedig .custom-swal-modal-lda::-webkit-scrollbar-thumb {
      background-color: #000 !important; }
  .huedig .records-user .dropdown-content li > a,
  .huedig .records-user .dropdown-content li > span {
    color: #ff8402 !important; }
  .huedig #charts-container-responsive .recharts-layer circle {
    stroke: #ff8402; }
  .huedig #charts-container-responsive .recharts-layer path {
    stroke: #ff8402; }
  .huedig #charts-container-responsive .recharts-reference-dot circle {
    stroke: #000;
    stroke-width: 1.2;
    fill: #ff8402; }
  .huedig .action-stripe-info {
    border-right-color: #000;
    border-left-color: #000;
    background-color: #ff8402;
    color: #000;
    font-size: 1.0625em;
    box-shadow: 0px 1px 3px 1px #949494; }
    .huedig .action-stripe-info.disabled-button {
      background-color: grey; }
  .huedig #modal-action-buttons .stripe-info-container {
    background: #ff8402 !important;
    color: #000;
    outline: 0px; }
  .huedig #stripe-width-input,
  .huedig #stripe-name,
  .huedig #stripe-height {
    color: #fff !important;
    border-color: #ff8402 !important; }
  .huedig #credits-logo-startec {
    background-image: url(logo_startec.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .huedig #credits-logo-knobs {
    background-image: url(KNOBS.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .huedig #name-field {
    color: #fff; }
  .huedig #well-name {
    color: #fff; }
  .huedig .field-name {
    color: #fff; }
  .huedig #right-menu-container .tool-button {
    background: #000; }
    .huedig #right-menu-container .tool-button.active {
      background: #ff8402;
      color: #000; }
      .huedig #right-menu-container .tool-button.active svg {
        fill: #000; }
    .huedig #right-menu-container .tool-button svg {
      fill: #ff8402; }
  .huedig #googleDiv.machine-color #machineContainer #bars rect {
    fill: #ff8402 !important; }
  .huedig #googleDiv.machine-color #machineContainer polyline {
    fill: #ff8402 !important; }
  .huedig #googleDiv.offline.machine-color #machineContainer polyline {
    fill: #d0d0d0 !important; }
  .huedig #well {
    background-image: url("wells/well-marker-default-huedig.png"); }
  .huedig #draggable-well {
    background-image: url("wells/well-marker-drag-huedig.png"); }
  .huedig #well.selected {
    background-image: url("wells/well-marker-active-huedig.png");
    padding: 20px; }
  .huedig #well.webview-selected {
    background-image: url("wells/well-marker-webview-selected.png"); }
  .huedig .single-event-info {
    background: #000;
    border: 1px solid #ff8402; }
    .huedig .single-event-info .event-chart-timestamp {
      color: #ff8402; }
    .huedig .single-event-info .event-type {
      color: #ff8402;
      font-weight: bold;
      text-align: center; }
  .huedig .recharts-reference-dot.selected .recharts-dot {
    fill: #ff8402; }
  .huedig .recharts-reference-dot.selected .recharts-text.recharts-label {
    fill: #000; }
  .huedig .recharts-reference-dot .recharts-text.recharts-label {
    fill: #ff8402; }
  .huedig .single-tech-container {
    background: #000;
    border: 1px solid #fff; }
    .huedig .single-tech-container > div {
      color: #ff8402; }
    .huedig .single-tech-container .tech-icon#remove-tech-icon {
      color: #000;
      background: #ff8402;
      border: 2px solid #ff8402;
      transition: all 200ms ease-in-out; }
      .huedig .single-tech-container .tech-icon#remove-tech-icon:hover {
        color: #ff8402;
        background: #000; }
  .huedig .tech-icon.expand:not(.disabled) {
    border-radius: 100%;
    background: #ff8402; }
  .huedig #map-box-container {
    background: #000;
    border: 1px solid #ff8402; }
    .huedig #map-box-container .map-box-title {
      color: #ff8402; }
    .huedig #map-box-container .map-box-row,
    .huedig #map-box-container .map-box-row-vertical {
      color: #ff8402; }
  .huedig .activity-box {
    border: 1px solid #ff8402; }
    .huedig .activity-box .input-container .input-group .form-control {
      color: #fff; }
    .huedig .activity-box .input-container .input-group .appended-text {
      color: #fff; }
    .huedig .activity-box.current-act {
      background: #571200 !important; }
  .huedig #single-page-info .activity-box {
    background: #000; }
    .huedig #single-page-info .activity-box .activity-info-label,
    .huedig #single-page-info .activity-box .actual-value {
      color: #fff; }
  .huedig #infobox-title {
    color: #000; }
  .huedig .edit-box-name .button-for-svg {
    width: 30px !important;
    height: 30px !important; }
    .huedig .edit-box-name .button-for-svg:hover {
      width: 30px !important; }
      .huedig .edit-box-name .button-for-svg:hover > svg {
        background: #ff8402 !important;
        fill: #000 !important; }
    .huedig .edit-box-name .button-for-svg > svg {
      background: #000 !important;
      fill: #ff8402 !important; }
  .huedig .activity-info-container .input-container .actual-value {
    font-size: 16px;
    text-align: right; }
    .huedig .activity-info-container .input-container .actual-value.padding-right {
      padding-right: 2.3em; }
  .huedig #lda-scrolling #lda-info .edit-box-name .form-control {
    color: #000; }
  .huedig #lda-scrolling #lda-info .lda-info-container {
    color: #000; }
  .huedig #lda-scrolling #lda-info #lda-title {
    color: #000; }
  .huedig #lda-scrolling #lda-info .btn:hover .fas {
    color: #ff8402; }
  .huedig #lda-scrolling #lda-info .btn .fas {
    color: #000; }
  .huedig #lda-scrolling .activity-box {
    background: #000; }
    .huedig #lda-scrolling .activity-box .clickable svg {
      border: none; }
    .huedig #lda-scrolling .activity-box .input-container .input-group-append:hover .fas:before,
    .huedig #lda-scrolling .activity-box .input-container .input-group-append-two:hover .fas:before {
      color: #ff8402; }
    .huedig #lda-scrolling .activity-box .input-container .input-group-append .fas:before,
    .huedig #lda-scrolling .activity-box .input-container .input-group-append-two .fas:before {
      color: #000; }
    .huedig #lda-scrolling .activity-box .input-container .button-for-svg {
      border: 2px solid #ff8402; }
      .huedig #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda {
        color: #000; }
        .huedig #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda:hover .on-lda-label {
          color: #ff8402; }
    .huedig #lda-scrolling .activity-box .activity-title {
      color: #ff8402; }
    .huedig #lda-scrolling .activity-box .activity-info-container .activity-info-label,
    .huedig #lda-scrolling .activity-box .activity-info-container .input-container {
      color: #fff; }
    .huedig #lda-scrolling .activity-box .activity-info-container .input-group.action {
      justify-content: flex-start; }
    .huedig #lda-scrolling .activity-box .activity-info-container .input-group input {
      color: #ff8402;
      border-bottom: 1px solid #ff8402 !important;
      max-width: 35px !important; }
    .huedig #lda-scrolling .activity-box .activity-info-container .input-group .appended-text {
      margin-right: 50px; }
    .huedig #lda-scrolling .activity-box .activity-info-container .measure-unit {
      color: #ff8402; }
    .huedig #lda-scrolling .activity-box .actual-info-container .actual-value {
      color: #fff; }
  .huedig .dp-mobile-topbar {
    color: #000; }
  .huedig .dp-mobile-topbar-calendar .react-datepicker__day--keyboard-selected,
  .huedig .dp-mobile-topbar-calendar .react-datepicker__day--selected {
    background-color: #ff8402; }
  .huedig .react-datepicker__day--keyboard-selected,
  .huedig .react-datepicker__day--selected,
  .huedig .react-datepicker__day--in-selecting-range,
  .huedig .react-datepicker__day--in-range {
    background-color: #ff8402 !important; }
  .huedig .icon-filter-manage-container {
    display: flex;
    height: 100%;
    align-items: center;
    width: 78px;
    justify-content: space-between; }
    .huedig .icon-filter-manage-container button {
      height: 34.5px;
      width: 34.5px;
      background: #ff8402;
      border-radius: 5px;
      font-size: 15px;
      position: relative;
      display: flex;
      justify-content: center;
      border: 0px;
      border: 2px solid #ff8402; }
      .huedig .icon-filter-manage-container button i {
        color: #000 !important;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
      .huedig .icon-filter-manage-container button:hover i {
        color: #ff8402 !important; }
      .huedig .icon-filter-manage-container button svg {
        padding: 0px;
        margin-top: 5px;
        margin-left: 5px;
        background: transparent;
        width: 5px !important;
        height: 5px !important;
        position: absolute;
        top: 0px;
        left: 0px; }
        .huedig .icon-filter-manage-container button svg.icon-savedisk {
          width: 20px !important;
          height: 20px !important; }
      .huedig .icon-filter-manage-container button:hover {
        background: #000; }
        .huedig .icon-filter-manage-container button:hover svg {
          padding: 0px;
          color: #ff8402;
          transition: all 250ms ease-in-out;
          transition-property: background, color; }
  .huedig .clickable {
    font-size: 15px !important; }
    .huedig .clickable i {
      font-size: 15px !important; }
    .huedig .clickable.small svg {
      width: 5px !important;
      height: 5px !important; }
    .huedig .clickable button {
      background: #ff8402;
      border-radius: 5px;
      font-size: 15px;
      position: relative; }
      .huedig .clickable button:hover i {
        color: #ff8402; }
      .huedig .clickable button.edit-on-lda svg {
        border: none !important; }
      .huedig .clickable button svg {
        padding: 0px;
        padding: 5px;
        background: transparent;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: all 200ms ease-in;
        transition-property: background, color; }
      .huedig .clickable button:hover {
        background: #000; }
        .huedig .clickable button:hover svg {
          padding: 5px;
          color: #ff8402; }
    .huedig .clickable svg {
      padding: 5px;
      width: 2.3em !important;
      height: 2.3em !important;
      background: #ff8402;
      color: #000;
      border-radius: 5px;
      outline: 2px solid #ff8402; }
      .huedig .clickable svg:hover {
        background: #000;
        padding: 5px;
        color: #ff8402;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
  .huedig .irrigation-details .input-group-append-two .btn svg {
    width: 1.7em !important;
    height: 1.7em !important;
    border: 0; }
  .huedig .chart-annotation {
    cursor: pointer; }
    .huedig .chart-annotation path {
      fill: #000;
      stroke: #ff8402; }
    .huedig .chart-annotation text {
      font-size: 13px !important;
      font-weight: bold !important;
      fill: #ff8402 !important; }
    .huedig .chart-annotation.clicked path {
      fill: #ff8402;
      stroke: #000; }
    .huedig .chart-annotation.clicked text {
      fill: #000 !important; }
  .huedig .highcharts-annotation-shapes circle {
    fill: url(icons/machine-white.png); }
  .huedig .not-clickable svg {
    padding: 5px;
    width: 34.5px !important;
    height: 34.5px !important;
    background: gray;
    outline: 2px solid gray;
    color: #000;
    border-radius: 5px; }
  .huedig .highcharts-contextbutton rect {
    fill: #ff8402;
    stroke: #ff8402;
    stroke-width: 2; }
  .huedig .highcharts-contextbutton path {
    stroke: #000; }
  .huedig .highcharts-contextbutton:hover rect {
    fill: #000;
    stroke: #ff8402; }
  .huedig .highcharts-contextbutton:hover path {
    stroke: #ff8402; }
  .huedig .highcharts-reset-zoom .highcharts-button-box {
    fill: transparent; }
  .huedig .highcharts-reset-zoom .highcharts-button-box {
    fill: #ff8402; }
  .huedig .highcharts-reset-zoom .reset-zoom-icon {
    fill: #000; }
  .huedig .highcharts-reset-zoom:after {
    content: ""; }
  .huedig .highcharts-menu {
    padding: 0px !important;
    box-shadow: none !important; }
    .huedig .highcharts-menu hr {
      margin: 0px !important; }
    .huedig .highcharts-menu .highcharts-menu-item {
      height: 100%;
      padding: 10px !important;
      font-size: 13px !important; }
      .huedig .highcharts-menu .highcharts-menu-item:hover {
        background: #ff8402 !important;
        color: #000 !important; }
  .huedig .notify {
    background-color: #ff8402;
    border: 1px solid #ff8402;
    box-shadow: inset 0px 0px 0px 1.5px #000, 0px 0px 0px 1.5px #000; }
    .huedig .notify label {
      color: #000; }
  .huedig .machines-table caption {
    color: #fff; }
  .huedig #mb-creation-top-info {
    background: #000; }
  .huedig #manage-tables-container .react-datepicker__close-icon::after {
    background-color: #ff8402;
    color: #000; }
  .huedig .react-datepicker__day--keyboard-selected {
    background-color: #ff8402;
    color: #000; }
  .huedig .right-options-block.active .right-option-name {
    color: #000; }
  .huedig .user-priority {
    background: #000; }
  .huedig .options-panel2.lda-editable .edit-box-name .button-for-svg {
    height: 30px !important;
    border-radius: 10px; }
    .huedig .options-panel2.lda-editable .edit-box-name .button-for-svg:hover > svg {
      background: #000;
      fill: #ff8402; }
    .huedig .options-panel2.lda-editable .edit-box-name .button-for-svg > svg {
      background: #ff8402;
      fill: #000; }
  .huedig .stor-irr.active {
    background-color: #ff8402 !important; }
    .huedig .stor-irr.active label {
      color: #000 !important; }
  .huedig .stor-mac.active {
    background-color: #ff8402 !important; }
    .huedig .stor-mac.active label {
      color: #000 !important; }
  .huedig .stor-stripe.active {
    background-color: #ff8402 !important; }
    .huedig .stor-stripe.active label {
      color: #000 !important; }
  .huedig .right-options-block {
    background-color: #000; }
  .huedig .react-datepicker__day--selected,
  .huedig .react-datepicker__day--in-selecting-range,
  .huedig .react-datepicker__day--in-range {
    background-color: #ff8402; }
  .huedig #manage-tables-container .react-datepicker__day--selected,
  .huedig .react-datepicker__day--in-selecting-range,
  .huedig .react-datepicker__day--in-range {
    background-color: #ff8402; }
  .huedig .white-version i.fa-edit {
    color: #000 !important; }
  .huedig .fleets-icon-container .fa-save,
  .huedig .input-fleets-container .fa-times {
    color: #000 !important; }
  .huedig .fleets-table-name {
    color: #000; }
  .huedig .input-machine-fleets:focus {
    border-bottom: 1px solid #000 !important; }
  .huedig .button-label {
    color: #000; }
  .huedig .lda-modal-container {
    color: #000; }
    .huedig .lda-modal-container .lda-modal-header .swal2-title,
    .huedig .lda-modal-container .lda-modal-header .separator {
      color: #000; }
    .huedig .lda-modal-container .activity-box {
      border: 1px solid #ff8402;
      background: #000; }
      .huedig .lda-modal-container .activity-box .activity-start-time,
      .huedig .lda-modal-container .activity-box .activity-end-time {
        color: #fff; }
      .huedig .lda-modal-container .activity-box .activity-title {
        color: #ff8402;
        margin-bottom: 20px; }
      .huedig .lda-modal-container .activity-box .activity-info-container {
        flex-direction: row; }
        .huedig .lda-modal-container .activity-box .activity-info-container .activity-info-label {
          color: #fff; }
        .huedig .lda-modal-container .activity-box .activity-info-container .input-container {
          color: #fff; }
  .huedig .download-container {
    background: #000; }
    .huedig .download-container .download-header {
      background: #ff8402; }
      .huedig .download-container .download-header label {
        color: #000; }
      .huedig .download-container .download-header .download-sheet {
        color: #000; }
    .huedig .download-container .download-icon-container {
      background: #ff8402;
      border: 2px solid #ff8402; }
      .huedig .download-container .download-icon-container svg {
        fill: #000; }
      .huedig .download-container .download-icon-container:hover {
        background: #000; }
        .huedig .download-container .download-icon-container:hover svg {
          fill: #ff8402; }
    .huedig .download-container .xlsx-button,
    .huedig .download-container .csv-button {
      background: #000; }
      .huedig .download-container .xlsx-button.active,
      .huedig .download-container .csv-button.active {
        background: #ff8402; }
        .huedig .download-container .xlsx-button.active label,
        .huedig .download-container .csv-button.active label {
          color: #000; }
      .huedig .download-container .xlsx-button label,
      .huedig .download-container .csv-button label {
        color: #ff8402; }
    .huedig .download-container .download-file-container {
      border: 2px solid #ff8402; }
      .huedig .download-container .download-file-container:hover {
        background: #ff8402; }
        .huedig .download-container .download-file-container:hover svg {
          fill: #000; }
  .huedig #input_length #time-etooltip.accepted::before,
  .huedig #input_length #width-etooltip.accepted::before {
    background-color: #ff8402; }
  .huedig #input_length #time-etooltip.rejected::before,
  .huedig #input_length #width-etooltip.rejected::before {
    background-color: #ff8402; }
  .huedig .state-wrapper svg.accepted {
    color: #ff8402;
    fill: #ff8402; }
  .huedig .state-wrapper svg.rejected {
    color: #ff8402;
    fill: #ff8402; }

.rm {
  /* Meteor status */
  /* Buttons */
  /* SWAL */
  /* REGISTER MODAL */
  /* TOOLTIP */
  /* SIDE PANEL */
  /* MACHINE BLOCK */
  /* CHART BUTTONS */
  /* TABLE */
  /* manage tables btns */
  /* Records User */ }
  .rm .icon-filter-manage-container > button > svg {
    margin-top: 4px;
    margin-left: 5px;
    width: 27px !important;
    height: 23px !important;
    margin-left: 2px;
    fill: #fff; }
  .rm .icon-filter-manage-container button:hover svg {
    fill: #ca2933; }
  .rm .activity-info-container .input-container > .value-icon {
    width: auto !important;
    background: none !important;
    color: #ca2933 !important;
    border: 0; }
    .rm .activity-info-container .input-container > .value-icon.pause-icon {
      max-width: 40px;
      max-height: 40px; }
  .rm .activity-time.activity-start-time > .value-icon,
  .rm .activity-time.activity-end-time > .value-icon {
    background: none !important;
    color: #ca2933 !important; }
  .rm .icon-measure {
    color: #ca2933 !important; }
  .rm #modal-body .activity-box .activity-info-container {
    width: 100%;
    padding: 0 20px; }
    .rm #modal-body .activity-box .activity-info-container .input-container {
      justify-content: space-between; }
  .rm #modal-body .activity-box .activity-time.activity-start-time,
  .rm #modal-body .activity-box .activity-time.activity-end-time {
    padding: 0 20px;
    width: 100%;
    justify-content: space-between; }
  .rm .last-irrigation-title {
    color: #ca2933; }
    .rm .last-irrigation-title > p {
      padding-left: 5px;
      font-weight: 600; }
    .rm .last-irrigation-title .flex-column {
      display: flex;
      flex-wrap: wrap; }
      .rm .last-irrigation-title .flex-column .map-box-wrapper {
        display: flex;
        width: 100%;
        flex-basis: 100%; }
        .rm .last-irrigation-title .flex-column .map-box-wrapper .map-box-row-vertical {
          width: 50%;
          flex-basis: 50%; }
    .rm .last-irrigation-title > p {
      margin-left: 5px; }
  .rm .meteor-status > .meteor-status-retry {
    margin-left: 10px;
    background: #ca2933;
    color: #fdd530 !important;
    border: 2px solid #ca2933;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 200ms ease-in-out; }
    .rm .meteor-status > .meteor-status-retry:hover {
      background: #fdd530;
      color: #ca2933 !important; }
  .rm #role-icon-container .button-for-svg {
    width: 2.3em !important;
    height: 2.3em !important; }
  .rm .button-for-svg .icons-for-users-table {
    width: 90%;
    height: 90%; }
  .rm .button-for-svg.edit-role {
    cursor: pointer;
    background: #ca2933;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    transition: background 200ms ease-in-out; }
    .rm .button-for-svg.edit-role:hover {
      background: #fdd530; }
      .rm .button-for-svg.edit-role:hover > .icons-for-users-table {
        fill: #ca2933; }
    .rm .button-for-svg.edit-role > .icons-for-users-table {
      padding: 5px;
      background: transparent;
      position: absolute;
      fill: #fdd530;
      border-radius: 5px;
      border: 2px solid #ca2933;
      top: 0px;
      left: 0px;
      transition: all 200ms ease-in;
      transition-property: background, color;
      width: 2.3em !important;
      height: 2.3em !important; }
  .rm #download-csv, .rm #notarization-button, .rm #notarization-button-disabled {
    position: absolute;
    right: 5px;
    margin: 35px 10px;
    width: 60px;
    height: 60px;
    background: #ca2933;
    border-radius: 15px;
    border: 2px solid #fdd530;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 200ms ease-in-out; }
    .rm #download-csv svg, .rm #notarization-button svg, .rm #notarization-button-disabled svg {
      transition: color 200ms ease-in-out; }
    .rm #download-csv:hover, .rm #notarization-button:hover, .rm #notarization-button-disabled:hover {
      background: #fdd530; }
      .rm #download-csv:hover svg, .rm #notarization-button:hover svg, .rm #notarization-button-disabled:hover svg {
        color: #ca2933; }
    .rm #download-csv i, .rm #notarization-button i, .rm #notarization-button-disabled i {
      color: #fdd530;
      font-size: 18px; }
  .rm #notarization-button {
    top: 5rem; }
  .rm #notarization-button-disabled {
    background: grey;
    top: 5rem; }
  .rm .remote-access-btn {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    padding: 5px;
    background: #ca2933;
    cursor: pointer;
    transition: background 200ms ease-in-out;
    border: 2px solid #ca2933; }
    .rm .remote-access-btn > svg {
      max-width: 100%;
      max-height: 100%;
      padding: 3px;
      transform: translate(-2px, -1px);
      fill: #fdd530;
      transition: fill 200ms ease-in-out; }
    .rm .remote-access-btn:hover {
      background: #fdd530; }
      .rm .remote-access-btn:hover svg {
        fill: #ca2933; }
  .rm .logout-wrapper,
  .rm .end-support-btn {
    border: 2px solid #fdd530;
    border-radius: 10px;
    padding: 5px;
    background: #fdd530;
    cursor: pointer;
    transition: background 200ms ease-in-out; }
    .rm .logout-wrapper > svg,
    .rm .end-support-btn > svg {
      fill: #ca2933;
      transition: fill 200ms ease-in-out; }
    .rm .logout-wrapper:hover,
    .rm .end-support-btn:hover {
      background: #ca2933; }
      .rm .logout-wrapper:hover svg,
      .rm .end-support-btn:hover svg {
        fill: #fdd530; }
  .rm .weather-box #grid-switch {
    background: #ca2933; }
    .rm .weather-box #grid-switch > svg {
      fill: #fdd530; }
    .rm .weather-box #grid-switch:hover {
      background: #fdd530; }
      .rm .weather-box #grid-switch:hover > svg {
        fill: #ca2933; }
  .rm [type="checkbox"].filled-in-custom:not(:checked) + label:after {
    border: 2px solid #fdd530 !important; }
  .rm .switch-menu div label {
    color: #ca2933; }
  .rm .switch-menu.active label {
    color: #fdd530; }
  .rm .timeline-time {
    color: #fdd530; }
  .rm #timeline-circle {
    background-color: #ca2933;
    color: #fdd530;
    border-color: #fdd530; }
  .rm .timeline-circle {
    background-color: #ca2933; }
  .rm .autocomplete-root button i.fa-save,
  .rm .autocomplete-root button i.fa-undo {
    color: #fdd530; }
  .rm #general-settings-table .row-version .setting-value p {
    border-bottom: 1px solid #000;
    line-height: 1.8; }
    .rm #general-settings-table .row-version .setting-value p:hover {
      border-bottom: 1px solid transparent; }
  .rm #log-container-block .react-datepicker__input-container > input,
  .rm #manage-tables-container .react-datepicker__input-container > input {
    border-color: #fdd530 !important;
    color: #fdd530;
    font-weight: 600; }
  .rm .machine-block .expand {
    background-color: #ca2933;
    color: #fdd530 !important;
    transition: all 200ms ease-in-out;
    box-sizing: content-box;
    border-radius: 5px; }
    .rm .machine-block .expand:hover {
      background-color: #fdd530;
      color: #ca2933 !important; }
  .rm #search-bar-container .input-group.dark > input {
    color: #ca2933 !important; }
  .rm #infobox-right-option .activity-end-time-title,
  .rm #infobox-right-option .activity-start-time-title,
  .rm #infobox-right-option .activity-end-time-content,
  .rm #infobox-right-option .activity-start-time-content,
  .rm .single-page-multi-container .activity-end-time-title,
  .rm .single-page-multi-container .activity-start-time-title,
  .rm .single-page-multi-container .activity-end-time-content,
  .rm .single-page-multi-container .activity-start-time-content {
    color: #000 !important; }
  .rm .table-offices .offices-row.depth-1.has-children.open {
    background: rgba(202, 41, 51, 0.7); }
  .rm .table-offices .offices-row.is-child {
    background: rgba(202, 41, 51, 0.35); }
    .rm .table-offices .offices-row.is-child.depth-2 {
      background: rgba(202, 41, 51, 0.55); }
    .rm .table-offices .offices-row.is-child.depth-3 {
      background: rgba(202, 41, 51, 0.45); }
    .rm .table-offices .offices-row.is-child.depth-4 {
      background: rgba(202, 41, 51, 0.35); }
  .rm .dropdown-content li > a,
  .rm .dropdown-content li > span {
    color: #ca2933; }
  .rm #login-wrapper input:focus {
    border-bottom: 1px solid #ca2933;
    -webkit-box-shadow: 0 1px 0 0 #ca2933;
    box-shadow: 0 1px 0 0 #ca2933; }
  .rm .bottom-menu {
    background: #fdd530; }
    .rm .bottom-menu ul .active::after {
      background-color: #ca2933; }
    .rm .bottom-menu ul a {
      color: #ca2933; }
      .rm .bottom-menu ul a:hover, .rm .bottom-menu ul a.active {
        background-color: #ca2933;
        color: #fdd530; }
  .rm .table-in-modal thead {
    background: none !important; }
    .rm .table-in-modal thead tr.subtitle-tr {
      background-color: transparent !important;
      color: #000; }
    .rm .table-in-modal thead tr {
      padding: 0px 10px !important; }
  .rm .table-in-modal tbody {
    background: none; }
    .rm .table-in-modal tbody .activity-box .activity-title {
      color: #000; }
    .rm .table-in-modal tbody .icon-selected {
      color: #000; }
    .rm .table-in-modal tbody .change-passwords-form {
      color: #000; }
      .rm .table-in-modal tbody .change-passwords-form input {
        color: #000;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important; }
        .rm .table-in-modal tbody .change-passwords-form input::placeholder {
          color: rgba(0, 0, 0, 0.4); }
        .rm .table-in-modal tbody .change-passwords-form input:focus {
          border-bottom: 1px solid #000 !important; }
      .rm .table-in-modal tbody .change-passwords-form span button i {
        color: #000; }
    .rm .table-in-modal tbody tr td div {
      color: #000; }
  .rm .custom-modal {
    background-color: #fdd530; }
    .rm .custom-modal.events .events-modal-timestamp,
    .rm .custom-modal.events .events-modal-event {
      color: #000 !important; }
    .rm .custom-modal.events .no-events {
      color: #000 !important; }
    .rm .custom-modal #modal-top-bar {
      background-color: #ca2933;
      color: #fdd530;
      border-bottom: 1px solid rgba(253, 213, 48, 0.5) !important; }
      .rm .custom-modal #modal-top-bar i {
        color: #fdd530; }
    .rm .custom-modal #modal-header div {
      color: #ca2933; }
    .rm .custom-modal tbody {
      color: #000; }
      .rm .custom-modal tbody tr td .modal-password-title-container {
        color: #000; }
    .rm .custom-modal .button-container {
      margin-bottom: 1rem; }
      .rm .custom-modal .button-container .swal2-styled {
        background-color: #3085d6;
        color: #fdd530; }
  .rm #beta-advise {
    background-color: #ca2933;
    color: #fdd530; }
  .rm .lang-dropdown-arrow {
    color: #fdd530; }
  .rm .language-dropdown {
    background-color: #fdd530;
    border: 1px solid #ca2933; }
  .rm .title-table-filters-and-events {
    background-color: #fdd530;
    color: #ca2933; }
  .rm .wells-icon {
    stroke: #ca2933;
    fill: #fdd530; }
  .rm #admin-add-user {
    background: #ca2933;
    border: 2px solid #fdd530;
    border-radius: 15px;
    transition: background 200ms ease-in-out; }
    .rm #admin-add-user svg {
      transition: color 200ms ease-in-out;
      color: #fdd530; }
    .rm #admin-add-user:hover {
      background: #fdd530; }
      .rm #admin-add-user:hover svg {
        color: #ca2933; }
  .rm #admin-add-machine {
    background: #ca2933;
    border: 2px solid #ca2933;
    box-shadow: inset 0px 0px 0px 2px #fdd530, 0px 0px 0px 2px #fdd530; }
  .rm #separator-label {
    color: #fdd530; }
  .rm tbody .input-group {
    border-bottom: 1px solid #000; }
  .rm thead .input-group i {
    color: rgba(253, 213, 48, 0.6) !important; }
  .rm .records-plus.new-filter-action {
    color: #ca2933 !important; }
  .rm .input-group {
    border-bottom: 1px solid #fdd530; }
    .rm .input-group button:hover i {
      color: #ca2933; }
    .rm .input-group.action input {
      border-bottom: 1px solid rgba(253, 213, 48, 0.5); }
      .rm .input-group.action input:focus {
        border-bottom: 1px solid #fdd530; }
    .rm .input-group.action button i {
      color: #fdd530; }
    .rm .input-group.fleet-type .select-wrapper {
      color: #ca2933; }
    .rm .input-group input::placeholder {
      color: rgba(253, 213, 48, 0.6); }
    .rm .input-group i {
      color: rgba(253, 213, 48, 0.6); }
    .rm .input-group.dark {
      border-bottom: 1px solid #ca2933; }
      .rm .input-group.dark input::placeholder {
        color: #ca2933; }
      .rm .input-group.dark i {
        color: #ca2933; }
  .rm #general-settings-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .rm #general-settings-table tr:not(:last-child) td {
      color: #fff; }
  .rm #general-settings-table input {
    border-bottom: 1px solid #000; }
    .rm #general-settings-table input:focus {
      border-bottom: 1px solid #000;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .rm .datepicker-history {
    border-bottom: 1px solid rgba(253, 213, 48, 0.6); }
    .rm .datepicker-history::placeholder {
      color: rgba(253, 213, 48, 0.6);
      font-weight: bold;
      font-size: 14px; }
  .rm .swal2-confirm {
    background-color: #ca2933 !important;
    color: #fdd530 !important; }
  .rm .bottom-menu li {
    border-left: 1px solid #fdd530; }
    .rm .bottom-menu li:first-child {
      border: 0; }
  .rm .icons-for-chart-options {
    color: #fdd530; }
  .rm .timeline-button {
    background: #fdd530; }
    .rm .timeline-button .icons-for-chart-options {
      color: #ca2933; }
    .rm .timeline-button.active {
      background-color: #ca2933; }
      .rm .timeline-button.active .icons-for-chart-options {
        color: #fdd530; }
  .rm .setting-value .input-group > input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  .rm #sell-ecu-button {
    background: #ca2933;
    border-radius: 5px;
    border: 2px solid #ca2933;
    display: flex;
    transition: background 200ms ease-in-out; }
    .rm #sell-ecu-button:hover {
      background: #fdd530; }
      .rm #sell-ecu-button:hover > svg {
        fill: #ca2933; }
    .rm #sell-ecu-button > svg {
      transition: fill 200ms ease-in-out;
      padding: 3px;
      fill: #fdd530; }
  .rm #tooltip-container-well {
    background-color: #fdd530;
    color: #ca2933; }
  .rm .zoom-icon-map {
    color: #fdd530; }
  .rm .side-panel-close-btn {
    color: #fff; }
  .rm .signal-icon {
    color: #000; }
  .rm .left-info-icons .signal-icon {
    color: #fdd530; }
  .rm .circle-machine-graphic {
    color: #fdd530; }
  .rm table thead tr {
    background: #ca2933 !important; }
    .rm table thead tr.tables-title {
      background: #fdd530 !important;
      color: #ca2933 !important;
      font-size: 20px; }
  .rm table.sell-ecu tr.selected {
    background: rgba(202, 41, 51, 0.3); }
  .rm [type="checkbox"].filled-in:checked + label:after {
    border: 5px solid #fff !important;
    background-color: #fff !important; }
  .rm [type="checkbox"].filled-in:checked + label:before {
    border-right: 2px solid #ca2933 !important;
    border-bottom: 2px solid #ca2933 !important; }
  .rm #side-tool-bar {
    background: #ca2933; }
    .rm #side-tool-bar.closed {
      background: #fdd530; }
      .rm #side-tool-bar.closed .side-tool svg {
        fill: #ca2933; }
      .rm #side-tool-bar.closed .side-tool.active {
        background: #ca2933; }
        .rm #side-tool-bar.closed .side-tool.active svg {
          fill: #fdd530; }
        .rm #side-tool-bar.closed .side-tool.active svg:hover {
          background: none; }
      .rm #side-tool-bar.closed .side-tool svg:hover {
        background: rgba(34, 118, 139, 0.3); }
    .rm #side-tool-bar .side-tool.active {
      background: #fdd530; }
      .rm #side-tool-bar .side-tool.active svg {
        fill: #ca2933; }
    .rm #side-tool-bar .side-tool svg {
      fill: #fdd530; }
  .rm .side-left-panel-container {
    background: #fdd530; }
    .rm .side-left-panel-container #side-panel .subtitle {
      color: #ca2933; }
    .rm .side-left-panel-container #side-panel .title {
      color: #ca2933; }
    .rm .side-left-panel-container #side-panel #fleet-machines {
      color: #ca2933;
      height: calc(100% - 38px); }
    .rm .side-left-panel-container #side-panel .icon-for-machine-left-panel,
    .rm .side-left-panel-container #side-panel .machine-name,
    .rm .side-left-panel-container #side-panel #geo,
    .rm .side-left-panel-container #side-panel #signal {
      fill: #000;
      color: #000; }
    .rm .side-left-panel-container #side-panel .search-bar-container {
      color: #000; }
      .rm .side-left-panel-container #side-panel .search-bar-container input.search-bar-input {
        color: #000; }
  .rm .back-button-right-menu,
  .rm .back-button-left-menu {
    color: #ca2933; }
  .rm .top-buttons-container div {
    background: #ca2933;
    color: #fdd530; }
  .rm .top-buttons-container div.disabled {
    background-color: #a9a9a9;
    color: #d0d0d0; }
  .rm .top-buttons-container div:active {
    box-shadow: inset 0 0 4px #000; }
  .rm .right-menu-button {
    color: #fff; }
  .rm table.bordered > thead > tr {
    border-bottom: 1px solid rgba(253, 213, 48, 0.5) !important; }
  .rm table.bordered > tbody > tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
    .rm table.bordered > tbody > tr.empty-row {
      border: 0px !important; }
  .rm table thead tr {
    background-color: #ca2933;
    color: #fdd530; }
  .rm table tbody {
    background-color: rgba(0, 0, 0, 0.88); }
    .rm table tbody tr {
      color: #fff; }
  .rm .divTableHead {
    background-color: #ca2933;
    color: #fdd530; }
    .rm .divTableHead .search-events {
      color: #fdd530;
      border-bottom: 1px solid #fdd530 !important;
      text-align: left; }
    .rm .divTableHead i {
      color: #fdd530; }
  .rm .testa-fissa {
    background-color: #fdd530;
    color: #ca2933; }
  .rm #newfilter-input {
    border-bottom: 1px solid #ca2933 !important;
    padding-bottom: 0px !important; }
    .rm #newfilter-input::placeholder {
      color: #ca2933; }
  .rm .name-block .testa-fissa {
    background-color: #fdd530; }
    .rm .name-block .testa-fissa .records-plus {
      background-color: #ca2933;
      color: #fdd530;
      transition: background 200ms ease-in-out, border 200ms ease-in-out;
      border: 2px solid #ca2933; }
      .rm .name-block .testa-fissa .records-plus:hover {
        background-color: #fdd530;
        color: #ca2933; }
        .rm .name-block .testa-fissa .records-plus:hover i {
          color: #ca2933; }
      .rm .name-block .testa-fissa .records-plus i {
        color: #fdd530; }
  .rm #consumption-result,
  .rm #consumption-interval {
    background-color: rgba(0, 0, 0, 0.8); }
  .rm .list-block .testa-fissa {
    background-color: #fdd530; }
    .rm .list-block .testa-fissa .records,
    .rm .list-block .testa-fissa .records div {
      color: #ca2933; }
  .rm .measures-labels {
    background: #ca2933;
    color: #fdd530; }
    .rm .measures-labels.element-clicked {
      border-left: 8px solid #fdd530; }
    .rm .measures-labels .option-title {
      color: #fdd530; }
    .rm .measures-labels .lab-unit-layer {
      color: #fdd530; }
  .rm #IconStripePosition {
    color: #ca2933; }
  .rm #centered-eye-div {
    background: #fdd530;
    border: 1px solid #ca2933; }
  .rm #dotted-line {
    border: 1.5px dashed #ca2933; }
  .rm #io-scrolling .io-menu {
    background: #ca2933;
    margin-bottom: 2px;
    padding: 10px;
    border-radius: 5px;
    color: #fdd530; }
    .rm #io-scrolling .io-menu:last-child {
      margin-bottom: 0px; }
    .rm #io-scrolling .io-menu .io-menu-text {
      color: #fdd530; }
    .rm #io-scrolling .io-menu .cmd-opt label {
      color: #fdd530; }
    .rm #io-scrolling .io-menu .cmd-opt .command-input,
    .rm #io-scrolling .io-menu .cmd-opt .command-label {
      color: #fdd530; }
    .rm #io-scrolling .io-menu .cmd-opt .command-input {
      border-bottom-color: #fdd530; }
  .rm .share-position-icon {
    color: #ca2933; }
  .rm .options-panel2.lda-not-editable > .scrolling-container, .rm .options-panel2.lda-editable > .scrolling-container {
    background-color: #ca2933; }
  .rm .options-panel2.lda-not-editable .button-for-svg, .rm .options-panel2.lda-editable .button-for-svg {
    transition: background 200ms ease-in;
    border: 2px solid #ca2933; }
    .rm .options-panel2.lda-not-editable .button-for-svg:hover, .rm .options-panel2.lda-editable .button-for-svg:hover {
      border: 2px solid #ca2933; }
  .rm #last-cycle-params .options-panel2 .options-item {
    background-color: #ca2933;
    color: #fdd530; }
  .rm #last-cycle-params .options-panel2 .options-item-text,
  .rm #last-cycle-params .options-panel2 .options-item-value {
    color: #fdd530; }
  .rm #last-cycle-params .options-panel2 #events-container {
    background-color: #ca2933;
    color: #fdd530; }
  .rm #notifications-right-option .user-priority {
    background: #ca2933;
    color: #fdd530; }
    .rm #notifications-right-option .user-priority .priority-filters-user {
      color: #fdd530; }
    .rm #notifications-right-option .user-priority .priority-filters-name {
      background: #fdd530;
      color: #ca2933; }
  .rm #notifications-right-option .user-priority-filters-container {
    background: #ca2933; }
    .rm #notifications-right-option .user-priority-filters-container .events-second {
      color: #9e9e9e; }
    .rm #notifications-right-option .user-priority-filters-container .events-first {
      color: #fdd530; }
  .rm #timeline-circle {
    background: #ca2933; }
  .rm .showInfo {
    background: #cccccc; }
  .rm .backTomap {
    color: #fdd530; }
  .rm div::-webkit-scrollbar,
  .rm tbody::-webkit-scrollbar {
    background-color: rgba(253, 213, 48, 0.3); }
  .rm div::-webkit-scrollbar-thumb,
  .rm tbody::-webkit-scrollbar-thumb {
    background-color: #ca2933; }
  .rm .label-state-container .label-state-title {
    color: #fff; }
  .rm .label-state-container .label-state-imei {
    color: #fff; }
  .rm .label-state-container .label-state-label {
    color: #fff; }
    .rm .label-state-container .label-state-label .label-state-value {
      color: #fff; }
  .rm .label-state-container .label-estimated-time {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 50%; }
    .rm .label-state-container .label-estimated-time .label-state-time-value:first-child {
      padding-right: 5px; }
    .rm .label-state-container .label-estimated-time .label-state-label {
      color: #fff; }
  .rm .label-state-container #width-label {
    color: #fff; }
    .rm .label-state-container #width-label span {
      color: #fff; }
  .rm .label-state-container #height-label {
    color: #fff; }
    .rm .label-state-container #height-label span {
      color: #fff; }
  .rm #machineContainer #input_length input {
    border-bottom: 2px solid #ca2933; }
    .rm #machineContainer #input_length input:focus {
      border-bottom: 2px solid #ca2933 !important; }
  .rm #top-nav {
    background-color: #ca2933;
    border-bottom: 1px solid #fdd530; }
    .rm #top-nav .brand-logo-image {
      background-image: url(logo-rm.png); }
    .rm #top-nav .myirrigation-logo {
      background-image: url(app-logo-rm.png); }
    .rm #top-nav .language-and-info #language-switcher span:not(:first-child)::after {
      background: #fdd530; }
    .rm #top-nav .language-and-info #tm-infobox {
      color: #fdd530; }
    .rm #top-nav .connection-icon {
      background-image: url("icons/connection-lost-startec.png"); }
  .rm .menu-button {
    background: #ca2933;
    border: 1.5px solid #fdd530;
    color: #fdd530; }
  .rm .menu-item {
    background-color: #ca2933;
    border: 1.5px solid #fdd530;
    color: #fdd530; }
  .rm #assign-geo-button {
    color: #fdd530; }
    .rm #assign-geo-button::before {
      background-color: #fdd530;
      color: #ca2933; }
    .rm #assign-geo-button::after {
      border-bottom: 10px solid #fdd530; }
  .rm .tool {
    background: #fdd530;
    color: #ca2933; }
    .rm .tool.active {
      background-color: #ca2933;
      color: #fdd530; }
  .rm div::-webkit-scrollbar-track,
  .rm tbody::-webkit-scrollbar-track {
    background-color: transparent; }
  .rm div::-webkit-scrollbar,
  .rm tbody::-webkit-scrollbar {
    background-color: rgba(253, 213, 48, 0.3); }
  .rm div::-webkit-scrollbar-thumb,
  .rm tbody::-webkit-scrollbar-thumb {
    background-color: #ca2933; }
  .rm .personification-border {
    background-color: rgba(202, 41, 51, 0.3); }
  .rm .meteor-status > a,
  .rm .meteor-status > a:active,
  .rm .meteor-status > a:focus {
    color: #ca2933 !important; }
  .rm #btn-login,
  .rm #btn-register,
  .rm #btn-logout,
  .rm #btn-signup,
  .rm #btn-next,
  .rm #btn-prev {
    color: #fdd530;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .rm #btn-login.i,
    .rm #btn-register.i,
    .rm #btn-logout.i,
    .rm #btn-signup.i,
    .rm #btn-next.i,
    .rm #btn-prev.i {
      color: #fdd530; }
  .rm .btn-large.dark-blue {
    background-color: #ca2933; }
    .rm .btn-large.dark-blue:hover {
      opacity: 0.9;
      background-color: #ca2933; }
  .rm .swal2-icon.swal2-success {
    border-color: #ca2933 !important;
    color: #ca2933 !important; }
  .rm .swal2-icon.swal2-warning {
    border-color: #ca2933 !important;
    color: #ca2933 !important; }
  .rm .swal2-icon.swal2-info {
    border-color: #ca2933 !important;
    color: #ca2933 !important; }
  .rm .swal2-icon.swal2-error {
    border-color: #ca2933 !important;
    color: #ca2933 !important; }
    .rm .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #ca2933; }
  .rm .swal2-icon.swal2-question {
    border-color: #ca2933 !important;
    color: #ca2933 !important; }
  .rm #register-overlay {
    background: rgba(30, 30, 30, 0.9); }
    .rm #register-overlay #clickable-overlay {
      background: transparent; }
    .rm #register-overlay #register-container {
      background-color: #fdd530; }
      .rm #register-overlay #register-container #register-header {
        background: #ca2933; }
        .rm #register-overlay #register-container #register-header label {
          color: #fdd530; }
        .rm #register-overlay #register-container #register-header .register-modal {
          color: #fdd530; }
    .rm #register-overlay #modal-info label {
      color: #ca2933; }
    .rm #register-overlay .input-group {
      border: 2px solid #ca2933; }
      .rm #register-overlay .input-group input {
        color: #000; }
        .rm #register-overlay .input-group input::placeholder {
          color: #000;
          opacity: 0.5; }
  .rm .tooltip-generic {
    background: #fdd530;
    color: #ca2933; }
  .rm .map-tooltip::before {
    background: #fdd530; }
  .rm .map-tooltip span {
    color: #ca2933; }
  .rm .tooltip-manage-menu::after {
    background: #fdd530; }
  .rm .layer-tooltip::after {
    background: #fdd530; }
  .rm #tooltip-container {
    background-color: #fdd530;
    color: #ca2933; }
    .rm #tooltip-container.custom-download {
      margin-top: 40px;
      margin-right: 15px; }
    .rm #tooltip-container.blue-bordered {
      border: 1px solid #ca2933; }
    .rm #tooltip-container::after {
      background: #fdd530; }
    .rm #tooltip-container.right-side-bar {
      background: #ca2933; }
      .rm #tooltip-container.right-side-bar > label {
        color: #fdd530; }
      .rm #tooltip-container.right-side-bar::after {
        background: #ca2933; }
    .rm #tooltip-container label {
      color: #ca2933;
      padding: 10px;
      font-size: 20px;
      white-space: nowrap; }
  .rm #tooltip-container-machine {
    background-color: #fdd530;
    color: #ca2933; }
    .rm #tooltip-container-machine label {
      color: #ca2933; }
  .rm .machine-svg #bars rect {
    fill: #ca2933; }
  .rm #register-overlay .select-wrapper::after {
    color: #ca2933;
    position: absolute;
    pointer-events: none; }
  .rm #add-tech-icon {
    transition: background 200ms ease-in-out;
    border: 2px solid #ca2933; }
    .rm #add-tech-icon > .material-icons {
      transition: color 200ms ease-in-out;
      color: #fdd530; }
    .rm #add-tech-icon:hover {
      background: #fdd530; }
      .rm #add-tech-icon:hover > .material-icons {
        color: #ca2933; }
  .rm #side-panel-title-container svg:first-child {
    fill: #ca2933; }
  .rm #add-field,
  .rm #add-stripe,
  .rm #add-well {
    border: 2px solid #ca2933; }
  .rm #add-field,
  .rm #add-well {
    color: #ca2933; }
  .rm #add-stripe {
    color: #ca2933; }
    .rm #add-stripe:hover > svg {
      fill: #ca2933 !important; }
    .rm #add-stripe > svg {
      fill: #fdd530 !important;
      width: 16px !important;
      height: 16px !important;
      margin-right: 0 !important; }
  .rm #square-point {
    background: #ca2933; }
  .rm .btn-regular {
    background: #ca2933 !important;
    color: #fdd530 !important; }
    .rm .btn-regular:hover {
      background: #fdd530 !important;
      color: #ca2933 !important; }
  .rm td .input-group-append .btn,
  .rm td .input-group-append-two .btn {
    border: 2px solid #ca2933; }
  .rm .machine-block .btn {
    transition: background 200ms ease-in-out;
    border: 2px solid #ca2933; }
    .rm .machine-block .btn i {
      transition: color 200ms ease-in-out; }
    .rm .machine-block .btn:hover {
      background: #fdd530 !important; }
      .rm .machine-block .btn:hover i {
        color: #ca2933; }
  .rm .machine-block .input-group-append .btn,
  .rm .machine-block .input-group-append-two .btn {
    background: #ca2933; }
  .rm .machine-block .expand {
    color: #000;
    border: 2px solid #ca2933; }
  .rm .machine-block .input-group.dark input {
    color: #000; }
  .rm .machine-block .row-block-container i {
    color: #000 !important; }
  .rm .machine-block .row-block-container .row-block label {
    color: #000; }
  .rm .machine-block .row-block-container .row-block #unlink-stripe {
    background-image: url("wells/link-black.png"); }
  .rm .machine-block .row-block-container .row-block #unlink-stripe:hover {
    background-image: url("wells/unlink-black.png"); }
  .rm .machine-block:hover .machine-block-header {
    background: rgba(202, 41, 51, 0.3); }
  .rm .machine-block.highlighted .machine-block-header {
    background: rgba(202, 41, 51, 0.3); }
  .rm .machine-block.active {
    background-color: rgba(202, 41, 51, 0.3); }
    .rm .machine-block.active .machine-name {
      color: #000; }
  .rm .machine-block .machine-block-header .machine-name-container .machine-state {
    color: #ca2933;
    width: fit-content;
    padding: 3px 0px;
    font-weight: bold;
    font-size: 13px; }
  .rm .machine-block .machine-block-header i {
    color: #000; }
  .rm .machine-block .machine-block-header .machine-block-group .field-icon,
  .rm .machine-block .machine-block-header .machine-block-group .well-icon {
    background-image: url("wells/expand-black.png"); }
  .rm .edit-icon path {
    fill: #000; }
  .rm .measure-labels {
    background: #fdd530;
    font-size: 1em; }
    .rm .measure-labels:after {
      content: "";
      width: 100%;
      position: absolute;
      height: 40px;
      left: 0;
      margin-top: -2px;
      z-index: 1;
      border-radius: 5px 0 0 5px;
      border-left: 1px solid #ca2933;
      border-top: 1px solid #ca2933; }
    .rm .measure-labels:last-child:after {
      border-bottom: 1px solid #ca2933; }
    .rm .measure-labels label {
      color: #ca2933; }
    .rm .measure-labels svg {
      width: 1.5em;
      fill: #ca2933; }
  .rm table thead tr {
    background-color: #ca2933;
    color: #fdd530; }
    .rm table thead tr th label {
      color: #fdd530; }
  .rm table tbody {
    background-color: rgba(0, 0, 0, 0.8); }
  .rm .btns-tables {
    background-color: #ca2933;
    color: #fdd530; }
  .rm .disabled-btns {
    background-color: #aaa;
    color: #fff; }
  .rm .custom-swal-modal-stripe-creation .stripe-creation-modal-icon {
    fill: #ca2933; }
  .rm .custom-swal-modal-stripe-creation .swal2-title {
    color: #ca2933; }
  .rm .custom-swal-modal-lda {
    background: #ca2933 !important; }
    .rm .custom-swal-modal-lda .lda-modal-content::-webkit-scrollbar-thumb {
      background-color: #fdd530; }
    .rm .custom-swal-modal-lda .lda-modal-header .lda-modal-icon {
      fill: #ca2933; }
    .rm .custom-swal-modal-lda .actual-value {
      text-align: right; }
    .rm .custom-swal-modal-lda .swal2-title {
      color: #ca2933; }
    .rm .custom-swal-modal-lda::-webkit-scrollbar-thumb {
      background-color: #fdd530 !important; }
  .rm .records-user .dropdown-content li > a,
  .rm .records-user .dropdown-content li > span {
    color: #ca2933 !important; }
  .rm #charts-container-responsive .recharts-layer circle {
    stroke: #ca2933; }
  .rm #charts-container-responsive .recharts-layer path {
    stroke: #ca2933; }
  .rm #charts-container-responsive .recharts-reference-dot circle {
    stroke: #fdd530;
    stroke-width: 1.2;
    fill: #ca2933; }
  .rm .action-stripe-info {
    border-right-color: #fdd530;
    border-left-color: #fdd530;
    background-color: #ca2933;
    color: #fdd530;
    font-size: 1.0625em;
    box-shadow: 0px 1px 3px 1px #949494; }
    .rm .action-stripe-info.disabled-button {
      background-color: grey; }
  .rm #modal-action-buttons .stripe-info-container {
    background: #ca2933 !important;
    color: #fdd530;
    outline: 0px; }
  .rm #stripe-width-input,
  .rm #stripe-name,
  .rm #stripe-height {
    color: #000 !important;
    border-color: #ca2933 !important; }
  .rm #credits-logo-startec {
    background-image: url(logo_startec.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .rm #credits-logo-knobs {
    background-image: url(KNOBS.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .rm #name-field {
    color: #000; }
  .rm #well-name {
    color: #000; }
  .rm .field-name {
    color: #000; }
  .rm #right-menu-container .tool-button {
    background: #fdd530; }
    .rm #right-menu-container .tool-button.active {
      background: #ca2933;
      color: #fdd530; }
      .rm #right-menu-container .tool-button.active svg {
        fill: #fdd530; }
    .rm #right-menu-container .tool-button svg {
      fill: #ca2933; }
  .rm #googleDiv.machine-color #machineContainer #bars rect {
    fill: #ca2933 !important; }
  .rm #googleDiv.machine-color #machineContainer polyline {
    fill: #ca2933 !important; }
  .rm #googleDiv.offline.machine-color #machineContainer polyline {
    fill: #d0d0d0 !important; }
  .rm #well {
    background-image: url("wells/well-marker-default-rm.png"); }
  .rm #draggable-well {
    background-image: url("wells/well-marker-drag-rm.png"); }
  .rm #well.selected {
    background-image: url("wells/well-marker-active-rm.png");
    padding: 20px; }
  .rm #well.webview-selected {
    background-image: url("wells/well-marker-webview-selected.png"); }
  .rm .single-event-info {
    background: #fdd530;
    border: 1px solid #ca2933; }
    .rm .single-event-info .event-chart-timestamp {
      color: #ca2933; }
    .rm .single-event-info .event-type {
      color: #ca2933;
      font-weight: bold;
      text-align: center; }
  .rm .recharts-reference-dot.selected .recharts-dot {
    fill: #ca2933; }
  .rm .recharts-reference-dot.selected .recharts-text.recharts-label {
    fill: #fdd530; }
  .rm .recharts-reference-dot .recharts-text.recharts-label {
    fill: #ca2933; }
  .rm .single-tech-container {
    background: #fdd530;
    border: 1px solid #000; }
    .rm .single-tech-container > div {
      color: #ca2933; }
    .rm .single-tech-container .tech-icon#remove-tech-icon {
      color: #fdd530;
      background: #ca2933;
      border: 2px solid #ca2933;
      transition: all 200ms ease-in-out; }
      .rm .single-tech-container .tech-icon#remove-tech-icon:hover {
        color: #ca2933;
        background: #fdd530; }
  .rm .tech-icon.expand:not(.disabled) {
    border-radius: 100%;
    background: #ca2933; }
  .rm #map-box-container {
    background: #fdd530;
    border: 1px solid #ca2933; }
    .rm #map-box-container .map-box-title {
      color: #ca2933; }
    .rm #map-box-container .map-box-row,
    .rm #map-box-container .map-box-row-vertical {
      color: #ca2933; }
  .rm .activity-box {
    border: 1px solid #ca2933; }
    .rm .activity-box .input-container .input-group .form-control {
      color: #000; }
    .rm .activity-box .input-container .input-group .appended-text {
      color: #000; }
    .rm .activity-box.current-act {
      background: #f8ad27 !important; }
  .rm #single-page-info .activity-box {
    background: #fdd530; }
    .rm #single-page-info .activity-box .activity-info-label,
    .rm #single-page-info .activity-box .actual-value {
      color: #000; }
  .rm #infobox-title {
    color: #fdd530; }
  .rm .edit-box-name .button-for-svg {
    width: 30px !important;
    height: 30px !important; }
    .rm .edit-box-name .button-for-svg:hover {
      width: 30px !important; }
      .rm .edit-box-name .button-for-svg:hover > svg {
        background: #ca2933 !important;
        fill: #fdd530 !important; }
    .rm .edit-box-name .button-for-svg > svg {
      background: #fdd530 !important;
      fill: #ca2933 !important; }
  .rm .activity-info-container .input-container .actual-value {
    font-size: 16px;
    text-align: right; }
    .rm .activity-info-container .input-container .actual-value.padding-right {
      padding-right: 2.3em; }
  .rm #lda-scrolling #lda-info .edit-box-name .form-control {
    color: #fdd530; }
  .rm #lda-scrolling #lda-info .lda-info-container {
    color: #fdd530; }
  .rm #lda-scrolling #lda-info #lda-title {
    color: #fdd530; }
  .rm #lda-scrolling #lda-info .btn:hover .fas {
    color: #ca2933; }
  .rm #lda-scrolling #lda-info .btn .fas {
    color: #fdd530; }
  .rm #lda-scrolling .activity-box {
    background: #fdd530; }
    .rm #lda-scrolling .activity-box .clickable svg {
      border: none; }
    .rm #lda-scrolling .activity-box .input-container .input-group-append:hover .fas:before,
    .rm #lda-scrolling .activity-box .input-container .input-group-append-two:hover .fas:before {
      color: #ca2933; }
    .rm #lda-scrolling .activity-box .input-container .input-group-append .fas:before,
    .rm #lda-scrolling .activity-box .input-container .input-group-append-two .fas:before {
      color: #fdd530; }
    .rm #lda-scrolling .activity-box .input-container .button-for-svg {
      border: 2px solid #ca2933; }
      .rm #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda {
        color: #fdd530; }
        .rm #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda:hover .on-lda-label {
          color: #ca2933; }
    .rm #lda-scrolling .activity-box .activity-title {
      color: #ca2933; }
    .rm #lda-scrolling .activity-box .activity-info-container .activity-info-label,
    .rm #lda-scrolling .activity-box .activity-info-container .input-container {
      color: #000; }
    .rm #lda-scrolling .activity-box .activity-info-container .input-group.action {
      justify-content: flex-start; }
    .rm #lda-scrolling .activity-box .activity-info-container .input-group input {
      color: #ca2933;
      border-bottom: 1px solid #ca2933 !important;
      max-width: 35px !important; }
    .rm #lda-scrolling .activity-box .activity-info-container .input-group .appended-text {
      margin-right: 50px; }
    .rm #lda-scrolling .activity-box .activity-info-container .measure-unit {
      color: #ca2933; }
    .rm #lda-scrolling .activity-box .actual-info-container .actual-value {
      color: #000; }
  .rm .dp-mobile-topbar {
    color: #fdd530; }
  .rm .dp-mobile-topbar-calendar .react-datepicker__day--keyboard-selected,
  .rm .dp-mobile-topbar-calendar .react-datepicker__day--selected {
    background-color: #ca2933; }
  .rm .react-datepicker__day--keyboard-selected,
  .rm .react-datepicker__day--selected,
  .rm .react-datepicker__day--in-selecting-range,
  .rm .react-datepicker__day--in-range {
    background-color: #ca2933 !important; }
  .rm .icon-filter-manage-container {
    display: flex;
    height: 100%;
    align-items: center;
    width: 78px;
    justify-content: space-between; }
    .rm .icon-filter-manage-container button {
      height: 34.5px;
      width: 34.5px;
      background: #ca2933;
      border-radius: 5px;
      font-size: 15px;
      position: relative;
      display: flex;
      justify-content: center;
      border: 0px;
      border: 2px solid #ca2933; }
      .rm .icon-filter-manage-container button i {
        color: #fdd530 !important;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
      .rm .icon-filter-manage-container button:hover i {
        color: #ca2933 !important; }
      .rm .icon-filter-manage-container button svg {
        padding: 0px;
        margin-top: 5px;
        margin-left: 5px;
        background: transparent;
        width: 5px !important;
        height: 5px !important;
        position: absolute;
        top: 0px;
        left: 0px; }
        .rm .icon-filter-manage-container button svg.icon-savedisk {
          width: 20px !important;
          height: 20px !important; }
      .rm .icon-filter-manage-container button:hover {
        background: #fdd530; }
        .rm .icon-filter-manage-container button:hover svg {
          padding: 0px;
          color: #ca2933;
          transition: all 250ms ease-in-out;
          transition-property: background, color; }
  .rm .clickable {
    font-size: 15px !important; }
    .rm .clickable i {
      font-size: 15px !important; }
    .rm .clickable.small svg {
      width: 5px !important;
      height: 5px !important; }
    .rm .clickable button {
      background: #ca2933;
      border-radius: 5px;
      font-size: 15px;
      position: relative; }
      .rm .clickable button:hover i {
        color: #ca2933; }
      .rm .clickable button.edit-on-lda svg {
        border: none !important; }
      .rm .clickable button svg {
        padding: 0px;
        padding: 5px;
        background: transparent;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: all 200ms ease-in;
        transition-property: background, color; }
      .rm .clickable button:hover {
        background: #fdd530; }
        .rm .clickable button:hover svg {
          padding: 5px;
          color: #ca2933; }
    .rm .clickable svg {
      padding: 5px;
      width: 2.3em !important;
      height: 2.3em !important;
      background: #ca2933;
      color: #fdd530;
      border-radius: 5px;
      outline: 2px solid #ca2933; }
      .rm .clickable svg:hover {
        background: #fdd530;
        padding: 5px;
        color: #ca2933;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
  .rm .irrigation-details .input-group-append-two .btn svg {
    width: 1.7em !important;
    height: 1.7em !important;
    border: 0; }
  .rm .chart-annotation {
    cursor: pointer; }
    .rm .chart-annotation path {
      fill: #fdd530;
      stroke: #ca2933; }
    .rm .chart-annotation text {
      font-size: 13px !important;
      font-weight: bold !important;
      fill: #ca2933 !important; }
    .rm .chart-annotation.clicked path {
      fill: #ca2933;
      stroke: #fdd530; }
    .rm .chart-annotation.clicked text {
      fill: #fdd530 !important; }
  .rm .highcharts-annotation-shapes circle {
    fill: url(icons/machine-white.png); }
  .rm .not-clickable svg {
    padding: 5px;
    width: 34.5px !important;
    height: 34.5px !important;
    background: gray;
    outline: 2px solid gray;
    color: #fdd530;
    border-radius: 5px; }
  .rm .highcharts-contextbutton rect {
    fill: #ca2933;
    stroke: #ca2933;
    stroke-width: 2; }
  .rm .highcharts-contextbutton path {
    stroke: #fdd530; }
  .rm .highcharts-contextbutton:hover rect {
    fill: #fdd530;
    stroke: #ca2933; }
  .rm .highcharts-contextbutton:hover path {
    stroke: #ca2933; }
  .rm .highcharts-reset-zoom .highcharts-button-box {
    fill: transparent; }
  .rm .highcharts-reset-zoom .highcharts-button-box {
    fill: #ca2933; }
  .rm .highcharts-reset-zoom .reset-zoom-icon {
    fill: #fdd530; }
  .rm .highcharts-reset-zoom:after {
    content: ""; }
  .rm .highcharts-menu {
    padding: 0px !important;
    box-shadow: none !important; }
    .rm .highcharts-menu hr {
      margin: 0px !important; }
    .rm .highcharts-menu .highcharts-menu-item {
      height: 100%;
      padding: 10px !important;
      font-size: 13px !important; }
      .rm .highcharts-menu .highcharts-menu-item:hover {
        background: #ca2933 !important;
        color: #fdd530 !important; }
  .rm .notify {
    background-color: #ca2933;
    border: 1px solid #ca2933;
    box-shadow: inset 0px 0px 0px 1.5px #fdd530, 0px 0px 0px 1.5px #fdd530; }
    .rm .notify label {
      color: #fdd530; }
  .rm .machines-table caption {
    color: #000; }
  .rm #mb-creation-top-info {
    background: #fdd530; }
  .rm #manage-tables-container .react-datepicker__close-icon::after {
    background-color: #ca2933;
    color: #fdd530; }
  .rm .react-datepicker__day--keyboard-selected {
    background-color: #ca2933;
    color: #fdd530; }
  .rm .right-options-block.active .right-option-name {
    color: #fdd530; }
  .rm .user-priority {
    background: #fdd530; }
  .rm .options-panel2.lda-editable .edit-box-name .button-for-svg {
    height: 30px !important;
    border-radius: 10px; }
    .rm .options-panel2.lda-editable .edit-box-name .button-for-svg:hover > svg {
      background: #fdd530;
      fill: #ca2933; }
    .rm .options-panel2.lda-editable .edit-box-name .button-for-svg > svg {
      background: #ca2933;
      fill: #fdd530; }
  .rm .stor-irr.active {
    background-color: #ca2933 !important; }
    .rm .stor-irr.active label {
      color: #fdd530 !important; }
  .rm .stor-mac.active {
    background-color: #ca2933 !important; }
    .rm .stor-mac.active label {
      color: #fdd530 !important; }
  .rm .stor-stripe.active {
    background-color: #ca2933 !important; }
    .rm .stor-stripe.active label {
      color: #fdd530 !important; }
  .rm .right-options-block {
    background-color: #fdd530; }
  .rm .react-datepicker__day--selected,
  .rm .react-datepicker__day--in-selecting-range,
  .rm .react-datepicker__day--in-range {
    background-color: #ca2933; }
  .rm #manage-tables-container .react-datepicker__day--selected,
  .rm .react-datepicker__day--in-selecting-range,
  .rm .react-datepicker__day--in-range {
    background-color: #ca2933; }
  .rm .white-version i.fa-edit {
    color: #fdd530 !important; }
  .rm .fleets-icon-container .fa-save,
  .rm .input-fleets-container .fa-times {
    color: #fdd530 !important; }
  .rm .fleets-table-name {
    color: #fdd530; }
  .rm .input-machine-fleets:focus {
    border-bottom: 1px solid #fdd530 !important; }
  .rm .button-label {
    color: #fdd530; }
  .rm .lda-modal-container {
    color: #fdd530; }
    .rm .lda-modal-container .lda-modal-header .swal2-title,
    .rm .lda-modal-container .lda-modal-header .separator {
      color: #fdd530; }
    .rm .lda-modal-container .activity-box {
      border: 1px solid #ca2933;
      background: #fdd530; }
      .rm .lda-modal-container .activity-box .activity-start-time,
      .rm .lda-modal-container .activity-box .activity-end-time {
        color: #000; }
      .rm .lda-modal-container .activity-box .activity-title {
        color: #ca2933;
        margin-bottom: 20px; }
      .rm .lda-modal-container .activity-box .activity-info-container {
        flex-direction: row; }
        .rm .lda-modal-container .activity-box .activity-info-container .activity-info-label {
          color: #000; }
        .rm .lda-modal-container .activity-box .activity-info-container .input-container {
          color: #000; }
  .rm .download-container {
    background: #fdd530; }
    .rm .download-container .download-header {
      background: #ca2933; }
      .rm .download-container .download-header label {
        color: #fdd530; }
      .rm .download-container .download-header .download-sheet {
        color: #fdd530; }
    .rm .download-container .download-icon-container {
      background: #ca2933;
      border: 2px solid #ca2933; }
      .rm .download-container .download-icon-container svg {
        fill: #fdd530; }
      .rm .download-container .download-icon-container:hover {
        background: #fdd530; }
        .rm .download-container .download-icon-container:hover svg {
          fill: #ca2933; }
    .rm .download-container .xlsx-button,
    .rm .download-container .csv-button {
      background: #fdd530; }
      .rm .download-container .xlsx-button.active,
      .rm .download-container .csv-button.active {
        background: #ca2933; }
        .rm .download-container .xlsx-button.active label,
        .rm .download-container .csv-button.active label {
          color: #fdd530; }
      .rm .download-container .xlsx-button label,
      .rm .download-container .csv-button label {
        color: #ca2933; }
    .rm .download-container .download-file-container {
      border: 2px solid #ca2933; }
      .rm .download-container .download-file-container:hover {
        background: #ca2933; }
        .rm .download-container .download-file-container:hover svg {
          fill: #fdd530; }
  .rm #input_length #time-etooltip.accepted::before,
  .rm #input_length #width-etooltip.accepted::before {
    background-color: #ca2933; }
  .rm #input_length #time-etooltip.rejected::before,
  .rm #input_length #width-etooltip.rejected::before {
    background-color: #ca2933; }
  .rm .state-wrapper svg.accepted {
    color: #ca2933;
    fill: #ca2933; }
  .rm .state-wrapper svg.rejected {
    color: #ca2933;
    fill: #ca2933; }

.irriland {
  /* Meteor status */
  /* Buttons */
  /* SWAL */
  /* REGISTER MODAL */
  /* TOOLTIP */
  /* SIDE PANEL */
  /* MACHINE BLOCK */
  /* CHART BUTTONS */
  /* TABLE */
  /* manage tables btns */
  /* Records User */ }
  .irriland .icon-filter-manage-container > button > svg {
    margin-top: 4px;
    margin-left: 5px;
    width: 27px !important;
    height: 23px !important;
    margin-left: 2px;
    fill: #fff; }
  .irriland .icon-filter-manage-container button:hover svg {
    fill: #519531; }
  .irriland .activity-info-container .input-container > .value-icon {
    width: auto !important;
    background: none !important;
    color: #519531 !important;
    border: 0; }
    .irriland .activity-info-container .input-container > .value-icon.pause-icon {
      max-width: 40px;
      max-height: 40px; }
  .irriland .activity-time.activity-start-time > .value-icon,
  .irriland .activity-time.activity-end-time > .value-icon {
    background: none !important;
    color: #519531 !important; }
  .irriland .icon-measure {
    color: #519531 !important; }
  .irriland #modal-body .activity-box .activity-info-container {
    width: 100%;
    padding: 0 20px; }
    .irriland #modal-body .activity-box .activity-info-container .input-container {
      justify-content: space-between; }
  .irriland #modal-body .activity-box .activity-time.activity-start-time,
  .irriland #modal-body .activity-box .activity-time.activity-end-time {
    padding: 0 20px;
    width: 100%;
    justify-content: space-between; }
  .irriland .last-irrigation-title {
    color: #519531; }
    .irriland .last-irrigation-title > p {
      padding-left: 5px;
      font-weight: 600; }
    .irriland .last-irrigation-title .flex-column {
      display: flex;
      flex-wrap: wrap; }
      .irriland .last-irrigation-title .flex-column .map-box-wrapper {
        display: flex;
        width: 100%;
        flex-basis: 100%; }
        .irriland .last-irrigation-title .flex-column .map-box-wrapper .map-box-row-vertical {
          width: 50%;
          flex-basis: 50%; }
    .irriland .last-irrigation-title > p {
      margin-left: 5px; }
  .irriland .meteor-status > .meteor-status-retry {
    margin-left: 10px;
    background: #519531;
    color: #fff !important;
    border: 2px solid #519531;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 200ms ease-in-out; }
    .irriland .meteor-status > .meteor-status-retry:hover {
      background: #fff;
      color: #519531 !important; }
  .irriland #role-icon-container .button-for-svg {
    width: 2.3em !important;
    height: 2.3em !important; }
  .irriland .button-for-svg .icons-for-users-table {
    width: 90%;
    height: 90%; }
  .irriland .button-for-svg.edit-role {
    cursor: pointer;
    background: #519531;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    transition: background 200ms ease-in-out; }
    .irriland .button-for-svg.edit-role:hover {
      background: #fff; }
      .irriland .button-for-svg.edit-role:hover > .icons-for-users-table {
        fill: #519531; }
    .irriland .button-for-svg.edit-role > .icons-for-users-table {
      padding: 5px;
      background: transparent;
      position: absolute;
      fill: #fff;
      border-radius: 5px;
      border: 2px solid #519531;
      top: 0px;
      left: 0px;
      transition: all 200ms ease-in;
      transition-property: background, color;
      width: 2.3em !important;
      height: 2.3em !important; }
  .irriland #download-csv, .irriland #notarization-button, .irriland #notarization-button-disabled {
    position: absolute;
    right: 5px;
    margin: 35px 10px;
    width: 60px;
    height: 60px;
    background: #519531;
    border-radius: 15px;
    border: 2px solid #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 200ms ease-in-out; }
    .irriland #download-csv svg, .irriland #notarization-button svg, .irriland #notarization-button-disabled svg {
      transition: color 200ms ease-in-out; }
    .irriland #download-csv:hover, .irriland #notarization-button:hover, .irriland #notarization-button-disabled:hover {
      background: #fff; }
      .irriland #download-csv:hover svg, .irriland #notarization-button:hover svg, .irriland #notarization-button-disabled:hover svg {
        color: #519531; }
    .irriland #download-csv i, .irriland #notarization-button i, .irriland #notarization-button-disabled i {
      color: #fff;
      font-size: 18px; }
  .irriland #notarization-button {
    top: 5rem; }
  .irriland #notarization-button-disabled {
    background: grey;
    top: 5rem; }
  .irriland .remote-access-btn {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    padding: 5px;
    background: #519531;
    cursor: pointer;
    transition: background 200ms ease-in-out;
    border: 2px solid #519531; }
    .irriland .remote-access-btn > svg {
      max-width: 100%;
      max-height: 100%;
      padding: 3px;
      transform: translate(-2px, -1px);
      fill: #fff;
      transition: fill 200ms ease-in-out; }
    .irriland .remote-access-btn:hover {
      background: #fff; }
      .irriland .remote-access-btn:hover svg {
        fill: #519531; }
  .irriland .logout-wrapper,
  .irriland .end-support-btn {
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 5px;
    background: #fff;
    cursor: pointer;
    transition: background 200ms ease-in-out; }
    .irriland .logout-wrapper > svg,
    .irriland .end-support-btn > svg {
      fill: #519531;
      transition: fill 200ms ease-in-out; }
    .irriland .logout-wrapper:hover,
    .irriland .end-support-btn:hover {
      background: #519531; }
      .irriland .logout-wrapper:hover svg,
      .irriland .end-support-btn:hover svg {
        fill: #fff; }
  .irriland .weather-box #grid-switch {
    background: #519531; }
    .irriland .weather-box #grid-switch > svg {
      fill: #fff; }
    .irriland .weather-box #grid-switch:hover {
      background: #fff; }
      .irriland .weather-box #grid-switch:hover > svg {
        fill: #519531; }
  .irriland [type="checkbox"].filled-in-custom:not(:checked) + label:after {
    border: 2px solid #fff !important; }
  .irriland .switch-menu div label {
    color: #519531; }
  .irriland .switch-menu.active label {
    color: #fff; }
  .irriland .timeline-time {
    color: #fff; }
  .irriland #timeline-circle {
    background-color: #519531;
    color: #fff;
    border-color: #fff; }
  .irriland .timeline-circle {
    background-color: #519531; }
  .irriland .autocomplete-root button i.fa-save,
  .irriland .autocomplete-root button i.fa-undo {
    color: #fff; }
  .irriland #general-settings-table .row-version .setting-value p {
    border-bottom: 1px solid #000;
    line-height: 1.8; }
    .irriland #general-settings-table .row-version .setting-value p:hover {
      border-bottom: 1px solid transparent; }
  .irriland #log-container-block .react-datepicker__input-container > input,
  .irriland #manage-tables-container .react-datepicker__input-container > input {
    border-color: #fff !important;
    color: #fff;
    font-weight: 600; }
  .irriland .machine-block .expand {
    background-color: #519531;
    color: #fff !important;
    transition: all 200ms ease-in-out;
    box-sizing: content-box;
    border-radius: 5px; }
    .irriland .machine-block .expand:hover {
      background-color: #fff;
      color: #519531 !important; }
  .irriland #search-bar-container .input-group.dark > input {
    color: #519531 !important; }
  .irriland #infobox-right-option .activity-end-time-title,
  .irriland #infobox-right-option .activity-start-time-title,
  .irriland #infobox-right-option .activity-end-time-content,
  .irriland #infobox-right-option .activity-start-time-content,
  .irriland .single-page-multi-container .activity-end-time-title,
  .irriland .single-page-multi-container .activity-start-time-title,
  .irriland .single-page-multi-container .activity-end-time-content,
  .irriland .single-page-multi-container .activity-start-time-content {
    color: #000 !important; }
  .irriland .table-offices .offices-row.depth-1.has-children.open {
    background: rgba(34, 118, 139, 0.7); }
  .irriland .table-offices .offices-row.is-child {
    background: rgba(34, 118, 139, 0.35); }
    .irriland .table-offices .offices-row.is-child.depth-2 {
      background: rgba(34, 118, 139, 0.55); }
    .irriland .table-offices .offices-row.is-child.depth-3 {
      background: rgba(34, 118, 139, 0.45); }
    .irriland .table-offices .offices-row.is-child.depth-4 {
      background: rgba(34, 118, 139, 0.35); }
  .irriland .dropdown-content li > a,
  .irriland .dropdown-content li > span {
    color: #519531; }
  .irriland #login-wrapper input:focus {
    border-bottom: 1px solid #519531;
    -webkit-box-shadow: 0 1px 0 0 #519531;
    box-shadow: 0 1px 0 0 #519531; }
  .irriland .bottom-menu {
    background: #fff; }
    .irriland .bottom-menu ul .active::after {
      background-color: #519531; }
    .irriland .bottom-menu ul a {
      color: #519531; }
      .irriland .bottom-menu ul a:hover, .irriland .bottom-menu ul a.active {
        background-color: #519531;
        color: #fff; }
  .irriland .table-in-modal thead {
    background: none !important; }
    .irriland .table-in-modal thead tr.subtitle-tr {
      background-color: transparent !important;
      color: #000; }
    .irriland .table-in-modal thead tr {
      padding: 0px 10px !important; }
  .irriland .table-in-modal tbody {
    background: none; }
    .irriland .table-in-modal tbody .activity-box .activity-title {
      color: #000; }
    .irriland .table-in-modal tbody .icon-selected {
      color: #000; }
    .irriland .table-in-modal tbody .change-passwords-form {
      color: #000; }
      .irriland .table-in-modal tbody .change-passwords-form input {
        color: #000;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important; }
        .irriland .table-in-modal tbody .change-passwords-form input::placeholder {
          color: rgba(0, 0, 0, 0.4); }
        .irriland .table-in-modal tbody .change-passwords-form input:focus {
          border-bottom: 1px solid #000 !important; }
      .irriland .table-in-modal tbody .change-passwords-form span button i {
        color: #000; }
    .irriland .table-in-modal tbody tr td div {
      color: #000; }
  .irriland .custom-modal {
    background-color: #fff; }
    .irriland .custom-modal.events .events-modal-timestamp,
    .irriland .custom-modal.events .events-modal-event {
      color: #000 !important; }
    .irriland .custom-modal.events .no-events {
      color: #000 !important; }
    .irriland .custom-modal #modal-top-bar {
      background-color: #519531;
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
      .irriland .custom-modal #modal-top-bar i {
        color: #fff; }
    .irriland .custom-modal #modal-header div {
      color: #519531; }
    .irriland .custom-modal tbody {
      color: #000; }
      .irriland .custom-modal tbody tr td .modal-password-title-container {
        color: #000; }
    .irriland .custom-modal .button-container {
      margin-bottom: 1rem; }
      .irriland .custom-modal .button-container .swal2-styled {
        background-color: #3085d6;
        color: #fff; }
  .irriland #beta-advise {
    background-color: #519531;
    color: #fff; }
  .irriland .lang-dropdown-arrow {
    color: #fff; }
  .irriland .language-dropdown {
    background-color: #fff;
    border: 1px solid #519531; }
  .irriland .title-table-filters-and-events {
    background-color: #fff;
    color: #519531; }
  .irriland .wells-icon {
    stroke: #519531;
    fill: #fff; }
  .irriland #admin-add-user {
    background: #519531;
    border: 2px solid #fff;
    border-radius: 15px;
    transition: background 200ms ease-in-out; }
    .irriland #admin-add-user svg {
      transition: color 200ms ease-in-out;
      color: #fff; }
    .irriland #admin-add-user:hover {
      background: #fff; }
      .irriland #admin-add-user:hover svg {
        color: #519531; }
  .irriland #admin-add-machine {
    background: #519531;
    border: 2px solid #519531;
    box-shadow: inset 0px 0px 0px 2px #fff, 0px 0px 0px 2px #fff; }
  .irriland #separator-label {
    color: #fff; }
  .irriland tbody .input-group {
    border-bottom: 1px solid #000; }
  .irriland thead .input-group i {
    color: rgba(255, 255, 255, 0.6) !important; }
  .irriland .records-plus.new-filter-action {
    color: #519531 !important; }
  .irriland .input-group {
    border-bottom: 1px solid #fff; }
    .irriland .input-group button:hover i {
      color: #519531; }
    .irriland .input-group.action input {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .irriland .input-group.action input:focus {
        border-bottom: 1px solid #fff; }
    .irriland .input-group.action button i {
      color: #fff; }
    .irriland .input-group.fleet-type .select-wrapper {
      color: #519531; }
    .irriland .input-group input::placeholder {
      color: rgba(255, 255, 255, 0.6); }
    .irriland .input-group i {
      color: rgba(255, 255, 255, 0.6); }
    .irriland .input-group.dark {
      border-bottom: 1px solid #519531; }
      .irriland .input-group.dark input::placeholder {
        color: #519531; }
      .irriland .input-group.dark i {
        color: #519531; }
  .irriland #general-settings-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .irriland #general-settings-table tr:not(:last-child) td {
      color: #fff; }
  .irriland #general-settings-table input {
    border-bottom: 1px solid #000; }
    .irriland #general-settings-table input:focus {
      border-bottom: 1px solid #000;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .irriland .datepicker-history {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
    .irriland .datepicker-history::placeholder {
      color: rgba(255, 255, 255, 0.6);
      font-weight: bold;
      font-size: 14px; }
  .irriland .swal2-confirm {
    background-color: #519531 !important;
    color: #fff !important; }
  .irriland .bottom-menu li {
    border-left: 1px solid #fff; }
    .irriland .bottom-menu li:first-child {
      border: 0; }
  .irriland .icons-for-chart-options {
    color: #fff; }
  .irriland .timeline-button {
    background: #fff; }
    .irriland .timeline-button .icons-for-chart-options {
      color: #519531; }
    .irriland .timeline-button.active {
      background-color: #519531; }
      .irriland .timeline-button.active .icons-for-chart-options {
        color: #fff; }
  .irriland .setting-value .input-group > input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  .irriland #sell-ecu-button {
    background: #519531;
    border-radius: 5px;
    border: 2px solid #519531;
    display: flex;
    transition: background 200ms ease-in-out; }
    .irriland #sell-ecu-button:hover {
      background: #fff; }
      .irriland #sell-ecu-button:hover > svg {
        fill: #519531; }
    .irriland #sell-ecu-button > svg {
      transition: fill 200ms ease-in-out;
      padding: 3px;
      fill: #fff; }
  .irriland #tooltip-container-well {
    background-color: #fff;
    color: #519531; }
  .irriland .zoom-icon-map {
    color: #fff; }
  .irriland .side-panel-close-btn {
    color: #fff; }
  .irriland .signal-icon {
    color: #000; }
  .irriland .left-info-icons .signal-icon {
    color: #fff; }
  .irriland .circle-machine-graphic {
    color: #fff; }
  .irriland table thead tr {
    background: #519531 !important; }
    .irriland table thead tr.tables-title {
      background: #fff !important;
      color: #519531 !important;
      font-size: 20px; }
  .irriland table.sell-ecu tr.selected {
    background: rgba(81, 149, 49, 0.3); }
  .irriland [type="checkbox"].filled-in:checked + label:after {
    border: 5px solid #fff !important;
    background-color: #fff !important; }
  .irriland [type="checkbox"].filled-in:checked + label:before {
    border-right: 2px solid #519531 !important;
    border-bottom: 2px solid #519531 !important; }
  .irriland #side-tool-bar {
    background: #519531; }
    .irriland #side-tool-bar.closed {
      background: #fff; }
      .irriland #side-tool-bar.closed .side-tool svg {
        fill: #519531; }
      .irriland #side-tool-bar.closed .side-tool.active {
        background: #519531; }
        .irriland #side-tool-bar.closed .side-tool.active svg {
          fill: #fff; }
        .irriland #side-tool-bar.closed .side-tool.active svg:hover {
          background: none; }
      .irriland #side-tool-bar.closed .side-tool svg:hover {
        background: rgba(34, 118, 139, 0.3); }
    .irriland #side-tool-bar .side-tool.active {
      background: #fff; }
      .irriland #side-tool-bar .side-tool.active svg {
        fill: #519531; }
    .irriland #side-tool-bar .side-tool svg {
      fill: #fff; }
  .irriland .side-left-panel-container {
    background: #fff; }
    .irriland .side-left-panel-container #side-panel .subtitle {
      color: #519531; }
    .irriland .side-left-panel-container #side-panel .title {
      color: #519531; }
    .irriland .side-left-panel-container #side-panel #fleet-machines {
      color: #519531;
      height: calc(100% - 38px); }
    .irriland .side-left-panel-container #side-panel .icon-for-machine-left-panel,
    .irriland .side-left-panel-container #side-panel .machine-name,
    .irriland .side-left-panel-container #side-panel #geo,
    .irriland .side-left-panel-container #side-panel #signal {
      fill: #000;
      color: #000; }
    .irriland .side-left-panel-container #side-panel .search-bar-container {
      color: #000; }
      .irriland .side-left-panel-container #side-panel .search-bar-container input.search-bar-input {
        color: #000; }
  .irriland .back-button-right-menu,
  .irriland .back-button-left-menu {
    color: #519531; }
  .irriland .top-buttons-container div {
    background: #519531;
    color: #fff; }
  .irriland .top-buttons-container div.disabled {
    background-color: #a9a9a9;
    color: #d0d0d0; }
  .irriland .top-buttons-container div:active {
    box-shadow: inset 0 0 4px #000; }
  .irriland .right-menu-button {
    color: #fff; }
  .irriland table.bordered > thead > tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
  .irriland table.bordered > tbody > tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
    .irriland table.bordered > tbody > tr.empty-row {
      border: 0px !important; }
  .irriland table thead tr {
    background-color: #519531;
    color: #fff; }
  .irriland table tbody {
    background-color: rgba(0, 0, 0, 0.88); }
    .irriland table tbody tr {
      color: #fff; }
  .irriland .divTableHead {
    background-color: #519531;
    color: #fff; }
    .irriland .divTableHead .search-events {
      color: #fff;
      border-bottom: 1px solid #fff !important;
      text-align: left; }
    .irriland .divTableHead i {
      color: #fff; }
  .irriland .testa-fissa {
    background-color: #fff;
    color: #519531; }
  .irriland #newfilter-input {
    border-bottom: 1px solid #519531 !important;
    padding-bottom: 0px !important; }
    .irriland #newfilter-input::placeholder {
      color: #519531; }
  .irriland .name-block .testa-fissa {
    background-color: #fff; }
    .irriland .name-block .testa-fissa .records-plus {
      background-color: #519531;
      color: #fff;
      transition: background 200ms ease-in-out, border 200ms ease-in-out;
      border: 2px solid #519531; }
      .irriland .name-block .testa-fissa .records-plus:hover {
        background-color: #fff;
        color: #519531; }
        .irriland .name-block .testa-fissa .records-plus:hover i {
          color: #519531; }
      .irriland .name-block .testa-fissa .records-plus i {
        color: #fff; }
  .irriland #consumption-result,
  .irriland #consumption-interval {
    background-color: rgba(0, 0, 0, 0.8); }
  .irriland .list-block .testa-fissa {
    background-color: #fff; }
    .irriland .list-block .testa-fissa .records,
    .irriland .list-block .testa-fissa .records div {
      color: #519531; }
  .irriland .measures-labels {
    background: #519531;
    color: #fff; }
    .irriland .measures-labels.element-clicked {
      border-left: 8px solid #fff; }
    .irriland .measures-labels .option-title {
      color: #fff; }
    .irriland .measures-labels .lab-unit-layer {
      color: #fff; }
  .irriland #IconStripePosition {
    color: #519531; }
  .irriland #centered-eye-div {
    background: #fff;
    border: 1px solid #519531; }
  .irriland #dotted-line {
    border: 1.5px dashed #519531; }
  .irriland #io-scrolling .io-menu {
    background: #519531;
    margin-bottom: 2px;
    padding: 10px;
    border-radius: 5px;
    color: #fff; }
    .irriland #io-scrolling .io-menu:last-child {
      margin-bottom: 0px; }
    .irriland #io-scrolling .io-menu .io-menu-text {
      color: #fff; }
    .irriland #io-scrolling .io-menu .cmd-opt label {
      color: #fff; }
    .irriland #io-scrolling .io-menu .cmd-opt .command-input,
    .irriland #io-scrolling .io-menu .cmd-opt .command-label {
      color: #fff; }
    .irriland #io-scrolling .io-menu .cmd-opt .command-input {
      border-bottom-color: #fff; }
  .irriland .share-position-icon {
    color: #519531; }
  .irriland .options-panel2.lda-not-editable > .scrolling-container, .irriland .options-panel2.lda-editable > .scrolling-container {
    background-color: #519531; }
  .irriland .options-panel2.lda-not-editable .button-for-svg, .irriland .options-panel2.lda-editable .button-for-svg {
    transition: background 200ms ease-in;
    border: 2px solid #519531; }
    .irriland .options-panel2.lda-not-editable .button-for-svg:hover, .irriland .options-panel2.lda-editable .button-for-svg:hover {
      border: 2px solid #519531; }
  .irriland #last-cycle-params .options-panel2 .options-item {
    background-color: #519531;
    color: #fff; }
  .irriland #last-cycle-params .options-panel2 .options-item-text,
  .irriland #last-cycle-params .options-panel2 .options-item-value {
    color: #fff; }
  .irriland #last-cycle-params .options-panel2 #events-container {
    background-color: #519531;
    color: #fff; }
  .irriland #notifications-right-option .user-priority {
    background: #519531;
    color: #fff; }
    .irriland #notifications-right-option .user-priority .priority-filters-user {
      color: #fff; }
    .irriland #notifications-right-option .user-priority .priority-filters-name {
      background: #fff;
      color: #519531; }
  .irriland #notifications-right-option .user-priority-filters-container {
    background: #519531; }
    .irriland #notifications-right-option .user-priority-filters-container .events-second {
      color: #9e9e9e; }
    .irriland #notifications-right-option .user-priority-filters-container .events-first {
      color: #fff; }
  .irriland #timeline-circle {
    background: #519531; }
  .irriland .showInfo {
    background: #cccccc; }
  .irriland .backTomap {
    color: #fff; }
  .irriland div::-webkit-scrollbar,
  .irriland tbody::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.3); }
  .irriland div::-webkit-scrollbar-thumb,
  .irriland tbody::-webkit-scrollbar-thumb {
    background-color: #519531; }
  .irriland .label-state-container .label-state-title {
    color: #fff; }
  .irriland .label-state-container .label-state-imei {
    color: #fff; }
  .irriland .label-state-container .label-state-label {
    color: #fff; }
    .irriland .label-state-container .label-state-label .label-state-value {
      color: #fff; }
  .irriland .label-state-container .label-estimated-time {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 50%; }
    .irriland .label-state-container .label-estimated-time .label-state-time-value:first-child {
      padding-right: 5px; }
    .irriland .label-state-container .label-estimated-time .label-state-label {
      color: #fff; }
  .irriland .label-state-container #width-label {
    color: #fff; }
    .irriland .label-state-container #width-label span {
      color: #fff; }
  .irriland .label-state-container #height-label {
    color: #fff; }
    .irriland .label-state-container #height-label span {
      color: #fff; }
  .irriland #machineContainer #input_length input {
    border-bottom: 2px solid #519531; }
    .irriland #machineContainer #input_length input:focus {
      border-bottom: 2px solid #519531 !important; }
  .irriland #top-nav {
    background-color: #519531;
    border-bottom: 1px solid #fff; }
    .irriland #top-nav .brand-logo-image {
      background-image: url(logo-irriland.png); }
    .irriland #top-nav .myirrigation-logo {
      background-image: url(app-logo-startec.png); }
    .irriland #top-nav .language-and-info #language-switcher span:not(:first-child)::after {
      background: #fff; }
    .irriland #top-nav .language-and-info #tm-infobox {
      color: #fff; }
    .irriland #top-nav .connection-icon {
      background-image: url("icons/connection-lost-startec.png"); }
  .irriland .menu-button {
    background: #519531;
    border: 1.5px solid #fff;
    color: #fff; }
  .irriland .menu-item {
    background-color: #519531;
    border: 1.5px solid #fff;
    color: #fff; }
  .irriland #assign-geo-button {
    color: #fff; }
    .irriland #assign-geo-button::before {
      background-color: #fff;
      color: #519531; }
    .irriland #assign-geo-button::after {
      border-bottom: 10px solid #fff; }
  .irriland .tool {
    background: #fff;
    color: #519531; }
    .irriland .tool.active {
      background-color: #519531;
      color: #fff; }
  .irriland div::-webkit-scrollbar-track,
  .irriland tbody::-webkit-scrollbar-track {
    background-color: transparent; }
  .irriland div::-webkit-scrollbar,
  .irriland tbody::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.3); }
  .irriland div::-webkit-scrollbar-thumb,
  .irriland tbody::-webkit-scrollbar-thumb {
    background-color: #519531; }
  .irriland .personification-border {
    background-color: rgba(81, 149, 49, 0.3); }
  .irriland .meteor-status > a,
  .irriland .meteor-status > a:active,
  .irriland .meteor-status > a:focus {
    color: #519531 !important; }
  .irriland #btn-login,
  .irriland #btn-register,
  .irriland #btn-logout,
  .irriland #btn-signup,
  .irriland #btn-next,
  .irriland #btn-prev {
    color: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .irriland #btn-login.i,
    .irriland #btn-register.i,
    .irriland #btn-logout.i,
    .irriland #btn-signup.i,
    .irriland #btn-next.i,
    .irriland #btn-prev.i {
      color: #fff; }
  .irriland .btn-large.dark-blue {
    background-color: #519531; }
    .irriland .btn-large.dark-blue:hover {
      opacity: 0.9;
      background-color: #519531; }
  .irriland .swal2-icon.swal2-success {
    border-color: #519531 !important;
    color: #519531 !important; }
  .irriland .swal2-icon.swal2-warning {
    border-color: #519531 !important;
    color: #519531 !important; }
  .irriland .swal2-icon.swal2-info {
    border-color: #519531 !important;
    color: #519531 !important; }
  .irriland .swal2-icon.swal2-error {
    border-color: #519531 !important;
    color: #519531 !important; }
    .irriland .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #519531; }
  .irriland .swal2-icon.swal2-question {
    border-color: #519531 !important;
    color: #519531 !important; }
  .irriland #register-overlay {
    background: rgba(30, 30, 30, 0.9); }
    .irriland #register-overlay #clickable-overlay {
      background: transparent; }
    .irriland #register-overlay #register-container {
      background-color: #fff; }
      .irriland #register-overlay #register-container #register-header {
        background: #519531; }
        .irriland #register-overlay #register-container #register-header label {
          color: #fff; }
        .irriland #register-overlay #register-container #register-header .register-modal {
          color: #fff; }
    .irriland #register-overlay #modal-info label {
      color: #519531; }
    .irriland #register-overlay .input-group {
      border: 2px solid #519531; }
      .irriland #register-overlay .input-group input {
        color: #000; }
        .irriland #register-overlay .input-group input::placeholder {
          color: #000;
          opacity: 0.5; }
  .irriland .tooltip-generic {
    background: #fff;
    color: #519531; }
  .irriland .map-tooltip::before {
    background: #fff; }
  .irriland .map-tooltip span {
    color: #519531; }
  .irriland .tooltip-manage-menu::after {
    background: #fff; }
  .irriland .layer-tooltip::after {
    background: #fff; }
  .irriland #tooltip-container {
    background-color: #fff;
    color: #519531; }
    .irriland #tooltip-container.custom-download {
      margin-top: 40px;
      margin-right: 15px; }
    .irriland #tooltip-container.blue-bordered {
      border: 1px solid #519531; }
    .irriland #tooltip-container::after {
      background: #fff; }
    .irriland #tooltip-container.right-side-bar {
      background: #519531; }
      .irriland #tooltip-container.right-side-bar > label {
        color: #fff; }
      .irriland #tooltip-container.right-side-bar::after {
        background: #519531; }
    .irriland #tooltip-container label {
      color: #519531;
      padding: 10px;
      font-size: 20px;
      white-space: nowrap; }
  .irriland #tooltip-container-machine {
    background-color: #fff;
    color: #519531; }
    .irriland #tooltip-container-machine label {
      color: #519531; }
  .irriland .machine-svg #bars rect {
    fill: #519531; }
  .irriland #register-overlay .select-wrapper::after {
    color: #519531;
    position: absolute;
    pointer-events: none; }
  .irriland #add-tech-icon {
    transition: background 200ms ease-in-out;
    border: 2px solid #519531; }
    .irriland #add-tech-icon > .material-icons {
      transition: color 200ms ease-in-out;
      color: #fff; }
    .irriland #add-tech-icon:hover {
      background: #fff; }
      .irriland #add-tech-icon:hover > .material-icons {
        color: #519531; }
  .irriland #side-panel-title-container svg:first-child {
    fill: #519531; }
  .irriland #add-field,
  .irriland #add-stripe,
  .irriland #add-well {
    border: 2px solid #519531; }
  .irriland #add-field,
  .irriland #add-well {
    color: #519531; }
  .irriland #add-stripe {
    color: #519531; }
    .irriland #add-stripe:hover > svg {
      fill: #519531 !important; }
    .irriland #add-stripe > svg {
      fill: #fff !important;
      width: 16px !important;
      height: 16px !important;
      margin-right: 0 !important; }
  .irriland #square-point {
    background: #519531; }
  .irriland .btn-regular {
    background: #519531 !important;
    color: #fff !important; }
    .irriland .btn-regular:hover {
      background: #fff !important;
      color: #519531 !important; }
  .irriland td .input-group-append .btn,
  .irriland td .input-group-append-two .btn {
    border: 2px solid #519531; }
  .irriland .machine-block .btn {
    transition: background 200ms ease-in-out;
    border: 2px solid #519531; }
    .irriland .machine-block .btn i {
      transition: color 200ms ease-in-out; }
    .irriland .machine-block .btn:hover {
      background: #fff !important; }
      .irriland .machine-block .btn:hover i {
        color: #519531; }
  .irriland .machine-block .input-group-append .btn,
  .irriland .machine-block .input-group-append-two .btn {
    background: #519531; }
  .irriland .machine-block .expand {
    color: #000;
    border: 2px solid #519531; }
  .irriland .machine-block .input-group.dark input {
    color: #000; }
  .irriland .machine-block .row-block-container i {
    color: #000 !important; }
  .irriland .machine-block .row-block-container .row-block label {
    color: #000; }
  .irriland .machine-block .row-block-container .row-block #unlink-stripe {
    background-image: url("wells/link-black.png"); }
  .irriland .machine-block .row-block-container .row-block #unlink-stripe:hover {
    background-image: url("wells/unlink-black.png"); }
  .irriland .machine-block:hover .machine-block-header {
    background: rgba(81, 149, 49, 0.3); }
  .irriland .machine-block.highlighted .machine-block-header {
    background: rgba(81, 149, 49, 0.3); }
  .irriland .machine-block.active {
    background-color: rgba(34, 118, 139, 0.3); }
    .irriland .machine-block.active .machine-name {
      color: #000; }
  .irriland .machine-block .machine-block-header .machine-name-container .machine-state {
    color: #519531;
    width: fit-content;
    padding: 3px 0px;
    font-weight: bold;
    font-size: 13px; }
  .irriland .machine-block .machine-block-header i {
    color: #000; }
  .irriland .machine-block .machine-block-header .machine-block-group .field-icon,
  .irriland .machine-block .machine-block-header .machine-block-group .well-icon {
    background-image: url("wells/expand-black.png"); }
  .irriland .edit-icon path {
    fill: #000; }
  .irriland .measure-labels {
    background: #fff;
    font-size: 1em; }
    .irriland .measure-labels:after {
      content: "";
      width: 100%;
      position: absolute;
      height: 40px;
      left: 0;
      margin-top: -2px;
      z-index: 1;
      border-radius: 5px 0 0 5px;
      border-left: 1px solid #519531;
      border-top: 1px solid #519531; }
    .irriland .measure-labels:last-child:after {
      border-bottom: 1px solid #519531; }
    .irriland .measure-labels label {
      color: #519531; }
    .irriland .measure-labels svg {
      width: 1.5em;
      fill: #519531; }
  .irriland table thead tr {
    background-color: #519531;
    color: #fff; }
    .irriland table thead tr th label {
      color: #fff; }
  .irriland table tbody {
    background-color: rgba(0, 0, 0, 0.8); }
  .irriland .btns-tables {
    background-color: #519531;
    color: #fff; }
  .irriland .disabled-btns {
    background-color: #aaa;
    color: #fff; }
  .irriland .custom-swal-modal-stripe-creation .stripe-creation-modal-icon {
    fill: #519531; }
  .irriland .custom-swal-modal-stripe-creation .swal2-title {
    color: #519531; }
  .irriland .custom-swal-modal-lda {
    background: #519531 !important; }
    .irriland .custom-swal-modal-lda .lda-modal-content::-webkit-scrollbar-thumb {
      background-color: #fff; }
    .irriland .custom-swal-modal-lda .lda-modal-header .lda-modal-icon {
      fill: #519531; }
    .irriland .custom-swal-modal-lda .actual-value {
      text-align: right; }
    .irriland .custom-swal-modal-lda .swal2-title {
      color: #519531; }
    .irriland .custom-swal-modal-lda::-webkit-scrollbar-thumb {
      background-color: #fff !important; }
  .irriland .records-user .dropdown-content li > a,
  .irriland .records-user .dropdown-content li > span {
    color: #519531 !important; }
  .irriland #charts-container-responsive .recharts-layer circle {
    stroke: #519531; }
  .irriland #charts-container-responsive .recharts-layer path {
    stroke: #519531; }
  .irriland #charts-container-responsive .recharts-reference-dot circle {
    stroke: #fff;
    stroke-width: 1.2;
    fill: #519531; }
  .irriland .action-stripe-info {
    border-right-color: #fff;
    border-left-color: #fff;
    background-color: #519531;
    color: #fff;
    font-size: 1.0625em;
    box-shadow: 0px 1px 3px 1px #949494; }
    .irriland .action-stripe-info.disabled-button {
      background-color: grey; }
  .irriland #modal-action-buttons .stripe-info-container {
    background: #519531 !important;
    color: #fff;
    outline: 0px; }
  .irriland #stripe-width-input,
  .irriland #stripe-name,
  .irriland #stripe-height {
    color: #000 !important;
    border-color: #519531 !important; }
  .irriland #credits-logo-startec {
    background-image: url(logo_startec_blu.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .irriland #credits-logo-knobs {
    background-image: url(logo_knobs.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .irriland #name-field {
    color: #000; }
  .irriland #well-name {
    color: #000; }
  .irriland .field-name {
    color: #000; }
  .irriland #right-menu-container .tool-button {
    background: #fff; }
    .irriland #right-menu-container .tool-button.active {
      background: #519531;
      color: #fff; }
      .irriland #right-menu-container .tool-button.active svg {
        fill: #fff; }
    .irriland #right-menu-container .tool-button svg {
      fill: #519531; }
  .irriland #googleDiv.machine-color #machineContainer #bars rect {
    fill: #519531 !important; }
  .irriland #googleDiv.machine-color #machineContainer polyline {
    fill: #519531 !important; }
  .irriland #googleDiv.offline.machine-color #machineContainer polyline {
    fill: #d0d0d0 !important; }
  .irriland #well {
    background-image: url("wells/well-marker-default-irriland.png"); }
  .irriland #draggable-well {
    background-image: url("wells/well-marker-drag-irriland.png"); }
  .irriland #well.selected {
    background-image: url("wells/well-marker-active-irriland.png");
    padding: 20px; }
  .irriland #well.webview-selected {
    background-image: url("wells/well-marker-webview-selected.png"); }
  .irriland .single-event-info {
    background: #fff;
    border: 1px solid #519531; }
    .irriland .single-event-info .event-chart-timestamp {
      color: #519531; }
    .irriland .single-event-info .event-type {
      color: #519531;
      font-weight: bold;
      text-align: center; }
  .irriland .recharts-reference-dot.selected .recharts-dot {
    fill: #519531; }
  .irriland .recharts-reference-dot.selected .recharts-text.recharts-label {
    fill: #fff; }
  .irriland .recharts-reference-dot .recharts-text.recharts-label {
    fill: #519531; }
  .irriland .single-tech-container {
    background: #fff;
    border: 1px solid #000; }
    .irriland .single-tech-container > div {
      color: #519531; }
    .irriland .single-tech-container .tech-icon#remove-tech-icon {
      color: #fff;
      background: #519531;
      border: 2px solid #519531;
      transition: all 200ms ease-in-out; }
      .irriland .single-tech-container .tech-icon#remove-tech-icon:hover {
        color: #519531;
        background: #fff; }
  .irriland .tech-icon.expand:not(.disabled) {
    border-radius: 100%;
    background: #519531; }
  .irriland #map-box-container {
    background: #fff;
    border: 1px solid #519531; }
    .irriland #map-box-container .map-box-title {
      color: #519531; }
    .irriland #map-box-container .map-box-row,
    .irriland #map-box-container .map-box-row-vertical {
      color: #519531; }
  .irriland .activity-box {
    border: 1px solid #519531; }
    .irriland .activity-box .input-container .input-group .form-control {
      color: #000; }
    .irriland .activity-box .input-container .input-group .appended-text {
      color: #000; }
    .irriland .activity-box.current-act {
      background: #bed8de !important; }
  .irriland #single-page-info .activity-box {
    background: #fff; }
    .irriland #single-page-info .activity-box .activity-info-label,
    .irriland #single-page-info .activity-box .actual-value {
      color: #000; }
  .irriland #infobox-title {
    color: #fff; }
  .irriland .edit-box-name .button-for-svg {
    width: 30px !important;
    height: 30px !important; }
    .irriland .edit-box-name .button-for-svg:hover {
      width: 30px !important; }
      .irriland .edit-box-name .button-for-svg:hover > svg {
        background: #519531 !important;
        fill: #fff !important; }
    .irriland .edit-box-name .button-for-svg > svg {
      background: #fff !important;
      fill: #519531 !important; }
  .irriland .activity-info-container .input-container .actual-value {
    font-size: 16px;
    text-align: right; }
    .irriland .activity-info-container .input-container .actual-value.padding-right {
      padding-right: 2.3em; }
  .irriland #lda-scrolling #lda-info .edit-box-name .form-control {
    color: #fff; }
  .irriland #lda-scrolling #lda-info .lda-info-container {
    color: #fff; }
  .irriland #lda-scrolling #lda-info #lda-title {
    color: #fff; }
  .irriland #lda-scrolling #lda-info .btn:hover .fas {
    color: #519531; }
  .irriland #lda-scrolling #lda-info .btn .fas {
    color: #fff; }
  .irriland #lda-scrolling .activity-box {
    background: #fff; }
    .irriland #lda-scrolling .activity-box .clickable svg {
      border: none; }
    .irriland #lda-scrolling .activity-box .input-container .input-group-append:hover .fas:before,
    .irriland #lda-scrolling .activity-box .input-container .input-group-append-two:hover .fas:before {
      color: #519531; }
    .irriland #lda-scrolling .activity-box .input-container .input-group-append .fas:before,
    .irriland #lda-scrolling .activity-box .input-container .input-group-append-two .fas:before {
      color: #fff; }
    .irriland #lda-scrolling .activity-box .input-container .button-for-svg {
      border: 2px solid #519531; }
      .irriland #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda {
        color: #fff; }
        .irriland #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda:hover .on-lda-label {
          color: #519531; }
    .irriland #lda-scrolling .activity-box .activity-title {
      color: #519531; }
    .irriland #lda-scrolling .activity-box .activity-info-container .activity-info-label,
    .irriland #lda-scrolling .activity-box .activity-info-container .input-container {
      color: #000; }
    .irriland #lda-scrolling .activity-box .activity-info-container .input-group.action {
      justify-content: flex-start; }
    .irriland #lda-scrolling .activity-box .activity-info-container .input-group input {
      color: #519531;
      border-bottom: 1px solid #519531 !important;
      max-width: 35px !important; }
    .irriland #lda-scrolling .activity-box .activity-info-container .input-group .appended-text {
      margin-right: 50px; }
    .irriland #lda-scrolling .activity-box .activity-info-container .measure-unit {
      color: #519531; }
    .irriland #lda-scrolling .activity-box .actual-info-container .actual-value {
      color: #000; }
  .irriland .dp-mobile-topbar {
    color: #fff; }
  .irriland .dp-mobile-topbar-calendar .react-datepicker__day--keyboard-selected,
  .irriland .dp-mobile-topbar-calendar .react-datepicker__day--selected {
    background-color: #519531; }
  .irriland .react-datepicker__day--keyboard-selected,
  .irriland .react-datepicker__day--selected,
  .irriland .react-datepicker__day--in-selecting-range,
  .irriland .react-datepicker__day--in-range {
    background-color: #519531 !important; }
  .irriland .icon-filter-manage-container {
    display: flex;
    height: 100%;
    align-items: center;
    width: 78px;
    justify-content: space-between; }
    .irriland .icon-filter-manage-container button {
      height: 34.5px;
      width: 34.5px;
      background: #519531;
      border-radius: 5px;
      font-size: 15px;
      position: relative;
      display: flex;
      justify-content: center;
      border: 0px;
      border: 2px solid #519531; }
      .irriland .icon-filter-manage-container button i {
        color: #fff !important;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
      .irriland .icon-filter-manage-container button:hover i {
        color: #519531 !important; }
      .irriland .icon-filter-manage-container button svg {
        padding: 0px;
        margin-top: 5px;
        margin-left: 5px;
        background: transparent;
        width: 5px !important;
        height: 5px !important;
        position: absolute;
        top: 0px;
        left: 0px; }
        .irriland .icon-filter-manage-container button svg.icon-savedisk {
          width: 20px !important;
          height: 20px !important; }
      .irriland .icon-filter-manage-container button:hover {
        background: #fff; }
        .irriland .icon-filter-manage-container button:hover svg {
          padding: 0px;
          color: #519531;
          transition: all 250ms ease-in-out;
          transition-property: background, color; }
  .irriland .clickable {
    font-size: 15px !important; }
    .irriland .clickable i {
      font-size: 15px !important; }
    .irriland .clickable.small svg {
      width: 5px !important;
      height: 5px !important; }
    .irriland .clickable button {
      background: #519531;
      border-radius: 5px;
      font-size: 15px;
      position: relative; }
      .irriland .clickable button:hover i {
        color: #519531; }
      .irriland .clickable button.edit-on-lda svg {
        border: none !important; }
      .irriland .clickable button svg {
        padding: 0px;
        padding: 5px;
        background: transparent;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: all 200ms ease-in;
        transition-property: background, color; }
      .irriland .clickable button:hover {
        background: #fff; }
        .irriland .clickable button:hover svg {
          padding: 5px;
          color: #519531; }
    .irriland .clickable svg {
      padding: 5px;
      width: 2.3em !important;
      height: 2.3em !important;
      background: #519531;
      color: #fff;
      border-radius: 5px;
      outline: 2px solid #519531; }
      .irriland .clickable svg:hover {
        background: #fff;
        padding: 5px;
        color: #519531;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
  .irriland .irrigation-details .input-group-append-two .btn svg {
    width: 1.7em !important;
    height: 1.7em !important;
    border: 0; }
  .irriland .chart-annotation {
    cursor: pointer; }
    .irriland .chart-annotation path {
      fill: #fff;
      stroke: #519531; }
    .irriland .chart-annotation text {
      font-size: 13px !important;
      font-weight: bold !important;
      fill: #519531 !important; }
    .irriland .chart-annotation.clicked path {
      fill: #519531;
      stroke: #fff; }
    .irriland .chart-annotation.clicked text {
      fill: #fff !important; }
  .irriland .highcharts-annotation-shapes circle {
    fill: url(icons/machine-white.png); }
  .irriland .not-clickable svg {
    padding: 5px;
    width: 34.5px !important;
    height: 34.5px !important;
    background: gray;
    outline: 2px solid gray;
    color: #fff;
    border-radius: 5px; }
  .irriland .highcharts-contextbutton rect {
    fill: #519531;
    stroke: #519531;
    stroke-width: 2; }
  .irriland .highcharts-contextbutton path {
    stroke: #fff; }
  .irriland .highcharts-contextbutton:hover rect {
    fill: #fff;
    stroke: #519531; }
  .irriland .highcharts-contextbutton:hover path {
    stroke: #519531; }
  .irriland .highcharts-reset-zoom .highcharts-button-box {
    fill: transparent; }
  .irriland .highcharts-reset-zoom .highcharts-button-box {
    fill: #519531; }
  .irriland .highcharts-reset-zoom .reset-zoom-icon {
    fill: #fff; }
  .irriland .highcharts-reset-zoom:after {
    content: ""; }
  .irriland .highcharts-menu {
    padding: 0px !important;
    box-shadow: none !important; }
    .irriland .highcharts-menu hr {
      margin: 0px !important; }
    .irriland .highcharts-menu .highcharts-menu-item {
      height: 100%;
      padding: 10px !important;
      font-size: 13px !important; }
      .irriland .highcharts-menu .highcharts-menu-item:hover {
        background: #519531 !important;
        color: #fff !important; }
  .irriland .notify {
    background-color: #519531;
    border: 1px solid #519531;
    box-shadow: inset 0px 0px 0px 1.5px #fff, 0px 0px 0px 1.5px #fff; }
    .irriland .notify label {
      color: #fff; }
  .irriland .machines-table caption {
    color: #000; }
  .irriland #mb-creation-top-info {
    background: #fff; }
  .irriland #manage-tables-container .react-datepicker__close-icon::after {
    background-color: #519531;
    color: #fff; }
  .irriland .react-datepicker__day--keyboard-selected {
    background-color: #519531;
    color: #fff; }
  .irriland .right-options-block.active .right-option-name {
    color: #fff; }
  .irriland .user-priority {
    background: #fff; }
  .irriland .options-panel2.lda-editable .edit-box-name .button-for-svg {
    height: 30px !important;
    border-radius: 10px; }
    .irriland .options-panel2.lda-editable .edit-box-name .button-for-svg:hover > svg {
      background: #fff;
      fill: #519531; }
    .irriland .options-panel2.lda-editable .edit-box-name .button-for-svg > svg {
      background: #519531;
      fill: #fff; }
  .irriland .stor-irr.active {
    background-color: #519531 !important; }
    .irriland .stor-irr.active label {
      color: #fff !important; }
  .irriland .stor-mac.active {
    background-color: #519531 !important; }
    .irriland .stor-mac.active label {
      color: #fff !important; }
  .irriland .stor-stripe.active {
    background-color: #519531 !important; }
    .irriland .stor-stripe.active label {
      color: #fff !important; }
  .irriland .right-options-block {
    background-color: #fff; }
  .irriland .react-datepicker__day--selected,
  .irriland .react-datepicker__day--in-selecting-range,
  .irriland .react-datepicker__day--in-range {
    background-color: #519531; }
  .irriland #manage-tables-container .react-datepicker__day--selected,
  .irriland .react-datepicker__day--in-selecting-range,
  .irriland .react-datepicker__day--in-range {
    background-color: #519531; }
  .irriland .white-version i.fa-edit {
    color: #fff !important; }
  .irriland .fleets-icon-container .fa-save,
  .irriland .input-fleets-container .fa-times {
    color: #fff !important; }
  .irriland .fleets-table-name {
    color: #fff; }
  .irriland .input-machine-fleets:focus {
    border-bottom: 1px solid #fff !important; }
  .irriland .button-label {
    color: #fff; }
  .irriland .lda-modal-container {
    color: #fff; }
    .irriland .lda-modal-container .lda-modal-header .swal2-title,
    .irriland .lda-modal-container .lda-modal-header .separator {
      color: #fff; }
    .irriland .lda-modal-container .activity-box {
      border: 1px solid #519531;
      background: #fff; }
      .irriland .lda-modal-container .activity-box .activity-start-time,
      .irriland .lda-modal-container .activity-box .activity-end-time {
        color: #000; }
      .irriland .lda-modal-container .activity-box .activity-title {
        color: #519531;
        margin-bottom: 20px; }
      .irriland .lda-modal-container .activity-box .activity-info-container {
        flex-direction: row; }
        .irriland .lda-modal-container .activity-box .activity-info-container .activity-info-label {
          color: #000; }
        .irriland .lda-modal-container .activity-box .activity-info-container .input-container {
          color: #000; }
  .irriland .download-container {
    background: #fff; }
    .irriland .download-container .download-header {
      background: #519531; }
      .irriland .download-container .download-header label {
        color: #fff; }
      .irriland .download-container .download-header .download-sheet {
        color: #fff; }
    .irriland .download-container .download-icon-container {
      background: #519531;
      border: 2px solid #519531; }
      .irriland .download-container .download-icon-container svg {
        fill: #fff; }
      .irriland .download-container .download-icon-container:hover {
        background: #fff; }
        .irriland .download-container .download-icon-container:hover svg {
          fill: #519531; }
    .irriland .download-container .xlsx-button,
    .irriland .download-container .csv-button {
      background: #fff; }
      .irriland .download-container .xlsx-button.active,
      .irriland .download-container .csv-button.active {
        background: #519531; }
        .irriland .download-container .xlsx-button.active label,
        .irriland .download-container .csv-button.active label {
          color: #fff; }
      .irriland .download-container .xlsx-button label,
      .irriland .download-container .csv-button label {
        color: #519531; }
    .irriland .download-container .download-file-container {
      border: 2px solid #519531; }
      .irriland .download-container .download-file-container:hover {
        background: #519531; }
        .irriland .download-container .download-file-container:hover svg {
          fill: #fff; }
  .irriland #input_length #time-etooltip.accepted::before,
  .irriland #input_length #width-etooltip.accepted::before {
    background-color: #519531; }
  .irriland #input_length #time-etooltip.rejected::before,
  .irriland #input_length #width-etooltip.rejected::before {
    background-color: #519531; }
  .irriland .state-wrapper svg.accepted {
    color: #519531;
    fill: #519531; }
  .irriland .state-wrapper svg.rejected {
    color: #519531;
    fill: #519531; }

.casella {
  /* Meteor status */
  /* Buttons */
  /* SWAL */
  /* REGISTER MODAL */
  /* TOOLTIP */
  /* SIDE PANEL */
  /* MACHINE BLOCK */
  /* CHART BUTTONS */
  /* TABLE */
  /* manage tables btns */
  /* Records User */ }
  .casella .icon-filter-manage-container > button > svg {
    margin-top: 4px;
    margin-left: 5px;
    width: 27px !important;
    height: 23px !important;
    margin-left: 2px;
    fill: #fff; }
  .casella .icon-filter-manage-container button:hover svg {
    fill: #fff; }
  .casella .activity-info-container .input-container > .value-icon {
    width: auto !important;
    background: none !important;
    color: #fff !important;
    border: 0; }
    .casella .activity-info-container .input-container > .value-icon.pause-icon {
      max-width: 40px;
      max-height: 40px; }
  .casella .activity-time.activity-start-time > .value-icon,
  .casella .activity-time.activity-end-time > .value-icon {
    background: none !important;
    color: #fff !important; }
  .casella .icon-measure {
    color: #fff !important; }
  .casella #modal-body .activity-box .activity-info-container {
    width: 100%;
    padding: 0 20px; }
    .casella #modal-body .activity-box .activity-info-container .input-container {
      justify-content: space-between; }
  .casella #modal-body .activity-box .activity-time.activity-start-time,
  .casella #modal-body .activity-box .activity-time.activity-end-time {
    padding: 0 20px;
    width: 100%;
    justify-content: space-between; }
  .casella .last-irrigation-title {
    color: #fff; }
    .casella .last-irrigation-title > p {
      padding-left: 5px;
      font-weight: 600; }
    .casella .last-irrigation-title .flex-column {
      display: flex;
      flex-wrap: wrap; }
      .casella .last-irrigation-title .flex-column .map-box-wrapper {
        display: flex;
        width: 100%;
        flex-basis: 100%; }
        .casella .last-irrigation-title .flex-column .map-box-wrapper .map-box-row-vertical {
          width: 50%;
          flex-basis: 50%; }
    .casella .last-irrigation-title > p {
      margin-left: 5px; }
  .casella .meteor-status > .meteor-status-retry {
    margin-left: 10px;
    background: #fff;
    color: #004489 !important;
    border: 2px solid #fff;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 200ms ease-in-out; }
    .casella .meteor-status > .meteor-status-retry:hover {
      background: #004489;
      color: #fff !important; }
  .casella #role-icon-container .button-for-svg {
    width: 2.3em !important;
    height: 2.3em !important; }
  .casella .button-for-svg .icons-for-users-table {
    width: 90%;
    height: 90%; }
  .casella .button-for-svg.edit-role {
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    transition: background 200ms ease-in-out; }
    .casella .button-for-svg.edit-role:hover {
      background: #004489; }
      .casella .button-for-svg.edit-role:hover > .icons-for-users-table {
        fill: #fff; }
    .casella .button-for-svg.edit-role > .icons-for-users-table {
      padding: 5px;
      background: transparent;
      position: absolute;
      fill: #004489;
      border-radius: 5px;
      border: 2px solid #fff;
      top: 0px;
      left: 0px;
      transition: all 200ms ease-in;
      transition-property: background, color;
      width: 2.3em !important;
      height: 2.3em !important; }
  .casella #download-csv, .casella #notarization-button, .casella #notarization-button-disabled {
    position: absolute;
    right: 5px;
    margin: 35px 10px;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 15px;
    border: 2px solid #004489;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 200ms ease-in-out; }
    .casella #download-csv svg, .casella #notarization-button svg, .casella #notarization-button-disabled svg {
      transition: color 200ms ease-in-out; }
    .casella #download-csv:hover, .casella #notarization-button:hover, .casella #notarization-button-disabled:hover {
      background: #004489; }
      .casella #download-csv:hover svg, .casella #notarization-button:hover svg, .casella #notarization-button-disabled:hover svg {
        color: #fff; }
    .casella #download-csv i, .casella #notarization-button i, .casella #notarization-button-disabled i {
      color: #004489;
      font-size: 18px; }
  .casella #notarization-button {
    top: 5rem; }
  .casella #notarization-button-disabled {
    background: grey;
    top: 5rem; }
  .casella .remote-access-btn {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    padding: 5px;
    background: #fff;
    cursor: pointer;
    transition: background 200ms ease-in-out;
    border: 2px solid #fff; }
    .casella .remote-access-btn > svg {
      max-width: 100%;
      max-height: 100%;
      padding: 3px;
      transform: translate(-2px, -1px);
      fill: #004489;
      transition: fill 200ms ease-in-out; }
    .casella .remote-access-btn:hover {
      background: #004489; }
      .casella .remote-access-btn:hover svg {
        fill: #fff; }
  .casella .logout-wrapper,
  .casella .end-support-btn {
    border: 2px solid #004489;
    border-radius: 10px;
    padding: 5px;
    background: #004489;
    cursor: pointer;
    transition: background 200ms ease-in-out; }
    .casella .logout-wrapper > svg,
    .casella .end-support-btn > svg {
      fill: #fff;
      transition: fill 200ms ease-in-out; }
    .casella .logout-wrapper:hover,
    .casella .end-support-btn:hover {
      background: #fff; }
      .casella .logout-wrapper:hover svg,
      .casella .end-support-btn:hover svg {
        fill: #004489; }
  .casella .weather-box #grid-switch {
    background: #fff; }
    .casella .weather-box #grid-switch > svg {
      fill: #004489; }
    .casella .weather-box #grid-switch:hover {
      background: #004489; }
      .casella .weather-box #grid-switch:hover > svg {
        fill: #fff; }
  .casella [type="checkbox"].filled-in-custom:not(:checked) + label:after {
    border: 2px solid #004489 !important; }
  .casella .switch-menu div label {
    color: #fff; }
  .casella .switch-menu.active label {
    color: #004489; }
  .casella .timeline-time {
    color: #004489; }
  .casella #timeline-circle {
    background-color: #fff;
    color: #004489;
    border-color: #004489; }
  .casella .timeline-circle {
    background-color: #fff; }
  .casella .autocomplete-root button i.fa-save,
  .casella .autocomplete-root button i.fa-undo {
    color: #004489; }
  .casella #general-settings-table .row-version .setting-value p {
    border-bottom: 1px solid #fff;
    line-height: 1.8; }
    .casella #general-settings-table .row-version .setting-value p:hover {
      border-bottom: 1px solid transparent; }
  .casella #log-container-block .react-datepicker__input-container > input,
  .casella #manage-tables-container .react-datepicker__input-container > input {
    border-color: #004489 !important;
    color: #004489;
    font-weight: 600; }
  .casella .machine-block .expand {
    background-color: #fff;
    color: #004489 !important;
    transition: all 200ms ease-in-out;
    box-sizing: content-box;
    border-radius: 5px; }
    .casella .machine-block .expand:hover {
      background-color: #004489;
      color: #fff !important; }
  .casella #search-bar-container .input-group.dark > input {
    color: #fff !important; }
  .casella #infobox-right-option .activity-end-time-title,
  .casella #infobox-right-option .activity-start-time-title,
  .casella #infobox-right-option .activity-end-time-content,
  .casella #infobox-right-option .activity-start-time-content,
  .casella .single-page-multi-container .activity-end-time-title,
  .casella .single-page-multi-container .activity-start-time-title,
  .casella .single-page-multi-container .activity-end-time-content,
  .casella .single-page-multi-container .activity-start-time-content {
    color: #fff !important; }
  .casella .table-offices .offices-row.depth-1.has-children.open {
    background: rgba(255, 255, 255, 0.7); }
  .casella .table-offices .offices-row.is-child {
    background: rgba(255, 255, 255, 0.35); }
    .casella .table-offices .offices-row.is-child.depth-2 {
      background: rgba(255, 255, 255, 0.55); }
    .casella .table-offices .offices-row.is-child.depth-3 {
      background: rgba(255, 255, 255, 0.45); }
    .casella .table-offices .offices-row.is-child.depth-4 {
      background: rgba(255, 255, 255, 0.35); }
  .casella .dropdown-content li > a,
  .casella .dropdown-content li > span {
    color: #fff; }
  .casella #login-wrapper input:focus {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff; }
  .casella .bottom-menu {
    background: #004489; }
    .casella .bottom-menu ul .active::after {
      background-color: #fff; }
    .casella .bottom-menu ul a {
      color: #fff; }
      .casella .bottom-menu ul a:hover, .casella .bottom-menu ul a.active {
        background-color: #fff;
        color: #004489; }
  .casella .table-in-modal thead {
    background: none !important; }
    .casella .table-in-modal thead tr.subtitle-tr {
      background-color: transparent !important;
      color: #fff; }
    .casella .table-in-modal thead tr {
      padding: 0px 10px !important; }
  .casella .table-in-modal tbody {
    background: none; }
    .casella .table-in-modal tbody .activity-box .activity-title {
      color: #fff; }
    .casella .table-in-modal tbody .icon-selected {
      color: #fff; }
    .casella .table-in-modal tbody .change-passwords-form {
      color: #fff; }
      .casella .table-in-modal tbody .change-passwords-form input {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
        .casella .table-in-modal tbody .change-passwords-form input::placeholder {
          color: rgba(255, 255, 255, 0.4); }
        .casella .table-in-modal tbody .change-passwords-form input:focus {
          border-bottom: 1px solid #fff !important; }
      .casella .table-in-modal tbody .change-passwords-form span button i {
        color: #fff; }
    .casella .table-in-modal tbody tr td div {
      color: #fff; }
  .casella .custom-modal {
    background-color: #004489; }
    .casella .custom-modal.events .events-modal-timestamp,
    .casella .custom-modal.events .events-modal-event {
      color: #fff !important; }
    .casella .custom-modal.events .no-events {
      color: #fff !important; }
    .casella .custom-modal #modal-top-bar {
      background-color: #fff;
      color: #004489;
      border-bottom: 1px solid rgba(0, 68, 137, 0.5) !important; }
      .casella .custom-modal #modal-top-bar i {
        color: #004489; }
    .casella .custom-modal #modal-header div {
      color: #fff; }
    .casella .custom-modal tbody {
      color: #fff; }
      .casella .custom-modal tbody tr td .modal-password-title-container {
        color: #fff; }
    .casella .custom-modal .button-container {
      margin-bottom: 1rem; }
      .casella .custom-modal .button-container .swal2-styled {
        background-color: #3085d6;
        color: #004489; }
  .casella #beta-advise {
    background-color: #fff;
    color: #004489; }
  .casella .lang-dropdown-arrow {
    color: #004489; }
  .casella .language-dropdown {
    background-color: #004489;
    border: 1px solid #fff; }
  .casella .title-table-filters-and-events {
    background-color: #004489;
    color: #fff; }
  .casella .wells-icon {
    stroke: #fff;
    fill: #004489; }
  .casella #admin-add-user {
    background: #fff;
    border: 2px solid #004489;
    border-radius: 15px;
    transition: background 200ms ease-in-out; }
    .casella #admin-add-user svg {
      transition: color 200ms ease-in-out;
      color: #004489; }
    .casella #admin-add-user:hover {
      background: #004489; }
      .casella #admin-add-user:hover svg {
        color: #fff; }
  .casella #admin-add-machine {
    background: #fff;
    border: 2px solid #fff;
    box-shadow: inset 0px 0px 0px 2px #004489, 0px 0px 0px 2px #004489; }
  .casella #separator-label {
    color: #004489; }
  .casella tbody .input-group {
    border-bottom: 1px solid #fff; }
  .casella thead .input-group i {
    color: rgba(0, 68, 137, 0.6) !important; }
  .casella .records-plus.new-filter-action {
    color: #fff !important; }
  .casella .input-group {
    border-bottom: 1px solid #004489; }
    .casella .input-group button:hover i {
      color: #fff; }
    .casella .input-group.action input {
      border-bottom: 1px solid rgba(0, 68, 137, 0.5); }
      .casella .input-group.action input:focus {
        border-bottom: 1px solid #004489; }
    .casella .input-group.action button i {
      color: #004489; }
    .casella .input-group.fleet-type .select-wrapper {
      color: #fff; }
    .casella .input-group input::placeholder {
      color: rgba(0, 68, 137, 0.6); }
    .casella .input-group i {
      color: rgba(0, 68, 137, 0.6); }
    .casella .input-group.dark {
      border-bottom: 1px solid #fff; }
      .casella .input-group.dark input::placeholder {
        color: #fff; }
      .casella .input-group.dark i {
        color: #fff; }
  .casella #general-settings-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .casella #general-settings-table tr:not(:last-child) td {
      color: #fff; }
  .casella #general-settings-table input {
    border-bottom: 1px solid #fff; }
    .casella #general-settings-table input:focus {
      border-bottom: 1px solid #fff;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .casella .datepicker-history {
    border-bottom: 1px solid rgba(0, 68, 137, 0.6); }
    .casella .datepicker-history::placeholder {
      color: rgba(0, 68, 137, 0.6);
      font-weight: bold;
      font-size: 14px; }
  .casella .swal2-confirm {
    background-color: #fff !important;
    color: #004489 !important; }
  .casella .bottom-menu li {
    border-left: 1px solid #004489; }
    .casella .bottom-menu li:first-child {
      border: 0; }
  .casella .icons-for-chart-options {
    color: #004489; }
  .casella .timeline-button {
    background: #004489; }
    .casella .timeline-button .icons-for-chart-options {
      color: #fff; }
    .casella .timeline-button.active {
      background-color: #fff; }
      .casella .timeline-button.active .icons-for-chart-options {
        color: #004489; }
  .casella .setting-value .input-group > input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  .casella #sell-ecu-button {
    background: #fff;
    border-radius: 5px;
    border: 2px solid #fff;
    display: flex;
    transition: background 200ms ease-in-out; }
    .casella #sell-ecu-button:hover {
      background: #004489; }
      .casella #sell-ecu-button:hover > svg {
        fill: #fff; }
    .casella #sell-ecu-button > svg {
      transition: fill 200ms ease-in-out;
      padding: 3px;
      fill: #004489; }
  .casella #tooltip-container-well {
    background-color: #004489;
    color: #fff; }
  .casella .zoom-icon-map {
    color: #004489; }
  .casella .side-panel-close-btn {
    color: #fff; }
  .casella .signal-icon {
    color: #fff; }
  .casella .left-info-icons .signal-icon {
    color: #004489; }
  .casella .circle-machine-graphic {
    color: #004489; }
  .casella table thead tr {
    background: #fff !important; }
    .casella table thead tr.tables-title {
      background: #004489 !important;
      color: #fff !important;
      font-size: 20px; }
  .casella table.sell-ecu tr.selected {
    background: rgba(255, 255, 255, 0.3); }
  .casella [type="checkbox"].filled-in:checked + label:after {
    border: 5px solid #fff !important;
    background-color: #fff !important; }
  .casella [type="checkbox"].filled-in:checked + label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important; }
  .casella #side-tool-bar {
    background: #fff; }
    .casella #side-tool-bar.closed {
      background: #004489; }
      .casella #side-tool-bar.closed .side-tool svg {
        fill: #fff; }
      .casella #side-tool-bar.closed .side-tool.active {
        background: #fff; }
        .casella #side-tool-bar.closed .side-tool.active svg {
          fill: #004489; }
        .casella #side-tool-bar.closed .side-tool.active svg:hover {
          background: none; }
      .casella #side-tool-bar.closed .side-tool svg:hover {
        background: rgba(34, 118, 139, 0.3); }
    .casella #side-tool-bar .side-tool.active {
      background: #004489; }
      .casella #side-tool-bar .side-tool.active svg {
        fill: #fff; }
    .casella #side-tool-bar .side-tool svg {
      fill: #004489; }
  .casella .side-left-panel-container {
    background: #004489; }
    .casella .side-left-panel-container #side-panel .subtitle {
      color: #fff; }
    .casella .side-left-panel-container #side-panel .title {
      color: #fff; }
    .casella .side-left-panel-container #side-panel #fleet-machines {
      color: #fff;
      height: calc(100% - 38px); }
    .casella .side-left-panel-container #side-panel .icon-for-machine-left-panel,
    .casella .side-left-panel-container #side-panel .machine-name,
    .casella .side-left-panel-container #side-panel #geo,
    .casella .side-left-panel-container #side-panel #signal {
      fill: #fff;
      color: #fff; }
    .casella .side-left-panel-container #side-panel .search-bar-container {
      color: #000; }
      .casella .side-left-panel-container #side-panel .search-bar-container input.search-bar-input {
        color: #000; }
  .casella .back-button-right-menu,
  .casella .back-button-left-menu {
    color: #fff; }
  .casella .top-buttons-container div {
    background: #fff;
    color: #004489; }
  .casella .top-buttons-container div.disabled {
    background-color: #a9a9a9;
    color: #d0d0d0; }
  .casella .top-buttons-container div:active {
    box-shadow: inset 0 0 4px #000; }
  .casella .right-menu-button {
    color: #fff; }
  .casella table.bordered > thead > tr {
    border-bottom: 1px solid rgba(0, 68, 137, 0.5) !important; }
  .casella table.bordered > tbody > tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
    .casella table.bordered > tbody > tr.empty-row {
      border: 0px !important; }
  .casella table thead tr {
    background-color: #fff;
    color: #004489; }
  .casella table tbody {
    background-color: rgba(0, 0, 0, 0.88); }
    .casella table tbody tr {
      color: #fff; }
  .casella .divTableHead {
    background-color: #fff;
    color: #004489; }
    .casella .divTableHead .search-events {
      color: #004489;
      border-bottom: 1px solid #004489 !important;
      text-align: left; }
    .casella .divTableHead i {
      color: #004489; }
  .casella .testa-fissa {
    background-color: #004489;
    color: #fff; }
  .casella #newfilter-input {
    border-bottom: 1px solid #fff !important;
    padding-bottom: 0px !important; }
    .casella #newfilter-input::placeholder {
      color: #fff; }
  .casella .name-block .testa-fissa {
    background-color: #004489; }
    .casella .name-block .testa-fissa .records-plus {
      background-color: #fff;
      color: #004489;
      transition: background 200ms ease-in-out, border 200ms ease-in-out;
      border: 2px solid #fff; }
      .casella .name-block .testa-fissa .records-plus:hover {
        background-color: #004489;
        color: #fff; }
        .casella .name-block .testa-fissa .records-plus:hover i {
          color: #fff; }
      .casella .name-block .testa-fissa .records-plus i {
        color: #004489; }
  .casella #consumption-result,
  .casella #consumption-interval {
    background-color: rgba(0, 0, 0, 0.8); }
  .casella .list-block .testa-fissa {
    background-color: #004489; }
    .casella .list-block .testa-fissa .records,
    .casella .list-block .testa-fissa .records div {
      color: #fff; }
  .casella .measures-labels {
    background: #fff;
    color: #004489; }
    .casella .measures-labels.element-clicked {
      border-left: 8px solid #004489; }
    .casella .measures-labels .option-title {
      color: #004489; }
    .casella .measures-labels .lab-unit-layer {
      color: #004489; }
  .casella #IconStripePosition {
    color: #fff; }
  .casella #centered-eye-div {
    background: #004489;
    border: 1px solid #fff; }
  .casella #dotted-line {
    border: 1.5px dashed #fff; }
  .casella #io-scrolling .io-menu {
    background: #fff;
    margin-bottom: 2px;
    padding: 10px;
    border-radius: 5px;
    color: #004489; }
    .casella #io-scrolling .io-menu:last-child {
      margin-bottom: 0px; }
    .casella #io-scrolling .io-menu .io-menu-text {
      color: #004489; }
    .casella #io-scrolling .io-menu .cmd-opt label {
      color: #004489; }
    .casella #io-scrolling .io-menu .cmd-opt .command-input,
    .casella #io-scrolling .io-menu .cmd-opt .command-label {
      color: #004489; }
    .casella #io-scrolling .io-menu .cmd-opt .command-input {
      border-bottom-color: #004489; }
  .casella .share-position-icon {
    color: #fff; }
  .casella .options-panel2.lda-not-editable > .scrolling-container, .casella .options-panel2.lda-editable > .scrolling-container {
    background-color: #fff; }
  .casella .options-panel2.lda-not-editable .button-for-svg, .casella .options-panel2.lda-editable .button-for-svg {
    transition: background 200ms ease-in;
    border: 2px solid #fff; }
    .casella .options-panel2.lda-not-editable .button-for-svg:hover, .casella .options-panel2.lda-editable .button-for-svg:hover {
      border: 2px solid #fff; }
  .casella #last-cycle-params .options-panel2 .options-item {
    background-color: #fff;
    color: #004489; }
  .casella #last-cycle-params .options-panel2 .options-item-text,
  .casella #last-cycle-params .options-panel2 .options-item-value {
    color: #004489; }
  .casella #last-cycle-params .options-panel2 #events-container {
    background-color: #fff;
    color: #004489; }
  .casella #notifications-right-option .user-priority {
    background: #fff;
    color: #004489; }
    .casella #notifications-right-option .user-priority .priority-filters-user {
      color: #004489; }
    .casella #notifications-right-option .user-priority .priority-filters-name {
      background: #004489;
      color: #fff; }
  .casella #notifications-right-option .user-priority-filters-container {
    background: #fff; }
    .casella #notifications-right-option .user-priority-filters-container .events-second {
      color: #9e9e9e; }
    .casella #notifications-right-option .user-priority-filters-container .events-first {
      color: #004489; }
  .casella #timeline-circle {
    background: #fff; }
  .casella .showInfo {
    background: #cccccc; }
  .casella .backTomap {
    color: #004489; }
  .casella div::-webkit-scrollbar,
  .casella tbody::-webkit-scrollbar {
    background-color: rgba(0, 68, 137, 0.3); }
  .casella div::-webkit-scrollbar-thumb,
  .casella tbody::-webkit-scrollbar-thumb {
    background-color: #fff; }
  .casella .label-state-container .label-state-title {
    color: #fff; }
  .casella .label-state-container .label-state-imei {
    color: #fff; }
  .casella .label-state-container .label-state-label {
    color: #fff; }
    .casella .label-state-container .label-state-label .label-state-value {
      color: #fff; }
  .casella .label-state-container .label-estimated-time {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 50%; }
    .casella .label-state-container .label-estimated-time .label-state-time-value:first-child {
      padding-right: 5px; }
    .casella .label-state-container .label-estimated-time .label-state-label {
      color: #fff; }
  .casella .label-state-container #width-label {
    color: #fff; }
    .casella .label-state-container #width-label span {
      color: #fff; }
  .casella .label-state-container #height-label {
    color: #fff; }
    .casella .label-state-container #height-label span {
      color: #fff; }
  .casella #machineContainer #input_length input {
    border-bottom: 2px solid #fff; }
    .casella #machineContainer #input_length input:focus {
      border-bottom: 2px solid #fff !important; }
  .casella #top-nav {
    background-color: #fff;
    border-bottom: 1px solid #004489; }
    .casella #top-nav .brand-logo-image {
      background-image: url(casella-logo.png); }
    .casella #top-nav .myirrigation-logo {
      background-image: url(app-logo-casella.png); }
    .casella #top-nav .language-and-info #language-switcher span:not(:first-child)::after {
      background: #004489; }
    .casella #top-nav .language-and-info #tm-infobox {
      color: #004489; }
    .casella #top-nav .connection-icon {
      background-image: url("icons/connection-lost-startec.png"); }
  .casella .menu-button {
    background: #fff;
    border: 1.5px solid #004489;
    color: #004489; }
  .casella .menu-item {
    background-color: #fff;
    border: 1.5px solid #004489;
    color: #004489; }
  .casella #assign-geo-button {
    color: #004489; }
    .casella #assign-geo-button::before {
      background-color: #004489;
      color: #fff; }
    .casella #assign-geo-button::after {
      border-bottom: 10px solid #004489; }
  .casella .tool {
    background: #004489;
    color: #fff; }
    .casella .tool.active {
      background-color: #fff;
      color: #004489; }
  .casella div::-webkit-scrollbar-track,
  .casella tbody::-webkit-scrollbar-track {
    background-color: transparent; }
  .casella div::-webkit-scrollbar,
  .casella tbody::-webkit-scrollbar {
    background-color: rgba(0, 68, 137, 0.3); }
  .casella div::-webkit-scrollbar-thumb,
  .casella tbody::-webkit-scrollbar-thumb {
    background-color: #fff; }
  .casella .personification-border {
    background-color: rgba(255, 255, 255, 0.3); }
  .casella .meteor-status > a,
  .casella .meteor-status > a:active,
  .casella .meteor-status > a:focus {
    color: #fff !important; }
  .casella #btn-login,
  .casella #btn-register,
  .casella #btn-logout,
  .casella #btn-signup,
  .casella #btn-next,
  .casella #btn-prev {
    color: #004489;
    display: flex;
    justify-content: space-evenly;
    align-items: center; }
    .casella #btn-login.i,
    .casella #btn-register.i,
    .casella #btn-logout.i,
    .casella #btn-signup.i,
    .casella #btn-next.i,
    .casella #btn-prev.i {
      color: #004489; }
  .casella .btn-large.dark-blue {
    background-color: #fff; }
    .casella .btn-large.dark-blue:hover {
      opacity: 0.9;
      background-color: #fff; }
  .casella .swal2-icon.swal2-success {
    border-color: #fff !important;
    color: #fff !important; }
  .casella .swal2-icon.swal2-warning {
    border-color: #fff !important;
    color: #fff !important; }
  .casella .swal2-icon.swal2-info {
    border-color: #fff !important;
    color: #fff !important; }
  .casella .swal2-icon.swal2-error {
    border-color: #fff !important;
    color: #fff !important; }
    .casella .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
      background-color: #fff; }
  .casella .swal2-icon.swal2-question {
    border-color: #fff !important;
    color: #fff !important; }
  .casella #register-overlay {
    background: rgba(30, 30, 30, 0.9); }
    .casella #register-overlay #clickable-overlay {
      background: transparent; }
    .casella #register-overlay #register-container {
      background-color: #004489; }
      .casella #register-overlay #register-container #register-header {
        background: #fff; }
        .casella #register-overlay #register-container #register-header label {
          color: #004489; }
        .casella #register-overlay #register-container #register-header .register-modal {
          color: #004489; }
    .casella #register-overlay #modal-info label {
      color: #fff; }
    .casella #register-overlay .input-group {
      border: 2px solid #fff; }
      .casella #register-overlay .input-group input {
        color: #fff; }
        .casella #register-overlay .input-group input::placeholder {
          color: #fff;
          opacity: 0.5; }
  .casella .tooltip-generic {
    background: #004489;
    color: #fff; }
  .casella .map-tooltip::before {
    background: #004489; }
  .casella .map-tooltip span {
    color: #fff; }
  .casella .tooltip-manage-menu::after {
    background: #004489; }
  .casella .layer-tooltip::after {
    background: #004489; }
  .casella #tooltip-container {
    background-color: #004489;
    color: #fff; }
    .casella #tooltip-container.custom-download {
      margin-top: 40px;
      margin-right: 15px; }
    .casella #tooltip-container.blue-bordered {
      border: 1px solid #fff; }
    .casella #tooltip-container::after {
      background: #004489; }
    .casella #tooltip-container.right-side-bar {
      background: #fff; }
      .casella #tooltip-container.right-side-bar > label {
        color: #004489; }
      .casella #tooltip-container.right-side-bar::after {
        background: #fff; }
    .casella #tooltip-container label {
      color: #fff;
      padding: 10px;
      font-size: 20px;
      white-space: nowrap; }
  .casella #tooltip-container-machine {
    background-color: #004489;
    color: #fff; }
    .casella #tooltip-container-machine label {
      color: #fff; }
  .casella .machine-svg #bars rect {
    fill: #fff; }
  .casella #register-overlay .select-wrapper::after {
    color: #fff;
    position: absolute;
    pointer-events: none; }
  .casella #add-tech-icon {
    transition: background 200ms ease-in-out;
    border: 2px solid #fff; }
    .casella #add-tech-icon > .material-icons {
      transition: color 200ms ease-in-out;
      color: #004489; }
    .casella #add-tech-icon:hover {
      background: #004489; }
      .casella #add-tech-icon:hover > .material-icons {
        color: #fff; }
  .casella #side-panel-title-container svg:first-child {
    fill: #fff; }
  .casella #add-field,
  .casella #add-stripe,
  .casella #add-well {
    border: 2px solid #fff; }
  .casella #add-field,
  .casella #add-well {
    color: #fff; }
  .casella #add-stripe {
    color: #fff; }
    .casella #add-stripe:hover > svg {
      fill: #fff !important; }
    .casella #add-stripe > svg {
      fill: #004489 !important;
      width: 16px !important;
      height: 16px !important;
      margin-right: 0 !important; }
  .casella #square-point {
    background: #fff; }
  .casella .btn-regular {
    background: #fff !important;
    color: #004489 !important; }
    .casella .btn-regular:hover {
      background: #004489 !important;
      color: #fff !important; }
  .casella td .input-group-append .btn,
  .casella td .input-group-append-two .btn {
    border: 2px solid #fff; }
  .casella .machine-block .btn {
    transition: background 200ms ease-in-out;
    border: 2px solid #fff; }
    .casella .machine-block .btn i {
      transition: color 200ms ease-in-out; }
    .casella .machine-block .btn:hover {
      background: #004489 !important; }
      .casella .machine-block .btn:hover i {
        color: #fff; }
  .casella .machine-block .input-group-append .btn,
  .casella .machine-block .input-group-append-two .btn {
    background: #fff; }
  .casella .machine-block .expand {
    color: #fff;
    border: 2px solid #fff; }
  .casella .machine-block .input-group.dark input {
    color: #fff; }
  .casella .machine-block .row-block-container i {
    color: #fff !important; }
  .casella .machine-block .row-block-container .row-block label {
    color: #fff; }
  .casella .machine-block .row-block-container .row-block #unlink-stripe {
    background-image: url("wells/link-white.png"); }
  .casella .machine-block .row-block-container .row-block #unlink-stripe:hover {
    background-image: url("wells/unlink-white.png"); }
  .casella .machine-block:hover .machine-block-header {
    background: rgba(255, 255, 255, 0.3); }
  .casella .machine-block.highlighted .machine-block-header {
    background: rgba(255, 255, 255, 0.3); }
  .casella .machine-block.active {
    background-color: rgba(255, 255, 255, 0.3); }
    .casella .machine-block.active .machine-name {
      color: #000; }
  .casella .machine-block .machine-block-header .machine-name-container .machine-state {
    color: #fff;
    width: fit-content;
    padding: 3px 0px;
    font-weight: bold;
    font-size: 13px; }
  .casella .machine-block .machine-block-header i {
    color: #fff; }
  .casella .machine-block .machine-block-header .machine-block-group .field-icon,
  .casella .machine-block .machine-block-header .machine-block-group .well-icon {
    background-image: url("wells/expand-white.png"); }
  .casella .edit-icon path {
    fill: #fff; }
  .casella .measure-labels {
    background: #004489;
    font-size: 1em; }
    .casella .measure-labels:after {
      content: "";
      width: 100%;
      position: absolute;
      height: 40px;
      left: 0;
      margin-top: -2px;
      z-index: 1;
      border-radius: 5px 0 0 5px;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff; }
    .casella .measure-labels:last-child:after {
      border-bottom: 1px solid #fff; }
    .casella .measure-labels label {
      color: #fff; }
    .casella .measure-labels svg {
      width: 1.5em;
      fill: #fff; }
  .casella table thead tr {
    background-color: #fff;
    color: #004489; }
    .casella table thead tr th label {
      color: #004489; }
  .casella table tbody {
    background-color: rgba(0, 0, 0, 0.8); }
  .casella .btns-tables {
    background-color: #fff;
    color: #004489; }
  .casella .disabled-btns {
    background-color: #aaa;
    color: #fff; }
  .casella .custom-swal-modal-stripe-creation .stripe-creation-modal-icon {
    fill: #fff; }
  .casella .custom-swal-modal-stripe-creation .swal2-title {
    color: #fff; }
  .casella .custom-swal-modal-lda {
    background: #fff !important; }
    .casella .custom-swal-modal-lda .lda-modal-content::-webkit-scrollbar-thumb {
      background-color: #004489; }
    .casella .custom-swal-modal-lda .lda-modal-header .lda-modal-icon {
      fill: #fff; }
    .casella .custom-swal-modal-lda .actual-value {
      text-align: right; }
    .casella .custom-swal-modal-lda .swal2-title {
      color: #fff; }
    .casella .custom-swal-modal-lda::-webkit-scrollbar-thumb {
      background-color: #004489 !important; }
  .casella .records-user .dropdown-content li > a,
  .casella .records-user .dropdown-content li > span {
    color: #fff !important; }
  .casella #charts-container-responsive .recharts-layer circle {
    stroke: #fff; }
  .casella #charts-container-responsive .recharts-layer path {
    stroke: #fff; }
  .casella #charts-container-responsive .recharts-reference-dot circle {
    stroke: #004489;
    stroke-width: 1.2;
    fill: #fff; }
  .casella .action-stripe-info {
    border-right-color: #004489;
    border-left-color: #004489;
    background-color: #fff;
    color: #004489;
    font-size: 1.0625em;
    box-shadow: 0px 1px 3px 1px #949494; }
    .casella .action-stripe-info.disabled-button {
      background-color: grey; }
  .casella #modal-action-buttons .stripe-info-container {
    background: #fff !important;
    color: #004489;
    outline: 0px; }
  .casella #stripe-width-input,
  .casella #stripe-name,
  .casella #stripe-height {
    color: #fff !important;
    border-color: #fff !important; }
  .casella #credits-logo-startec {
    background-image: url(logo_startec.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .casella #credits-logo-knobs {
    background-image: url(KNOBS.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 1em; }
  .casella #name-field {
    color: #fff; }
  .casella #well-name {
    color: #fff; }
  .casella .field-name {
    color: #fff; }
  .casella #right-menu-container .tool-button {
    background: #004489; }
    .casella #right-menu-container .tool-button.active {
      background: #fff;
      color: #004489; }
      .casella #right-menu-container .tool-button.active svg {
        fill: #004489; }
    .casella #right-menu-container .tool-button svg {
      fill: #fff; }
  .casella #googleDiv.machine-color #machineContainer #bars rect {
    fill: #fff !important; }
  .casella #googleDiv.machine-color #machineContainer polyline {
    fill: #fff !important; }
  .casella #googleDiv.offline.machine-color #machineContainer polyline {
    fill: #d0d0d0 !important; }
  .casella #well {
    background-image: url("wells/well-marker-default-casella.png"); }
  .casella #draggable-well {
    background-image: url("wells/well-marker-drag-casella.png"); }
  .casella #well.selected {
    background-image: url("wells/well-marker-active-casella.png");
    padding: 20px; }
  .casella #well.webview-selected {
    background-image: url("wells/well-marker-webview-selected.png"); }
  .casella .single-event-info {
    background: #004489;
    border: 1px solid #fff; }
    .casella .single-event-info .event-chart-timestamp {
      color: #fff; }
    .casella .single-event-info .event-type {
      color: #fff;
      font-weight: bold;
      text-align: center; }
  .casella .recharts-reference-dot.selected .recharts-dot {
    fill: #fff; }
  .casella .recharts-reference-dot.selected .recharts-text.recharts-label {
    fill: #004489; }
  .casella .recharts-reference-dot .recharts-text.recharts-label {
    fill: #fff; }
  .casella .single-tech-container {
    background: #004489;
    border: 1px solid #fff; }
    .casella .single-tech-container > div {
      color: #fff; }
    .casella .single-tech-container .tech-icon#remove-tech-icon {
      color: #004489;
      background: #fff;
      border: 2px solid #fff;
      transition: all 200ms ease-in-out; }
      .casella .single-tech-container .tech-icon#remove-tech-icon:hover {
        color: #fff;
        background: #004489; }
  .casella .tech-icon.expand:not(.disabled) {
    border-radius: 100%;
    background: #fff; }
  .casella #map-box-container {
    background: #004489;
    border: 1px solid #fff; }
    .casella #map-box-container .map-box-title {
      color: #fff; }
    .casella #map-box-container .map-box-row,
    .casella #map-box-container .map-box-row-vertical {
      color: #fff; }
  .casella .activity-box {
    border: 1px solid #fff; }
    .casella .activity-box .input-container .input-group .form-control {
      color: #fff; }
    .casella .activity-box .input-container .input-group .appended-text {
      color: #fff; }
    .casella .activity-box.current-act {
      background: #bed8de !important; }
  .casella #single-page-info .activity-box {
    background: #004489; }
    .casella #single-page-info .activity-box .activity-info-label,
    .casella #single-page-info .activity-box .actual-value {
      color: #fff; }
  .casella #infobox-title {
    color: #004489; }
  .casella .edit-box-name .button-for-svg {
    width: 30px !important;
    height: 30px !important; }
    .casella .edit-box-name .button-for-svg:hover {
      width: 30px !important; }
      .casella .edit-box-name .button-for-svg:hover > svg {
        background: #fff !important;
        fill: #004489 !important; }
    .casella .edit-box-name .button-for-svg > svg {
      background: #004489 !important;
      fill: #fff !important; }
  .casella .activity-info-container .input-container .actual-value {
    font-size: 16px;
    text-align: right; }
    .casella .activity-info-container .input-container .actual-value.padding-right {
      padding-right: 2.3em; }
  .casella #lda-scrolling #lda-info .edit-box-name .form-control {
    color: #004489; }
  .casella #lda-scrolling #lda-info .lda-info-container {
    color: #004489; }
  .casella #lda-scrolling #lda-info #lda-title {
    color: #004489; }
  .casella #lda-scrolling #lda-info .btn:hover .fas {
    color: #fff; }
  .casella #lda-scrolling #lda-info .btn .fas {
    color: #004489; }
  .casella #lda-scrolling .activity-box {
    background: #004489; }
    .casella #lda-scrolling .activity-box .clickable svg {
      border: none; }
    .casella #lda-scrolling .activity-box .input-container .input-group-append:hover .fas:before,
    .casella #lda-scrolling .activity-box .input-container .input-group-append-two:hover .fas:before {
      color: #fff; }
    .casella #lda-scrolling .activity-box .input-container .input-group-append .fas:before,
    .casella #lda-scrolling .activity-box .input-container .input-group-append-two .fas:before {
      color: #004489; }
    .casella #lda-scrolling .activity-box .input-container .button-for-svg {
      border: 2px solid #fff; }
      .casella #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda {
        color: #004489; }
        .casella #lda-scrolling .activity-box .input-container .button-for-svg.edit-on-lda:hover .on-lda-label {
          color: #fff; }
    .casella #lda-scrolling .activity-box .activity-title {
      color: #fff; }
    .casella #lda-scrolling .activity-box .activity-info-container .activity-info-label,
    .casella #lda-scrolling .activity-box .activity-info-container .input-container {
      color: #fff; }
    .casella #lda-scrolling .activity-box .activity-info-container .input-group.action {
      justify-content: flex-start; }
    .casella #lda-scrolling .activity-box .activity-info-container .input-group input {
      color: #fff;
      border-bottom: 1px solid #fff !important;
      max-width: 35px !important; }
    .casella #lda-scrolling .activity-box .activity-info-container .input-group .appended-text {
      margin-right: 50px; }
    .casella #lda-scrolling .activity-box .activity-info-container .measure-unit {
      color: #fff; }
    .casella #lda-scrolling .activity-box .actual-info-container .actual-value {
      color: #fff; }
  .casella .dp-mobile-topbar {
    color: #004489; }
  .casella .dp-mobile-topbar-calendar .react-datepicker__day--keyboard-selected,
  .casella .dp-mobile-topbar-calendar .react-datepicker__day--selected {
    background-color: #fff; }
  .casella .react-datepicker__day--keyboard-selected,
  .casella .react-datepicker__day--selected,
  .casella .react-datepicker__day--in-selecting-range,
  .casella .react-datepicker__day--in-range {
    background-color: #fff !important; }
  .casella .icon-filter-manage-container {
    display: flex;
    height: 100%;
    align-items: center;
    width: 78px;
    justify-content: space-between; }
    .casella .icon-filter-manage-container button {
      height: 34.5px;
      width: 34.5px;
      background: #fff;
      border-radius: 5px;
      font-size: 15px;
      position: relative;
      display: flex;
      justify-content: center;
      border: 0px;
      border: 2px solid #fff; }
      .casella .icon-filter-manage-container button i {
        color: #004489 !important;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
      .casella .icon-filter-manage-container button:hover i {
        color: #fff !important; }
      .casella .icon-filter-manage-container button svg {
        padding: 0px;
        margin-top: 5px;
        margin-left: 5px;
        background: transparent;
        width: 5px !important;
        height: 5px !important;
        position: absolute;
        top: 0px;
        left: 0px; }
        .casella .icon-filter-manage-container button svg.icon-savedisk {
          width: 20px !important;
          height: 20px !important; }
      .casella .icon-filter-manage-container button:hover {
        background: #004489; }
        .casella .icon-filter-manage-container button:hover svg {
          padding: 0px;
          color: #fff;
          transition: all 250ms ease-in-out;
          transition-property: background, color; }
  .casella .clickable {
    font-size: 15px !important; }
    .casella .clickable i {
      font-size: 15px !important; }
    .casella .clickable.small svg {
      width: 5px !important;
      height: 5px !important; }
    .casella .clickable button {
      background: #fff;
      border-radius: 5px;
      font-size: 15px;
      position: relative; }
      .casella .clickable button:hover i {
        color: #fff; }
      .casella .clickable button.edit-on-lda svg {
        border: none !important; }
      .casella .clickable button svg {
        padding: 0px;
        padding: 5px;
        background: transparent;
        position: absolute;
        top: 0px;
        left: 0px;
        transition: all 200ms ease-in;
        transition-property: background, color; }
      .casella .clickable button:hover {
        background: #004489; }
        .casella .clickable button:hover svg {
          padding: 5px;
          color: #fff; }
    .casella .clickable svg {
      padding: 5px;
      width: 2.3em !important;
      height: 2.3em !important;
      background: #fff;
      color: #004489;
      border-radius: 5px;
      outline: 2px solid #fff; }
      .casella .clickable svg:hover {
        background: #004489;
        padding: 5px;
        color: #fff;
        transition: all 250ms ease-in-out;
        transition-property: background, color; }
  .casella .irrigation-details .input-group-append-two .btn svg {
    width: 1.7em !important;
    height: 1.7em !important;
    border: 0; }
  .casella .chart-annotation {
    cursor: pointer; }
    .casella .chart-annotation path {
      fill: #004489;
      stroke: #fff; }
    .casella .chart-annotation text {
      font-size: 13px !important;
      font-weight: bold !important;
      fill: #fff !important; }
    .casella .chart-annotation.clicked path {
      fill: #fff;
      stroke: #004489; }
    .casella .chart-annotation.clicked text {
      fill: #004489 !important; }
  .casella .highcharts-annotation-shapes circle {
    fill: url(icons/machine-white.png); }
  .casella .not-clickable svg {
    padding: 5px;
    width: 34.5px !important;
    height: 34.5px !important;
    background: gray;
    outline: 2px solid gray;
    color: #004489;
    border-radius: 5px; }
  .casella .highcharts-contextbutton rect {
    fill: #fff;
    stroke: #fff;
    stroke-width: 2; }
  .casella .highcharts-contextbutton path {
    stroke: #004489; }
  .casella .highcharts-contextbutton:hover rect {
    fill: #004489;
    stroke: #fff; }
  .casella .highcharts-contextbutton:hover path {
    stroke: #fff; }
  .casella .highcharts-reset-zoom .highcharts-button-box {
    fill: transparent; }
  .casella .highcharts-reset-zoom .highcharts-button-box {
    fill: #fff; }
  .casella .highcharts-reset-zoom .reset-zoom-icon {
    fill: #004489; }
  .casella .highcharts-reset-zoom:after {
    content: ""; }
  .casella .highcharts-menu {
    padding: 0px !important;
    box-shadow: none !important; }
    .casella .highcharts-menu hr {
      margin: 0px !important; }
    .casella .highcharts-menu .highcharts-menu-item {
      height: 100%;
      padding: 10px !important;
      font-size: 13px !important; }
      .casella .highcharts-menu .highcharts-menu-item:hover {
        background: #fff !important;
        color: #004489 !important; }
  .casella .notify {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: inset 0px 0px 0px 1.5px #004489, 0px 0px 0px 1.5px #004489; }
    .casella .notify label {
      color: #004489; }
  .casella .machines-table caption {
    color: #fff; }
  .casella #mb-creation-top-info {
    background: #004489; }
  .casella #manage-tables-container .react-datepicker__close-icon::after {
    background-color: #fff;
    color: #004489; }
  .casella .react-datepicker__day--keyboard-selected {
    background-color: #fff;
    color: #004489; }
  .casella .right-options-block.active .right-option-name {
    color: #004489; }
  .casella .user-priority {
    background: #004489; }
  .casella .options-panel2.lda-editable .edit-box-name .button-for-svg {
    height: 30px !important;
    border-radius: 10px; }
    .casella .options-panel2.lda-editable .edit-box-name .button-for-svg:hover > svg {
      background: #004489;
      fill: #fff; }
    .casella .options-panel2.lda-editable .edit-box-name .button-for-svg > svg {
      background: #fff;
      fill: #004489; }
  .casella .stor-irr.active {
    background-color: #fff !important; }
    .casella .stor-irr.active label {
      color: #004489 !important; }
  .casella .stor-mac.active {
    background-color: #fff !important; }
    .casella .stor-mac.active label {
      color: #004489 !important; }
  .casella .stor-stripe.active {
    background-color: #fff !important; }
    .casella .stor-stripe.active label {
      color: #004489 !important; }
  .casella .right-options-block {
    background-color: #004489; }
  .casella .react-datepicker__day--selected,
  .casella .react-datepicker__day--in-selecting-range,
  .casella .react-datepicker__day--in-range {
    background-color: #fff; }
  .casella #manage-tables-container .react-datepicker__day--selected,
  .casella .react-datepicker__day--in-selecting-range,
  .casella .react-datepicker__day--in-range {
    background-color: #fff; }
  .casella .white-version i.fa-edit {
    color: #004489 !important; }
  .casella .fleets-icon-container .fa-save,
  .casella .input-fleets-container .fa-times {
    color: #004489 !important; }
  .casella .fleets-table-name {
    color: #004489; }
  .casella .input-machine-fleets:focus {
    border-bottom: 1px solid #004489 !important; }
  .casella .button-label {
    color: #004489; }
  .casella .lda-modal-container {
    color: #004489; }
    .casella .lda-modal-container .lda-modal-header .swal2-title,
    .casella .lda-modal-container .lda-modal-header .separator {
      color: #004489; }
    .casella .lda-modal-container .activity-box {
      border: 1px solid #fff;
      background: #004489; }
      .casella .lda-modal-container .activity-box .activity-start-time,
      .casella .lda-modal-container .activity-box .activity-end-time {
        color: #fff; }
      .casella .lda-modal-container .activity-box .activity-title {
        color: #fff;
        margin-bottom: 20px; }
      .casella .lda-modal-container .activity-box .activity-info-container {
        flex-direction: row; }
        .casella .lda-modal-container .activity-box .activity-info-container .activity-info-label {
          color: #fff; }
        .casella .lda-modal-container .activity-box .activity-info-container .input-container {
          color: #fff; }
  .casella .download-container {
    background: #004489; }
    .casella .download-container .download-header {
      background: #fff; }
      .casella .download-container .download-header label {
        color: #004489; }
      .casella .download-container .download-header .download-sheet {
        color: #004489; }
    .casella .download-container .download-icon-container {
      background: #fff;
      border: 2px solid #fff; }
      .casella .download-container .download-icon-container svg {
        fill: #004489; }
      .casella .download-container .download-icon-container:hover {
        background: #004489; }
        .casella .download-container .download-icon-container:hover svg {
          fill: #fff; }
    .casella .download-container .xlsx-button,
    .casella .download-container .csv-button {
      background: #004489; }
      .casella .download-container .xlsx-button.active,
      .casella .download-container .csv-button.active {
        background: #fff; }
        .casella .download-container .xlsx-button.active label,
        .casella .download-container .csv-button.active label {
          color: #004489; }
      .casella .download-container .xlsx-button label,
      .casella .download-container .csv-button label {
        color: #fff; }
    .casella .download-container .download-file-container {
      border: 2px solid #fff; }
      .casella .download-container .download-file-container:hover {
        background: #fff; }
        .casella .download-container .download-file-container:hover svg {
          fill: #004489; }
  .casella #input_length #time-etooltip.accepted::before,
  .casella #input_length #width-etooltip.accepted::before {
    background-color: #fff; }
  .casella #input_length #time-etooltip.rejected::before,
  .casella #input_length #width-etooltip.rejected::before {
    background-color: #fff; }
  .casella .state-wrapper svg.accepted {
    color: #fff;
    fill: #fff; }
  .casella .state-wrapper svg.rejected {
    color: #fff;
    fill: #fff; }

table {
  display: block !important;
  height: 100% !important;
  width: 100%; }
  table tbody {
    height: calc(100% - 190px); }
  table.users thead th.width-7 {
    width: 7% !important; }
  table.users thead th.width-10 {
    width: 10% !important; }
  table.users thead th.width-14 {
    width: 14% !important; }
  table.users thead th.width-15 {
    width: 15% !important; }
  table.users thead th.width-17-5 {
    width: 17.5% !important; }
  table.users thead th.width-20 {
    width: 20% !important; }
  table.users thead th.width-25 {
    width: 25% !important; }
  table.users thead th.width-30 {
    width: 30% !important; }
  table.users thead th.width-35 {
    width: 35% !important; }
  table.users thead th.width-40 {
    width: 40% !important; }
  table.two tbody td {
    width: 50%; }
  table.three tbody td {
    width: 33.3%; }
  table.four tbody td {
    width: 25%; }
  table.five tbody td {
    width: 20%; }
  table.six tbody td {
    width: 16.666667%; }
  table.seven tbody td {
    width: 14.28%; }
  table.eight tbody td {
    width: 12.5%; }
  table.nine tbody td {
    width: 11.1111%; }
  table thead {
    display: inline-block;
    width: 100%;
    border-bottom: 0px;
    border-radius: 10px;
    height: auto; }
    table thead tr {
      display: flex;
      width: 100%;
      height: auto;
      vertical-align: middle; }
      table thead tr th {
        text-align: center;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px; }
        table thead tr th#table-action {
          cursor: pointer;
          width: 50px;
          display: flex;
          align-self: center; }
          table thead tr th#table-action svg {
            width: 30px; }
        table thead tr th label {
          font-size: 15px;
          height: 50px;
          display: flex;
          justify-content: center;
          align-items: center;
          word-break: normal; }
        table thead tr th input {
          padding: 0px;
          margin-bottom: 0px;
          height: 20px;
          margin-top: 5px;
          width: 50px; }
        table thead tr th i {
          cursor: pointer; }
  table tbody {
    overflow-y: auto;
    display: inline-block;
    width: 100%;
    overflow-y: auto; }
    table tbody.water-height {
      height: calc(100vh - 484px); }
    table tbody tr {
      width: 100%;
      min-height: 80px;
      display: flex; }
      table tbody tr .table-notarization-outcome {
        display: flex;
        align-items: center;
        justify-content: center; }
      table tbody tr td {
        display: inline-block;
        text-align: center;
        padding: 10px 15px; }
        table tbody tr td.table-index {
          width: 60px;
          padding: 10px 0px; }
        table tbody tr td .input-group.dropdown {
          width: 100%;
          border-bottom: 0px; }
          table tbody tr td .input-group.dropdown .input-field {
            width: 100%; }
            table tbody tr td .input-group.dropdown .input-field input {
              border-bottom: 1px solid #fff !important;
              z-index: 999; }
        table tbody tr td div:not(.autocomplete-dropdown-container) {
          display: flex;
          justify-content: space-around;
          align-items: center;
          height: 100%; }
          table tbody tr td div:not(.autocomplete-dropdown-container).consumption-td {
            font-weight: bolder;
            font-size: 16px;
            display: flex;
            justify-content: center; }
          table tbody tr td div:not(.autocomplete-dropdown-container).align-content {
            width: 70%;
            justify-content: space-between; }
      table tbody tr td.user-uname-main {
        width: 30%; }
        table tbody tr td.user-uname-main div {
          display: flex;
          justify-content: space-around;
          width: 100%; }

.autocomplete-root span:nth-child(3) {
  position: absolute;
  right: 0px; }

.autocomplete-root span:nth-child(2) {
  position: absolute;
  right: 35px; }

.autocomplete-root button {
  cursor: pointer;
  position: absolute;
  height: 100%;
  line-height: 10px;
  border-radius: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  right: 10px;
  top: -14px;
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center; }
  .autocomplete-root button:hover {
    background-color: transparent;
    box-shadow: none; }
  .autocomplete-root button i.fa-save,
  .autocomplete-root button i.fa-undo {
    padding-right: 0px;
    line-height: 20px;
    font-size: 18px !important; }

.input-group {
  position: relative;
  height: 40px;
  width: 70%;
  border: none;
  display: flex;
  justify-content: center;
  align-items: flex-end; }
  .input-group.time-range {
    border-bottom: 0px; }
    .input-group.time-range input {
      text-align: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
      margin: 3px !important; }
    .input-group.time-range input:focus {
      border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
  .input-group .appended-text {
    align-self: flex-end;
    min-width: 40px; }
  .input-group #input-filter-container-full {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly; }
  .input-group input {
    margin-bottom: 0px !important;
    height: 25px !important;
    line-height: 25px;
    border-bottom: 0px !important;
    margin-left: 0px;
    border-radius: 5px;
    font-size: 14px !important;
    width: 70% !important; }
  .input-group input:focus {
    box-shadow: none !important;
    border-bottom: 0px !important;
    background: transparent; }
  .input-group button:hover {
    background-color: transparent;
    box-shadow: none !important; }
  .input-group button:focus {
    background-color: transparent;
    box-shadow: none !important; }
  .input-group span {
    height: 25px; }
  .input-group button {
    padding: 0px 0px;
    background-color: transparent;
    box-shadow: none;
    height: 25px;
    border-radius: 5px;
    display: flex; }
    .input-group button i {
      padding-right: 0px;
      height: 15px;
      line-height: 15px !important; }
  .input-group.dark {
    border-bottom: 1px solid #000; }
    .input-group.dark input {
      color: #000; }
    .input-group.dark input::placeholder {
      color: #868679; }
    .input-group.dark i {
      padding-right: 0px;
      color: #000;
      line-height: 24px; }
  .input-group.action {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center !important;
    flex-direction: row;
    position: relative;
    overflow: hidden;
    align-items: flex-end; }
    .input-group.action input {
      width: 100% !important;
      height: 2em; }
    .input-group.action span.input-group-append {
      display: flex;
      align-items: center;
      height: 100%; }
      .input-group.action span.input-group-append button {
        right: 40px; }
    .input-group.action span.input-group-append-two {
      display: flex;
      align-items: center;
      height: 100%;
      width: 20%; }
    .input-group.action button {
      position: absolute;
      border-radius: 5px;
      line-height: 10px;
      right: 0px;
      height: 35px;
      width: 35px;
      display: flex;
      justify-content: center;
      cursor: pointer;
      margin-left: 3px; }
      .input-group.action button i {
        padding-right: 0px;
        line-height: 20px;
        font-size: 18px !important; }
  .input-group.small input {
    height: 30px !important;
    text-align: left; }
  .input-group.small button {
    height: 25px;
    width: 25px; }
  .input-group.small span.input-group-append button {
    right: 30px; }

#right-menu-container {
  position: absolute;
  width: 76px;
  height: auto;
  background: transparent;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto; }
  #right-menu-container .tool-button {
    width: 76px;
    height: 70px;
    margin-top: 2px;
    border-radius: 5px 0 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    #right-menu-container .tool-button svg {
      height: 50px;
      width: 50px; }
    #right-menu-container .tool-button label {
      padding: 0px;
      font-size: 20px;
      padding: 10px; }

.input-field .select-wrapper::after {
  margin-left: -10px; }

#tooltip-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  position: absolute;
  border-radius: 5px;
  text-align: center;
  top: 73px;
  height: auto;
  min-width: 130px;
  max-height: 40px;
  z-index: 99; }
  #tooltip-container.in-topbar {
    top: auto;
    right: 105px !important; }
  #tooltip-container.right-side-bar-top {
    transform: translateY(-2px); }
  #tooltip-container.right-side-bar-wells {
    transform: translate(-20px, -47px); }
  #tooltip-container.right-side-bar-top-fields {
    transform: translateY(7px); }
  #tooltip-container label {
    font-size: 15px; }
  #tooltip-container.measures-right-panel label {
    font-size: 16px; }
  #tooltip-container::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: -5px;
    right: calc(50% - 5px);
    display: block;
    transform: rotate(45deg); }
  #tooltip-container.left {
    top: auto; }
    #tooltip-container.left:not(.new) {
      right: calc(100% + 20px); }
    #tooltip-container.left::after {
      left: calc(100% - 5px);
      top: calc(50% - 5px);
      border: solid transparent;
      content: "";
      height: 10;
      width: 10;
      position: absolute;
      pointer-events: none; }
    #tooltip-container.left.left-graph {
      margin-top: -48px; }
  #tooltip-container.right {
    top: auto;
    left: calc(100% + 20px); }
    #tooltip-container.right::after {
      right: calc(100% - 5px);
      top: calc(50% - 5px);
      border: solid transparent;
      content: "";
      height: 10;
      width: 10;
      position: absolute;
      pointer-events: none; }
  #tooltip-container.bottom-left {
    top: 73px;
    right: 0px; }
    #tooltip-container.bottom-left::after {
      right: 15%; }
  #tooltip-container.password-tips {
    display: block;
    position: absolute;
    left: 0;
    top: 45px;
    background: white;
    z-index: 9999;
    border-radius: 5px;
    width: 200%;
    padding: 5px;
    color: #0c6092;
    -webkit-box-shadow: 0px 0px 4px 0.5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px 0.5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px 0.5px rgba(0, 0, 0, 0.3); }
    #tooltip-container.password-tips label {
      font-size: 12px !important;
      font-weight: normal !important;
      text-align: left; }
    #tooltip-container.password-tips::after {
      left: 10px; }

#map-box-container {
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 20px;
  height: auto;
  z-index: 999999;
  flex-direction: row;
  justify-content: left;
  padding: 20px;
  flex-wrap: wrap;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  #map-box-container .map-box-title {
    flex-basis: 100%;
    text-align: center;
    padding-left: 5px;
    font-weight: bold;
    font-size: 20px;
    min-width: 100px; }
  #map-box-container .flex-column {
    display: flex; }
    #map-box-container .flex-column .map-box-row {
      display: flex;
      justify-content: center; }
      #map-box-container .flex-column .map-box-row p {
        width: 50%;
        padding: 5px; }
  #map-box-container .map-box-row-vertical {
    flex-direction: column;
    padding: 5px; }
    #map-box-container .map-box-row-vertical .event1::before {
      content: "•";
      position: absolute;
      left: 20px; }
    #map-box-container .map-box-row-vertical.full {
      flex-basis: 100%; }
    #map-box-container .map-box-row-vertical.auto-base {
      flex-basis: auto; }
    #map-box-container .map-box-row-vertical .bold p {
      font-weight: bold; }
    #map-box-container .map-box-row-vertical p {
      padding: 5px;
      white-space: nowrap; }
    #map-box-container .map-box-row-vertical ul {
      display: flex;
      flex-wrap: wrap; }
      #map-box-container .map-box-row-vertical ul li {
        padding: 3px;
        list-style-position: inside;
        list-style-type: square;
        min-width: 33.3%;
        font-weight: initial; }

.toast {
  display: grid !important;
  grid-template-columns: 15% 70% 15%;
  top: 0 !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 1rem;
  opacity: 0.9; }
  .toast.pointer {
    cursor: pointer; }
  .toast-box {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 1em; }
    .toast-box-icon {
      justify-content: flex-start;
      grid-column: 1 / 2; }
      .toast-box-icon .icon {
        width: 1.5em !important;
        height: 1.5em !important; }
    .toast-box-message {
      grid-column: 2 / 3;
      justify-content: center;
      padding: 0 1em; }
      .toast-box-message .message {
        font-size: 1em;
        color: #fff; }
    .toast-box-close {
      grid-column: 3 / 4;
      justify-content: flex-end; }
      .toast-box-close .clickable-area {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 25px;
        min-height: 25px; }
        .toast-box-close .clickable-area .close {
          width: 1em !important;
          height: 1em !important;
          cursor: pointer; }

.fade-enter {
  opacity: 0; }

/* Declare transition properties */
.fade-enter.fade-enter-active {
  opacity: 1;
  transition: all linear 100ms;
  transition-delay: 1s; }

#lda-scrolling .clickable button svg {
  width: 25px !important;
  height: 25px !important; }

.reset-zoom-icon {
  transform: scale(0.07, 0.07) translate(30px, 15px); }

.casella tbody td .input-group-append .btn svg,
.casella tbody td .input-group-append-two .btn svg {
  fill: #004489 !important; }

.casella #dynamic-container .records-user .dropdown-content li > a,
.casella #dynamic-container .records-user .dropdown-content li > span {
  color: #004489 !important; }

.casella .swal2-icon.swal2-warning,
.casella .swal2-icon.swal2-error,
.casella .swal2-icon.swal2-info,
.casella .swal2-icon.swal2-question {
  border-color: #004489 !important;
  color: #004489 !important; }

.casella .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: #004489 !important; }

.casella .dropdown-content li > span {
  color: #004489 !important; }

.casella [type="checkbox"].filled-in:checked + label:before {
  border-right: 2px solid #004489 !important;
  border-bottom: 2px solid #004489 !important; }

.casella .react-datepicker__day--selected,
.casella .react-datepicker__day--in-selecting-range,
.casella .react-datepicker__day--in-range {
  color: #fff !important;
  background-color: #004489 !important; }

.casella .icon-filter-manage-container > button > svg {
  margin-top: 4px !important;
  margin-left: 5px !important;
  width: 27px !important;
  height: 23px !important;
  margin-left: 2px !important;
  fill: #004489 !important; }

.casella .icon-filter-manage-container > button:hover > svg {
  fill: #fff !important; }

.casella .clickable button svg {
  width: 35px !important;
  height: 35px !important; }

.casella .custom-swal-modal-stripe-creation .stripe-creation-modal-icon,
.casella .custom-swal-modal-stripe-creation .swal2-title {
  fill: #004489 !important;
  color: #004489 !important; }

.casella #location-search-bar .input-group {
  border-bottom: 1px solid #fff !important; }
  .casella #location-search-bar .input-group i,
  .casella #location-search-bar .input-group input {
    color: #fff !important; }
  .casella #location-search-bar .input-group ::placeholder {
    color: #fff !important;
    opacity: 0.7; }

.casella td .input-group-append .btn,
.casella td .input-group-append-two .btn {
  border: none !important; }
  .casella td .input-group-append .btn svg,
  .casella td .input-group-append-two .btn svg {
    fill: #fff !important; }

.casella .input-group-append .btn svg,
.casella .input-group-append-two .btn svg {
  fill: #004489 !important;
  padding: 3px !important; }

.casella .input-group-append .btn:hover svg,
.casella .input-group-append-two .btn:hover svg {
  fill: #fff !important;
  background-color: #004489 !important;
  border-radius: 5px; }

.select__option {
  color: #004489 !important; }

#portal-root {
  z-index: 999;
  background: none !important;
  position: fixed;
  inset: 0;
  pointer-events: none; }

div.cluster > div {
  z-index: 999999 !important; }

[type="checkbox"].filled-in-custom:not(:checked) + label::before {
  border: unset !important; }

[type="checkbox"].filled-in-custom {
  position: relative !important; }

.gray-color input,
.gray-color li.disabled span {
  color: gray !important; }

.fix-pos-icon {
  width: 20px;
  height: 20px; }

#svg-offline-dot path {
  stroke: none !important; }

thead {
  border-bottom: 0px; }

.mobileOnly {
  display: none; }

th,
div {
  word-break: break-word !important; }

.swal2-container {
  position: absolute !important;
  z-index: 9999999999 !important; }

div::-webkit-scrollbar,
tbody::-webkit-scrollbar {
  width: 7px;
  height: 5px; }

#content {
  height: 100%;
  position: relative; }

.personification-border {
  padding: 30px; }

#divHome.logged, #content-wrapper, #full-container, .info-bg, #log-container-block, .terrain-settings, .wells-container, #fleets-container, #reels-container, #users-support-container, #users-support-tech-container {
  position: relative;
  overflow: hidden;
  height: calc(100% - 136px);
  width: 100%; }
  #divHome.logged.height-bg-fix,
  #content-wrapper.height-bg-fix,
  #full-container.height-bg-fix,
  .info-bg.height-bg-fix,
  #log-container-block.height-bg-fix,
  .terrain-settings.height-bg-fix,
  .wells-container.height-bg-fix,
  #fleets-container.height-bg-fix,
  #reels-container.height-bg-fix,
  #users-support-container.height-bg-fix,
  #users-support-tech-container.height-bg-fix {
    height: 100%; }

#divHome {
  height: 100%; }

.huedig thead .input-group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  .huedig thead .input-group.time-range {
    border-bottom: none; }
    .huedig thead .input-group.time-range input {
      border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important; }

.huedig .input-group {
  border-bottom: 1px solid rgba(255, 132, 2, 0.5); }

.huedig tbody [type="checkbox"].filled-in-custom:not(:checked) + label:after {
  border: 2px solid #004489 !important; }

.huedig thead [type="checkbox"].filled-in:checked + label:after {
  border: 5px solid #000 !important;
  background-color: #000 !important; }

#fleets-container {
  background-image: url("backgrounds/flotte_supporto.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

#reels-container {
  background-image: url("backgrounds/parco_macchine.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

#users-support-container {
  background-image: url("backgrounds/utenti.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

#users-support-tech-container {
  background-image: url("backgrounds/Settings.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

#full-container {
  background-image: url("backgrounds/Settings.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

.info-bg {
  background-image: url(backgrounds/wall_04.jpg);
  background-size: cover; }

#root #divHome .card-content {
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center; }

#root #divSignIn .card-content {
  justify-content: space-between;
  flex-direction: row;
  align-items: center; }

.swal2-modal pre {
  padding-left: 30%;
  text-align: initial; }

.map-container .gm-style > div:nth-child(1) > div:nth-child(1) {
  filter: grayscale(70%); }

#insert-machine-container {
  padding: 60px;
  width: 650px;
  height: 350px;
  margin: auto;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  align-items: center; }
  #insert-machine-container .input-group {
    width: 100%; }
    #insert-machine-container .input-group input {
      text-align: center; }
  #insert-machine-container #push-machine-container {
    display: flex;
    justify-content: space-evenly;
    width: 400px; }
  #insert-machine-container #push-machine {
    background: #0c6092;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    height: 40px;
    width: 180px;
    text-align: center; }

.dumps-container {
  padding-top: 7%;
  position: relative;
  overflow: hidden;
  height: calc(100% - 136px);
  width: 100%;
  background-image: url(backgrounds/Settings.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

.dumps-container .dump-button {
  position: absolute;
  top: 5%;
  padding: 12px;
  width: 160px;
  font-weight: bold;
  border-radius: 5%;
  box-shadow: 5px 5px 5px grey;
  cursor: pointer;
  transition: all 150ms ease;
  text-align: center; }

.dump-button#dump-now {
  right: 30px;
  background-color: red; }

.dump-button#insert-machine {
  left: 30px;
  background-color: green; }

.dumps-container #dump-now:active {
  transform: translateY(3px);
  box-shadow: 0px 2px 3px 0px black; }

.dumps-container #insert-machine:active {
  transform: translateY(3px);
  box-shadow: 0px 2px 3px 0px black; }

table {
  word-break: break-all; }

table input {
  width: 100% !important;
  /* #googleDiv{
  position: absolute;
} */ }

.buttonSvg {
  position: absolute;
  top: 100px;
  padding: 10px; }

#commandButtons {
  position: absolute;
  top: 100px;
  left: 130px;
  padding: 10px; }

#zoomplus {
  left: 50px; }

#cone {
  position: absolute; }

/* #draw-table{
  position: absolute;
  top: 0px;
  z-index: 999999;
  left:0px;
} */
#edit {
  position: absolute;
  top: -80px;
  left: 100px; }

#confirm {
  position: absolute;
  top: -80px;
  left: 150px; }

#total {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px; }

#draw-table {
  position: absolute;
  top: 0px;
  z-index: 999999;
  left: 0px; }

#terrain {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

#machineContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999; }

#machine-side {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 0px;
  bottom: 0px;
  margin: auto;
  left: -15px; }
  #machine-side .machine-create-stripes {
    width: 100%;
    height: 100%;
    color: #fff;
    margin-left: -10px; }

#radarContainer {
  position: absolute;
  bottom: 50%;
  right: 0;
  z-index: 999999;
  -webkit-transform-origin: 100% 100%; }

@-webkit-keyframes fake {
  0% {
    transform: rotate(0deg) scale(1, 1); }
  50% {
    transform: rotate(-162.5deg) scale(1, 1); }
  50.0001% {
    transform: rotate(-180deg) scale(-1, 1); }
  100% {
    transform: rotate(-17.5deg) scale(-1, 1); } }

.radar-flip {
  position: absolute;
  right: 0px;
  height: 100%;
  width: 100%;
  pointer-events: none; }

@-webkit-keyframes RADAR {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(-162.5deg); }
  50.0001% {
    transform: rotate(-180deg); }
  100% {
    transform: rotate(-17.5deg); } }

@-webkit-keyframes CONE {
  0% { }
  50% {
    transform: rotateY(180deg); }
  100% { } }

/* #machine{
  height:100%;
  width:100%;
}

#radar{
  height:100%;
  width:100%;
} */
#first-pin {
  position: absolute;
  height: 1px;
  width: 1px;
  bottom: 0px; }

#second-pin {
  position: absolute;
  height: 1px;
  width: 1px;
  top: 0px;
  right: 0px; }

.position-type {
  padding-top: 5px; }

.test {
  width: 1px;
  height: 1px; }

td,
td div {
  outline: none; }

input[type="number"] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

#color-switcher {
  background-color: #000;
  position: absolute;
  left: -100px;
  display: none; }

.handle {
  height: 0px;
  position: absolute;
  width: 0px; }

.handle.nw {
  background-color: red;
  width: 5px;
  height: 5px;
  left: 0;
  top: 0; }

.react-rotable {
  width: 100%;
  height: 100%;
  background-image: url("Grass.png"); }

.editable-container {
  width: 100%;
  height: 100%;
  transform-origin: left bottom; }

.rnd {
  border: 2px solid red; }

.rndtest {
  display: block;
  height: 100px;
  width: 200px;
  margin-top: -100px; }

.resize-drag {
  background-color: #29e;
  color: white;
  font-size: 20px;
  font-family: sans-serif;
  padding: 20px;
  margin: 30px 20px;
  width: 120px;
  /* This makes things *much* easier */
  box-sizing: border-box; }

.resize-container {
  margin-left: 100px;
  margin-top: 100px;
  display: inline-block;
  width: 80%;
  height: 500px;
  border: 1px solid black; }

/* .cmd-opt #command-input.command-input-selected{
  color: #ff8402;
}

.cmd-opt #command-input.command-input-selected~label{
  color: #ff8402;
} */
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

.pointer {
  cursor: pointer; }

.priority.md-grey {
  color: gray; }

.priority.md-black {
  color: #fff; }

.notifications-row .md-grey {
  color: gray; }

.notifications-row .md-black {
  color: white; }

svg {
  overflow: inherit !important; }

.box_rotate {
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari 3.1+ */
  -moz-transform: rotate(180deg);
  /* Firefox 3.5-15 */
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -o-transform: rotate(180deg);
  /* Opera 10.50-12.00 */
  transform: rotate(180deg);
  /* Firefox 16+, IE 10+, Opera 12.50+ */ }

.box_transition {
  -webkit-transition: all 0.3s ease-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }

.add-margin-left-15 {
  margin-left: 15px !important; }

/*.add-padding-30 { padding: 30px !important; }*/
.add-margin-left-14 {
  margin-left: 14px !important; }

.add-padding-left-15 {
  padding-left: 15px !important; }

.add-margin-top-10 {
  margin-top: 30px; }

.add-margin-top-30 {
  margin-top: 30px !important; }

.add-margin-bottom-30 {
  margin-bottom: 30px !important; }

.add-margin-right-10 {
  margin-right: 10px !important; }

.width {
  width: 100%; }

.padding-0 {
  padding: 0 !important; }

.material-icons.md-grey {
  color: gray; }

.font-1-1 {
  font-size: 1.1em; }

.center {
  text-align: center; }

.bold {
  font-weight: bold; }

*:not(input):not(textarea) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cursor-default {
  cursor: default !important; }

.executed {
  background-color: #4c4c4c;
  /*background-color: #dfdfdf;*/
  font-weight: 600;
  color: #fff; }

#cleared {
  clear: both; }

html {
  /*overflow: hidden;*/ }

body {
  background: #fff; }

label {
  color: #9e9e9e; }

#root {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100); }

.container-fluid {
  height: 100%;
  width: 100%;
  position: relative; }

#root .card {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  height: 100%; }

#divHome .card-content,
#divSignIn .card-content {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-size: cover;
  background-position: left bottom;
  background-image: url("backgrounds/wall_01.jpg");
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  justify-content: center; }

#divSignIn .card-content {
  background-image: url("wall_05.jpg"); }

.container-fluid .card > .card-title {
  font-weight: 600; }

.card-title {
  position: relative;
  margin-top: 0;
  font-size: 24px; }

/* Form */
/* #root input:not(#command-input):focus, #root input.valid:focus {
  border-bottom: 1px solid #ff8402 !important;
  -webkit-box-shadow: 0 1px 0 0 #ff8402 !important;
  box-shadow: 0 1px 0 0 #ff8402 !important;
} */
body.mobile div {
  font-family: "Open Sans", "Helvetica", sans-serif; }

div {
  font-family: "Helvetica", sans-serif; }

h1,
a {
  color: #000; }

#divSignIn fieldset {
  border: none; }

#divSignIn .input-field > label {
  color: #000; }

/* After Login */
.al-info {
  color: #fff;
  height: 100%;
  /*padding: 20px;*/
  padding: 0;
  border-radius: 2px;
  /*background: rgba(255, 132, 2, 0.90);*/
  font-size: 18px;
  width: 100%;
  position: relative; }
  .al-info #days-buttons-container {
    display: grid;
    grid-template-columns: repeat(5, 20%);
    width: 90%;
    top: -5px;
    right: 0px;
    margin: auto; }
    .al-info #days-buttons-container label {
      color: #fff;
      opacity: 0.6;
      font-size: 16px; }
    .al-info #days-buttons-container .single-day-wrapper {
      cursor: pointer; }
      .al-info #days-buttons-container .single-day-wrapper:hover .day-name {
        border-bottom: 2px solid #fff; }
      .al-info #days-buttons-container .single-day-wrapper.active .day-name {
        opacity: 1;
        border-bottom: 2px solid #fff; }
      .al-info #days-buttons-container .single-day-wrapper.active .date-info {
        opacity: 1; }
      .al-info #days-buttons-container .single-day-wrapper .date-info {
        opacity: 0.7;
        cursor: pointer; }
      .al-info #days-buttons-container .single-day-wrapper .day-name {
        height: 30px;
        opacity: 0.7;
        text-align: center;
        line-height: 34px;
        text-transform: capitalize;
        font-size: 16px; }

#grid-switch {
  box-sizing: content-box;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 30px;
  cursor: pointer;
  padding: 5px;
  border-radius: 5px;
  transition: background 200ms ease-in; }
  #grid-switch > svg {
    transition: fill 200ms ease-in; }
    #grid-switch > svg.linesView {
      transform: translate(2px, 4px); }

/* Meteor status */
.meteor-status > a,
.meteor-status > a:active,
.meteor-status > a:focus {
  display: inline-block; }

body > #status-container {
  width: -webkit-fill-available;
  position: fixed;
  top: 0;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999; }

body > .meteor-status {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 15px;
  text-align: center;
  border-radius: 0 0 2px 2px;
  background-color: rgba(50, 50, 50, 0.9);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24); }

/*#login-wrapper > .al-info {
  background: rgba(255, 255, 255, 0.85);
}*/
#al-table td {
  color: #fff;
  padding-top: 10px !important;
  font-size: 20px;
  text-align: center; }

#al-table tr:first-child td {
  padding-top: 0 !important; }

#al-table .al-box-title,
#al-table .al-box-value {
  vertical-align: bottom; }

#al-table > tbody > tr:last-child {
  border-bottom: none; }

.icons-homepage {
  width: 55px;
  height: 55px;
  position: absolute;
  left: 35px;
  top: 0px;
  bottom: 0px;
  margin: auto; }

/* Meteo Box */
/*
#al-month {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}
*/
#mb-city {
  width: 60%;
  font-size: 1.45rem;
  border-bottom: 1px solid #ffffff;
  box-shadow: unset;
  text-align: center; }

#mb-city::-webkit-input-placeholder,
#mb-city::-moz-placeholder,
#mb-city:-ms-input-placeholder,
#mb-city:-moz-placeholder {
  color: #fff; }

.gm-style .gm-style-cc[draggable="false"]:last-child {
  bottom: 25px !important;
  right: 65px !important; }

#machines-map .gm-style .gm-style-cc[draggable="false"]:last-child {
  bottom: 55px !important;
  right: 65px !important; }

.gm-style .gmnoprint:nth-child(5) {
  right: 273px !important; }

.autocomplete-dropdown-container {
  position: absolute;
  width: 100%; }
  .autocomplete-dropdown-container > div {
    padding: 10px 10px;
    text-align: left; }

#time-info {
  display: flex;
  width: 40%; }

#al-time {
  margin-left: 10px; }

.time-font-size {
  font-size: 22px; }

.mb-icon {
  float: left;
  width: 50%;
  line-height: 150px;
  font-size: 200px;
  text-align: left; }

.mb-temp-wrapper {
  position: relative;
  float: right;
  height: 100%;
  width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .mb-temp-wrapper span {
    text-align: right; }
  .mb-temp-wrapper span.currently {
    text-transform: capitalize; }

.mb-temp-wrapper > div {
  float: right;
  clear: both;
  color: #fff;
  margin-top: 12px; }

.mb-temp {
  float: right;
  font-size: 40px;
  color: #fff; }

.icon-temp-wrapper {
  width: 85%;
  cursor: default;
  height: 250px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 85px;
  margin: auto; }
  .icon-temp-wrapper img {
    width: 180px;
    height: 150px;
    float: left; }

.weather-box div {
  color: #fff; }

/* Toastr Notification */
#toast-container > .toast-success {
  opacity: 0.9; }

#toast-container > .toast {
  width: 400px;
  top: 65%; }

#al-table tr {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(74, 74, 74, 0.39);
  padding: 5px; }

#al-box-sx {
  border-left: none; }

#login-wrapper {
  border-right: none;
  order: -1;
  padding: 30px; }

#signup-st-wrapper {
  border-right: none; }

#signup-nd-wrapper {
  border-left: none;
  border-right: none; }

#login-wrapper input,
#signup-st-wrapper input,
#signup-nd-wrapper input,
#login-wrapper label,
#signup-st-wrapper label,
#signup-nd-wrapper label {
  color: #fff !important; }

s a.btn-floating {
  margin-left: 30%;
  background-color: #ff8402; }

a.btn-large.add-margin-top-20 {
  background-color: #ff8402;
  margin: 10px; }

a.btn-large.add-margin-top-20:hover {
  background-color: #dfdfdf; }

#fieldset-addMachine {
  border: 2px solid #ff8402;
  border-radius: 4px; }

#fieldset-addMachine * {
  color: black; }

.machines-table td:not(.machine-main) {
  text-align: center; }

.machines-table td:not(.machine-main) i {
  margin-right: 20px; }

.machines-table td:not(.machine-main) i:last-child {
  margin-right: 0; }

.icon-31:before,
.icon-33:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background-image: url("icon-moon.png");
  background-repeat: no-repeat; }

.m-config-icon {
  position: relative; }

.m-config-icon i {
  cursor: pointer;
  position: relative; }

.machine-main {
  width: 150px;
  max-width: 150px; }

.new-user-icon {
  width: 34px;
  margin: 8px 0;
  float: right; }

.log-scroll {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat; }

.track-vertical {
  position: absolute;
  width: 12px;
  right: 0px;
  bottom: 2px;
  height: 95%;
  top: 2px;
  border-radius: 4px;
  background-color: #f5f5f5;
  border: 2px solid #ff8402; }

.thumb-vertical {
  position: relative;
  display: block;
  width: 70%;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 4px;
  background-color: #ff8402;
  height: 200px; }

#language-switcher {
  height: 35px;
  width: 134px;
  position: absolute;
  display: block;
  border-radius: 6px;
  right: 25px;
  top: 5px; }

.fixed-box {
  width: 42%;
  height: 470px;
  margin: 0;
  padding: 25px 0px; }

.credits {
  padding-top: 100px;
  padding-left: 15px; }

.logo img {
  width: 100px; }

#swal2-content input:focus {
  border-bottom: 1px solid #ff8402;
  box-shadow: 0 1px 0 0 #ff8402; }

#swal2-content #label,
#swal2-content #label2 {
  color: #545454; }

/* .offline #svg-layer{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(82,82,82, 0.8);
  z-index:999999999;
} */
/* .offline #svg-layer::before{
  content:'!';
  width:auto;
  height:auto;
  left:-40px;
  top:0px;
  bottom:0px;
  margin:auto;
  position: absolute;
  font-size: 80px;
  color:red;
} */
/* .offline #machineContainer{
  display:none;
} */
/* #googleDiv.offline #machineContainer rect{
  fill:#fff !important;
} */
/* #machineContainer::after{
  content:"";
  position: absolute;
  height:100px;
  width:100px;
  left:0px;
  top:0px;
  background-color: #000;
} */
/* #googleDiv.offline #machineContainer::after{
  content: "";
  position: absolute;
  height: 90%;
  width: 90%;
  left: -70%;
  bottom: 80%;
  background-image: url(gsm_signal/red-cross-point.png);
  background-size: contain;
  background-repeat: no-repeat;
} */
#googleDiv.machine-color #machineContainer.webview-selected #bars rect, #googleDiv.machine-color.offline #machineContainer.webview-selected #bars rect {
  fill: #E938D7 !important; }

#googleDiv.machine-color #machineContainer.webview-selected #tubes rect, #googleDiv.machine-color.offline #machineContainer.webview-selected #tubes rect {
  fill: #E938D7 !important; }

#googleDiv.machine-color #machineContainer.webview-selected #circles circle, #googleDiv.machine-color.offline #machineContainer.webview-selected #circles circle {
  fill: #E938D7 !important; }

#googleDiv.machine-color #machineContainer.webview-selected polyline, #googleDiv.machine-color.offline #machineContainer.webview-selected polyline {
  fill: #E938D7 !important; }

#googleDiv.machine-color #machineContainer #bars rect {
  fill: #0c6092 !important; }

#googleDiv.machine-color #machineContainer polyline {
  fill: #0c6092 !important; }

#googleDiv.offline #machineContainer #tubes rect {
  fill: #fff !important; }

#googleDiv.machine-color.offline #machineContainer #bars rect {
  fill: #d0d0d0 !important; }

#googleDiv.offline #machineContainer #circles circle {
  fill: #fff !important; }

#googleDiv.offline #machineContainer polyline {
  fill: #d0d0d0 !important; }

#huedig-credits-container {
  color: #fff;
  width: 85%;
  height: 520px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

#huedig-credits {
  display: flex;
  align-items: center;
  padding: 5px 20px;
  background-color: #000; }

#huedig-credits > h5 {
  font-size: 30px; }

#huedig-credits .logo h5 {
  padding-right: 5px;
  margin: 0px;
  text-align: right;
  font-size: 15px;
  color: #fff; }

.logo {
  margin-left: auto; }

#changelog {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.5);
  margin-top: 1px;
  height: 400px;
  overflow-y: auto;
  padding: 20px;
  /* display:none; */ }

#changelog p {
  margin-top: 20px; }

#changelog h5 {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px; }

#changelog p {
  color: #fff;
  font-size: 20px; }

.credits-container {
  height: calc(100% - 136px);
  position: relative;
  background-image: url("backgrounds/Credits.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

#move-to-location {
  background: transparent;
  color: #fff;
  border-bottom: 1px solid #fff !important;
  -webkit-box-shadow: 0 1px 0 0 #fff !important;
  box-shadow: 0 1px 0 0 #fff !important;
  box-sizing: border-box;
  border: 1px solid transparent;
  width: 240px;
  height: 36px;
  margin-top: 20px;
  padding: 0 12px;
  border-radius: 0px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  font-size: 18px;
  outline: none;
  text-overflow: ellipses;
  right: 116px !important;
  left: auto;
  margin: auto;
  bottom: 58px !important;
  top: auto !important; }

#beta-advise {
  text-align: left;
  background-color: #fff;
  padding: 10px 20px; }

#stripe-width-placeholder {
  color: #fff;
  height: 20px;
  position: relative;
  z-index: 99999;
  /* margin: 20px; */
  margin-top: 23px; }

#stripe-width {
  background-color: white;
  z-index: 9999;
  position: absolute;
  top: 80px;
  left: 0px;
  width: 115px;
  border-radius: 2px;
  height: 36px;
  padding-left: 4px; }

#consumption-table [type="checkbox"] + label:before,
#consumption-table [type="checkbox"]:not(.filled-in) + label:after {
  border-color: #fff; }

#consumption-table [type="checkbox"]:checked + label:before {
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a; }

.row .col {
  padding: 0 !important; }

#guide {
  position: absolute;
  z-index: 999999;
  width: 0px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  top: 100px;
  border-radius: 0 5px 5px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 1s; }

#guide.open {
  width: 825px; }

#guide label {
  color: #fff;
  margin-right: 50px;
  font-size: 18px;
  white-space: nowrap; }

#toggle-guide {
  height: 50px;
  width: 50px;
  margin-right: -60px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer; }

#toggle-guide::before {
  font-size: 50px;
  color: #fff; }

#flew-name-container {
  width: 320px;
  position: absolute;
  display: flex;
  right: 20px;
  bottom: 10px;
  justify-content: flex-end;
  white-space: nowrap; }

#flew-name-container > div {
  font-size: 18px; }

#flew-name {
  font-style: italic;
  margin-left: 5px; }

input:not([type]):focus:not([readonly]).input-colors-inverted,
input[type="text"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="password"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="email"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="url"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="time"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="date"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="datetime"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="tel"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="number"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
input[type="search"]:not(.browser-default):focus:not([readonly]).input-colors-inverted,
textarea.materialize-textarea:focus:not([readonly]).input-colors-inverted {
  border-bottom: 1px solid #004489 !important;
  box-shadow: 0 1px 0 0 #004489 !important; }

.arrow-rotated {
  transform: rotate(180deg); }

.cluster {
  z-index: 99999; }

.center-machine-btn {
  display: flex;
  justify-content: center;
  align-items: center; }