.data-table td, .data-table th {
    border: 1px solid #ddd !important;
    background: #FFFFFF;
}
.modal-open {
    overflow: visible !important;
    padding-right: 28px !important;
}
.data-table tr:hover {
    background-color: #eee;
    /* cursor: pointer; */
}
.label-color:focus-within label {
    color: #0967D2;
}

input,
select,
textarea {
    border: 1px solid #323F4B !important;
    min-height: 40px;
    padding: 0.375rem 14px !important;
    /* padding: 10px 14px !important; */
    border-radius: 0.375rem !important;
    background: #FFFFFF;
}

input:focus,
select:focus,
textarea:focus {
    border: 1px solid #0967D2 !important;
    outline: none !important;
    box-shadow: none !important;
}

input:disabled,
select:disabled,
textarea:disabled {
    border: 1px solid #CBD2D9 !important;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent !important;
}

input::placeholder {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #9AA5B1 !important;
}

textarea {
    resize: none !important;
    width: 100%;
}

.content label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #323F4B;
    margin-bottom: 4px;
}

.icon-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.icon-button img {
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(255deg) brightness(112%) contrast(101%);
}

a {
    text-decoration: none !important
}

.modal-dialog {
    max-width: 584px;
}

#popUpMsg .modal-dialog,
.confirmModal .modal-dialog {
    max-width: 480px;
}

#popUpMsg .modal-content,
.confirmModal .modal-content {
    border: none;
}

#popUpMsg .title,
#errorMsgModal .title,
.confirmModal .title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #52606D;
}

#popUpMsg .btn-primary {
    line-height: 0;
}

.modal-header {
    padding: 1rem 1rem .5rem;
}

.modal-content {
    border-radius: 8px;
}

.modal-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #52606D;
    margin: 10px 0 0 15px;
}

.modal-body {
    padding: 1rem 2rem;
}

.modal-footer {
    padding: 0.75rem 2rem 1.5rem 2rem;
}

table.dataTable thead th {
    background: #E6F6FF;
}

table th {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #1F2933;
}

table thead tr {
    background: #E6F6FF;
}

table tr {
    height: 48px;
    vertical-align: middle;
}

th:last-child {
    text-align: center !important;
    max-width: 76px !important;
}

td:last-child {
    text-align: center;
}

table td {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #1F2933;
    text-align: left;
    vertical-align: middle;
}

table td a {
    margin: auto;
    cursor: pointer;
}

/* table tbody tr > td {
background: #FFFFFF
} */

table tbody td a img {
    width: 19px;
    margin: 5px;
}

th:first-child,
td:first-child {
    border-left: none !important;
}

th:last-child,
td:last-child {
    border-right: none !important;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

.dataTables_info {
    padding-top: 10px;
    font-size: 14px;
}

.dataTables_paginate {
    margin-top: 10px;
    margin-bottom: 2rem;
}

#edit {
    filter: invert(18%) sepia(94%) saturate(2336%) hue-rotate(199deg) brightness(97%) contrast(112%);
}

#delete {
    filter: invert(31%) sepia(43%) saturate(6014%) hue-rotate(339deg) brightness(89%) contrast(97%);
}

/*#delete-question {
width: 24px;
height: 24px;
filter: sepia(100%) saturate(0) hue-rotate(0deg) brightness(136%);
 color: #7A7A7A; /* Set your original color 
}*/

.content {
    margin-top: 5rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #0069B9;
    background-color: white;
    padding: 4px 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    border: 1px solid #0069B9;
    background: none;
    background-color: #0069B9;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #0069B9;
    background: none;
    background-color: #0069B9;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none;
    background-color: #0069B9;
    border-color: #0069B9;
    box-shadow: none;
}

.required:after {
    content: "";
    background: url("/images/required.svg");
    width: 32px;
    margin-left: 8px;
    height: 14px;
    /* top: 24px; */
    position: absolute;
}

.loading {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #222;
    z-index: 9999999;
    opacity: 0.6;
}

.loading__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.loading__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
/* add right padding for sorting icon */
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position: center right 5px !important;
}
.btn_wpr {
    text-align: right;
}
.calendar_div {
    filter: invert(24%) sepia(77%) saturate(2070%) hue-rotate(202deg) brightness(86%) contrast(102%);
}  
.profile-pic {
    width: 200px;
    max-height: 200px;
    display: inline-block;
}

.file-upload {
    display: none;
}
.circle {
    width: 128px;
    height: 128px;
}
img {
    height: auto;
}
.nav_logo img{
    max-width: 100%;
}
.p-image {
    position: absolute;
    top: 167px;
    right: 30px;
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
    font-size: 1.2em;
}

.upload-button:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #999;
}

option {
    width: 200px !important; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
}

.SumoSelect > .CaptionCont {
    border: 1px solid #323F4B !important;
    min-height: 40px !important;
    border-radius: 7px !important;
}

.SumoSelect span.placeholder {
    background: #ffffffff;
}

.link-list {
    color: #323f4b !important;
    text-decoration:underline !important;
}

.link-list img{
    filter: invert(22%) sepia(14%) saturate(825%) hue-rotate(167deg) brightness(96%) contrast(92%);
    fill: #323f4b !important;

}

.form-control {
    background: #ffffff;
}

input#importfile {
    padding-left: 7px !important;
}

input#importfile::file-selector-button {
    background-color: #e9ecef;
    min-height: inherit;
}

input#importfile:hover::file-selector-button {
    background-color: #dde0e3;
    min-height: inherit;
}

.modal .my-1 {
    font-size: 16px;
}
.modal .modal-instruction-area {
    width: 100%;
}
.modal .modal-instruction-area b,
.modal .modal-instruction-area li,
.modal .modal-footer button span
{
    font-size: 14px;
}