html {
	
	background-color: #f7f9fc !important;
	
}


.centercontent td {
    text-align: center;
    vertical-align: middle;
}


.a input[type="submit"]:hover {
    background: #e9e9e9;
}


.background { 
    background-image: url(../img/syslab_login.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.dropdown-menu {
	
	font-size: 1.2rem !important;
	
}

.logo_error {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
}

.badge {
	display: inline-block;
	padding: 0.5em 0.75em;
	position: relative;
	
}



.btn-cancel {
	
	margin-bottom: 30px !important;
	text-align:center !important; 
	
}

#chart-bar {
	position: relative;
	margin-top: -38px;
}

.badge-size {
	
	font-size: 200% !important;
	
}

.badge-size2 {
	
	font-size: 100% !important;
	
}




.syslogo img {
	
	display: block;
	margin-left: auto;
	margin-right: auto;
  	
}

.btn-pill {
	
	
	border-radius:23px !important;
	
	
}

.dataTables_length {
	
	margin-bottom: 2px !important; 
	
}


.alert-position {
	
	position:fixed;
	z-index: 999;
	margin-top: 20px;
	
}

.uk-slideshow [class*=uk-position-bottom] {
    position: relative!important;
}


.btn-size {
	
	width: 48px !important;
	
}

.card-height {
    min-height: 210px !important;
}

.table-row{
	cursor:pointer;
}
.no-hover {
	background-color: transparent !important;
}
}

.description {
	
	font-size: 12px !important;	
}

.description-location {
	
	font-size: 14px !important;	
}


.float-right {
	
	float: right;
}

.btn-position {
	display:flex; 
	justify-content:flex-end; 
	align-items:center;
	
}

.float-left {
	
	float: left;
}


ul.timeline {
	list-style-type: none;
	position: relative;
}
ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 29px;
	width: 2px;
	height: 100%;
	z-index: 400;
}
ul.timeline > li {
	margin: 20px 0;
	padding-left: 20px;
}
ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 3px solid #427cbf;
	left: 20px;
	width: 20px;
	height: 20px;
	z-index: 400;
}


.card-effect{
	border-radius: 4px !important;
	box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05) !important;
	transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12) !important;
	cursor: pointer !important;
}

.card-effect:hover{
	transform: scale(1.05) !important;
	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06) !important;
}

.alert {
	position: relative;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	font-size: 15px !important;
}

.alert-heading {
	color: inherit;
}

.alert-link {
	font-weight: 700;
}

.alert-dismissible {
	padding-right: 3rem;
}
.alert-dismissible .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 1.25rem 1rem;
}

.alert-primary {
	color: #084298;
	background-color: #cfe2ff;
	border-color: #b6d4fe;
}
.alert-primary .alert-link {
	color: #06357a;
}

.alert-secondary {
	color: #41464b;
	background-color: #e2e3e5;
	border-color: #d3d6d8;
}
.alert-secondary .alert-link {
	color: #34383c;
}

.alert-success {
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
}
.alert-success .alert-link {
	color: #0c4128;
}

.alert-info {
	color: #055160;
	background-color: #cff4fc;
	border-color: #b6effb;
}
.alert-info .alert-link {
	color: #04414d;
}

.alert-warning {
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5;
}
.alert-warning .alert-link {
	color: #523e02;
}

.alert-danger {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
}
.alert-danger .alert-link {
	color: #6a1a21;
}

.alert-light {
	color: #636464;
	background-color: #fefefe;
	border-color: #fdfdfe;
}
.alert-light .alert-link {
	color: #4f5050;
}

.alert-dark {
	color: #141619;
	background-color: #d3d3d4;
	border-color: #bcbebf;
}
.alert-dark .alert-link {
	color: #101214;
}

.list-element {
    
display: none !important;
}