html {
	font-size: 16px;
}

/* Colors */

:root {
/*	--primary: #264653;
	--secondary: #2a9d8f;*/
  --primary: #2B6C92;
  --primary-special: #358874;
  --secondary: #46B3E3;
  --alter1: #94CAD0;
  --alter2: #0871b8;
  --alter3: #585488;
  --light:  #ffffff;
  --background: #fafafa;
  --hover-primary: #f3f5f7;
  --warning: #f06543;
  --warning-light: #f79736;
  --danger: #de2121;
  /*--hover-secondary: rgba(70,179,227,0.05);*/
  --hover-secondary: #f0f9fd;
  --hover-light: #fbfbfb;
  --hover-danger: #faf5f5;
  --text:  #414141;
  --border: #efefef;
  --middle-grey: rgba(0,0,0,0.6);
  --light-grey: rgba(0,0,0,0.25);
  --box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --box-shadow2: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  --HEADER-HEIGHT: 81px;
  --SIDEBAR-WIDTH: 280px;
  /*--APP-MAX-WIDTH: 2400px;*/
}

body {
	user-select: none;
	background: rgba(70, 179, 227, 0.03);
	background: #f9fcfe;
	background: #fafafa;
	color: var(--text);
}

a, a:link, a:focus, a:visited, a:hover, a:active {
	color: var(--text);
	text-decoration: none;
}

#mydebt {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100vw;
	height: 100vh;
	font-family: 'Open Sans', sans-serif !important;

}

/*input, textarea, select{
   transition: all 0.30s ease
}

*/
input:focus, textarea:focus, select:focus{
    outline: 2px solid var(--secondary);
    /*box-shadow: 0 0 2px var(--secondary);*/
}

/* Scrollbars */

*, *::before, *::after {
	scrollbar-color: #bfbfbf transparent; 
	/*scrollbar-color: #bfbfbf var(--background); */
	scrollbar-width: medium ;
} 

*::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background: #ccc;
}

/* FF fix for fixed cell inside tables */ 
@-moz-document url-prefix() {
	table {
		overflow: hidden;

	}
}

.before-modal-error,
.open-modal-link {
	margin: 0;
	padding: 3px;
	padding-left: 5px;
	display: flex;
	font-size: 13px;
	text-decoration: underline;
	color: var(--secondary);
	cursor: pointer;
}

.before-modal-error {
	text-decoration: none;
	color:  red;
}

.open-modal-link:hover {
	color: var(--primary);

}

#mydebt  table.jexcel {
	width: 100%;
	height: max-content;
	font-size: 13.5px;
	border:  none;
	border-right:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
}

#mydebt .spreadsheet.auto-width table.jexcel{
	width: auto !important;
}

#mydebt .spreadsheet.no-index table.jexcel colgroup col:first-child {
	width: 0 !important;
}
/*#mydebt .spreadsheet.no-index table.jexcel tr td:first-child {
	visibility: hidden !important;
}*/

#mydebt  .jexcel_contextmenu div:last-child {
	display: none;
}

#mydebt .jexcel_content {
	/*scrollbar-color: #bfbfbf var(--border); */
	scrollbar-color: unset ;
	scrollbar-width: unset ;
	box-shadow: none !important;
	padding: 0;
	overflow: hidden !important;
	overflow-y: auto !important;
	height: 100% !important;
	max-height: max-content !important;
	padding-bottom: 2px;
}

#mydebt .grey-scrollbar {
background: var(--border);
}
#mydebt .grey-scrollbar .jexcel_content {
	scrollbar-color: #bfbfbf var(--border); 
	padding-bottom: 0;
}


#mydebt .grey-scrollbar .jexcel_content table {
	border-bottom: none;
	/*border-bottom: 1px solid #ccc; */
}

/*
#mydebt .nested-headers .jexcel_content table thead tr:nth-child(2) td {
	border-top: none;
	border-bottom: 1px solid #ccc; 
}*/

#mydebt .spreadsheet {
		overflow: hidden;
		display: flex;
		max-height: 100%;
		width: 100%;
}


#mydebt table.jexcel thead {
	font-weight: bold;
	font-size: 12.5px;
word-break: break-word;
height: 50px;
}

#mydebt table.jexcel .jexcel_comments {
border:  1px solid red;
}


#mydebt .no-headers table.jexcel thead {
	display: none !important;
}

#mydebt .no-headers-but-nested table.jexcel thead  {
	height: unset;

}

#mydebt .no-headers-but-nested table.jexcel thead tr {
	line-height:  22px;
}

#mydebt .no-headers-but-nested table.jexcel thead tr:nth-child(2) {
	display: none !important;
}


#mydebt table.jexcel tbody td.readonly {
	color:  unset;
	background: var(--hover-primary);
	opacity: 1;
}

#mydebt table.jexcel tfoot {
	position: sticky;
	bottom: 0;
	z-index: 2;
	height: 50px;
	font-weight: bold;

}

input[type="time"]::clear-button { display: none;}
input[type="time"]::-webkit-clear-button { display: none;}
input[type="date"]::clear-button { display: none;}
input[type="date"]::-webkit-clear-button { display: none;}