/*colors*/
.text-warning{
    color: #ff9800!important;
}
.text-secondary{
    color: #3c425b!important;
}
.text-primary{
    color: #766df4!important;
}

/*buttons*/
.btn {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: #737491;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    /*border: 1px solid transparent;*/
    padding: 0.5625rem 1.25rem;
    font-size: 1rem;
    border-radius: 0.75rem;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;
}
.btn:hover {
    color: #737491;
    text-decoration: none;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: unset!important;
}
[class^=btn-outline-]:hover, [class^=btn-outline-]:active, [class^=btn-outline-].active, [class^=btn-outline-].dropdown-toggle.show, [class*=" btn-outline-"]:hover, [class*=" btn-outline-"]:active, [class*=" btn-outline-"].active, [class*=" btn-outline-"].dropdown-toggle.show {
    color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #16c995;
    border-color: #16c995;
    box-shadow: unset;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.show {
    background-color: #12a77b;
    border-color: #12a77b;
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #766df4;
    border-color: #766df4;
    box-shadow: unset;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.show {
    background-color: #5d54db;
    border-color: #5d54db;
    color: #fff;
}

.btn-outline-success {
    color: #16c995;
    border-color: rgba(22,201,149,.35);
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #16c995;
    border-color: #16c995;
}
.btn-check:focus+.btn-outline-success, .btn-outline-success:focus {
    color: #fff;
    background-color: #16c995;
    border-color: #16c995;
}
.btn-check:checked+.btn-outline-success, .btn-check:active+.btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #fff;
    background-color: #16c995;
    border-color: #16c995;
}

.btn-danger {
    color: #fff;
    background-color: #f74f78;
    border-color: #f74f78;
    box-shadow: unset;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.show {
    background-color: #f52a5c;
    border-color: #f52a5c;
    color: #fff;
}

.btn-secondary {
    color: #434a57;
    background-color: #edf1f5;
    border-color: #edf1f5;
    box-shadow: unset;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.show {
    background-color: #d3dde6;
    border-color: #d3dde6;
    color: #434a57;
}

/*background-color*/
.bg-danger{
    background-color: #f74f78!important;
}
.bg-info{
    background-color: #6a9bf4!important;
}
.bg-primary{
    background-color: #766df4!important;
}
.bg-success{
    background-color: #16c995!important;
}
.bg-warning{
    background-color: #ffb15c!important;
}
.bg-secondary{
    background-color: #f7f7fc!important;
}

/*tabs*/
.nav-pills .nav-link {
    border: 1px solid transparent;
    font-weight: 500;
    border-radius: 0.75rem;
    color: #5a5b75;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    border: 1px solid rgba(118,109,244,.35);
    background-color: #fff;
    color: #766df4;
}