html, body { width: 100%; height: 100%;}
/* body, .fullpage { margin: 0; padding: 0;} */
 body, .fullpage, section {
	margin: 0; padding: 0;
}
.login-page { 
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 1000;
}
.page {
	padding-top: 5rem;
}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}
footer, section {
	box-shadow: 0 0 16px rgba(0,0,0,0.6);
}
.modal {
	z-index: 10050;
}
.rounded {
	-moz-border-radius: 6px;
	border-radius: 6px;	
}
.rounded16 {
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.shadow {
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
}
.cursor {
	cursor: pointer;
}
.text-shadow-dark {
	text-shadow: 2px 2px #333;
}
.text-shadow-light {
	text-shadow: 2px 2px #fff;
}
.h1-logo {
	width: 50px;
}
@media (min-width:768px) {
	.h1-logo {
		width: 80px;
	}
}
@media (max-width:991px) {
	#mainNav.navbar {
		z-index: 9999;
		position: fixed;
		width: 100%;
		opacity: 0.9;
	}
}
@media (min-width:992px) {
	#mainNav {
		border-bottom: 1px solid #fff;
		background-color: hsla(0,0%,100%,.9);
	}
}
#mainNav .navbar-nav > li.nav-item > a {
	color: #212529;
}
#mainNav .navbar-nav > li.nav-item > a:hover {
	color: #33b7cc;
}
#mainNav .navbar-nav > li.nav-item > a.active {
	color: #009FE3;
}
#mainNav.is-fixed {
	top: -80px;
}
.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	font-size: 1.5rem;
	line-height: inherit;
	white-space: nowrap;
}
#mainNav .navbar-nav > li.nav-item > a {
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#mainNav.is-fixed .navbar-nav > li.nav-item > a {
	color: #212529;
}
#mainNav.is-fixed .navbar-nav > li.nav-item > a:hover {
	color: #33b7cc;
}
#mainNav.is-fixed .navbar-nav > li.nav-item > a.active {
	color: #009FE3;
}
#mainNav .navbar-nav > li.nav-item > a.active {
	color: #33b7cc;
}
header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {
	padding: 100px 0;
	color: #fff;
}
@media (min-width:768px) {
	header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {
		padding: 200px 0;
	}
}
.navbar .nav-item .nav-link .img-profile {
	height: 2rem;
	width: 2rem;
}
.nav-align-img-profile {
	padding-top: 0.4rem;
}
h2.post-title {
	color: #33b7cc;
}
.dropzone {
	border: 2px dashed #33b7cc;
	border-radius: 5px;
	background: white;
}
.dz-details {
	z-index: 3000;
}
footer a:hover {
	color: #33b7cc;
}
a.go-up-fixed {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 0px;
	border:none;
	border-radius:50%;
	margin:4px;
	color:#fff;
	text-align:center;
	background-color:#33b7cc;
	opacity:0.8;
	z-index: 900;
}
a.go-up-fixed:hover {
	opacity:1;
}
.my-logo {
	width: 64%;
	max-width: 1920px;
}
@media (max-width:768px) {
	.my-logo {
		width: 68%;
	}
}
.required-input {
	color: red;
}
.dropdown .dropdown-list .dropdown-header {
    background-color: #f6c23e;
    border: 1px solid #f6c23e;
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #121212;
}
#successfail {
	margin-top: 1rem;
}
*:disabled  {
	cursor: not-allowed;
}
.loading {
	padding: 6rem;
}
.table td, .table th {
	vertical-align: middle;
}
.table-cont-scroll {
	overflow-x: auto;
}
.tablesorter-bootstrap {
    font: 11px/18px Arial,Sans-serif;
    text-align: left;
    border-spacing: 0;
}
.tablesorter input[type=search] {
	font-size: 16px;
	color: #333;
	padding: 6px;
	margin: 2px;
	-moz-box-shadow:inset 2px 2px 5px #ccc;
	box-shadow:inset 2px 2px 5px #ccc;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b8b8b8;
}
.pager select {
	font-size: 16px;
	color: #333;
	padding: 6px;
	margin: 2px;
	-moz-box-shadow:inset 2px 2px 5px #ccc;
	box-shadow:inset 2px 2px 5px #ccc;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b8b8b8;
}