/* 
//TODO search by invoice number


black 	1B0B0C
blue	2A5590
yellow 	C2C577
red		ED3E3A
gray	DDDDDD
green 3A9D23
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input{
	background-color: #fff;
}

/*end reset*/


html,body{
	background-color: #1b0b0c;
	color: #fff;
	margin: 0;
}
header{
	background-color: #2A5590;
	width: 100%;
	left: 0;
	top: 0;
	height: 100px;
	padding: 10px 0;
	position: fixed;
	z-index: 1000000;
}



@media (min-width: 600px){
	#pageTitle{
		font-size: 35px;
		line-height: 30px;
	}

	#pageTitle .pageTitle{
		font-size: 24px;
		margin-left: 30px;
	}

	nav{
		left: 30px;
		top: 160px;
		width: 170px;
		text-align: right;
	}

	main{
	top: 100px;
	margin: 50px 300px;
	}

}

@media (max-width: 599px){
	header{
		height: 20vw;
		position: relative;
	}

	#pageTitle{
		font-size: 6vw;
		line-height: 5.5vw;
	}

	#pageTitle .pageTitle{
		font-size: 3vw;
		display: block;
		margin-top: -1vw;
	}
	nav{
		/*
		left: 0px;
		top: calc(20vw + 30px);
		width: 100%;
		padding: 0 20px;
		height: 100%;
		text-align: center;
	*/
		left: 30px;
		top: 160px;
		width: 170px;
		text-align: right;
	}
	nav a{
		/*
		width: 100%;
		*/

	}
	main{
	top: 10px;
	margin: 50px 300px;
	}

}
.shrinkNav{
	width: 20px;
	transition: .5s;
}
main{
	position: relative;
	width: calc(100% - 400px);
	transition: .5s;
}
.expandMain{
	width: calc(100% - 50px);
	margin: 50px 30px;
	transition: .5s;
}



#pageTitle{
	font-family: "Libre Franklin";
	font-weight: 900;
	position: relative;
	top: 20px;
	left: 20px;
	width: calc(100% - 30px);
}
#pageTitle .pageTitle{
	font-family: 'Roboto Mono';
	font-weight: 400;
	color: #C2C577;
}
#pageTitle .role{
	text-transform: uppercase;
}

nav{
	position: absolute;
	font-family: 'Roboto Mono', monospace;
	font-weight: 100;
	transition: .5s;
}
nav a{
	color: #fff;
	text-decoration: none;
	line-height: 20px;
	display: block;
	margin: 10px 0;
	padding: 5px 0;
	transition: .5s;
	border-bottom: solid #1b0b0c 3px;
}
nav a.menuCurrent{
	font-weight: 400;
	border-bottom: solid #2a5590 3px;
}
nav a:hover{
	color: #C2C577;
	font-weight: 600;
	transition: .5s;
}
nav a#username{
	text-align: left;
	font-weight: 600;
}

nav #burger{
	width: 25px;
	position: absolute;
	right: 0;
	cursor: pointer;
	z-index: 99999;
	transition: .5s;
}
nav #burger:hover div{
	background-color: #C2C577;
	transition: .5s;
}
nav #burger div{
	background-color: #aaa;
	width: 100%;
	height: 3px;
	margin-bottom: 3px;
	border-radius: 2px;
	transition: .5s;
}
nav #theMenu{
	overflow: hidden;
	white-space: nowrap;
}



button, .browseButton {
	font-family: Montserrat, sans-serif;
	border-size: 1px;
	border-radius: 5px;
	padding:  4px 20px;
	font-size: 18px;
	font-weight: 200;
	cursor: pointer;
	background-color: #2a5590;
	color: #fff;
	border: none;
	margin-top: 10px;
	border: solid 1px #1B0B0C;
	transition: .5s;
}
button:hover, .browseButton:hover{
	font-weight: 200;
	transition: .5s;
	border: solid 1px #fff;
	filter: brightness(120%);
}

