/* ---------------- Google fonts ------------------ */

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Cond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





/* ---------------- Basic css ------------------ */

html{
	font-size: 62.5%;
}

:root {
	scroll-behavior: unset;
	--primaryFont: 'Myriad Pro';
	--blue: #1d3c60;
	--bule-1: #307194;
	--orange: #de7537;
	--black: #030303;
	--white: #fff;
	--gray: #ebe9e9;
	--gray-1: #a7acaf;
	--filter-orange: brightness(0) saturate(100%) invert(53%) sepia(85%) saturate(1079%) hue-rotate(339deg) brightness(93%) contrast(86%);
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

a{
	text-decoration: none;
	transition: 200ms;
	color: inherit;
}

a:hover{
	color: var(--orange);
}

button:focus,
a:focus,
input:focus,
textarea:focus {
	outline: none;
}


/* body */
body {
	font-size: 1.4rem;
	line-height: 1.142;
	font-family: var(--primaryFont);
	color: var(--black);
	overflow-x: hidden;
}

.container{
	padding-left: 2rem;
	padding-right: 2rem;
}



.text-blue{
	color: var(--blue);
}

.text-gray{
	color: var(--gray-1);
}



/* Title */

.title_xxl{
	font-size: 3.9rem;
	line-height: 1;
	color: var(--blue);
	font-weight: bold;
	font-family: var(--primaryFont);
}

.title_xl{
	font-size: 2.4rem;
	line-height: 1;
	color: var(--blue);
	font-weight: bold;
	font-family: var(--primaryFont);
}

.title_md{
	font-size: 3.6rem;
	line-height: 1;
	color: var(--orange);
	font-weight: bold;
}



/* Button */

.button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1;
	color: var(--white);
	font-weight: bold;
	border-radius: .4rem;
	background-color: var(--orange);
	padding: 1.2rem 1.7rem;
	transition: 200ms;
	border: none;
}

.button:hover{
	color: var(--white);
	background-color: #e88851;
}

.button_sm{
	display: inline-block;
	padding: .7rem 1.4rem;
	font-size: 1.2rem;
	line-height: 1;
	color: var(--white);
	background-color: var(--bule-1);
	border-radius: .4rem;
	border: none;
	transition: 200ms;
}

.button_sm:hover{
	background-color: var(--orange);
}

.red_button{
	background-color: #ca4528;
}

.red_button:hover{
	background-color: #df5333;
}

.green_button{
	background-color: #468d41;
}

.green_button:hover{
	background-color: #5da458;
}


.blue_button{
	background-color: var(--blue) !important;
}

.blue_button:hover{
	background-color: #2e5786 !important;
}

.gray_button{
	background-color: #a7acaf;
}

.gray_button:hover{
	background-color: #b8bfc3;
}





/* ---------------- Login area ------------------ */

.login_area{
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.site_logo{
	display: block;
	width: 26.8rem;
	margin: auto;
}

.login_area .logo_list{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 9.2rem;
}

.login_area .logo_list img{
	height: 5.3rem;
}

.logo_box{
	background-color: var(--blue);
	color: var(--white);
	border-radius: 1.8rem;
	text-align: center;
	padding: 7rem 0;
}


.logo_box .logo{
	width: 41.2rem;
}

.label{
	width: 12rem;
	display: block;
	color: var(--blue);
	font-size: 2.5rem;
	font-weight: bold;
	margin-right: 1.8rem;
}

.input{
	width: 16.7rem;
	height: 3.3rem;
	border-radius: 1.2rem;
	background-color: transparent;
	border: .2rem solid #113c63;
	padding: 0 .8rem;
	font-size: 2rem;
}

.login_form a{
	font-size: 1.7rem;
	color: #307194;
	font-weight: bold;
	text-decoration: underline;
	display: inline-block;
	margin-left: 15.5rem;
	margin-top: 1.2rem;
}

.login_wrap{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	border: 1px solid var(--blue);
	border-radius: 1.8rem;
}

.login_form{
	border-radius: 1.8rem;
	border: 1px solid var(--blue);
}

.login_form .sh1 {
	position: absolute;
	top: 0.4rem;
	right: 4rem;
	width: 16.3rem;
}




/* ---------------- reset password area ------------------ */

.reset_password_area{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	flex-direction: column;
}

.reset_password_area .login_wrap{
	display: block;
	width: 53.5rem;
	margin: auto;
}

.reset_password_area .login_form{
	padding: 3rem 0;
}

.reset_password_area .label{
	width: 50%;
}



/* ---------------- Sidebar ------------------ */

.sidebar{
	position: fixed;
	top: 0;
	left: 0;
	width: 7.5rem;
	height: 100vh;
	background-color: var(--bule-1);
	padding: 5rem 0;
	z-index: 1024;
}

.sidebar::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bule-1);
	z-index: -1;
}

