/*****ROOT VARIABLES*****/

:root{
	--ap-primary-color:#20272f;
	--ap-primary-color-light:#364354;

	--ap-secondary-color:#f2592a;

	--ap-bg-color:#f9f9f9;
	--ap-default-text-color:#333333;

	--ap-kebab-menu-color:#cccccc;

	--ap-white:#ffffff;
	--ap-error:rgb(255,0,0);

	--ap-amber:#ff8b00;
	--ap-green: #61da53;
	--ap-dark-grey:#4c4949;
	--ap-light-blue:#46a6eb;
	--ap-mid-blue:#2074d9;
	--ap-dark-blue:#3a4d79;
	--ap-strong-blue:#3a2be0;
	--ap-purple:#884bba;
	--ap-pink:#ed54a8;
	--ap-orange:#f5ad3e;
	--ap-yellow:#ffd42a;
	--ap-pale-green:#47b67f;
	--ap-turquoise:#00d4aa;
	--ap-red:#c83737;
	--ap-pale-blue:#a3d3f5;
	--ap-mid-grey:#5e5e5e;
}


/*****DEFINE COLOR CLASSES*****/
.ap-amber{background:var(--ap-amber)}
.ap-green{background:var(--ap-green)}
.ap-dark-grey{background:var(--ap-dark-grey)}
.ap-light-blue{background:var(--ap-light-blue)}
.ap-mid-blue{background:var(--ap-mid-blue)}
.ap-dark-blue{background:var(--ap-dark-blue)}
.ap-strong-blue{background:var(--ap-strong-blue)}
.ap-purple{background:var(--ap-purple)}
.ap-pink{background:var(--ap-pink)}
.ap-orange{background:var(--ap-orange)}
.ap-yellow{background:var(--ap-yellow)}
.ap-pale-green{background:var(--ap-pale-green)}
.ap-turquoise{background:var(--ap-turquoise)}
.ap-red{background:var(--ap-red)}
.ap-pale-blue{background: var(--ap-pale-blue)}