.buttonSaveTracking {
	width: 66px;
	padding: 0px 13px 0px 11px;
}

.cancelButton {
	background-color: #ed3e3a;
}

input[type="file"] {
	display: none;
}

.radioOpt{
	font-size: 10px;
	display: inline;
}

form#inputForm{
	font-family: Montserrat, sans-serif;
	font-weight: 200;
	font-size: 20px;
		margin-top: 70px;

}
#inputForm input{
	width: 100%;
}

form .left{
	vertical-align: top;
	width: 200px;
	display: inline-block;
}
form #right{
	vertical-align: bottom;
	width: 100px;
	display: inline-block;
	margin-left: 10px;
}
form input{
	margin-top: 10px;
}
form .loadBar{
	width: 100%;
	height: 20px;
	border: solid #fff 1px;
	margin-top: 10px;
	position: relative;
}
form .loadBarFill{
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #2a5590 ;
}
form #filename{
	text-align: right;
	margin-top: 10px;
	height: 30px;
	width: calc(100% - 10px);
	background-color: #fff;
	color: #000;
	line-height: 30px;
	font-size: 12px;
	padding: 0 5px;
	font-weight: 400;
	overflow: hidden;
} 

.lowerForm{
	margin-top: 30px;
	font-family: Montserrat, sans-serif;
	font-weight: 200;
	width: 340px;
	font-size: 20px;
	margin-left: 40px;
}
.lowerForm label,.lowerForm input{
	display: block;
}

#qmark{
	height:25px;
	vertical-align: middle;
	float: right;
}

#helpPopUp{
	position: absolute;
	background-color: #444;
	border: solid #fff 2px;
	border-radius: 5px;
	z-index: 99;
	font-size: 13px;
	font-weight: 500;
	width: 200px;
	padding: 25px 25px;
	padding-bottom: 50px;
}

.failreason{
	padding-left: 5px;
}

#searchoptions{
	text-align: left;
	position: relative;
	white-space: nowrap;
	line-height: 25px;
}
.small{
	font-size: 10px !important;
	font-weight: 400;
	display: inline;
	vertical-align: middle;
	letter-spacing: 1px;
}
#searchoptions .check{
	margin: 0;
	width: auto;
	vertical-align: middle;
}
#searchoptions .radioOpt{
	font-size: 10px;
	font-weight: 400;
	display: inline;
	vertical-align: middle;
}
#searchoptions input[type=radio]{
	margin: 0;
	width: auto;
	vertical-align: middle;
	display: inline;
	margin-right: 10px;
}


@media (min-width: 600px){
	.tabletop #tablebuttons{
		margin-left: 40px;
	}
	form#inputForm{
		width: 340px;
		margin-left: 40px;

	}
	
}
@media (max-width: 599px){
	.tabletop #tablebuttons{
		margin-left: 40px;
	}
	form#inputForm{
		width: calc(100% - 30px);
		margin-left: 0px;

	}
}


.table{			
	margin-top: 50px;
}
.tabletop{
	white-space: nowrap;
}
.tabletop #tablebuttons{
	display: inline-block;
}
.tabletop .messages{
	color: #DF6229;
	font-family: Montserrat;
	font-weight: 400;
	font-size: 12px;
	display: inline-block;
	padding-left: 20px;
	letter-spacing: 1px;
}
table{
	margin-left: 0px;
	margin-top: 10px;
	border-collapse: collapse;
}
.tableHeader{
	background-color: #2a5590;
	font-family: Montserrat;
	font-weight: 100;
	font-style: italic;
	font-size: 12px;
} 
th{
	background-color: #2a5590;
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
}

td{
	background-color: #fff;
	color: #000;
	padding: 20px;
	padding-top: 8px;
	padding-bottom: 6px;
	font-size: 12px;
	font-family: "Roboto Mono", monospace;
	border: solid #ddd 2px;

}
#commitToolbar {
	justify-content: space-between;
	margin-bottom: 10px;
}

#commitToolbar.flexbox {
	display: flex;
}

