/* THEME COLORS */

.text-theme {
	color: midnightblue!important;
}

.theme, .hover-theme:hover {
	background-color: midnightblue!important;
	color: white!important;
}

/* FILE VIEWER */

.file-viewer-main-page {
	width: 100vw;
	overflow: hidden;
}

.file-viewer-container {
	height: calc(100vh - 113px);
	margin-top: 45px;
	padding: 5px;
	overflow: auto;
}

.file-viewer-toolbar-container{width:100vw;position:fixed;padding:0;display:flex;align-items:stretch;background-color:whitesmoke;border-bottom:1px solid gray;}
.file-viewer-toolbar-container > span {text-align:center}

.pdf-viewer-toolbar-button {
	color: gray;
	font-size: 28px;
}

.pdf-viewer-text {
	font-size: 14px;
}

/* .file-viewer-image-container{width:100%;height:100%;overflow:auto;padding:8px 32px 0 32px;background-color:lightgray} */
.file-viewer-image-container{width:100%;height:calc(100vh - 113px);margin-top:45px;padding:5px;overflow:auto;background-color:lightgray;touch-action:pan-x pan-y;}
.file-viewer-image-container > img {width:100%;height:auto;transform-origin:top left}

/* LOADER */

.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 30;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	border: 8px solid transparent;
	border-radius: 50%;
	border-top: 8px solid midnightblue;
	border-right: 8px solid midnightblue;
	border-bottom: 8px solid midnightblue;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

.loader-background {
	display: none;
	position: fixed;
	z-index: 20;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* background-color: rgb(255,255,255); */
	background-color: rgba(255,255,255,0.4);
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* SIDEBAR */

.sidebar {
	display: block;
	height: 100%;
	border-radius: 0 15px 15px 0;
	background-color: white;
	position: fixed!important;
	z-index: 50;
	overflow: auto;
	transition-timing-function: linear;
	transition: width 0.4s;
}

.sidebar-icon {
	padding: 0 12px;
}

.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 40;
	transition-timing-function: linear;
	transition: opacity 0.8s;
}

/* MENU BAR */

.menu-bar-border {
	border-bottom: 1px solid darkgray;
}

.menu-bar-label {
	max-width: calc(100% - 90px);
}

/* FLEX */

.flex-container-row {
	display: flex;
	flex-direction: row;
}

.flex-container-column {
	display: flex;
	flex-direction: column;
	min-height: 78px;
}

/* LIST */

.list-search-card {
	background-color: white;
	padding: 6px !important;
}

.list-search-container {
	justify-content: space-between;
}

.list-search-container-item {
	align-self: center;
}

.list-search-input {
	padding:8px;border-radius:8px;border:2px solid #ccc;outline:none;
}
.list-search-input:focus {
	border:2px solid midnightblue;
}

/* BUTTONS */

button, input, i, span {
	-webkit-tap-highlight-color: transparent;
}

/* FLOAT BUTTON */

#floatButton {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9;
	width: 64px;
	font-size: 22px;
	border: none;
	outline: none;
	background-color: midnightblue;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 50%;
}

#floatButton:active {
	opacity: 0.5;
}

/* VIDEO */

.preview-container {
	position: relative;
	width: 100%;
	max-width: 400px;
	aspect-ratio: 10 / 9;
	border: 2px solid white;
	overflow: hidden;
}

.popup-video {
	padding-bottom: 32px;
}

video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* INPUTS */

