header{
    background: #00b14d;
}

header .title{
    color: #fff !important;
}

body{
    color: #000;
}
.nav-justified .nav-item:nth-child(3){
    /* display: none; */
}
.view-deliver ul.pl-4 li:nth-child(3){
    display: none;
}
.box-header{
    background: #00b14d !important;
}
.company{
    display: none;
}

.view-login .form-control, 
.view-register .form-control, 
.view-lostpass .form-control,
.view-register-old .form-control
{
    font-size: 17px;
    height: 50px;
    border-radius: 15px;
}
.btn-taixe {
    border-radius: 15px;
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #fec742;
    background-color: #000;
    border-color: #000;
    line-height: 35px;

}
.view-login h1, .view-register-old h1,
.view-login .nav-bottom a, .view-register-old .nav-bottom a{
    color: #000;
}

.view-register-old .logo img{
    width: 140px;
    padding-top: 30px;
}

.form-control-sm{
    height: calc(1.5em + .5rem + 10px);
    border-radius: 15px;
    padding-left: 15px;
}

.view-register-old form{
    width: 90%;
}

header .title,
header .header-right .notification a{
    color: #000;
}
footer nav .nav-item.current{
    color:#00b14d;
}
footer nav .nav-item.current a div{
    color: #000;
}
.box-view .box-header,
.box-view .box-header .float-left{
    color: #ffffff;
}

.btn-primary{
    background-color: #00b14d;
    color: #000;
    border-color: #00b14d;
}
.btn-secondary{
    background-color: #000;
    color: #fec742;
    border-color: #000;
}
.box-view .box-header a{
    color: #000;
}
.item-register-service{
    padding: 10px;
}
.item-register-service .item-child{
    border: 2px solid #ccc;
    border-radius: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    /* filter: contrast(0.5); */
}
.item-register-service .item-child.active{
    border-color: #fec742;
    filter: contrast(1);
    background-color: #fec74238;
}
.view-event .title{
    font-size: 14px;
}
.item-register-service .btn{
    font-size: .7rem;
}



.animate-icon{
    box-shadow: 0 0 0 0 orange;
    /* background-color: orange; */
    border-radius: 10px;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
  }
  
  @-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
  
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
  
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
  
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
  
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
  
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
  
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
  }
  @-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  @keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }

  .color-white{
    color: #fff !important;
  }

.app__messenger{
    top: 50px;
    bottom: 0px;
}