#commitToolbar.hidden {
	display: none;
}

#queue-container tr.invoice-queue-error-row td {
	color:#999;
	border-bottom: none;
	background: linear-gradient(180deg, white, yellow);
}

#queue-container tr.invoice-queue-error-row-message td {
	border-top: none;
	background-color: yellow;
	font-style:italic;
}

#queue-container tbody td {
	font-size: 14px;
}

#queue-container table {
	width: 100%;
	min-width:848px;
	border-collapse: collapse;
	margin-bottom: 40px;
	margin-top: 0;
	table-layout: fixed;
}

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

#queue-container th {
	background-color: #2a5590;
	font-family: "Roboto Mono", monospace;
}


#queue-container .fixed {
	white-space: nowrap; /* Prevents wrapping */
	overflow: hidden;
	text-overflow: ellipsis; /* Optional for truncation */
}

	#queue-container .fixed.f-check {
		width: 27px;
	}

	#queue-container .fixed.f-vin {
		width: 150px;
	}

	#queue-container .fixed.f-rq {
		width: 105px;
	}

	#queue-container .fixed.f-fees {
		width: 85px;
	}

	#queue-container .fixed.f-track {
		width: 210px;
	}



/* The column that should stretch */
#queue-container .flexible {
	width: auto; /* Auto makes it take up the remaining space */
	white-space: nowrap; /* Allows wrapping */
	word-break: break-word; /* Prevents overflow from long words */
}
#queue-container .flexible.f-client {
	overflow:hidden;
	text-overflow:ellipsis;
}

#tables-container h2 {
	font-size: 16px;
	font-weight: bolder;
	font-family: "Roboto Mono", monospace;
	margin-top: 25px;
}

.header-container {
	display: flex;
	justify-content: space-between; /* Moves elements to opposite sides */
	align-items: center;
	margin-bottom: 5px; /* Reduce spacing between header and table */
	width: 100%;
}

	.header-container h2 {
		margin: 0; /* Remove default margin */
		font-size: 1.2em; /* Adjust if needed */
	}


#queue-container h2 {
	font-family: "Roboto Mono", monospace;
	margin-top:20px;
}


.ralign {
	padding-right: 5px;
	text-align: right;
}

.notificationCol{
	border: none;
	background-color: #1B0B0C;
	color: #DF6229;
	line-height: 12px;
	font-size: 10px;
}
.notificationCol div{
	width: 80px;
}
.note{
	text-align: right;
	border-left: solid 1px;
	border-top: solid 1px;
	border-bottom: solid 1px;
}
.unselected td{
	color: #888;
}

#multiHit{
	margin-left: 40px;
}
/*
#multiHit tr:hover td{
	background-color: #999;
	cursor: pointer;
}
*/
#multiHit .selected{
	background-color: #2A5590;
	color: #fff;
}


.yellow{
	color: #C2C577 !important;
	font-weight: 400;
}

.red{
	color: #ED3E3A;
}


#casepage{
	margin-left: 40px;
	padding-right: 40px;
	width: 600px;
	margin-top: 20px;

}
#casepage table{
	margin: 0;
	width: 100%;
}
#casepage table td{
	border-color: #1b0b0c;
	color: #555;
}
#casepage table td span{
	color: #111;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
}
#casepage #currentstatus{
	margin: 0;
	width: 100%;
	text-align: right;
	font-family: Montserrat, sans-serif;
}
.seperator td{
	background-color: #1b0b0c;
	border-color: #1b0b0c;
}
#status{
	color: #df6229;
	font-size: 13px;

}
#status span{
	text-transform: uppercase;
}
#eta{
	color: #fff;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 2px;
	margin: 4px 0;
}

#uploadDate, #invoiceDate {
	margin-top: 2px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
}
	#uploadDate span, #invoiceDate span {
		text-transform: uppercase;
	}