.sidebar>.container{
	display: flex;
	align-items: center;
	flex-direction: column;
}

.sidebar .avatar{
	display: inline-block;
	width: 6.2rem;
}

.sidebar .avatar img{
	width: 100%;
}

/* menu */
.menu{
	padding-top: 2rem;
}

.menu>li:not(:last-child){
	margin-bottom: 1rem;
}

.menu>li>a .icon img{
	width: 4rem;
}

.menu>li>a:hover .icon img,
.menu>li>a.active .icon img{
	filter: var(--filter-orange);
}

.menu>li>a>span{
	display: none;
}

/* dropdown_menu */
.dropdown_menu{
	position: absolute;
	top: 0;
	left: -120%;
	width: 16.5rem;
	height: 100%;
	padding: 7.5rem 1.3rem;
	background-color: var(--blue);
	color: var(--white);
	z-index: -3;
	visibility: hidden;
	pointer-events: none;
	transition: 200ms;
}

@media (max-width: 991px) {
  .dropdown_menu {

  }
}

.menu>li>a.active + .dropdown_menu{
	left: 100%;
	visibility: visible;
	pointer-events: auto;
	z-index: -2;
}

.dropdown_menu h4{
	position: relative;
	font-size: 1.8rem;
	line-height: 1;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5rem;
}

.dropdown_menu h4::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -0.8rem;
	width: 3rem;
	height: 0.2rem;
	background-color: var(--orange);
}

.dropdown_menu ul a{
	position: relative;
	font-size: 1.4rem;
	line-height: 1;
	color: #ffffff;
	font-weight: bold;
	display: block;
	padding: 1.2rem 1.6rem;
	padding-right: 0;
	border-bottom: 1px solid rgb(48, 113, 148, 0.7);
}

.dropdown_menu ul a.active::before,
.dropdown_menu ul a:hover::before{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 1.1rem;
	height: 1.3rem;
	background: url(../img/arrow-right-dbl.png) no-repeat left center;
	background-size: 100% auto;
}



/*Hamburger menu*/
.hamburger-menu {
	cursor: pointer;
	position: relative;
	display: none;
	z-index: 999;
}

.hamburger-menu span {
	background: var(--white);
	width: 3rem;
	height: .3rem;
	display: block;
	margin: .5rem 0;
	transition: all 0.3s ease;
}

.hamburger-menu:hover .line-top {
	transform: translateY(-100%);
}

.hamburger-menu:hover .line-bottom {
	transform: translateY(100%);
}

.hamburger-menu .line-top.current {
	transform: translateY(200%) rotate(135deg);
}

.hamburger-menu .line-center.current {
	opacity: 0;
}

.hamburger-menu .line-bottom.current {
	transform: translateY(-325%) rotate(-135deg);
}




/* ---------------- mian content area ------------------ */

.main{
	width: calc(100% - 7.5rem);
	margin-left: auto;
	transition: 200ms;
}

@media(min-width: 992px) and (max-width: 1499px){

	.sidebar_expand .main{
		width: calc(100% - 24rem);
	}

}

.row:not(.g-1,.g-2,.g-3,.g-4,.g-5){
	--bs-gutter-x: 3.7rem;
	--bs-gutter-y: 3.7rem;
}


/* user_top */

.user_top{
	background-color: var(--blue);
	padding: 1.7rem 2.5rem;
	border-radius: 1.8rem;
}

.user_top .right{
	color: var(--white);
	font-weight: 700;
	font-size: 1.2rem;
	text-align: end;
}

.user_top .right a{
	text-decoration: underline;
}

.user_top .right h3{
	font-size: 2.4rem;
	font-weight: 700;
	padding: .5rem 0 0;
}

.user_top .logo{
	width: 21rem;
}

.user_top form{
	position: relative;
	width: 19rem;
	margin: auto;
}

.user_top form input{
	width: 100%;
	height: 3rem;
	border-radius: .4rem;
	background-color: #ebe9e8;
	border: none;
	padding: 0 1rem;
	font-size: 1.2rem;
	font-weight: bold;
}

.user_top form button{
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
	border: none;
	background-color: var(--orange);
	padding: 0;
	border-radius: .4rem;
}

.user_top form button img{
	width: 1.6rem;
}




/* filter */

