body{
	background: url(../images/body.jpg) no-repeat fixed;
    background-position: 50% 50%;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
}

.bi-text{
    /*font-size: 22px;*/
    font-weight: 800;
    color: rgba(64, 64, 64, 0.8);
}

/*.overlay{
	background: rgba(249, 53, 43, 0.7);
    
    height: 100%;
}*/

.btnsearch, .searchinput{
    background-color: #fff;
    border: 0px;
}

.sistemas{
    padding: 20px;
}

img.shadow{
  width: 150px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}


.card{
    border: 1px solid #ffb4b4; background-color: rgba(255,255,255,0.9); box-shadow: rgba(0, 0, 0, 0.3) 10px 10px 10px;
}


.notification-dotred {
  position: absolute;
  right: 10px;
  bottom: 15px;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(52, 172, 224, 1);
  box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
  background: rgb(255, 36, 36);
  box-shadow: 0 0 0 0 rgb(255, 42, 42);
  animation: pulsedotred 2s infinite;
}

@-webkit-keyframes pulsedotred {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.8);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0.4);
    }
    50% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0.4);
    }
    75% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
        

@keyframes pulsedotred {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 65, 65, 0.7);
        /*box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);*/
    }
    
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
    }
    
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
    }
}



.notification-dotgreen {
  position: absolute;
  right: 10px;
  bottom: 15px;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(52, 172, 224, 1);
  box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
  background: rgb(36, 166, 9);
  box-shadow: 0 0 0 0 rgb(61, 146, 22);
  animation: pulsedotgreen 2s infinite;
}

@-webkit-keyframes pulsedotgreen {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(86, 234, 98, 0.8);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px rgba(57, 204, 44, 0.4);
    }
    50% {
        -webkit-box-shadow: 0 0 0 10px rgba(44, 204, 76, 0.4);
    }
    75% {
        -webkit-box-shadow: 0 0 0 10px rgba(49, 204, 44, 0.2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
        

@keyframes pulsedotgreen {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(49, 168, 10, 0.7);
        /*box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);*/
    }
    
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
    }
    
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
    }
}