#casebuttons{
	margin-left: 40px;
	padding-top: 20px;
	padding-bottom: 50px;
}
#casebuttons button{
	margin-right: 20px;
}
table.editcase td input{
	width: 100%;
	margin: 0;
	padding: 1px 4px;
	display: inline;
}

#usertable{
	left: 0px;
	position: relative;
	margin-bottom: 50px;
}

.auser{
	cursor: pointer;
}
#userpage{
	margin-left: 20px;
	width: 600px;

}
#userpage table{
	margin: 0;
	width: 100%;
	margin-bottom: 50px;

}
#userpage table td{
	background-color: #1b0b0c;
	border-color: #1b0b0c;
	color: #aaa;
}
#userpage table td span{
	color: #fff;
}
table.edituser td input{
	width: 50%;

	margin: 0;
	margin-top: 2px;
	padding: 0;
	display: block;
	background-color: #eee;
}
/* 
black 	1B0B0C
blue	2A5590
yellow 	C2C577
red		ED3E3A
hot red DF6229
gray	DDDDDD
*/


.hideit{
	display: none;
}
#coverup{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	z-index: 999;
}
#confirmation, #scannerModePop{
	width: 400px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 200px;
	border: solid #fff 5px;
	border-radius: 10px;
	z-index: 1000;
	background-color: #eee;
	color: #111;
	
}
#popupTitle{
	color: #C2C577;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	width: 340px;
	top: 0;
	left: 0;
	height: auto;
	position: relative;
	background-color: #2A5590;
	padding: 10px 30px;
	line-height: 20px;
}
#popupMessage{
	font-family: "Roboto Mono", monospace;
	width: 340px;
	margin: auto;
	left: 0;
	position: relative;
	padding: 30px;
}
#popupButtons{
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	z-index: 999999;
}
#popupButtons button{
	margin: 0 10px;
}

#left,#right{
	display: inline-block;
}



#failedvins{
	padding-top: 20px;
	list-style: none;
	font-family: 'Roboto Mono', monospace;
}
#failedvins span{
	color: #C2C577;
}
#failedvins li{
	padding: 5px;
}




/*comments*/




#working{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 999999999;
	transition: .5s;
}
#working img{
	margin-top: 200px;
	width: 100px;
}


#formError{
	padding-top: 10px;
}


#sessionCover{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 9999999999990999;
	transition: .5s;
}
#sessionPop{
	width: 400px;
	height: auto;
	position: fixed;
	left: 50%;
	margin-left: -200px;
	top: 200px;
	border: solid #fff 5px;
	border-radius: 10px;
	z-index: 9999999999999999;
	background-color: #eee;
	color: #111;
	
}
#sessionPopTitle{
	color: #C2C577;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	width: 340px;
	top: 0;
	left: 0;
	height: auto;
	position: relative;
	background-color: #2A5590;
	padding: 10px 30px;
	line-height: 20px;
}
#sessionPopMessage{
	font-family: "Roboto Mono", monospace;
	width: 340px;
	margin: auto;
	left: 0;
	position: relative;
	padding: 30px;
}
#sessionPopButtons{
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	z-index: 999999;
}
#sessionPopButtons button{
	margin: 0 10px;
}


#requirementsPage label{
	display: block;
	width: 300px;
	padding-top: 10px;

}
#requirementsList{
	padding-top: 20px;
	list-style: none;
	font-family: 'Roboto Mono', monospace;
	margin-left: 40px;
	padding-bottom: 50px;
}
#requirementsList div{
	padding-top: 5px;
}



/*comments*/
#commentSection{
	margin-top: 50px;
	padding-bottom: 50px;
}
.sectionTitle{
	font-family: Montserrat, sans-serif;
  	font-weight: 200;
  	font-size: 20px;
  	margin-bottom: 20px;
}
.acomment{
	padding: 20px;
	border-bottom: solid thin;
	font-family: "Libre Franklin";
	position: relative;
	width: 600px;
}
.acomment em{
	color : #2A5590;
	font-style: italic;
}
.blackbg{
		background-color: #1B0B0C;
}
.cinfo{
	text-align: right;
	position: relative;
	display: inline-block;
	left: 0;
	width: 150px;
	vertical-align: top;
}
.cname{
	font-weight: 600;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 1px;
}
.cdate{
	font-size: 10px;
	font-style: italic;
	letter-spacing: 1px;
}
.cbody{
	position: relative;
	display: inline-block;
	width: 400px;
	vertical-align: top;
	margin-left: 20px;
	font-weight: 200;
}

