@media (min-width: 992px) {
	.text-lg-body{
		color: inherit !important
	}

	.text-lg-normal{
		font-size: inherit !important;
	}
}

@media (min-width: 768px) {
	.text-md-body{
		color: inherit !important
	}

	.text-md-normal{
		font-size: inherit !important;
	}
}

.text-small{
	font-size: 0.7rem;
}

.text-normal{
	font-size: inherit !important;
}

tr[selected] {
  background-color:#ccc !important;
}

.popup.anim_open {
	-webkit-animation:event_popupAni 0.3s ease-out 1;
	-webkit-animation-fill-mode:both !important;
	opacity = 0;
}

@-webkit-keyframes event_popupAni{
	0%{-webkit-padding-after:0; -webkit-opacity=0;}
	10%{-webkit-padding-after:0.5rem;}
	20%{-webkit-padding-after:1.0rem;}
	30%{-webkit-padding-after:1.5rem;}
	40%{-webkit-padding-after:1.9rem;}
	50%{-webkit-padding-after:2.3rem;}
	60%{-webkit-padding-after:2.6rem;}
	80%{-webkit-padding-after:2.8rem;}
	100%{-webkit-padding-after:3rem; -webkit-opacity:1;}
}

.popup .anim_fade {
	-webkit-animation:event_popupAni2 0.6s ease-out 1;
	-webkit-animation-fill-mode:both !important;
	opacity = 0;
}

@-webkit-keyframes event_popupAni2{
	0%{-webkit-opacity:0;}
	50%{-webkit-opacity:1;}
	100%{-webkit-opacity:1;}
}

@media (max-width: 767px) {
	.container-mobile-fluid main{
		padding-left:0px;
		padding-right:0px;
	}
	.container-mobile-fluid main .container-mobile{
		padding-left:0.3rem;
		padding-right:0.3rem;
	}
	.container-mobile-fluid main h1{
		padding-left:0.3rem;
		padding-right:0.3rem;
	}
	.container-mobile-fluid main tbody div[scope]{
		padding-left:0.1rem;
	}
	.container-mobile-fluid main thead div[scope]{
		padding-left:0.1rem;
	}
	.text-prepend * {
		font-size:0.9rem;
	}
}
/*
@media(min-width:1350px){
	.table-xxl-mobile{
		min-width:none;
	}
}
*/

@media(min-width:768px){
	.table-xxl-mobile{
		min-width:2000px;
	}
}

.table-xxl-mobile{
	min-width:none;
}

.drawer-input{
	display:none;
}

.drawer{
	display:flex;
	background-color:rgba(0,0,0,0);
	height:100%;
	margin-bottom:0;
	margin-top:0;
}

.drawer-skin{
	display:block;
	margin-left:0.5rem;
}

.drawer-box {
	width:inherit;
	height:100%;
	float:right;
}

.drawer-content{
	margin-left:0;
	display:block;
	transform:translateX(100%);
}

.drawer-input:checked ~ .drawer-box {

}

.drawer-wrap{
	overflow:hidden;
	height:100%;
	width:100%;
	float:right;
}

.drawer-input:checked ~ .drawer-box>.drawer-wrap>.drawer {
	background-color:rgba(250,250,250,0.8);
	transform:translateX(0);
	animation-duration:1s;
	animation-name:drawer-on;
}

.drawer-input:checked ~ .drawer-box>.drawer-wrap {
	width:auto;
}
/*
.drawer-input:checked ~ .drawer-box>.drawer-wrap>.drawer::before {
	content:'';
	position:absolute;
	width:100%;
	background-color:rgba(0,0,0,0.2);
	height:100%;
	top:0;
	left:0;
}
*/


.drawer-input:checked ~ .drawer-box>.drawer-wrap>.drawer>.drawer-content {
	margin-left:1em;
	transform:translateX(0);
}

@media (min-width:576px) {
	.drawer-skin{
		display:none;
	}

	.drawer-content{
		display:block !important;
		margin-left:0 !important;
		transform:translateX(0) !important;
	}

	.drawer {
		background-color:rgba(0,0,0,0) !important;
	}
}

@keyframes drawer-on{
	from{
		transform:translateX(100%);
	}

	to{
		transform:translateX(0);
	}
}

.text-break {
    word-break: break-word!important;
    overflow-wrap: break-word!important
}

.table-fit-scroll>tbody>tr{
	position:relative;
}

.table-fit-scroll-tab{
	display:block;
	position:relative;
	width:100%;
	top:0;
	z-index:10;
	background-color: rgba(0,0,0,0.05);
	/*background-color: rgba(52,58,64,0.8); /*#343a40;*/
	padding: 0.325rem 0;
}

.table-fit-scroll-tab.over{
	position:fixed !important;
}

.table-fit-scroll-tab + .table-fit-scroll-tab-space{
	display:none;
}

.table-fit-scroll-tab.over + .table-fit-scroll-tab-space{
	display:block !important;
}

.table-fit-scroll-tab .view-tab{
	padding: 0;
	margin:auto;
	text-align:center;
	vertical-align:middle;
	font-size:1.25rem;
	color:var(--dark);
	font-weight:bold;
}

.table-fit-scroll-tab .btn-tab{
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	padding: .375rem .75rem;
	border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
	color:var(--blue);
	text-decoration:none !important
}

@media (min-width:768px){
	.table-fit-scroll-tab{
		display:none;
	}
}

.overflow-hidden {
	overflow:hidden;
}

.overflow-auto {
	overflow:auto;
}

.btn-tab{
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	padding: .375rem .75rem;
	border-radius: .25rem;
	color:var(--blue);
	text-decoration:none !important;
	font-size:1.5rem;
}

.anim-top{
	top:-100% !important;
	transition: top 1s ease-out;
}

.anim-top.play-anim{
	top:0 !important;
	transition: top 1s ease-out;
}

@media (min-width:768px) {
	.small-html *{
		font-size:0.9rem;
	}

	.small-html .input-group-text,.small-html .form-control{
		padding-top:0.1rem;
		padding-bottom:0.1rem;
	}

	.small-html select.form-control:not([size]):not([multiple]) {
		height: auto;
	}

	.small-html .btn {
		padding: 0.1rem 0.2rem;
	}

}

@media (min-width:768px) {
	.text-md-truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

body.view-action .prev-p-view{
	margin-top:0px !important;
	padding-top:0px !important;
}

body.view-action .prev-view{
	margin-top:0px !important;
	padding-top:0px !important;
	display:none !important;
}

html{min-height:100%; height:-webkit-fill-available;}
body{height:100%; display:flex; flex-direction:column;}

#sticky-footer {
	flex-grow:1;
}

.text-none-break, .text-none-break * {
    word-break: keep-all!important;
    overflow-wrap: normal!important;
}

/*.text-none-break>.row {flex-wrap:nowrap;}*/

input[type="checkbox"] {
	width:1rem;
	height:1rem;
	vertical-align:middle;
	align-self:center;
}

input[type="radio"] {
	width:1rem;
	height:1rem;
	vertical-align:middle;
	align-self:center;
}