@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 *
 */

/*# sourceMappingURL=custom.css.map */


.main-content {
    padding-top: 141px !important;
}

table#dataTable {
    width: 100% !important;
}

.main-wrapper-1 .section .section-header {
    margin-top: -71px !important;
}

img#side-bar-logo {
    height: 2rem !important;
}

.custom-red-bg {
    background-color: #bd4349 !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu>li.active>a {
    box-shadow: 0 4px 8px #ec686f !important;
    background-color: #bd4349 !important;
    color: white !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #bd4349 !important;
    color: #fff !important;
}

.select2-container.select2-container--open .select2-selection--single {
    background-color: #fefeff !important;
    border-color: #bd4349 !important;
}

.select2-container.select2-container--focus .select2-selection--multiple,
.select2-container.select2-container--focus .select2-selection--single {
    background-color: #fefeff !important;
    border-color: #bd4349 !important;
}

.list-group-item {
    border: none !important;
}

.list-group-item strong {
    margin-right: 10px;
}

.col-md-4 {
    border-left: 0.5px solid red;
}

::selection {
    color: red !important;
    background: yellow !important;
}

button#btn-mt {
    margin-top: -40px;
}

#grab-me {
    cursor: -webkit-grab;
}

.card-header {
    background-color: #fff4f4 !important;
}

/* File Uploader Starts here */

.btn-upload {
    padding: 10px 20px;
    margin-left: 10px;
}

.upload-input-group {
    margin-bottom: 10px;
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    height: 45px;
}


#media-images {
    height: 177px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: linear-gradient(to bottom, #ff4747 0%, #ffffff 100%) !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: linear-gradient(to bottom, #ff1f1f 0%, #ff0303 100%) !important;
}

.paginate_button {
    border: 1px white solid !important;
    border-radius: 5px !important;
}


#btn-style {
    margin: 26px !important;
}


#btns {
    margin-top: -38px;
}

#qiam-cards {
    background-color: inherit !important;
}

.form-check.asset_type {
    display: none !important;
}

img.imagecheck-image {
    height: 4rem !important;
}

#dataTable tbody tr img {
    cursor: pointer;
}

.flag {
    margin-left: 60%;
    background-color: #ffc251c4;
    padding: 7px;
    border-radius: 25px;
}

div#filterForm {
    width: 40rem;
    position: absolute;
    z-index: 99;
    background-color: white;
    top: 60px;
    left: 387px;
    border-radius: 10px;
}

/* Media query for screens smaller than 768px (typical tablet size) */
@media (max-width: 767px) {
    #filterForm {
        width: inherit !important;
        left: inherit !important;
        top: 100px !important;
        /* Hide the element */
    }
}

/* Media query for screens smaller than 480px (typical mobile size) */
@media (max-width: 479px) {
    #filterForm {
        width: inherit !important;
        left: inherit !important;
        top: 100px !important;

        /* Hide the element */
    }
}

#filterForm {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.filter-form {
    display: none;
    border: 1px solid #ccc;
    padding: 20px;
    margin-top: 20px;
}

.select2.select2-container.select2-container--default {
    width: 100% !important;
}

input.no-flag-style.flag {
    margin-left: -20px;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.spinner-border {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
    100% {
        transform: rotate(360deg);
    }
}