.private{
	background-color: #ED3E3A;
}

.cbody textarea{
	width: 400px;
	height: 100px;
}

.commentPreview{
	min-width: 300px;
	max-width :400px;
	white-space: normal;
}
.sectiontitle{
	font-family: Montserrat, sans-serif;
	font-weight: 200;
	font-size: 20px;
}

#inputForm input.rad{
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}

#commentError{
	font-family: Montserrat, sans-serif;
	font-weight: 200;
	font-size: 20px;
	margin-top: 20px;
}

#changeMode{
	font-size: 12px;
	cursor: pointer;
	color: #888;
	width: auto;
}
#changeMode span span:hover{
	color: #eee;
}
.high{
	color: #C2C577;
	font-weight: 500;
}

tr.result:hover td{
	cursor: pointer;
	background-color: #999;
}

.unread:hover,
.hideIcon:hover,
.deleteIcon:hover,
.unhideIcon:hover {
	cursor: pointer;
	color: #C2C577;
}


#noteinput{
	width: 100% !important;
	height: 80px;
	vertical-align: top;
}
#sncell{
	position: relative;
}
#note_button{
	position: absolute;
	bottom: 10px;
	left: 20px;	
}

.commentToggles>span{
	display: inline-block;
	margin-left: 2px;
}
.hiddenComment{
	padding: 5px 20px !important;
	display: none;
}

div.adminHiddenComment{
	color: #555 !important;
}


.pad th{
	padding: 10px 20px;
}
#sharing td{
	background-color: transparent;
	color: #fff;
	border: none;
}


tr.attachment td{
	padding-bottom	:20px;
	padding-top:20px;
}
tr.attachment a{
	font-family: Montserrat, sans-serif;
	font-weight: 200;
	font-size: 16px;
}

#multivins{
	width: 200px;
	height: 200px;
	margin-top: 10px;
}

.reports{
	padding-left: 30px;
	padding-top: 30px;
	margin-bottom: 30px;
}

.reports button{
	display: block;
}
.reportInputSection{
	border-bottom: solid #2A5590 1px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.reports input{
	margin:  5px;
	margin-bottom: 0;
}
.reports select{
	margin:  5px;
	margin-bottom: 0;
}

.sectiontitle img{
	vertical-align: middle;
	height: 20px;
	margin-left: 20px;
	transition: 1s;
	cursor: pointer;
	opacity: 0.7;
}
.sectiontitle img:hover{
	opacity: 1;
	transition: 1s;
}


.reportTitle{
	font-family: Montserrat, sans-serif;
  	font-weight: 200;
  	font-size: 16px;
	}
.availableReport{

		font-family: Montserrat, sans-serif;

	margin-bottom: 10px;
	font-weight: 200;
}
.reportDate{
	letter-spacing: 1px;
}
.reportStatus{
	color: #2A5590;
}
.pending{
	color: #777;
}

#displaylimit{
	margin-left: 20px;
}
#displaylimit span{
	color: #ddd;
	cursor: pointer;
}
#displaylimit span:hover{
	color: #fff;
}


#alterStatus, #alterEta{
	color: #888;
	cursor: pointer;
	padding-right: 5px;
	font-size: 15px;
	font-style: normal;
}
#alterStatus:hover,
#alterEta:hover{
	color: #fff;
}

#newdate{
	margin: 10px;
}


#scannedVins{
	margin-top: 20px;
}
.ascannedvin{
	margin-bottom: 5px;
}

