body{
    margin: 0;
    padding: 0;
    background-color: #F7F7F7;
}

.custom-template {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: -325px;
	width: 325px;
	height: max-content;
	display: block;
	z-index: 1;
	background: #ffffff;
	transition: all .3s;
	z-index: 1003;
	box-shadow: -1px 1px 20px rgba(69, 65, 78, 0.15);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: all .5s;
}

.custom-template.open {
	right: 0px;
}

.custom-template .custom-toggle {
	position: absolute;
	width: 45px;
	height: 45px;
	background: rgb(88, 103, 221);
	top: 50%;
	left: -45px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid #177dff;
	cursor: pointer;
	color: #ffffff;
	box-shadow: -5px 5px 20px rgba(69, 65, 78, 0.21);
}

.custom-template .custom-toggle i {
	font-size: 20px;
	animation: 1.3s spin linear infinite;
}

.custom-template .title{
    padding: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-bottom: 1px solid #ebedf2;
    background: #5867dd;
}

.custom-template .custom-content{
	padding: 20px 15px;
	max-height: calc(100vh - 90px);
	overflow: auto;
}

.custom-template .switcher {
	padding: 5px 0;
}

.custom-template .switch-block h4 {
	font-size: 13px;
	font-weight: 600;
	color: #444;
	line-height: 1.3;
	margin-bottom: 0;
	text-transform: uppercase;
}

.custom-template .btnSwitch {
	margin-top: 20px;
	margin-bottom: 25px;
}

.custom-template .btnSwitch button {
	border: 0px;
	height: 20px;
	width: 20px;
	outline: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	padding: 0;
	border-radius: 50%;
	border: 2px solid #eee;
	position: relative;
	transition: all .2s;
}

.custom-template .btnSwitch button:hover{
	border-color: #0bf;
}

.custom-template .btnSwitch button.selected{
	border-color: #0bf;
}

.custom-template .img-pick {
	padding: 4px;
	min-height: 100px;
	border-radius: 5px;
	cursor: pointer;
}

.custom-template .img-pick img {
	height: 100%;
	height: 100px;
	width: 100%;
	border-radius: 5px;
	border: 2px solid transparent;
}

.custom-template .img-pick:hover img, .custom-template .img-pick.active img{
	border-color: #177dff;
}

body[data-background-color="dark"] .demo-icon .icon-preview {
	color: #969696;
}


body[data-background-color="dark"] .demo-icon .icon-class {
	color: #a9a8a8;
}

.ui-pnotify-icon, .ui-pnotify-icon span{
    margin-top: 2px;
}

.table td, .table th{
	height: 50px;
}

table > tbody > tr > td{
	height: 40px !important;
}

.alert [data-notify="icon"]::before {
	left: 0 !important;
	position: absolute;
}

.btn-rounded{
	border-radius: 50%;
}

.navbar-header[data-background-color="teal"] {
	background-color: #269c96;
}

.navbar-header[data-background-color="orange"] {
    background: #f58634 !important;
}

.navbar-header[data-background-color="white"] {
    background: white !important;
}

.bg-orange-gradient{
	background: #f58634 !important;
	background: -webkit-linear-gradient(legacy-direction(-45deg),#f58634, #f97806) !important;
	background: linear-gradient(-45deg,#f58634, #f97806) !important;
}

.btn-orange {
    background: #f58634 !important;
    border: 1px solid #ef7f2c !important;
    color: white;
}

.bg-teal-gradient{
	background: linear-gradient(-45deg,#269c96, #3c7a85) !important;
}

.btn-teal {
    background: #19a497 !important;
    border: 1px solid #19a497 !important;
    color: white;
}

.navbar-nav > .nav-item  > .link{
	color: white !important;
	font-weight: bold;
	font-size: 14px;
}

.sidebar.sidebar-style-2 .nav.nav-primary > .nav-item.active > a{
	background: #19a497 !important;
}

a {
  color: #19a497 !important;
}

.label{
	padding: 5px 10px;
	color: white !important;
	border-radius: 15px;
}

.label-danger{
	background-color: #dc3545;
}

.label-orange {
	background-color: #f58634;
	cursor: pointer;
}

.label-teal {
	background-color: #19a497;
	cursor: pointer;
}

.logo-header[data-background-color=teal] .btn-toggle, .logo-header[data-background-color=teal] .more, .logo-header[data-background-color=teal] .navbar-toggler .navbar-toggler-icon {
	color: #8d9498!important
}

.sidebar .user .info a > span .user-level{
	font-size: 9px !important;
}

#login{
    background-color: #F7F7F7;
}

#login-logo-ammo{
	margin: 0 auto;
	display: flex;
}

#icon-logo{
	height: 60px;
	margin-top: 10px;
}

.titulo-login{
	margin-top: 120px;
	font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.header-login {
    color: #fff;
    padding: 20px 0;
    position: relative;
    background-color: white;
    height: 120px;
    border-bottom: 3px solid #19a497;
}

.header-login h3{
    color: black;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: bold;
    float: right;
    margin-top: 30px;
}

#container-login{
    max-width: 420px;
    margin: 80px auto 80px auto;
    background: white;
    padding: 15px 25px;
    border-top: 5px solid #19a497;
    border-radius: 5px;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.06);
}

.container-login h4::before {
    background: #7e7e7e;
    background: -moz-linear-gradient(right, #7e7e7e 0%, white 100%);
    background: -webkit-linear-gradient(right, #7e7e7e 0%, white 100%);
    background: -o-linear-gradient(right, #7e7e7e 0%, white 100%);
    background: -ms-linear-gradient(right, #7e7e7e 0%, white 100%);
    background: linear-gradient(to left, #7e7e7e 0%, white 100%);
    left: 0;
}

#container-login h4::before, #container-login h4::after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 20%;
}

#parceiros{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 30px;
	float: right;
}

#parceiros-footer{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	visibility: hidden;
}


#parceiros p, #parceiros-footer p{
	color: #222;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 12px;
}

#logos-parceiros a, #logos-parceiros-footer a{
	margin-left: 8px;
}

#logos-parceiros a > img, #logos-parceiros-footer a > img{
    width: auto;
    height: 27px;
}

.main-panel {
	width: 100%;
}

#datatable_laudos thead{
	text-align: center;
}

#datatable_laudos tbody{
	text-align: center;
}

#datatable_laudos tbody > tr > td > a > i {
	font-size: 17px;
}

footer{
    padding: 17px 20px;
    background: white;
    display: block;
}


@media screen and (max-width: 550px){

}

@media screen and (max-width: 576px){
	
}

@media screen and (max-width: 1280px){
	
}

@media (min-width: 320px) and (max-width: 768px) {	

	#icon-logo{
		margin: 10px auto;
		display: flex;
	}

	.header-login h3{
		display: none;
	}

	.titulo-login{
		margin-top: 0;
	}

	#container-login{
		margin: 50px auto 80px auto;
	}


	#parceiros{
		visibility: hidden !important;
	}

	#parceiros-footer{
		visibility: visible;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-login h3{
		display: none;
	}

	.titulo-login{
		margin-top: 0;
	}

	#parceiros{
		visibility: hidden !important;
	}

	#parceiros-footer{
		visibility: visible;
	}
}

@media(min-width: 1200px) and (max-width: 1300px){
	.titulo-login{
		margin-top: 120px;
	}
}

@media (min-width: 1300px) and (max-width: 1500px) {  
	
}

@media screen and (max-width: 1200px){
	
}