Html {font-size: 100%;}
body{
	font-family: "Contrail One";
	background-color:rgba(240,240,255,1.00);
	font-size: 1em;
}

#loadpage{
	z-index:999999; 
	background-color:rgba(240,240,255,1.00);
}
.img-portrait
{
	max-width:3rem;
	max-height:3rem;
}

.img-portrait-datatable
{
	max-width:2rem;
	max-height:2rem;
}

.btn-group-xs>.btn, .btn-xs {
	padding: .15rem .25rem;
	font-size: .635rem;
	border-radius: .15rem;
}

.btn-infos{
	border:none;
	padding: .15rem .25rem;
	font-size: .875rem;
	border-radius: .15rem;
	background-color: rgba(253,253,253,0.00);
	color: rgba(0,160,230,1.00);
}

.progress-suitime{
	color: rgb(0,160,230);
	background-color: rgba(240,240,255,1.00);
	border:solid 1px #dee2e6;
    border-radius: 0.3rem;
	display: flex;
    height: 0.6rem;
    overflow: hidden;
    font-size: .75rem;
    border-radius: 0.25rem;
}
.progress-suitime::-webkit-progress-bar {background-color: rgba(240,240,255,1.00); width: 100%;}
.progress-suitime::-webkit-progress-value{background-color: rgb(0,160,230) !important;}
.progress-suitime::-moz-progress-bar{background-color: rgb(0,160,230) !important;}
.progress-success{color: #198754;}
.progress-success::-webkit-progress-value{background-color: #198754 !important;}
.progress-success::-moz-progress-bar{background-color: #198754 !important;}
.progress-warning{color: #ffc107;}
.progress-warning::-webkit-progress-value{background-color: #ffc107 !important;}
.progress-warning::-moz-progress-bar{background-color: #ffc107 !important;}
.progress-danger{color: #dc3545;}
.progress-danger::-webkit-progress-value{background-color: #dc3545 !important;}
.progress-danger::-moz-progress-bar{background-color: #dc3545 !important;}
	
/*
h1{font-family: "Contrail One";font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px;} 
h3{font-family: "Contrail One"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } 
p{font-family: "Contrail One"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } 
blockquote{font-family: "Contrail One"; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } 
pre{font-family: "Contrail One"; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }
*/

#activity-content
{
	min-width:10rem; 
	display:none; 
	overflow:auto;
	box-shadow: -10px 0px 10px 1px #aaaaaa;
}

.btn-link
{
	color: var(--bs-body-color);
	text-decoration: none;
}
.btn-link:hover
{
	color: rgba(0,160,230,1.00);
	font-weight:bold;
	text-decoration: none;
}

.body{
	margin-bottom:60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}

shadow-suitime
{
	box-shadow: 0 .5rem 1rem rgba(0,160,230,.15)!important;
}


.btn{
	border-radius:0.5rem;
	box-shadow: 0px 2px 4px black !important;
}
.btn-suitime{
	background: linear-gradient(to bottom, rgba(0,160,230,1), rgba(100,200,230,1));
	color:white;
}
.btn-suitime:hover{
    background-color: rgb(0,160,230) !important;
	color:white !important;
	font-weight:bold !important;
}

.bg-primary-suitime{
    background-color: rgb(0,160,230)!important;
}

.bg-suitime{
    background-color: rgb(0,160,230)!important;
}
.bg-suitime-opacity{
    background-color: rgba(0,160,230,0.2)!important;
}

.bg-suitime-light{
    background-color: rgb(100,200,230)!important;
}

.bg-suitime-dark{
    background-color: rgba(0,100,150,1.00)!important;
}

.border-suitime{
    border:solid 0.1rem rgb(0,160,230)!important;
}

.text-suitime{
    color:rgb(0,160,230)!important;
}
.bg-inherit
{
	background-color: inherit !important;
}

.nav-link.active{
    color: #fff;
    background-color: rgb(0,159,227)!important;
}

.pointer{
	cursor:pointer;
}

.text-sm{
	display:none;
}
.content {
    margin: 0 auto;
    padding: 30px 30px 1px;
	width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow-x: visible;
}
.block {
	background-color: white;
	border-radius:0.5rem;
}

.min-w-25
{
	min-width:25%;
}
.w-10
{
	width:10%;
}
.w-90
{
	width:90%;
}
.w-lg-10
{
	width:10%;
}
.w-lg-90
{
	width:90%;
}
.lg-w-40{
	width:40% !important;
}

.modal-sm
{
	width:300px !important;
}

.shift
{
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border-radius: 0.25rem;
	border:0.1rem solid rgba(200,200,200,0.50);
	opacity:0.9;
	font-size:1rem;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
}


.datatable-container{
	width:85vw;
	padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem);
	margin-right: auto;
	margin-left: auto;
}
	
text-sm-size{
	font-size: 0.70em;
}

@media (max-width: 768px) {
	.w-sm-50{
		width:50% !important;
	}
	.w-sm-25{
		width:25% !important;
	}
	
	.w-sm-100{
		width:100% !important;
	}
}
@media (max-width: 992px) {
	
	.w-md-50{
		width:50% !important;
	}
	.w-md-25{
		width:25% !important;
	}
	
	.w-md-100{
		width:100% !important;
	}
}
@media (max-width: 1400px) {
	
	.w-lg-50{
		width:50% !important;
	}
	.w-lg-25{
		width:25% !important;
	}
	
	.w-lg-100{
		width:100% !important;
	}
}


/* medium */
@media (max-width: 1400px) {
	text-md-size{
		font-size: 1em;
	}
	.text-lg{
		display:none;
	}
	.text-md{
		display:block;
	}
	.lg-w-40{
		width:100% !important;
	}
}


@media (max-width: 992px) {

.datatable-container{
	width:100vw;
	padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem);
	margin-right: auto;
	margin-left: auto;
}
	.w-lg-10
{
	width:100%;
}
.w-sm-25{
	width:25%;
}

.w-lg-90
{
	width:100%;
}
.lg-w-40{
	width:100% !important;
}
.sm-40{
	width:40% !important;
}
	.content {
		margin: 0 auto;
		padding: 16px 14px 1px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		overflow-x: visible;
	}
	.text-lg{
		display:none;
	}
	.text-md{
		display:none;
	}
	.text-sm{
		display:block;
	}
}