.filter{
	display: flex;
	align-items: center;
	gap: 0 2rem;
	padding: 3rem 0 2.5rem;
}

.nice_select{
	width: 10rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background-color: var(--bule-1);
	padding: 0 .5rem;
	border: none;
	border-radius: .4rem;
	font-size: 1.2rem;
}

.nice_select .current{
	color: var(--white);
}

.nice_select .list{
	width: 100%;
}

.nice_select::after{
	border-top: solid .5rem var(--white);
  	border-left: solid .5rem transparent;
	border-right: solid .5rem transparent;
	border-bottom: solid .5rem transparent;
	transform: rotate(0deg);
	right: .6rem;
	transition: 0ms;
	margin-top: -0.1rem;
}

.nice_select.open::after{
	transform: scaleY(-1);
	margin-top: -1rem;
}

.nice-select .option{
	min-height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 .6rem;
}

.filter .input_blk input{
	width: 11rem;
	height: 2.5rem;
	font-size: 1.2rem;
	border-radius: .4rem;
	border: 1px solid #ddd;
}

.content_box{
	height: 100%;
	padding: 2rem;
	border-radius: 1.8rem;
	background-color: var(--gray);
}

.space_box{
	display: flex;
	align-items: center;
	margin-top: 1.68rem;
}

.space_box p{
	width: 9.5rem;
	flex-shrink: 0;
}

.space_box .progress_box{
	width: 14rem;
	height: 1.8rem;
	border: 1px solid var(--blue);
}

.space_box .progress_box div{
	height: 100%;
}

.space_box.totel p{
	width: 16rem;
	text-transform: uppercase;
	color: var(--blue);
}


.btn__group{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

.totel_revenue_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}

.totel_revenue{
	width: 17rem;
	height: 17rem;
	border: 2.5rem solid #bc4c33;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.totel_revenue h3{
	font-size: 3rem;
	color: var(--blue);
	font-weight: bold;
}

.totel_revenue h4{
	font-size: 1.8rem;
	color: var(--blue);
	font-weight: bold;
}




.list_group li{
	font-size: 1.2rem;
}

.list_group li:not(:last-child){
	margin-bottom: 1.6rem;
}

.list_group li.border-bottom{
	border-bottom: 1px solid #a0a0a0 !important;
	margin-bottom: 1.2rem;
	padding-bottom: 1.2rem;
}




.border-bottom{
	border-bottom: 1px solid #a0a0a0 !important;
}


.manager_area .btn__group{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}



.cashier_icon_box{
	padding: 1.8rem 2.7rem 2.7rem 2.7rem;
	border-radius: 1.9rem;
	background: var(--gray);
}

.cashier_icon_box .icon{
	width: auto;
	height: 4rem;
}

.cashier_icon_box h2{
	font-size: 3.8rem;
	line-height: 1;
	color: #1d3c60;
	font-weight: bold;
	padding: 3rem 0 1rem;
}

.cashier_icon_box p{
	font-size: 1.6rem;
	line-height: 1;
	color: #616161;
}


.table_wrap{
	padding-right: 1.8rem;
	padding-bottom: 1.8rem;
	border: .2rem solid #cdcfd1;
}

table{
	width: 100%;
	border-collapse: separate;
	border-spacing: .1rem 0;
	overflow: hidden;
}

table tr:nth-child(even){
	background-color: #e4e7ec;
}

table th{
    position: sticky;
    top: 0;
	font-size: 1.4rem;
	line-height: 1;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: var(--bule-1);
	padding: .8rem;
}

table td{
	font-size: 1.4rem;
	line-height: 1.142;
	color: #000000;
	text-align: center;
	height: 4.5rem;
	padding: .5rem 0;
}

.sale_history_table{
	height: 80vh;
	max-height: 100rem;
}


.table_pagination{
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	letter-spacing: .1rem;
	line-height: 1;
	color: #000000;
}

.table_pagination p{
	flex-shrink: 0;
}

.table_pagination .pagination_list{
	display: flex;
	align-items: center;
	gap: 0 .9rem;
	margin-left: 35%;
}

.table_pagination.v1 .pagination_list{
	margin-left: 55%;
}


/* table scrollbar vertical */
.simplebar-track.simplebar-vertical {
	width: 1.9rem;
	background-color: #f0f1f4;
	border: 1px solid #cdcfd1;
	z-index: 111;
}

.simplebar-scrollbar.simplebar-visible::before {
	opacity: 1;
	border-radius: 1rem;
	background-color: #de7537;
}

