.outline-none{
    outline: none!important;
    border: 0;
}
.outline-none:focus{    
    outline: none!important;
    border: 0;
}
.outline-none:active{
    outline: none!important;
    border: 0;
}
.bg-primary-color{
    background-color: #362f93!important; 
    /* #362f93 #e12425 #00b7be */

}
.input-bg{
    background-color: rgba(220, 220, 220, 0.261)!important;
}

.overlay{
    background-color: rgba(210, 210, 210, 0.632);
    min-height: 91vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.overlay > div{
    width: 70%;
}
.error{
    border-color: rgba(255, 0, 0, 0.447)!important;
    background-color:rgba(249, 87, 87, 0.189)!important;
}
#success{
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}
#success > div{
    width: 40%;
}
.video-wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;

}
.iframe{
    width: 100%;
    height: 70vh;  
}
.iframe iframe{
    width: 100%;
    height: 100%;
}


/* Image preview */
.imagePreview {
    width: 130px;
    height: 130px;
    background-position: center;
  background:url(../img/avatar.png);
  background-color:#fff;
    background-size: contain;
  background-repeat:no-repeat;
  border: 1px solid rgba(226, 226, 226, 0.76);
    display: inline-block;
}
/* .btn-primary
{
  display:block;
  border-radius:0px;
  box-shadow:0px 4px 6px 2px rgba(0,0,0,0.2);
  margin-top:-5px;
} */
.imgUp
{
  margin-bottom:15px;
}
.del
{
  position:absolute;
  top:0px;
  right:15px;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  background-color:rgba(255,255,255,0.6);
  cursor:pointer;
}

.imgAdd
{
  width:30px;
  height:30px;
  border-radius:50%;
  background-color:#4bd7ef;
  color:#fff;
  text-align:center;
  line-height:30px;
  margin-top:0px;
  cursor:pointer;
  font-size:15px;
}
/* End of image preview */

@media screen and (max-width: 780px) {
    .overlay > div{
        width: 90%;
    }
}