/*****GENERAL PAGE*****/
*{
	user-select: none;
}
html,
body {
	background-color: var(--ap-white);
	color: var(--ap-default-text-color);	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

header {
	width: 100%;
}

header h1 {

	font-weight: 400;
}

h1,
h2 {
	line-height: 1;
	text-transform: uppercase;
}

h1.bottomborder{
	border-bottom:3px solid var(--ap-bg-color);
	padding-bottom: 5px;
}

h2 {
	margin-top: 40px;
}

h2:first-of-type {
	margin-top: 20px;
}

img {
	height: auto;
	max-width: 100%;
}

a {
	text-decoration: none;
	color: inherit;
}

p{
	margin:0;
	padding:0;
}


/*****PAGE NAME*****/
.ap-page{
	position:fixed;
	bottom:20px;
	left:0;
	width:200px;
	text-align: center;
	color:var(--ap-white);
	text-transform: uppercase;
}

/*****SEARCH BOX*****/
.ap-search-text{
	border-radius: 50px !important;
	margin-left: -5px !important; /*Alignment fix from container padding for box shadow*/
	margin-bottom:20px !important;
}

.ap-symbol-search{
	position:absolute; 
	top:0;
	left:0;
	margin-top:107px; 
	margin-left:30px; 
	color:var(--ap-kebab-menu-color);
}

.ap-search-text:focus + .ap-symbol-search{
	color: var(--ap-light-blue);
}

/*****USER LOGO*****/
.logo img {
	max-height: 40px;
}


/*****STATUS*****/
.ap-status{
	position: fixed;
	left: 65px;
    top: 100%;
    margin-top: -50px;
	width: 50px;
	height: 15px;
    padding: 1px 10px;
    border-radius: 20px;
    font-size: 0.8em;
    text-align: center;
	font-weight: 700;
	color: var(--ap-white);
}

.ap-status.trialing{
	background: var(--ap-amber);
}

.ap-status.active{
	background: var(--ap-light-blue);
}

@media(max-width:786px)  {
	.ap-status{
		margin-top:unset;
		top: 25px;
		left: 50%;
		margin-left: -35px;
	}
}


/*****PAGE LAYOUT*****/

.ap-page-container{
	display:flex;
	position: absolute;
	left:200px;
	width:-webkit-fill-available;
	width:-moz-available;
	width: fill-available;
	height:-webkit-fill-available;
	height:-moz-available;
	height: fill-available;
	overflow:hidden;
}

.ap-page-container.padded{
	padding:30px;
}

.ap-container{
	padding:20px;
	overflow-y: auto;
	flex-grow: 3;
}

.ap-topbar {
	display: flex;
	justify-content: space-between;
	position:fixed;
	top:0;
	left:0;
	height: 50px;
	padding: 1em;
	z-index:999;
	width:200px;
}

.ap-column {
	display: flex;
	flex-direction: column;
}

.ap-column>* {
	padding: 15px;
	margin: 15px;
}

.ap-marg-b-30{
	margin-bottom:30px;
}

/*****STICKY MENU*****/

.ap-sticky-menu-container {
	position: fixed;
	top: 0;
	left:0;
	height: 100%;
	width:200px;
	text-transform: uppercase;
	border-right:3px solid var(--ap-bg-color)
}

.ap-sticky-menu {
	/* background:var(--ap-primary-color);
	color: var(--ap-white); */
	font-size: 13px !important;
	height: 100%;
	width:100%;
	padding-top:60px;
}

.ap-sticky-menu ul {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
}

.ap-sticky-menu-item {
	padding-left:20px;
}

.ap-sticky-menu-item:hover{
	background-color: var(--ap-light-blue);
	color:var(--ap-white);
}

.ap-sticky-menu-item a {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-content: center;
	flex-wrap: wrap;
}

.ap-sticky-menu-item a>* {
	text-align: center;
	border-radius: 0;
	line-height: 50px;
}

.ap-sticky-menu-item-icon{
	margin-right:20px;
}

.ap-user-icon{
	display:block;
	width:80px;
	height: 80px;
	margin:20px auto;
/* 	border-radius: 100%; */
	background-color: var(--ap-white);
	color:var(--ap-default-text-color);
	text-align: center;
	line-height: 80px;
	overflow: hidden;
}

.ap-user-icon img{
	max-height:80px;
	clip-path: circle(45%);
}

.ap-user-greeting{
	display:block;
	width:100%;
	text-align: center;
}


/*****TILE MENU*****/

.ap-tile-menu{
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	overflow-y: auto;
	margin-bottom: 30px;
	padding-right:10px; /*Fix for scroll bars chopping box shadow*/
	padding-bottom:10px; /*Fix for scroll bars chopping box shadow*/
}

.ap-tile-menu-10{
	grid-gap: 10px !important;
}

.ap-tile-menu-item-sq-icn{
	display:flex;
	justify-content: space-between;
	position:relative;
	min-height:70px;
	background-color: var(--ap-bg-color);
	/* box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
	transition: box-shadow 0.2s ease; */
	overflow:hidden;
	transition:background-color 0.5s ease;
}

.ap-tile-menu-item-sq-icn-icon{
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width:40px;
	height:100%;
	color:var(--ap-white);
}

.ap-tile-menu-item-sq-icn-title{
	margin:auto 10px;
}

.ap-tile-menu-item{
	position: relative;
	min-height:100px;
	background-color: var(--ap-bg-color);
	/* box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
	transition: box-shadow 0.2s ease; */
	overflow:hidden;
	padding: 10px;
	transition:all 0.5s ease;
	/* border-radius: 20px; */
}

.ap-tile-menu-item-small{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;
}

.ap-tile-menu-item:hover, .ap-tile-menu-item-sq-icn:hover{
	background-color: var(--ap-kebab-menu-color);
}

.ap-tile-menu-item-link{
	display:flex;
	flex-direction: column;
	width:100%;
	height:100%;
}

.ap-tile-menu-item span{
	margin:5px;
	display: block;
}

.ap-tile-menu-item-small span{
	text-align: center;
}


.ap-tile-menu-item-header{
	display:flex;
	min-height: 50px;
	justify-content: start;
	align-items: center;
	text-align: center;
	color: var(--ap-default-text-color);
	font-weight: 700;
	transition:background-color 0.2s ease;
	padding-right:15px;
	border-bottom: var(--ap-kebab-menu-color);
}

.ap-tile-menu-item-header-slim{
	min-height:30px;
}

.ap-tile-menu-item-header span{
	width:30px;
	height:30px;
	color: var(--ap-white);
	line-height: 30px;
	background-color: var(--ap-light-blue);
	border-radius: 10px;
}

.ap-tile-menu-item-kebab-container{
	display:flex;
	flex-direction: column;
	height:30px;
	width:30px;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	margin-left:auto;
}

.ap-tile-menu-item-header-slim .ap-tile-menu-item-kebab-container{
	flex-direction: row;
	justify-content: center;
}

.ap-tile-menu-item-header-slim span{
	background: none;
	color: var(--ap-light-blue);
	width:20px;
	height:20px;
	line-height: 20px;
	font-size:22px !important;
	box-shadow: none;
}

.ap-tile-menu-item-kebab-menu{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0px;
	background-color: var(--ap-light-blue);
	color:var(--ap-white);
	font-size: 20px;
	transition: height 0.5s ease-out;
}

.ap-tile-menu-item-kebab-menu.active{
	height:calc(100% - 60px);
}

.ap-tile-menu-item:has(.ap-tile-menu-item-header-slim)>.ap-tile-menu-item-kebab-menu.active{
	height:calc(100% - 40px);
}

.ap-tile-menu-item-kebab.active, .ap-tile-menu-item-kebab.active:before, .ap-tile-menu-item-kebab.active:after{
	background-color: var(--ap-light-blue);
}

.ap-tile-menu-item-kebab-menu>*{
	width: 100%;
	line-height: 20px;
}

.ap-tile-menu-item-kebab-menu-item a{
	display:flex;

}

.ap-tile-menu-item-kebab-menu-item a{
	display: flex;
}

.ap-tile-menu-item-kebab-menu-item p{
	margin:auto 0;
	padding:0;
}

.ap-tile-menu-item-kebab-menu-item:hover{
	cursor: pointer;
	background-color: var(--ap-mid-blue);
}

.ap-tile-menu-item-kebab, .ap-tile-menu-item-kebab:before, .ap-tile-menu-item-kebab:after{
	width:5px;
	height:5px;
	background-color: var(--ap-default-text-color);
	border-radius: 100%;
}

.ap-tile-menu-item-header-slim .ap-tile-menu-item-kebab, .ap-tile-menu-item-header-slim .ap-tile-menu-item-kebab:before, .ap-tile-menu-item-header-slim .ap-tile-menu-item-kebab:after{
	width:4px; 
	height:4px;
	display: flex;
    justify-content: center;
}

.ap-tile-menu-item-kebab:before, .ap-tile-menu-item-kebab:after{
	display:block;
	content:'';
}

.ap-tile-menu-item-kebab:before{
	margin-top:-9px;
}

.ap-tile-menu-item-header-slim .ap-tile-menu-item-kebab::before{
	margin: unset;
}

.ap-tile-menu-item-header-slim .ap-tile-menu-item-kebab::after{
	margin:unset;
	margin-left: -18px;
}


.ap-tile-menu-item-kebab:after{
	margin-top:13px;
}

.ap-tile-menu-item-title{
	font-weight: 700;
}

.ap-tile-menu-item-client{
	margin-bottom: 15px !important;
	min-height:19px;
}

.ap-tile-menu-item-address, .ap-tile-menu-item-date{
	font-size: 12px;
	min-height:14px;
}

.ap-tile-menu-item-volumes{
	display: flex;
	justify-content: space-evenly;
	border-top:1px solid var(--ap-kebab-menu-color);
	margin-top: auto;
	transition: all 0.5s ease;
}

.ap-tile-menu-item-volume{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width:50%;
	padding-left: 10px;
}

.ap-tile-menu-item-volumes div:first-child{
	border-right:1px solid var(--ap-kebab-menu-color);
	transition: all 0.5s ease;
}

.ap-tile-menu-item:hover .ap-tile-menu-item-volumes{
	border-top-color: var(--ap-mid-grey);
}

.ap-tile-menu-item:hover .ap-tile-menu-item-volumes div:first-child{
	border-right-color: var(--ap-mid-grey);
}


.ap-tile-menu-item-volume-text{
	font-size: 12px;
	margin:0;
}

.ap-tile-menu-item-works, .ap-tile-menu-item-activities{
	font-size:20px;
}


/*****GRID*****/

.ap-grid {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	margin-bottom: 15px;
}


/*****FORMS*****/

form{
	max-width: 500px;
	/* margin: 0 auto; */
}

form .ap-tile-menu{
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

fieldset {
	border: none;
	padding: 15px;
}

legend {
	font-size: 1.5em;
	padding: 0;
}

label {
	-webkit-user-select: none;
	/* Safari */
	-ms-user-select: none;
	/* IE 10 and IE 11 */
	user-select: none;
	/* Standard syntax */
}

input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=file],
select,
textarea {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid var(--ap-kebab-menu-color);
	border-radius: none;
	box-sizing: border-box;
}

textarea {
	height: 100px;
	resize: none;
	overflow-y: auto;
}

input[type=submit] {
	width: 100%;
	background-color: var(--ap-light-blue);
	color: var(--ap-white);
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: none;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: var(--ap-mid-blue);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
	appearance: unset;
}

.form-header {
	display: block;
	margin-bottom: 20px;
	font-weight: 700;
}

.invalid-feedback {
	display: block;
	margin-bottom: 10px;
	color: var(--ap-error);
}

.ap-inline-form input[type=text],
.ap-inline-form input[type=number],
.ap-inline-form select,
.ap-inline-form label {
	width: 50%;
	display: inline-block !important;
}



/*****POPUP*****/

.popup-overlay {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 50px;
	padding-top: 10px;
	background-color: var(--ap-white);
	z-index: 999;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	visibility: hidden;
}

.popup-content {
	text-align: center;
	visibility: hidden;
}

.popup-content img {
	max-width: 200px;
	max-height: 300px;
	margin: 0 auto;
}

.popup-overlay.active {
	visibility: visible;
}

.popup-content.active {
	visibility: visible;
}

.close-overlay {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: var(--ap-light-blue);
	color: var(--ap-white);
	text-align: center;
}

.close-overlay span {
	margin-top: 2px;
	font-size: 16px;
}

.close-overlay:hover {
	background-color: var(--ap-mid-blue);
	cursor: pointer;
}


/*****TABS*****/

.ap-tabs-container {
	margin-bottom: 2rem;
}

.ap-tabs-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ap-tabs {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.ap-tab-label {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 2rem;
	margin-right: 0.0625rem;
	cursor: pointer;
	background-color: var(--ap-light-blue);
	color: var(--ap-white);
	font-size: 1.2rem;
	font-weight: 700;
	transition: background-color ease 0.3s;
	border-right:1px solid var(--ap-white);
}

.ap-tab-label .material-icons {
	margin-right: 0.3rem;
}

.ap-tabs .ap-tab {
	flex-grow: 1;
	width: 100%;
	height: 100%;
	display: none;
	padding: 1rem 2rem;
	color: var(--ap-default-text-color);
	background-color: var(--ap-white);
}

.ap-tabs .ap-tab>*:not(:last-child) {
	margin-bottom: 0.8rem;
}

.ap-tab-header {
	display: none;
}

.ap-tab-header:checked+label {
	background-color: var(--ap-white);
	color: var(--ap-light-blue);
	border-top: 4px solid var(--ap-light-blue);
}

.ap-tab-header:checked+label+.ap-tab {
	display: block;
}


/*****TABLES*****/

.ap-table-container{
	overflow-x: auto;
}

.ap-table{
	border-collapse: collapse;
    margin: 25px 0;
    font-size: 1em;
    width:-webkit-fill-available;
	width:-moz-available;
	width: fill-available;
	text-align: center;
}

.ap-table thead tr {
    background-color: var(--ap-light-blue);
	height: 50px;
	color: var(--ap-white);
}

.ap-table th{
	font-weight: 400 !important;
}

.ap-table thead tr th:nth-child(2), .ap-table tbody tr td:nth-child(2){
	text-align: left;
}

.ap-table tbody tr td:nth-child(2){
	font-weight: 700;
}

.ap-table tbody tr {
    border-bottom: 1px solid var(--ap-kebab-menu-color);
	height: 40px;
}



.ap-table tbody tr:last-of-type {
    border-bottom: 2px solid var(--ap-kebab-menu-color);
}

@media (min-width: 768px) {

	.ap-table tbody tr:hover {
		cursor:pointer;
		background-color: var(--ap-pale-blue) !important;
		/* color: var(--ap-white) */
	}

	.ap-tabs label {
		order: 1;
		width: auto;
	}

	.ap-tabs .ap-tab {
		order: 9;
	}

	.ap-tabs [type=radio]:checked+label {
		border-bottom: none;
	}

	.ap-footer{
		position:absolute !important;
		margin-bottom:10px;
		margin-left: 30px;
	}
}

@media (min-width: 992px) {

	.ap-tabs {
		width: 800px;
	}
}


/*****Auto-suggest*****/
#list {
	position: relative;
	z-index: 998;
	top: -110px;
	background-color: var(--ap-white);
	max-width:500px;
	/* margin:0 auto; */
}

#list ul {
	list-style: none;
	padding-left: 0;
	font-size: 0.8em;
}

