.login-form {
	margin: 100px auto;
	max-width: 350px;
}

form[role=login] {
	font: 16px/1.8em Lato, serif;
	background: #0C3021;
	padding: 30px 26px;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] > img {
		
		margin-bottom: 2em;
	}
	form[role=login] .form-control,
	form[role=login] button {
		font-size: 18px;
		margin: 10px 0;
	}
		
.form-links {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 50px;
}
.loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

	.loading-overlay .spinner {
		border: 5px solid rgba(0, 128, 0, 0.2);
		border-top: 5px solid green;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		animation: spin 1s linear infinite;
	}

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

	100% {
		transform: rotate(360deg);
	}
}

.dimmed {
	opacity: 0.5;
	pointer-events: none;
}

.panel-default > .panel-heading {
	background-color: #046547;
	color: white;
	font-size: 1.1em;
}

i.fas, span.servicedrop {
	font-size: 1.2em;
	padding-right: 0.2em;
	color: #f2ff66;
}

span.servicedrop {
	font-size: 1em;
}

.navbar-pedido {
	margin-bottom: 0px;
	background-color: #fffcfc;
	border: none;
}

.navbar-pedido .navbar-brand {
	color: #2c7752;
	font-size: 1.3em;
}

.navbar-pedido.affix{
	right: 0;
	border: solid 1px #d4e0da;
}

.navbar-pedido.affix .navbar-brand{
	display: none;
}

#panel-associado {
	margin-top: 20px;
}

.nav-pills li {
	margin: 0;
}

	.nav-pills li a {
		color: #4b9873;
		border-radius: 0;
		padding-top: 15px;
		height: 50px;
	}

		.nav-pills li a:hover {
			background-color: #2e6d5b;
			color: #ffff96;
		}

	.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus {
		background-color: #328c7b;
		color: #ffff96;
	}

.navbar-fixed-top.navbar-pedido {
	z-index: 1000;
}

.body-content {
	background-color: #ececec;
}


h4 {
	font-size: 1.15em;
	padding: 0 0;
	margin: 5px 0;
}

.matriz-label {
	padding: 0;
}

.desconto .form-control {
	width: 10%;
	display: inline-block;
}

.input-group i.fas {
	color: #7a858c;
}

i.fas.BtnAddItemAutoComp {
	color: #28a77d;
	font-size: 1.8em;
	padding-top: 2px;
}

.realtive {
	position: relative;
}

#buscaProduto {
	padding-right: 40px;
}

.fas.add-produto-outros {
	color: #28a77d;
	cursor: pointer;
	margin-left: 5px;
}

#panel-produto .clearfix {
	margin-bottom: 20px;
}

#finalizar {
	margin-top: 15px;
	background-color: #28a77d;
	font-size: 1.25em;
}

.btn-Sucesso {
	background-color: #28a77d !important;
	color: white !important;
}

/*** Radio ***/

.radio,
.checkbox {
	padding-left: 20px;
	position: relative;
	display: block;
}

	.radio input,
	.checkbox input {
		opacity: 0;
		position: absolute;
		z-index: 1;
		cursor: pointer;
		margin-left: -20px;
	}

		.radio input:checked + label::before,
		.checkbox input:checked + label::before {
			border-color: #61c796;
		}

		.radio input:checked + label::after,
		.checkbox input:checked + label::after {
			content: '';
			display: inline-block;
			position: absolute;
			width: 13px;
			height: 13px;
			left: 1px;
			top: 4px;
			margin-left: -19px;
			border: 1px solid #2f7e94;
			border-radius: 50%;
			background-color: #108e77;
		}

	.radio label,
	.checkbox label {
		display: inline-block;
		position: relative;
		padding-left: 5px;
	}

		.radio label::before,
		.checkbox label::before {
			content: '';
			display: inline-block;
			position: absolute;
			width: 17px;
			height: 17px;
			left: 0;
			top: 2px;
			margin-left: -20px;
			border: 1px solid #ccc;
			border-radius: 50%;
			background-color: #fff;
		}

	.radio.disabled label,
	.checkbox.disabled label {
		color: #ccc;
	}

		.radio.disabled label::before,
		.checkbox.disabled label::before {
			opacity: .54;
			border-color: #ccc;
		}

	.checkbox input:checked + label::before {
		border-color: #008040;
		background-color: #004f2a;
	}

	.checkbox input:checked + label::after {
		content: "\f00c";
		font-family: FontAwesome;
		font-size: 13px;
		color: #fff;
		top: 0;
		left: 1px;
		border-color: transparent;
		background-color: transparent;
	}

	.checkbox label::before {
		border-radius: 2px;
	}


