/* app css stylesheet */

/* Basics */
html, body {
    margin: 0;
    /*padding-top: 15px;*/
    height: 100%;
    width: 100%;
    background-color: #fff;
}

/*Padding / Marging helper */

/*For forms on mobile devices*/
@media (max-width: 768px) {
    /*  .form-group [class*="col-"]{
          margin-bottom: 15px;
      }*/
    .xs15 {
        margin-bottom: 15px;
    }
}

/*Extra space*/
.mb-5 {
    margin-bottom: 5px;
}
.mb-15 {
    margin-bottom: 15px;
}

.mb-25 {
    margin-bottom: 25px;
}

.m-15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.m-25 {
    margin-bottom: 25px;
    margin-top: 25px;
}

.ml-10{
    margin-left:10px;
}

/* Colors */

.boag-green {
    color: #00C853;
}

.boag-green-bg {
    background-color: #00C853;
}

.boag-deep-orange {
    color: #FF3D00;
}

.boag-deep-orange-bg {
    background-color: #FF3D00;
}

.boag-grey600-bg {
    color: #757575;
}

/* Font awesome pulse effect */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
    -webkit-animation: pulse 4s linear infinite;
    animation: pulse 4s linear infinite;
}


/* Alert  */
/* Map  */
#map-overview #map {
    display: block;
    height: 250px;
}

#map-position #map {
    display: block;
    height: 400px;
}


/* Mouse pointer */

.clickable {
    cursor:pointer;
    cursor:hand;
}

/*Wrap long pre-tags */

.pac-container { 
    z-index: 10000 !important; 
}

/*** AppBar ***/

.appbar {
    background-color: #FF3D00;
    width: 100%; 
    height: 56px; 
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.12), 0px 1px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14),0px 4px 5px 0px rgba(0,0,0,0.12),0px 1px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.12), 0px 1px 10px 0px rgba(0,0,0,0.2);
}

.appbar .md-toolbar-tools {
    background-color: #FF3D00;
}
md-toolbar {
    min-height: 56px;
    max-height: 56px;
}

.md-toolbar-tools {
    height: 56px;
}

/* AppBar */
.mat-toolbar {
    max-height: 56px;
  }
  
  .mat-toolbar-row,
  .mat-toolbar-single-row {
    max-height: 56px;
  }

.appbar-left,
.appbar-right {
    font-size: 14px;
    color: #fff;
}
/* Brand logo */
.logo {
    display: block;
    width: 190px;
    height: 56px;
  }


  /* Menu */
  .menuActive {
      background-color:#F5F5F5;
  }

  .alertMenu {
      background-color: #fff;
  }

  /* 2. Buttons */
  .mat-raised-button {
    border-radius: 18px;
  }

/*Banner/ Modals */
.no-active-alert-banner {
    background-color: #E8F5E9;
    color: #00C853;
}