/* Form Input */
.form-control {
    height: 56px;
    padding: 16px 26px;
    border-color: rgb(230, 236, 244);
    border-radius: 8px;
}

.form-control::placeholder {
    color: rgb(186, 196, 216);
}

.form-control:focus {
    border-color: rgb(116, 30, 215) !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(116, 30, 215 / 60%) !important;
}

/* Button */
.btn {
    height: 50px;
    font-size: 14px;
    color: #212529;
    font-weight: 500;
}

.btn:focus {
    border: none !important;
}

.btn-primary {
    background-color:#01CEAF !important;
    border-color: #01CEAF !important;
}

.btn.btn-primary > a {
    color: #212529 !important;
}

.btn .btn-primary a:hover {
    text-decoration: none !important;
}

.btn-primary:hover {
    background-color: #17bfa6 !important;
    border-color: #17bfa6 !important;
}

.btn-primary:active {
    background-color: #029c84 !important;
    border-color: #029c84 !important;
}

.btn-primary:focus,
.btn-primary:focus-visible {
    background-color: #029c84 !important;
    outline: 4px solid #029c84;
    outline-offset: -4px;
}

.btn-outline {
    background-color: transparent;
    border-color: #01CEAF;
    color: #01CEAF;
}

.btn-outline:hover {
    color: #01CEAF !important;
    background-color: rgba(1, 206, 175, 0.06) !important;
    border: 1px solid #01CEAF !important;
}

.btn-outline:active {
    color: #01CEAF !important;
    background-color: rgba(1, 206, 175, 0.16) !important;
}

.btn-outline:focus {
    color: #01CEAF !important;
    background-color: rgba(1, 206, 175, 0.16) !important;
    outline: 4px solid #01CEAF;
    outline-offset: -4px;
}

.btn-outline > a:hover {
    text-decoration: none;
}

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

/* Table */
.table thead th {
    font-size: 12px !important;
    font-weight: 400;
    background-color: #E6ECF4;
}

.table thead tr th.text-center {
    padding: 20px 15px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    margin-bottom: 12px;
}

.table thead th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.table thead th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}