.simplebar-scrollbar::before {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* table scrollbar horizontal */
.simplebar-track.simplebar-horizontal {
	right: 1.92rem;
	height: 1.9rem;
	background-color: #f0f1f4;
	border: 1px solid #cdcfd1;
}





.input_blk{
	position: relative;
}

.symble_label{
	position: absolute;
	top: 0;
	left: 0;
	width: 2rem;
	height: 100%;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--white);
	background: var(--bule-1);
}

.input_v1{
	border: none;
	width: 100%;
	height: 2.5rem;
	background-color: #f7f6f5;
	border-radius: .4rem;
	padding: 0 .7rem;
	font-size: 1.2rem;
	color: #000000;
}

.input_v1.pl_25{
	padding-left: 2.5rem;
}

.textarea{
	border: none;
	width: 100%;
	height: 8rem;
	background-color: #f7f6f5;
	border-radius: .4rem;
	padding: 1rem .7rem;
	font-size: 1.2rem;
	color: #000000;
	resize: none;
}

.checkout_form{
	padding: 2.5rem 18rem 2.5rem 1.5rem;
	border-width: 1px 0;
	border-color: #e6e6e6;
	border-style: solid;
}






.table_trash_btn{
	width: 2.3rem;
	padding: 0;
	background: transparent;
	border: none;
}

.table_trash_btn img{
	width: 100%;
}

.table_green_check{
	width: 2rem;
}

.checkout_table{
	height: 43rem;
}


.table_totel{
	text-align: end;
	padding: 1rem;
	background-color: #e4e8ed;
}

.table_totel p{
	padding: 0.3rem 0;
}





.payment_method_choose{
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
}

.payment_method_choose .button{
	height: 3.6rem;
	padding: 0;
	background-color: #a7acaf;
	width: calc(50% - .6rem);
}

.payment_method_choose .button:hover{
	background-color: #b9bdc0;
}

.payment_method_choose .button.selected{
	background-color: #de7537;
}




.checkout_amount{
	text-align: center;
}

.checkout_amount .title_xl.top{
	font-size: 2.8rem;
}

.checkout_amount .title_md.top{
	font-size: 3.6rem;
}



.checkout_left_side{
	border-right: 1px solid #f8dac6;
}


.checkout_amount .border-bottom{
	border-color:#cdcfd1 !important;
}

.checkout_amount .remaining_balance span{
	font-size: 1.8rem;
	font-weight: 700;
}

.payment_form .button:disabled {
	opacity: 0.1;
}

.payment_method_choose .button:disabled {
	opacity: 0.2;
}


.nice_select_v1{
	width: 100%;
	background-color: #f7f6f5;
	font-size: 1.2rem;
	color: #000000;
}

.nice_select_v1 .current {
	color: #a7acaf;
}

.nice_select_v1::after{
	right: 2rem;
	border-top: solid .5rem #a7acaf;
}


.checkout_form.filter_form{
	padding-right: 8rem;
}



table th .arrow{
	width: 1.4rem;
	margin-left: 0.5rem;
	margin-top: -0.5rem;
}



.process_recnt_payment_table{
	height: 120rem;
}

.process_recnt_payment_table input[type="checkbox"]{
	margin: 0 .7rem;
}


.checkout_amount .amount_due,
.checkout_amount .other_amount{
	background-color: #f7f6f5;
	padding: .5rem 1rem;
	width: 12rem;
	margin-left: auto;
	margin-right: auto;
}


.checkout_amount .amount_due{
	border: 1px solid var(--orange);
}


.checkout_amount .amount_due .title_xl,
.checkout_amount .other_amount .title_xl{
	font-size: 1.5rem;
}

.checkout_amount .amount_due .title_md,
.checkout_amount .other_amount .title_md{
	font-size: 2rem;
}





.search_form{
	position: relative;
	display: inline-block;
}

.search_form .input_v1{
	width: 22rem;
}

