.select2-container--default .select2-selection--single {
    border: 0px !important;
}

.select2-container {
    /*border-bottom: 1px solid #7b809a;*/
    /*width: 100% !important;*/
    border: 1px solid #d2d6da;
    margin-bottom: 1rem;
}

.select2-container:focus {
    border-bottom: 1px solid #fb8c00;
}

.select2-container--default .select2-selection--multiple {
    border: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #FFFFFF !important;
    border: 1px solid #fb8c00 !important;
    max-width: 250px;
    font-size: small;
    text-wrap: initial;
}

.nav-link-single.active {
    background-color: #fb8c00 !important;
}

.nav-link {
    /*padding: 0.5rem !important;*/
}

.avtar-menu-spacing {
    padding: 0.5rem !important;
}

.nav-pills .nav-link.active {
    background-color: #FFFFFF !important;
}

.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

table.dataTable tbody td.select-checkbox::before,
table.dataTable tbody td.select-checkbox::after,
table.dataTable tbody th.select-checkbox::before,
table.dataTable tbody th.select-checkbox::after {
    top: 50%;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #dee2e6;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #dee2e6;
}

.select2 {
    max-width: 100%;
    width: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}

.select2-container--open {
    z-index: 9999;
}

.searchable-fields {
    padding-left: 5px;
}

.searchable-link {
    padding: 0 5px 0 5px;
}

.searchable-link:hover {
    cursor: pointer;
    background: #eaeaea;
}

.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}

.dataTables_length label select {
    width: 65px !important;
    border: 1px solid #d9d9d9;
}

div.dt-button-collection {
    padding: 0;
}

.buttons-columnVisibility {
    display: block;
}

.buttons-columnVisibility.active {
    background-color: rgba(128, 128, 128, 0.1);
    font-weight: bolder;
}

.small-box .icon {
    font-size: 70px;
}

.dataTables_filter .form-control {
    border: 1px solid #d9d9d9;
}

.page-item .page-link {
    border-radius: 2px !important;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    border: 1px solid #dee2e6;
    width: auto;
}

#basic-info > p {
    font-size: 0.875rem !important;
}

.card > hr {
    margin-right: 0.2rem !important;
    margin-left: 0.2rem !important;
    border-top: 1px solid #cccccc !important;
}

.sidenav .navbar-brand {
    display: flex !important;
}

.dataTables_info {
    font-size: 0.8rem;
}

.page-link {
    font-size: 0.8rem !important;
}

.col-form-label {
    font-size: 0.9rem !important;
}

.vimeo {
    background-color: #1ab7ea !important;
}

.twitter {
    background-color: #0077b5 !important;
}

.is-invalid label {
    color: #fd5c70 !important;
}

.is-invalid .form-control {
    background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #f44335 1px, rgba(209, 209, 209, 0) 0) !important;
}

.btn-flat {
    border-radius: 0 !important;
}

.visibility {
    visibility: visible !important;
}

.card_summary {
    background: #F8FDFF 0% 0% no-repeat padding-box;
    border: 1px solid #4AB6D6;
    border-radius: 12px;
}

.card_main {
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #0000003D;
    border-radius: 13px;
    margin-left: auto;
    margin-right: auto
}

/*.radio_div {*/
/*    display: grid;*/
/*    grid-template-columns: auto auto auto;*/
/*}*/

/*.radio_span {*/
/*    color: #1E1E1E;*/
/*    font-weight: 500;*/
/*    font-family: 'Roboto', serif !important;*/
/*    position: absolute;*/
/*    font-size: 14px;*/
/*    top: 20px;*/
/*    left: 45px*/
/*}*/

/*.radio_card {*/
/*    width: 200px;*/
/*    height: 64px;*/
/*    position: relative;*/
/*}*/

/*.radio_div>input[type="radio"] {*/
/*    background-color: white;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    cursor: pointer;*/
/*    outline: none;*/
/*    appearance: none;*/
/*    background: #FFFFFF 0% 0% no-repeat padding-box;*/
/*    box-shadow: 0px 3px 10px #00000014;*/
/*    border-radius: 12px;*/
/*    vertical-align: middle;*/

/*}*/

/*.radio_div>input[type="radio"]::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    height: 20px;*/
/*    width: 20px;*/
/*    background-color: #f9fafd;*/
/*    border: 1px solid #fb8c00;*/
/*    border-radius: 50%;*/
/*    top: 20px;*/
/*    left: 20px;*/

/*}*/

/*.radio_div>input[type="radio"]::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    height: 12px;*/
/*    width: 12px;*/
/*    border-radius: 50%;*/
/*    top: 24px;*/
/*    left: 24px;*/
/*    accent-color: red !important;*/
/*}*/

input[type="radio"]:checked {
    border: 1px solid #fb8c00 !important;

}

input[type="radio"]:checked:after {
    background-color: #fb8c00 !important;
}

.input-group.input-group-outline.is-focused .form-label, .input-group.input-group-outline.is-filled .form-label {
    width: 96.9% !important;
}

/*.input-group .input-group-text-prepend {*/
/*    position: absolute;*/
/*    padding: .75rem 0;*/
/*    left: 0;*/
/*    border-left: 0 !important;*/
/*}*/

@media (max-width: 650px) {
    .radio_div {
        display: grid;
        grid-template-columns: auto;
    }

    .radio_card {
        width: auto;
        margin-top: 10px;

    }
}

.vh-main {
    height: 80vh !important;
}

td, th {
    text-align: center !important;
    text-decoration: inherit !important;
    text-transform: capitalize !important;
    font-size: medium !important;
    vertical-align: middle !important;
}


.dropdown-btn {
    position: relative;
    padding-right: 20px; /* space for the arrow */
}

.dropdown-btn::after {
    content: '';
    position: absolute;
    right: 0; /* place it on the right */
    top: 50%; /* center it vertically */
    transform: translateY(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: #000 transparent transparent transparent; /* this will create an arrow pointing down */
}

/*======================================== Receipt css ============================*/

.header-section {
    text-align: center;
    /*background: #00AEEF;*/
    /*color: white;*/
    padding: 10px 0;
}

.header-title {
    font-size: 26px;
    font-weight: bold;
    margin: 5px 0;
}

.header-info {
    font-size: 12px;
    margin: 5px 0;
}

.image-section {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

.image-section img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 10px;
    object-fit: cover;
}

.receipt-info {
    margin: 20px 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.footer {
    text-align: center;
    color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.authorized-sign {
    text-align: right;
    font-style: italic;
}

.receipt-container {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    background-color: white;
    /*padding: 20px;*/
    /*border: 1px solid #ddd;*/
}

.input-group-text-disable {
    padding: 0.35rem 0.375rem !important;
}