#list ul li {
	border-bottom: 1px solid var(--ap-kebab-menu-color);
	margin: 5px;
	padding-bottom: 5px;
}

#list ul li.list-group-item:hover {
	cursor: pointer;
	font-weight: 700;
}

#list ul li.list-group-item-not-found a {
	font-weight: 700;
	color: var(--ap-light-blue);
}


@media all and (max-width: 768px) {
	[hidden]{display:none !important;}

	table:not(.materials-table) { border: 0; }
	table:not(.materials-table) thead { display: none; }
	table:not(.materials-table) tr {
	height:unset !important;
	display: block;
	margin-bottom: .625em;
	}
	table:not(.materials-table) td {
	display: block;
	font-size: .8em;
	text-align: right !important;
	padding:5px;
	}
	table:not(.materials-table) td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	}
	table:not(.materials-table) td:last-child { border-bottom: 0; }

	table:not(.materials-table) .ap-select-row{
		width:unset !important;
	}

	.ap-page{
		position:fixed;
		top: 13px;
		left:0;
		width:100%;
		height:50px;
		text-align: center;
		z-index: 999;
		font-size: 20px;
		padding-top: 10px;
	}

	.ap-page-container{
		left:0;
		top:70px;
		flex-direction: column;
	}

	.ap-container{
		margin-bottom:50px;
	}

	.ap-topbar{
		width:100%;
		padding:10px;
	}

	.ap-topbar .logo{
		margin: auto 0;
	}

	.ap-sticky-menu-container{
		top:unset;
		bottom:0;
		height:50px;
		width:100%;
		z-index: 999;
	}

	.ap-sticky-menu{
		background: unset;
		background-color: var(--ap-light-blue);
		padding:0;
		display: flex;
		flex-direction: row;
		justify-content: start;
		flex-wrap: wrap;
		align-content: center;
	}

	.ap-sticky-menu ul{
		flex-direction: row;
		justify-content: space-evenly;
		flex-grow: 2;
	}

	.ap-sticky-menu-item {
		border: none;
		padding: 0;
		min-width: 50px;
	}
	
	.ap-sticky-menu ul li:first-child{
		border: none;
	}
	
	.ap-sticky-menu-item:hover{
		background-color: var(--ap-light-blue);
	}
	
	.ap-sticky-menu-item a {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.ap-sticky-menu-item a>* {
		color:var(--ap-white);
		text-align: center;
		border-radius: 0;
		line-height: 50px;
		margin:0;
	}

	.ap-sticky-menu a span:last-child{
		display:none;
	}
	
	.ap-sticky-menu-item-icon{
		margin: none;
	}

	.ap-user-icon{
		position: fixed;
		top: 0;
		right: 0;
		margin-top:20px;
		margin-right: 15px;
		width:30px;
		height:30px;
		line-height: 30px;
	}

	.ap-user-icon img{
		max-height: 30px;
	}

	.ap-user-greeting{
		display: none;
	}

	.ap-table{
		font-size: 1em;
	}

	.tile-menu .menu_item {
		font-size: 1.5em !important;
	}

	.ap-tile-menu-small{
		grid-template-columns: repeat(auto-fit,minmax(100px,1fr)) !important;
		margin-bottom:unset;
		grid-gap: 10px;
	}
}

