/* GLOBAL STYLES START */
/* GLOBAL STYLES END */

/* BOOTSTRAP ADDITIONAL STYLES START */
.w-30 {
    width: 30%!important;
}

.w-35 {
    width: 35%!important;
}

.w-40 {
    width: 40%!important;
}

.w-60 {
    width: 60%!important;
}

.w-70 {
    width: 70%!important;
}

.fs-12px {
    font-size: 12px;
}

.fs-14px {
    font-size: 14px;
}

.fs-16px {
    font-size: 16px;
}

.fs-18px {
    font-size: 18px;
}

.fs-20px {
    font-size: 20px;
}
/* BOOTSTRAP ADDITIONAL STYLES END */

/* BOOTSTRAP OFFCANVAS WIDTH START */
.offcanvas {
    width: 100%!important;
}

@media (min-width: 992px) {
    .offcanvas {
        width: 50%!important;
    }
}
/* BOOTSTRAP OFFCANVAS WIDTH END */

/* AMS START */
.ams-d-none {
    display: none!important;
}
/* AMS END */

/* LOGIN FORM START */
.form-signin {
    max-width: 500px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#login-page-bg {
    background : url('/static/ams/img/ams_infectiontreat_login_page_1.jpg') no-repeat;
    background-size: cover;
    background-position: left;
    height: 100vh;
    width: 100%;
}
/* LOGIN FORM END */

/* TIMELINE OF AUDIT LOG START */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
/* TIMELINE OF AUDIT LOG END */

/* SELECT2 DROPDOWN START */
.select2-container .select2-selection--single,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

.select2-container--default .select2-selection--single {
    border-color: #DEE2E6!important;
    border-radius: 6px!important;
}

.select2-dropdown {
    border-color: #767676!important;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #767676!important;
}

.select2-results__option--group {
    padding: 0px 6px 0px 0px!important;
}

.select2-results__option--selectable,
.select2-results__option--disabled {
    padding: 0px 6px 0px 12px!important;
}

.select2-selection__arrow {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    right: 0px!important;
    width: 35px!important;
}

.select2-selection__arrow b {
    display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 3px !important;
}

.select2-search__field {
    outline: none;
}

.select2-results__option {
    word-break: break-all;
}

.select2-selection__rendered {
    color: #212529!important;
}
/* SELECT2 DROPDOWN END */

/* AUTOCOMPLETE AND LIST ITEMS OF DIAGNOSIS SEARCH START */
#result-list {
	position: absolute;
	display: none;
	z-index: 1000;
	max-height: 350px;
	overflow-y: auto;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

#result-list .list-group-item {
	cursor: pointer;
	border-radius: 0!important;
}
/* AUTOCOMPLETE AND LIST ITEMS OF DIAGNOSIS SEARCH END */

/* READ ONLY SELECTS START */
.form-select .readonly-select {
   background-color: #f2f2f2; /* Set the background color to a grayish tone */
   pointer-events: none; /* Disable pointer events to prevent interaction */
   cursor: not-allowed; /* Change the cursor to 'not allowed' */
}
/* READ ONLY SELECTS END */

/* PLANER ADD/EDIT FORM START */
#labresult-list > tr > td,
#medresult-list > tr > td,
#regimenresult-list > tr > td {
    padding: 2px;
}
/* PLANER ADD/EDIT FORM END */

/* FLATPICKR TIME ARROWS START */
.flatpickr-current-month .numInputWrapper span {
    width: 17px !important;
    padding: 0 4px 0 3px !important;
}

.flatpickr-time .numInputWrapper span {
    width: 35px!important;
    padding: 0 4px 0 12px!important;
}
/* FLATPICKR TIME ARROWS END */