.input-date{padding:8px;display:block;border:none;border:2px solid transparent;border-bottom:2px solid #ccc;width:100%;outline:none;}
.input-date:focus {border-radius:8px;border:2px solid midnightblue;}

/* TABS */

div.tabs-labels{margin:16px 0}
div.tabs-labels > span {cursor:pointer;}
span.tabs-label{padding:10px 16px;}
span.tabs-label-active{background-color:white;border-bottom: 3px solid midnightblue;}

/* POPUP */

div.popup-content {word-break:break-all;}

/* FREE STYLE */

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.a4m-serif{font-family:serif}.a4m-sans-serif{font-family:sans-serif}.a4m-cursive{font-family:cursive}.a4m-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.a4m-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

.hover-opacity-max:hover{opacity:0.25}.hover-opacity-min:hover{opacity:0.80}.hover-opacity-off:hover{opacity:1}

.a4m-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.a4m-button-single{border:none;border-radius:8px;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
/* .a4m-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} */
.a4m-disabled,.a4m-button:disabled,.a4m-button-single:disabled{cursor:not-allowed;opacity:0.3}.a4m-disabled *,:disabled *{pointer-events:none}

.a4m-input{padding:8px;display:block;border:none;border:2px solid transparent;border-bottom:2px solid #ccc;width:100%;outline:none;}
.a4m-input:focus {border-radius:8px;border:2px solid midnightblue;}

.a4m-check,.a4m-radio{width:24px;height:24px;position:relative;top:6px}

.a4m-dropdown-click,.a4m-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.a4m-dropdown-hover:hover .a4m-dropdown-content{display:block}
.a4m-dropdown-hover:first-child,.a4m-dropdown-click:hover{background-color:#ccc;color:#000}
.a4m-dropdown-hover:hover > .a4m-button:first-child,.a4m-dropdown-click:hover > .a4m-button:first-child{background-color:#ccc;color:#000}
.a4m-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:fixed;min-width:160px;margin:0;padding:0;z-index:1}
.a4m-bar-block .a4m-dropdown-hover,.a4m-bar-block .a4m-dropdown-click{width:100%}
.a4m-bar-block .a4m-dropdown-hover .a4m-dropdown-content,.a4m-bar-block .a4m-dropdown-click .a4m-dropdown-content{min-width:100%}
.a4m-bar-block .a4m-dropdown-hover .a4m-button,.a4m-bar-block .a4m-dropdown-click .a4m-button{width:100%;text-align:left;padding:8px 16px}

.a4m-content,.a4m-auto{margin-left:auto;margin-right:auto}.a4m-content{max-width:980px}.a4m-auto{max-width:1140px}
.a4m-container,.a4m-panel{padding:2px 16px}.a4m-panel{margin-top:16px;margin-bottom:16px}

.a4m-hide{display:none!important}.a4m-show{display:block!important}
.a4m-block{display:block;width:100%}

.a4m-col{float:left;width:100%}
.a4m-col.s1{width:8.33333%}.a4m-col.s2{width:16.66666%}.a4m-col.s3{width:24.99999%}.a4m-col.s4{width:33.33333%}
.a4m-col.s5{width:41.66666%}.a4m-col.s6{width:49.99999%}.a4m-col.s7{width:58.33333%}.a4m-col.s8{width:66.66666%}
.a4m-col.s9{width:74.99999%}.a4m-col.s10{width:83.33333%}.a4m-col.s11{width:91.66666%}.a4m-col.s12{width:99.99999%}

.a4m-bar{width:100%;overflow:hidden}.a4m-center .a4m-bar{display:inline-block;width:auto}
.a4m-bar .a4m-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.a4m-bar .a4m-bar-item-nospace{padding:8px 0;float:left;width:auto;border:none;display:block;outline:0}
.a4m-bar .a4m-dropdown-hover,.a4m-bar .a4m-dropdown-click{position:static;float:left}
.a4m-bar .a4m-button{white-space:normal}
.a4m-bar-block .a4m-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.a4m-bar-block.a4m-center .a4m-bar-item{text-align:center}.a4m-block{display:block;width:100%}

.a4m-row-padding{padding:0 8px}
.a4m-container:before,.a4m-container:after,.a4m-panel:before,.a4m-panel:after,.a4m-row:before,.a4m-row:after,.a4m-row-padding:before,.a4m-row-padding:after,.a4m-bar:before,.a4m-bar:after{content:"";display:table;clear:both}

.a4m-top,.a4m-bottom{position:fixed;width:100%;z-index:3}.a4m-top{top:0}.a4m-bottom{bottom:0}
.a4m-left{float:left!important}.a4m-right{float:right!important}
.a4m-left-align{text-align:left!important}.a4m-right-align{text-align:right!important}.a4m-justify{text-align:justify!important}.a4m-center{text-align:center!important}

.a4m-tiny{font-size:10px!important}.a4m-small{font-size:12px!important}.a4m-medium{font-size:15px!important}.a4m-large{font-size:18px!important}
.a4m-xlarge{font-size:24px!important}.a4m-xxlarge{font-size:36px!important}.a4m-xxxlarge{font-size:48px!important}.a4m-jumbo{font-size:64px!important}

.a4m-circle{border-radius:50%}

.a4m-margin{margin:16px!important}.a4m-margin-top{margin-top:16px!important}.a4m-margin-bottom{margin-bottom:16px!important}
.a4m-margin-left{margin-left:16px!important}.a4m-margin-right{margin-right:16px!important}

.a4m-card{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);border-radius:8px;}
.a4m-popup{border-radius:8px;}

.a4m-transparent,.a4m-hover-none:hover{background-color:transparent!important}
.a4m-hover-none:hover{box-shadow:none!important}

.a4m-white,.a4m-hover-white:hover{color:black!important;background-color:white!important}
.a4m-very-light-gray,.a4m-hover-very-light-gray:hover{color:black!important;background:#f1f1f1!important}
.a4m-light-gray,.a4m-hover-light-gray:hover{color:black!important;background:lightgray!important}
.a4m-dark-gray,.a4m-hover-dark-gray:hover{color:white!important;background-color:darkgray!important}
.a4m-green,.a4m-hover-green:hover{color:white!important;background:green!important}

.a4m-text-red,.a4m-hover-text-red:hover{color:red!important}

.a4m-modal{z-index:5;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.a4m-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
@media (max-width:600px){.a4m-modal-content{margin:0 10px;width:auto!important}.a4m-modal{padding-top:30px}}
@media (max-width:768px){.a4m-modal-content{width:500px}.a4m-modal{padding-top:50px}}
@media (min-width:993px){.a4m-modal-content{width:900px}.a4m-collapse{display:block!important}}

.a4m-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.a4m-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.a4m-animate-zoom-75 {animation:animatezoom75 0.8s} @keyframes animatezoom75{from{transform:scale(0.75)} to{transform:scale(1)}}
.a4m-animate-down-to-up {transition-timing-function: linear;transition: padding-top 1s, opacity 1s}
.a4m-animate-left-to-right {transition-timing-function: linear;transition: left 1s}
/* .a4m-animate-left-to-right {transition-timing-function: linear;transition: left 1s, width 1s} */
.a4m-animate-right-to-left {transition-timing-function: linear;transition: left 1s}