.search_form button{
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 100%;
	background: var(--bule-1);
	border: none;
	border-radius: .4rem;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search_form button:hover{
	background: #2e5786;
}

.search_form button img{
	width: 1.2rem;
}



table a{
	color: #0089cf;
	text-decoration: underline;
}





.sale_gift_certificate_table{
	height: 90vh;
}




.border-bottom-gray{
	border-bottom: 1px solid #cdcfd1;
}


.table_filter_form{
	display: flex;
}

.table_filter_form .nice_select_v1{
	width: 12rem;
	margin-right: 0.5rem;
}

.table_filter_form .nice_select_v1::after{
	right: 1rem;
}



.edit_user_form .form_group{
	display: flex;
	align-items: center;
	padding-bottom: 1rem;
}

.edit_user_form .form_group .input_label{
	width: 10rem;
	flex-shrink: 0;
}

.edit_user_form .form_group .input_v1{
	width: 20rem;
}

.edit_user_form .form_group .nice_select_v1{
	width: 10rem;
}

.edit_user_form .form_group .nice_select_v1 .current{
	color: #000000;
}

.edit_user_form .generate_pass .input_v1{
	width: 13rem;
}


table .dot{
	width: 0.7rem;
}



.stores_table{
	height: 49.5rem;
}



/* Modal */
.modal-dialog{
	max-width: 62rem;
}

.modal-content{
	padding: 2.5rem 1rem;
	border: 1.5rem solid #cdcfd1;
	border-top-width: 2.5rem;
	border-radius: 0;
}

.modal_close{
	position: absolute;
	top: -2.6rem;
	right: -.3rem;
	padding: 0;
	font-size: 2.2rem;
	color: #000000;
	background: transparent;
	border: none;

}






#choose_register_modal .row{
	--bs-gutter-x: 3.2rem;
}

#choose_register_modal .modal-content{
	padding-left: 3rem;
	padding-right: 3rem;
}


.choose_register_box{
	text-align: center;
	margin-top: 2.5rem;
}

.choose_register_box .box_body{
	border-radius: .8rem;
	background-color: #f7f5f5;
	padding: 3rem 1rem;
}

.choose_register_box .icon{
	height: 4rem;
}

.choose_register_box .icon img{
	width: 4.7rem;
}

.choose_register_box .icon3 img{
	width: 3.5rem;
}

.choose_register_box  .title_xl{
	padding: 2.5rem 0 .8rem;
	font-size: 1.8rem;
}

.choose_register_box p{
	font-size: 1.1rem;
	color: #616161;
}



.sing_out{
	display: inline-block;
	border-radius: 1.3rem;
	background-color: #f7f5f5;
	border: 1px solid #1d3c60;
	padding: .5rem 2.7rem;
}



#tax_id_lookup_modal .modal-content{
	padding: 2.5rem 4.5rem;
}

.table_cricle{
	width: 1.5rem;
	margin: 0 .2rem;
}


.tax_id_lookup_table{
	height: 40rem;
}



#deleting_item_modal .proceed,
#cloverAuthModal .proceed,
#ccReceiptModal .proceed,
#ccModal .proceed {
	display: inline-block;
	padding: .7rem 1.5rem;
	border-radius: 1.5rem;
	background-color: #f7f5f5;
}



#add_certificate_modal .modal-dialog{
	max-width: 36.5rem;
}

#add_certificate_modal .modal-content{
	padding: 2rem 1.5rem;
}

#add_certificate_modal .title_md{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

#add_certificate_modal .form_group{
	display: flex;
	align-items: center;
	padding-bottom: 1.5rem;
}

#add_certificate_modal .input_label{
	width: 10.5rem;
	flex-shrink: 0;
}

#add_certificate_modal .input_v1,
#add_certificate_modal .nice_select_v1{
	width: 100%;
}




#vendor_info_modal .modal-dialog{
	max-width: 36.5rem;
}

#vendor_info_modal .modal-content{
	padding: 2rem 1.5rem;
}

#vendor_info_modal .title_md{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

#vendor_info_modal .input_v1{
	width: 20rem;
}

.gift-certificate-item, .vendor-item {
    padding: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.gift-certificate-item:hover, .vendor-item:hover {
    background-color: #f0f0f0;
}

#invoiceScriptOutput, #GCScriptOutput {
    background-color: #000;
    color: #bcf;
    font-family: 'Courier New', monospace;
    padding: 10px;
    overflow: auto;
    height: 300px;  // or whatever height you'd like
}

.alert-highlight {
    border: 2px solid red; /* Or any other style you prefer */
}

#start-date-alert {
    color: red;
    margin-top: 5px;
    display: none; /* Initially hidden */
}

@keyframes flash {
    0% {opacity: 1;}
    50% {opacity: 0.1;}
    100% {opacity: 1;}
}

.flashing {
    animation: flash 1s linear infinite;
}

table.dsr-table td {
	height: 1em;
}

table.small-rows th{
	position: sticky;
	top: 0;
	font-size: 1.4rem;
	line-height: 1;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: var(--bule-1);
	padding: .2rem;
}

table.small-rows td{
	font-size: 1.4rem;
	line-height: 0.942;
	color: #000000;
	text-align: center;
	height: 1.5rem;
	padding: .1rem 0;
}