@media all and (max-width: 280px) {
	.ap-tile-menu{
		grid-template-columns: repeat(auto-fit,minmax(240px,1fr)) !important;
		grid-gap: 10px;
		margin-bottom: 20px;
	}
	.ap-tile-menu-small{
		grid-template-columns: repeat(auto-fit,minmax(100px,1fr)) !important;
	}
}

@media all and (max-width: 479px) {
	h1 {
		font-size: 1.5em;
	}
	h2,h3{
		font-size: 1em;
	}

	.logo img {
		max-height: 30px;
	}
}

/*****Defaults Form*****/
.default-activities {
	display: block;
}


.default-activities .ap-checkbox-label {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 60px;
	text-align: center;
	border-radius: none;
}

/*override for table checkbox*/
table .default-activities{
	width:50px;
	padding: 0 10px;
	color: var(--ap-default-text-color) !important;
}

table .ap-select-row{
	width:50px;
	padding: 0 20px;
}
table .default-activities .ap-checkbox-label{
	min-height:unset !important;
	width:50px;
	height:20px;
	margin: 10px 0;
}

table .default-activities .ap-checkbox:checked+.ap-checkbox-label::after {
	content: "ed"
}

.default-activities .ap-checkbox-label:hover {
	cursor: pointer;

}

.default-activities .ap-checkbox {
	display: none;
}

