/*@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}
*/
header, main, footer {
    flex-shrink: 0;
}

.svg-container {
    border: none !important;
}

.language-dropdown {
    background-color: #f5f5f5;
    border-color: #367d3c;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}

.eye-direction.rtl {
    right: 350px !important;
}

.eye-direction.ltr {
    right: 10px !important;
}

.w-90 {
    width: 98%;
}

.w-80 {
    width: 80%;
}

.w-10 {
    width: 10%;
}

.w-60 {
    width: 60%;
}

.w-30 {
    width: 30%;
}

.fs-7 {
    font-size: 0.75rem !important;
}

.fs-8 {
    font-size: 0.5rem !important;
}

.main-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.main-scrollbar::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #cacaca;
}

.main-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: 1px solid transparent;
    background-clip: content-box;
    background-color: #369e3e;
}

.form-check {
    font-size: 1.1rem !important;
}

.form-check-label {
    color: #367d3c;
}

.form-check-input {
    border-color: #367d3c;
}

    .form-check-input:checked {
        background-color: #367d3c;
        border-color: #367d3c;
    }

    .form-check-input:focus {
        border-color: #367d3c;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgb(49 112 54 / 20%);
    }


.custom-wrapper {
    border: 1.5px solid #367d3c;
    border-radius: 5px;
}

.vscomp-toggle-button {
    background-color: transparent !important;
    border: none !important;
}

.vscomp-ele {
    background: transparent !important;
    max-width: none;
}

    .vscomp-ele[disabled]
    .vscomp-wrapper {
        border: 1.5px solid #92a293;
    }

.vscomp-value {
    opacity: unset !important;
    color: #367d3c;
}

.vscomp-dropbox, .pop-comp-wrapper {
    border: 1px solid #367d3c;
    border-radius: 5px;
}

.vscomp-search-wrapper {
    padding-top: 10px;
}

.vscomp-options-container {
    padding-top: 3px;
}

    .vscomp-options-container::-webkit-scrollbar {
        width: 8px;
    }

    .vscomp-options-container::-webkit-scrollbar-track {
        border-radius: 8px;
        background-color: #ffffff;
        border: 1px solid #cacaca;
    }

    .vscomp-options-container::-webkit-scrollbar-thumb {
        border-radius: 3px;
        border: 1px solid transparent;
        background-clip: content-box;
        background-color: #369e3e;
    }

.vscomp-option.focused {
    background-color: #f6f6f6 !important;
}


div.dt-container .dt-search input {
    border: 0.5px solid #367d3c !important;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    color: inherit;
    margin-left: 0px;
}

div.dt-container .dt-input {
    border: 0.5px solid #367d3c !important;
    border-radius: 30px;
    padding: 5px;
    background-color: transparent;
    color: inherit;
}

.svg-container {
    width: 30px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Ensures no overflow of the image */
    border: 1px solid #dfdfdf80;
    border-radius: 3px;
}

    .svg-container img {
        width: 100%;
        height: 100%;
       object-fit: fill !important; /* Ensures the SVG covers the container dimensions */
    }

.rot-90 {
    transform: rotate(90deg) !important;
}

.form-floating,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    color: #198754;
}

    .form-floating > .form-control,
    .form-floating > .form-control-plaintext,
    .form-floating > .form-control-plaintext:focus,
    .form-floating > .form-control-plaintext:not(:placeholder-shown),
    .form-floating > .form-control:focus,
    .form-floating > .form-control:not(:placeholder-shown) {
        border-color: green;
    }

.vscomp-wrapper {
    height: 55px;
}



/*.input-validation-error:focus,*/
.custom-wrapper.has-error:focus {
    border-color: var(--bs-form-invalid-border-color) !important;
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) !important;
}

.input-validation-error,
.custom-wrapper.has-error {
    border-color: var(--bs-form-invalid-border-color) !important;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("svg/alert.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

@media only screen and (max-width: 500px) {
  /*  #sidebar {
       display:none;
    }
    #sidebarContent {
        padding: 0px !important;
    }*/
 th {
    font-size:14px;
  }
    th > span {
        font-size: 14px;
    }
    td {
        font-size: 14px;
    }
}

.dt-scroll-min-height {
    min-height: 110px !important;
}