@media screen and (min-width: 960px){
	.modal-dialog {
		width: 800px
	}
}


@media only screen and (max-width: 768px) {
	.navbar-pedido {
		display: none;
	}

	#panel-associado {
		margin-top: 25px;
	}
}
:focus {
    outline: none !important
}
/************************************************************NOVO LAYOUT************************************************************/
/* Reset básico */
/************************************************************NOVO LAYOUT************************************************************/
/* Reset básico */
html, body {
    height: 100vh;
    margin: 0;
}

body {
    display: flex; /* mantém flex para layout moderno */
    flex-direction: column;
}

/* Navbar superior */
nav.navbar {
    flex-shrink: 0;
    height: 50px; /* padrão Bootstrap 3 */
    margin-bottom: 0;
}

/* Container principal */
.main-container {
    display: flex;
    flex: 1;
    height: 100vh; /* ocupar toda a altura da tela */
    overflow: hidden;
}

/* Conteúdo principal */
#content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto; /* habilita rolagem vertical */
    padding: 10px;
}

/* Sidebar */
#sidebar {
    width: 250px;
    background: #343a40;
    color: white;
    display: flex;
    flex-direction: column;
    transition: width 0.3s;
    float: left; /* compatível com Bootstrap 3 */
    overflow-y: auto;
}

    /* Sidebar reduzida */
    #sidebar.reduced {
        width: 60px;
    }

    /* Links da sidebar */
    #sidebar .nav-link {
        color: white;
        cursor: pointer;
        display: block; /* Bootstrap 3 não usa flex em nav-link */
        padding: 10px 15px;
        position: relative;
    }

        /* Ícones (Glyphicons) */
        #sidebar .nav-link .glyphicon {
            font-size: 14px;
            margin-right: 10px;
            vertical-align: middle;
        }

    /* Texto escondido na versão reduzida */
    #sidebar.reduced li a span.text {
        display: none;
    }

    /* Centraliza ícones na versão reduzida */
    #sidebar.reduced li a .glyphicon {
        margin-right: 0;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    /* Setas escondidas na versão reduzida */
    #sidebar.reduced li a .glyphicon-chevron-down,
    #sidebar.reduced li a .glyphicon-chevron-up {
        display: none;
    }

    /* Submenus */
    #sidebar .submenu {
        display: none; /* será controlado pelo collapse do Bootstrap 3 */
        padding-left: 20px;
    }

    #sidebar.reduced .submenu {
        display: none !important;
    }

/* Botão toggle */
#toggleSidebarBtn {
    align-self: flex-end;
    margin: 5px;
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

/* Para garantir compatibilidade com Bootstrap 3 collapses */
.collapse.in {
    display: block !important;
}


/************************************************************NOVO LAYOUT************************************************************/



.navbar-inverse {
    background-color: #1d614e;
    border: none;
}

.navbar-header, .navbar-collapse.in {
    background-color: #1d614e;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background: #2e6d5b;
}


.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-nav .divider-vertical {
    border-left: 1px solid #ffffff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar a.user-profile.dropdown-toggle {
    color: #e8e154;
}


Set padding to keep content from hitting the edges
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 95% !important;
}

Override the default bootstrap behavior where horizontal description lists
will truncate terms that are too long to fit in the left column

.dl-horizontal dt {
    white-space: normal;
}

Set width on the form input elements since they're 100% wide by default
input,
select,
textarea {
    max-width: 1500px;
}

.sublinhado:hover {
    text-decoration: underline;
}

tr.header1 {
    background-color: #fff !important;
    color: grey;
    border-bottom: 3px solid #ddd;
}

tr.header2 {
    background-color: #004F2F !important;
    color: white;
}

linha-fina {
    border-collapse: collapse !important;
}

tr.even {
    background-color: #EAEFD3 !important;
    background-color: #FAFAFA !important;
    color: black;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #eaeaea !important;
}

table.dataTable tbody tr.selected {
    background-color: #fff200 !important;
}

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
    background-color: #fff200 !important;
}

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
    background-color: #fff200 !important;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #fff200 !important;
}


table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #EAEFD3 !important;
    background-color: #FAFAFA !important;
    color: black;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #eaeaea !important;
}

table.gridPadrao, table.gridPadrao th, table.gridPadrao td {
    border-left: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}


table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 8px !important;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 3px 6px 2px 3px !important;
    border-bottom: 1px solid #ddd !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 2px 15px !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    vertical-align: inherit;
}

.dataTables_info {
    width: 25% !important;
    clear: none !important;
}

