.btn {
    height: 30px;
    text-align: center;
    font-size: 12px;
    border: none;
    /*width: 100%;
    margin-top: auto;/*/
    margin-bottom: 2% !important;
}
.btn-success {
    background-color: #1cc88a !important;
}

.btn-success:hover {
    background-color: #067644 !important;
}

.btn-primary {
    background-color: #4e73df !important;
}

.btn-primary:hover {
    background-color: #254fcc!important;
}

.btn-danger {
    background-color: #ed254e !important;
}

.btn-danger:hover {
    background-color: #c11b1b!important;
}

.btn-warning {
    background-color: #f6c23e !important;
}

.btn-warning:hover {
    background-color: #c48c00 !important;
}

.btn-info {
    background-color: #36b9cc !important;
    color: #fff;
}

.btn-info:hover {
    background-color: #4aa6b2 !important;
}

.btn-secondary {
    background-color: #858796 !important;
}

.btn-secondary:hover {
    background-color: #535670 !important;
}

.btn-geniusis {
    background-color: #8750fc !important;
    color: #fff;
}

.btn-geniusis:hover {
    background-color: #6025dd !important;
}

.btn-neutral {
    background-color: rgba(200,200,200, 0.6);
    color: #fff;
}

.form-control {
    height: 30px;
    font-size: 14px;
}

.title-lg {
    font-size: 1.125rem;
    font-weight: bold;
}

.span-title {
    color: #6b45bc;
    font-weight: bold;
    text-transform: capitalize;
}

.text-indigo {
    color: rgb(129, 69, 188) !important;
}

.background-indigo {
    background-color: rgb(129, 69, 188) !important;
}

.text-triggered {
    color: rgb(204, 201, 0);
}

.w-80 {
    width: 80% !important;
}
.w-70 {
    width: 70% !important;
}
.w-60 {
    width: 60% !important;
}
.w-40 {
    width: 40% !important;
}
.w-30 {
    width: 30% !important;
}
.w-20 {
    width: 20% !important;
}
.w-10 {
    width: 10% !important;
}