.f-8  { font-size: 8px;  line-height: 12px; }
.f-10 { font-size: 10px; line-height: 14px; }
.f-12 { font-size: 12px; line-height: 16px; }
.f-14 { font-size: 14px; line-height: 18px; }
.f-16 { font-size: 16px; line-height: 20px; }
.f-18 { font-size: 18px; line-height: 22px; }
.f-20 { font-size: 20px; line-height: 24px; }
.f-22 { font-size: 22px; line-height: 26px; }
.f-24 { font-size: 24px; line-height: 28px; }
.f-26 { font-size: 26px; line-height: 30px; }
.f-28 { font-size: 28px; line-height: 32px; }
.f-30 { font-size: 30px; line-height: 34px; }
.f-32 { font-size: 32px; line-height: 36px; }
.f-34 { font-size: 34px; line-height: 38px; }
.f-36 { font-size: 36px; line-height: 40px; }
.f-38 { font-size: 38px; line-height: 42px; }
.f-40 { font-size: 40px; line-height: 44px; }

* {
	outline: none;
}

body {
	font-size: 0.95rem;
}

body.no-scroll {
	overflow: hidden !important;
}

.alert h4 {
	display: none;
}

.navbar-nav .avatar {
	width: 30px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 1px;
}

.navbar-nav .username {
	display: inline-block;
	padding-left: 5px !important;
}

.navbar-nav .username:hover {
	color: rgba(0,0,0,.5) !important;
}

.main-sidebar .logo-full {
	height: 58px;
	max-width: 100%;
}

[class*=sidebar-dark] .brand-link {
	background-color: #000;
	height: 59px;
}

.nav-item {
	border: 1px solid transparent;
	margin: .2rem 0;
}

.nav-sidebar .nav-item>.nav-link {
	margin: 0;
}

.nav-item.has-treeview.menu-open {
	border: 1px solid #f15d3c7a;
	border-radius: .25rem;
}

.nav-item.has-treeview.menu-open:not(.current) {
	border: 1px solid rgba(255,255,255,.1);
	border-radius: .25rem;
}

.nav-item.has-treeview.menu-open > .nav-link {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.nav-sidebar .menu-open>.nav-treeview li:last-child {
	margin-bottom: 0;
}

.nav-sidebar .nav-link>.right, 
.nav-sidebar .nav-link>p>.right {
	right: 0.7rem;
}

.nav-link {
	padding: .5rem 0.5rem;
}

.list-controls {
    padding: 5px;
}

.lista-itens > .table {
	margin: 0;
}

.table.v-middle td {
	vertical-align: middle;
}

.table.v-top td {
	vertical-align: top;
}

.table th {
	padding: 7px 0.75em;
}

.table-sm th {
	padding: 5px .3rem;
}

.table th.check {
	width: 65px;
}

form .card .card-body .card:last-child {
	margin-bottom: 0;
}

input[type=file].form-control, input[type=file].form-control.focus, input[type=file].form-control:focus {
	padding: 4.1px 4px;
}

label:not(.form-check-label):not(.custom-file-label){
	display: block;
}

.img-preview img {
	max-height: 150px;
}

.form-control-plaintext {
	cursor: default;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	width: auto;
	z-index: 100000000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	line-height: 22px;
    font-size: 14px;
}

.select2-container {
	z-index: 99999999;
	max-width: 100%;
}

.button-bar {
	margin-top: -5px;
    margin-bottom: -5px;
}

.jconfirm.jconfirm-white .jconfirm-bg, 
.jconfirm.jconfirm-light .jconfirm-bg {
	opacity: 0.7;
}

[class*=icheck-] {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999999999;
}

.my-loading > .loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #f15d3c; /* orange */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	position: absolute;
	left: Calc(50vw - 60px);
	top: Calc(50vh - 60px);
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.my-loading > .progress {
	position: absolute;
    left: Calc(50vw - 15%);
    top: Calc(50vh + 85px);
    width: 30%;
    height: 25px;
    border-radius: 13px;
    display: none;
}

.my-loading > .progress > .label {
	position: absolute;
    margin: auto;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 2px 2px rgb(255 255 255 / 60%);
}

.area-errors-401,
.area-errors-404,
.area-errors-offline,
.area-login-index,
.area-login-forgot,
.area-login-forgot-reset {
	-ms-flex-align: center;
	align-items: center;
	background: #e9ecef;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh;
	-ms-flex-pack: center;
	justify-content: center
}

.content-lang {
	width: auto;
}

.content-lang .btn {
	padding-top: 5px;
	padding-bottom: 5px; 
	white-space: nowrap;
}

.content-lang td {
	min-width: 68px;
	padding: 5px 5px 5px 0 !important;
}

.content-lang td:first-child {
	padding-left: 5px !important;
}

.content-lang td:last-child {
	min-width: auto;
}

.richText {
	border-radius: .25rem;
}

.richText.is-invalid {
	border-color: #dc3545;
}


.table-naked tr,
.table-naked tr td {
	background-color: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.table-naked tr td {
	padding-right: 5px !important;
}

.table-naked tr td:last-child {
	padding-right: 0px !important;
}

@media (max-width: 575px) {
	.nav-tabs li.titulo {
		width: 100%;
		border-bottom: 2px solid #fd7e14;
	}

	.nav-tabs li.titulo h3 {
		float: initial;
		margin-top: 0 !important;
		margin-bottom: 2px;
	}
}

@media (max-width: 900px) {
	.esconde-sm {
		display: none;
	}
}

@media (max-width: 1160px) {
	.esconde-md {
		display: none;
	}
}

@media (max-width: 1450px) {
	.hide-lg {
		display: none;
	}
}

@media (min-width: 992px) {
	.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link {
		text-align: center;
	}

	.sidebar-mini.sidebar-collapse .brand-text, 
	.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p, 
	.sidebar-mini.sidebar-collapse .sidebar .user-panel>.info {
		display: none;
	}

	.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link , 
	.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link {
		text-align: left;
	}

	.sidebar-mini.sidebar-collapse .main-sidebar .logo-full {
		height: auto;
		padding: 14px 5px;
	}

	.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-full, 
	.sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-full  {
		height: 58px;
		padding: 0;
	}
}