#scanholder{
	height: 20px;
	opacity: 0;
}

td button{
	margin-top: 0;
}

.gray{
	background-color: #999 !important;
	border: solid #ddd 1px !important;
	cursor: auto;

}
.gray:hover{
	background-color: #999 !important;
	filter: brightness(100%);
	border: solid #ddd 1px !important;
}

#digitalTitles .VIN:hover,
#digitalTitlesRejected .VIN:hover,
#queue-container .VIN:hover,
#queue-container .invoice-queue-error-row td.VIN:hover{
	background: #2A5590;
	color: #fff;
	transition: .5s;
	cursor: pointer;
}

#queue-container .VIN a, #queue-container .VIN a:hover {
	text-decoration: none;
	color:unset;
}

#queue-container input:read-only {
	background-color: #EBEBE4 !important;
	color: #C6C6C6;
}

#queue-container input[type=checkbox] {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.attachnew {
}
.attachmentPop{
	width: 600px !important;
	
}
.attachmentPop #popupMessage{
	font-family: "Roboto Mono", monospace;
	width: 90%;
	margin: auto;
	left: 0;
	position: relative;
	padding: 30px;
}
.attachmentPop #popupTitle{
	width: 540px;
}
.attachmentPop table{
	width: 100%;
}

.attachmentPop th{
	color: #fff;
}

.checkmark{
	height: 30px;
}

select.docSelect{
	margin-left: 5px;
}

.trans{
	opacity: 0;
}

#popmess{
}

#scanPopupMessage{
	font-family: "Roboto Mono", monospace;
	width: 340px;
	margin: auto;
	left: 0;
	position: relative;
	padding: 30px;
}

.ulined{
	border-bottom: solid 1px;
}

#scanmessage{
	color: #ED3E3A;
	margin-top: 20px;
}

#requiredFiles a{
	width: 100%;
	height: 100%;
	color: #2A5590;
	text-decoration: none;


}
#requiredFiles a:hover{
	text-decoration: underline;
	color: #000;
	transition: .5s;
}

span.doctype{
	display: block;
}

.green{
	background-color: #3A9D23;
	color: #fff;
}

#digitalTitlesRejected td{
	max-width: 300px;
	white-space: normal;
	word-wrap: normal;
	line-height: 1.3em;
}

.point{
	cursor: pointer;
	transition: .5s;
}
.point:hover{
	transition: .5s;
	filter: brightness(1.7);
}

#downloadPDFs{
	margin-top: 20pxj;
}

#downloadMessage{
	color: #C2C577;
	font-family: Montserrat;
	font-weight: 400;
	font-size: 18px;
	margin-top: 20px;
	width: 300px;
	letter-spacing: 1px;
}




#docuframe{
	z-index: 999999999999;
	width:50vw;
	height:80vh;
	position: fixed;
	top:10vh;
	left:25vw;
	
}
#docuframe iframe{
	width:100%;
	height:100%;
	z-index: 99999999999;
	position: relative;
}

#close{
	font-size:20px;
	font-family: Montserrat, sans-serif;
	position: fixed;
	top:8vh;
	right:23vw;
	color:white;
	font-weight: bold;
	cursor: pointer;
}
#close:hover{
	color:#aaa;
	transition: .5s;
	z-index: 999999999999;
}

.jconfirm-box {
	max-width: 800px;
}

.jconfirm-content {
	color: #333 !important; /* Ensures readable text (adjust as needed) */
	font-family: Arial, sans-serif !important; /* Set preferred font */
}

.jconfirm-title {
	color: #222 !important; /* Title color */
	font-weight: bold !important;
}

.jconfirm-buttons {
	font-family: Arial, sans-serif !important; /* Ensures consistent font for buttons */
}

.jconfirm-box-container {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 100vh !important;
}

.jconfirm-title {
	font-family: Arial, sans-serif !important; /* Or use your preferred font */
	font-size: 18px !important;
	font-weight: bold !important;
	color: #222 !important;
	text-align: center !important;
}