/* Button */
.btn.btn-primary {
    color: white;
    background: #7FC2FE;
    border-color: #7FC2FE;
}

.btn.btn-primary:hover {
    background: #4facfc;
    border-color: #4facfc;
}

.btn.btn-primary:focus,
.btn.btn-primary.focus {
    background-color: #4facfc;
    border-color: #4facfc;
    box-shadow: unset;
}

.btn.btn-primary:active {
    background-color: #4facfc !important;
    border-color: #4facfc !important;
}

.btn.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #4facfc;
    border-color: #4facfc;
}

.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    border-color: #4facfc;
    box-shadow: unset;
}

.btn.btn-outline-primary:focus {
    box-shadow: unset;
}

.btn.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: unset;
}

.btn.btn-outline-primary {
    color: #7FC2FE;
    border: 1px solid #7FC2FE;
}

.btn.btn-outline-primary:hover {
    color: #4facfc;
    background-color: unset;
    border: 1px solid #4facfc;
    text-decoration: underline;
}

.btn.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #4facfc;
    border-color: #4facfc;
}

.table td {
    font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;
    padding: 8px 10px;
}

ion-modal {
    --border-radius: 16px;
    --box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

ion-modal::part(backdrop) {
    background: rgba(209, 213, 219);
    opacity: 1;
}

/* profile page */
#custom-column {
    margin: auto;
    margin-bottom: 150px;
    height: auto;
}

.profile-section {
    margin: auto;
    width: 500px;
    text-align: center;
}

.list-label {
    margin: 20px 10px 30px 10px;
    padding: 5px;
    letter-spacing: 1px;
}

/* image container */
.image-container {
    position: relative;
    width: 250px;
}

.nav-item>a {
    color: #7FC2FE;
}

.nav-item>a:hover {
    color: #4facfc;
}

.nav-tabs .nav-link.active {
    color: #4facfc !important;
    border-color: #9EA1A3 #9EA1A3 #fff;
}


/* admin page */
#fourboot_adminStatus {
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: unset;
}

#fourboot_adminStatus:hover {
    background: #4facfc;
}

/* dropdown style */
button.dropdown-item:focus,
button.dropdown-item:hover {
    color: white;
    background-color: #7FC2FE;
}

button.dropdown-item.active,
button.dropdown-item:active {
    background-color: #4facfc;
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    background-color: #4facfc !important;
    border-color: unset !important;
}


.custom_textArea {
    display: block;
    width: 100%;
    border: 1px solid #ced4da;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.multiselect-dropdown .dropdown-btn .selected-item {
    font-size: 15px;
}

/* .multiselect-dropdown .dropdown-btn {
    border-color: #ccc !important;
} */

.multiselect-dropdown {
    color: black;
}

.multiselect-dropdown .dropdown-btn {
    border-color: #ccc !important;
}

.multiselect-dropdown:hover {
    background: #4facfc;
    color: white;
}


/*
.multiselect-dropdown .dropdown-btn .span:hover {
    color: white;
} */

/* .dropdown-list .filter-textbox input {
    color: black;
} */

.dropdown-list .filter-textbox {
    color: black;
}

.multiselect-dropdown .dropdown-btn .selected-item {
    background: #7FC2FE !important;
    border-color: #7FC2FE !important;
    max-width: unset !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before:hover {
    border-color: white transparent !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
    border-color: black transparent !important;
    border-width: 5px 5px 0 5px !important;
}

.dt-buttons {
    float: left;
}

div.dt-button-collection .dt-button {
    min-width: unset !important;
}

html:not(.hydrated) body {
    display: unset !important;
}

.customBtn:hover {
    color: white !important;
    background: #7FC2FE !important;
}

.buttons-collection {
    margin-right: 30px;
    border-radius: .25rem !important;
}

.customImportCSVBtn {
    border-radius: .25rem !important;
}

#csvButton, #csvButton2 {
    display: none;
}

.swal2-styled.swal2-cancel {
    color: #555 !important;
}