.default-activities .ap-checkbox:checked+.ap-checkbox-label {
	background-color: var(--ap-light-blue);
	color: var(--ap-white);
}

.default-activities .ap-checkbox:disabled+.ap-checkbox-label {
	color: var(--ap-dark-grey);
	background-color: var(--ap-kebab-menu-color);
}



/*****OTHER TABLES*****/

#activities-table th {
	text-align: left;
}

.materials-table {
	font-size: 0.8em;
}


/*****MISC*****/
.highlight {
	font-weight: 700;
}

.missing-info {
	display: block;
	font-size: 0.8em;
	color: var(--ap-error);
}


#view-window span {
	color: var(--ap-light-blue);
}

#view-window span:hover {
	color: var(--ap-mid-blue);
	cursor: pointer;
}


/*****SCROLLBAR*****/
/* width */
::-webkit-scrollbar {
	width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
	background: #f1f1f1;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: var(--ap-light-blue);
	/* border-radius: 2.5px; */
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	background: var(--ap-mid-blue); 
  }


  /*****NEW AP-TABS*****/
 

  .ap-tab-menu ul{
	display: flex;
	justify-content: flex-start;
	padding:0;
  }

  .ap-tab-menu ul li{
	list-style-type: none;
	padding:10px;
	margin:auto 0;
	font-weight: 700;
	min-width: 80px;
	text-align: center;
  }

  .ap-tab-menu ul li:hover{
	cursor:pointer;
  }

  .ap-tab-menu ul li:hover::after{
	background-color: var(--ap-pale-blue);
  }

  .ap-tab-menu ul li::after{
	content:'';
	display:block;
	position:relative;
	width:100%;
	bottom:-10px;
	height:5px;
  }

  .ap-tab-menu ul li.active::after{
	background-color: var(--ap-light-blue);
  }

  .ap-tab:not(.active){
	display:none;
  }


  /*****FOOTER*****/

  .ap-footer{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	background-color: var(--ap-white);
  }