.dataTables_length {
    padding-top: 0.755em !important;
    margin-left: 12px;
    margin-right: 10px;
}

div.dataTables_wrapper div.dataTables_paginate {
    width: 40% !important;
}

.boxx {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.chart-legend li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    list-style-type: none;
    font-size: 11px;
}

.chart-legend {
    font-size: 11px;
    margin-right: -5px;
    margin-top: 24px;
}

    .chart-legend ul {
        list-style-type: none;
    }

Declaração inicial

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    cursor: pointer;
}

Medias queries

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.huge {
    font-size: 22px !important;
    margin-left: -15px;
    margin-top: 10px
}

.btn-semaforo {
    font-size: 33px !important;
    color: #ede603;
}

.texto-semaforo {
    font-size: 12px !important;
    color: black;
    font-weight: bold;
}

.panel-link {
    cursor: pointer;
    color: peachpuff;
}

.panel-vermelho {
    border-color: #204d74 !important;
    cursor: pointer;
}

.heading-vermelho {
    border-color: #204d74 !important;
    background-color: #204d74 !important;
}

.panel-laranja {
    border-color: #204d74 !important;
    cursor: pointer;
}

.heading-laranja {
    border-color: #204d74 !important;
    background-color: #204d74 !important;
}

.panel-verde {
    border-color: #204d74 !important;
    cursor: pointer;
}

.heading-verde {
    border-color: #004f2a !important;
    background-color: #004f2a !important;
    clear: both;
    padding: 0 !important;
}

.heading-suspenso {
    border-color: #7b7b7b !important;
    background-color: #7b7b7b !important;
}

.btn-suspenso {
    font-size: 33px !important;
    color: #292929;
}

.panel-suspenso {
    color: peachpuff;
    pointer-events: none;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}

.panel-azul {
    border-color: #204d74 !important;
    cursor: pointer;
}

.heading-azul {
    border-color: #204d74 !important;
    background-color: #204d74 !important;
}

.panel-azul-claro {
    border-color: #204d74 !important;
    cursor: pointer;
}

.heading-azul-claro {
    border-color: #204d74 !important;
    background-color: #204d74 !important;
}

.footer-semaforo {
    padding: 4px 7px !important;
}

.toolbar {
    font-size: 18px;
    font-weight: bold;
    float: left;
}

.toolbar_contatos {
    font-size: 18px;
    font-weight: bold;
    float: left;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    border-radius: 0 !important;
}

Bootstrap Dropdown Submenu
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.navbar-nav .divider-vertical {
    height: 40px;
    margin: 4px 9px;
}

td.details-control {
    background: url('../resources/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../resources/details_close.png') no-repeat center center;
}

.loader {
    margin: 100px auto;
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #008040, 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.5), -1.8em -1.8em 0 0 rgba(0,128,64, 0.7);
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.7), 1.8em -1.8em 0 0 #008040, 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.5);
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.5), 1.8em -1.8em 0 0 rgba(0,128,64, 0.7), 2.5em 0 0 0 #008040, 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.5), 2.5em 0 0 0 rgba(0,128,64, 0.7), 1.75em 1.75em 0 0 #008040, 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.5), 1.75em 1.75em 0 0 rgba(0,128,64, 0.7), 0 2.5em 0 0 #008040, -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.5), 0 2.5em 0 0 rgba(0,128,64, 0.7), -1.8em 1.8em 0 0 #008040, -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.5), -1.8em 1.8em 0 0 rgba(0,128,64, 0.7), -2.6em 0 0 0 #008040, -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.5), -2.6em 0 0 0 rgba(0,128,64, 0.7), -1.8em -1.8em 0 0 #008040;
    }
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0 -2.6em 0 0 #008040, 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.5), -1.8em -1.8em 0 0 rgba(0,128,64, 0.7);
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.7), 1.8em -1.8em 0 0 #008040, 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.5);
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.5), 1.8em -1.8em 0 0 rgba(0,128,64, 0.7), 2.5em 0 0 0 #008040, 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.5), 2.5em 0 0 0 rgba(0,128,64, 0.7), 1.75em 1.75em 0 0 #008040, 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.5), 1.75em 1.75em 0 0 rgba(0,128,64, 0.7), 0 2.5em 0 0 #008040, -1.8em 1.8em 0 0 rgba(0,128,64, 0.2), -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.5), 0 2.5em 0 0 rgba(0,128,64, 0.7), -1.8em 1.8em 0 0 #008040, -2.6em 0 0 0 rgba(0,128,64, 0.2), -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.5), -1.8em 1.8em 0 0 rgba(0,128,64, 0.7), -2.6em 0 0 0 #008040, -1.8em -1.8em 0 0 rgba(0,128,64, 0.2);
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,128,64, 0.2), 1.8em -1.8em 0 0 rgba(0,128,64, 0.2), 2.5em 0 0 0 rgba(0,128,64, 0.2), 1.75em 1.75em 0 0 rgba(0,128,64, 0.2), 0 2.5em 0 0 rgba(0,128,64, 0.2), -1.8em 1.8em 0 0 rgba(0,128,64, 0.5), -2.6em 0 0 0 rgba(0,128,64, 0.7), -1.8em -1.8em 0 0 #008040;
    }
}


