.custom-btn{
    padding: 8px 18px ;
    cursor: pointer ;
    color: #FFF ;
    background-color: #6c63ff ;
}
.custom-btn:hover{
    background-color: #fff;
    color: #6c63ff ;
    border:#6c63ff solid 2px;
    padding: 7px 17px ;
}


.color_web{
    color:#6c63ff;
}
.color_background{
    color:#fff;
     padding: 8px 18px ;
    background-color:#6c63ff;
}
.color_background:hover{
    border:#6c63ff solid 1px;
    background-color: #fff;
    color: #6c63ff ;
}
.btn-primary{
    background-color:#6c63ff !important;
    border:0 !important;
    padding: 8px 18px;
}

.sidebare-modal-con{
    font-weight: 500;
    border-radius: 20px 0 0 20px;
    transition: 1s all;
    height: 100%;
    z-index: 120;
    width: 100%;
    max-width: 650px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    top: 0;
    right:0;
    bottom: 0;
    left: auto !important;
    overflow-y: auto;
}
.colored-toast.swal2-icon-success {
  background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
  background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
  background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
  background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
  background-color: #87adbd !important;
}

.colored-toast .swal2-title {
  color: white;
}

.colored-toast .swal2-close {
  color: white;
}

.colored-toast .swal2-html-container {
  color: white;
}
.colored-toast .swal2-title{
    margin: .5em 5px !important;
}