.overlay {
    background: #e9e9e9;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.9;
}

.desabilitaColuna {
    cursor: initial !important;
}

.desabilitaClickColuna {
    cursor: initial !important;
}

.font-icone {
    font-size: 20px;
    content: "\e084";
}

.chart_css {
    cursor: pointer;
    margin-top: -5px;
    margin-bottom: -9px;
    margin-left: -23px;
    width: 280px;
    height: 150px;
}

.rect {
    display: none;
}

.comboRel {
    width: 288px !important;
}

.panel-heading .chevron:after {
    content: "\f078";
}

.panel-heading.collapsed .chevron:after {
    content: "\f054";
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: #9ac3aa !important;
}

.input-sm {
    margin-bottom: 5px !important;
}

.LeoGridDefault {
    font-size: 13px;
    border-collapse: collapse;
    border-left: 0 !important;
    vertical-align: inherit;
}

.panel-primary {
    border-color: #004f2a !important;
}

.arrow {
    display: none !important;
}

.div-aviso {
    max-height: 505px;
    overflow: auto;
}

.modalHeaderLeo {
    clear: both;
    background-color: #17593F !important;
    color: white !important;
}

.closeSite {
    clear: both;
    opacity: 1 !important;
    color: white !important;
}

    .closeSite:hover {
        clear: both;
        opacity: 0.5 !important;
        color: white !important;
    }



.LmPanelHeader {
    background-color: #00492C !important;
    color: white !important;
}

.LmPanelHeader2 {
    background-color: #17593F !important;
    color: white !important;
}


.LmPanelHeader3 {
    background-color: #2E6A52 !important;
    color: white !important;
}


.LmPanelHeader4 {
    background-color: #457A65 !important;
    color: white !important;
}


.LmPanelHeaderBorder {
    border-color: #00492C !important;
}

.HidderOverflow {
    overflow: hidden !important;
}

Override the default bootstrap behavior where horizontal description lists
will truncate terms that are too long to fit in the left column

.dl-horizontal dt {
    white-space: normal;
}



.LmHeaderModal {
    clear: both;
    color: white;
    background-color: #004F2A !important;
}


fieldset {
    border: 1px solid #7e927e !important;
    margin: 0;
    xmin-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    background-color: #ffffff;
}

legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    border: 1px solid #7e927e;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    background-color: #c1dec1;
}







.divMdlLmBackGround {
    top: 0 !important;
    margin: 0 !important;
    position: fixed !important;
    clear: both;
    width: 100% !important;
    height: 100% !important;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
    z-index: 88888 !important;
    overflow: hidden !important;
}



.divCenterBlankLM {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    z-index: 200;
}



.divCenterModalLM {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    z-index: 8000 !important;
    height: 400px;
    width: 500px;
    overflow: hidden !important;
}

.LmNoticationSuccess {
    background-color: #00492C !important;
    color: white !important;
}


.LmNoticationWarnig {
    background-color: #00492C !important;
    color: #FFCC00 !important;
}



.LmNoticationDanger {
    background-color: #C24648 !important;
    color: white !important;
}



.LmNoticationInfo {
    background-color: #286090 !important;
    color: white !important;
}



.PlanoDeCorteValorInvalido {
    border: 1px solid red;
}


.dropzone .dz-preview.dz-error .dz-error-message {
    margin-top: 12px;
}

.dropzone .dz-preview .dz-progress {
    margin-top: 12px !important;
}

.parentesco .form-group {
    margin: 0;
    display: flex;
}

@media (max-width: 576px) {
    .parentesco .form-group {
        display: block;
    }

    #adicionarParentesco {
        margin: 16px 0 0 16px !important;
    }

    #removerParentesco, .removerParentesco {
        margin: 16px 0 0 16px !important;
    }

    .dataTables_info {
        width: 100% !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        width: 100% !important;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        position: initial !important;
        margin: 4px 0 4px 0;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .dataTables_info {
        width: 35% !important;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        width: 30% !important;
    }
}