/* GERAIS 
body {
	font-family: Verdana, Geneva, Tahoma, sans-serif !important;
	https://coolors.co/0d1b2a-1b263b-415a77-778da9-e0e1dd
}
*/

.container {
	max-width: 100%; 
	padding: 25px; 
}

label {
	color: #476b6b;
	font-size: 12px;	
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

label:not(.form-check-label):not(.custom-file-label) {
	font-weight: normal; 
	color: #476b6b;
}

.custom-check-input {                                       
	scale: 1.1; 	
}

table {
	width: 100% !important; 
}

td {
	font-size: 12px !important;
}

a {
	color: #476b6b;
}

a:hover {
	color: #00adc8;
}

.table td, .table th {
	padding: 7px !important;
}

form {
	margin-bottom: 0;
}

.form-control {
	color: #476b6b !important; 
	font-size: 12px !important;
} 

.readonly {
	background: #e1e1e1 !important;
}

.breadcrumb {
	font-size: 12px; 
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.sidebar {
	font-family: Verdana, Geneva, Tahoma, sans-serif; 
	font-size: 14px;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
	width: 0;
}

.sidebar-mini.sidebar-collapse .content-wrapper {
	margin-left: 0 !important;
}

.sidebar-mini.sidebar-collapse .main-header {
	margin-left: 0 !important;
}

.estilo-header {
	
	height: 70px;
	background: #fff; 
	border-bottom: 1px solid #bdcedb; 
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

.section-header-div-center {
	width: 75px;
	height: 3px; 
	background: #ccc;
	margin: auto; 
	margin-bottom: 20px; 
	margin-top: 5px; 
}

.section-header-div-left {
	width: 75px;
	height: 3px; 
	background: #ccc;
	margin-bottom: 20px; 
	margin-top: 5px; 
}

.dropdown-item {
	border-bottom: 1px solid #e0e0e0;
}

/* 19334d */

.layout-navbar-fixed .wrapper .content-wrapper {
	margin-top: 70px; 
	background: #f0f5f5;
}

.navbar {
	padding: 5px 10px;
}

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

.btn-xs {
	font-size: 14px;
}

.select-table {
	padding: 5px;
	font-size: 14px;
	line-height: 1;
	height: auto;
}

.page-item.active .page-link {
	background-color: #778DA9 !important; 
	border-color: #778DA9 !important;
}

.titulo-painel {
	font-size: 16px; 
	margin-bottom: 0; 
	color: #476b6b;
}

.subtitulo-painel {
	font-size: 12px; 
	margin-bottom: 20px; 
	color: #476b6b; 
}

.titulo-conteiner {
	font-size: 24px; 
	color: #476b6b; 
	border-bottom: 1px solid #fff; 
	padding-bottom: 10px;
}

.titulo-header {
	font-size: 24px; 
	margin-bottom: 8px; 
	color: #476b6b; 
	line-height: 18px;
}

.sub-titulo-header {
	font-size: 12px; 
	margin-bottom: 0; 
	color: #476b6b; 
	float: left;
}

.titulo-pagina {
	font-size: 14px;
	color: #476b6b !important; 
	margin-bottom: 15px;	
	font-weight: 600; 
	border-left: 2px solid #476b6b; 
	padding-left: 7px;
}

.titulo-tabela {
	font-size: 12px; 
	color: #476b6b; 
	font-weight: bold;
}

.linha-tabela {
	font-size: 12px; 
	color: #476b6b; 
	border-bottom: 1px solid #ced4da;
}




[class*=sidebar-dark-] {
	background: #191c1e !important;
}

.ui-widget-header {
	background: #006f80 !important;
	border: 1px solid #006f80 !important;
	color: #fff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #006f80 !important;
	border: 1px solid #006f80 !important;
	color: #fff !important;
}

.progress {
	background-color: #d9d9d9;
}

.content-wrapper {
	/*background: #e3e4e6;*/ 
	font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

.content-header {
	color: #009999 !important;
	padding: 20px 20px !important;
}

.content-header h1 {
	color: #6b86ae !important; 
	font-size: 24px;
	
}

.breadcrumb-item {
	color: #045282 !important;
}

.input-group {
	margin-bottom: 1rem;
	border-radius: .25rem;
}

.btn-tool {
	padding: 10px 0;
}

.alink {
	color: #5c5d60 !important;
	font-size: 14px; 
	font-family: Verdana, Geneva, Tahoma, sans-serif; 
}

.alink:hover {
	color: #078cdf !important;
	font-weight: inherit;
	text-decoration: underline; 
	font-family: Verdana, Geneva, Tahoma, sans-serif; 
}

@media only screen and (max-width: 980px){
    .login100-more { display: none; }
    .wrap-login100 { width: 100% !important; }
}

/* TOOLTIP */
.ui-tooltip, .arrow:after {
    background: #006699;
    border: 1px solid #006699;
}
.ui-tooltip {
padding: 10px 20px;
color: #fff;
border-radius: 10px;
font: bold 14px "Helvetica Neue", Sans-Serif;    
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;    
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}


/* BOTOES */
.bt-ds {
	padding: 2px 7px !important;
}


/* MENU */
.nav-link {
	padding: 10px 8px;
}

.margem-menu-item {
	padding-left: 40px;
}

.nav-sidebar .nav-link > .right,
.nav-sidebar .nav-link > p > .right {
  position: absolute;
  right: 5px;
  top: 15px;
}

.menu-anamnese {
	padding: 5px; 
	background: #fff; 
	border: 1px solid #e0e0e0; 
	border-left: 3px solid #ff8080; 
	margin-bottom: 2px;
	border-radius: 4px;
}

.menu-anamnese-feita {
	padding: 5px; 
	background: #e9ecef; 
	border: 1px solid #e0e0e0; 
	border-left: 3px solid #33cc33; 
	margin-bottom: 2px;
	border-radius: 4px;
}

.menu-card {
	color: #fff !important;
  	background: #0066cc;
  	border: 1px solid #0066cc;
  	border-radius: 4px;
  	padding: 5px 20px !important;
  	margin-left: 2px !important;
}
  
.menu-card:hover {
  	background: #004080 !important;
  	border: 1px solid #004080;
  	border-radius: 4px;
  	padding: 5px 20px !important;
}

.menu-card:active {
  	background: #004080 !important;
  	border: 1px solid #004080;
  	border-radius: 4px;
  	padding: 5px 20px !important;
}

/* ALERTAS */
.alert {
	margin: 15px 0;
}


/* MODAL */
.modal-header {
	font-size: 14px !important;
	color: #fff !important; 
	padding: 10px 15px !important; 
	background: #006f80 !important; 
}

.close {
	color: #fff;
}

.modal-footer {
	background: #f2f2f2; 
}

.modal-title {
	font-size: 16px;
}

.modal-body {
	font-size: 14px;
	color: #666;	
}

.bt-modal {
	font-size: 14px;
}

.input-modal {
	font-size: 14px;
	color: #666;
	border: none;
	background: none;
	width: 100%;
	margin-bottom: 10px;
}

.input-disabled {
	background-color: #e5e5e5 !important;
	border: 1px solid #d9d9d9;
	height: 35px;
}

.label-modal {
	margin-bottom: 0;
	color: #666;
	font-size: 12px;
}

/* TABELAS */
#title_table {
  	color: #19334d;  	
}

#regsitros_tabela {
	font-size: 14px;
}

/* PROGRESS BAR */
.bg-success {
	background: #00cc99 !important;
}


/* CARDS */
.card {
	margin-bottom: 20px; 
	border: 3px solid #fff;
	
}

.card-titulo {
	color: #476b6b; 
	font-size: 14px; 
	border-bottom: 1px solid #ccc; 
	padding: 6px 0; 
	margin-bottom: 15px;
}

.title-card {

	font-size: 16px; 
	font-weight: bold; 
	color: #007399; 
	width: 100%; 
	margin-bottom: 20px;

}

.title-card-table {
	font-size: 14px; 
	color: #476b6b; 
	float: left;
}

.card-title {
	color: #fff !important;
	font-size: 14px !important;		
}

.card-title-plano {
	color: #fff !important;
	font-size: 14px !important;	
}

.card-titupo-aprendente {
	border-bottom: 1px solid #e2e2e2; 
	padding: 10px 0; 
	margin: 0 20px;
	color: #476b6b;
	
}

.card-titulo-form {
	border-bottom: 2px solid #196619;
	padding-bottom: 2px; 
	margin-bottom: 20px;
	color: #196619;
	font-size: 20px;
	
}

.card-header {
	background: #8eb2c5;
	/*background-image: linear-gradient(86deg,#e0ebeb,#f0f5f5); 19334d*/
	border-bottom: 2px solid #e0e0e0;	
	font-size: 14px !important; 
	padding: 7px 15px;
	color: #fff;
}

.card-header-plano {
	background-image: linear-gradient(86deg,#006f80,#141f1f); 
	border-bottom: 2px solid #c1d7d7;	
	font-size: 14px !important;
}

.card-body {
	padding: 15px; 	
}

.card-body-form {
	border: 1px solid #bfcfce; 
	border-radius: 5px;
}

.card-footer {
	background: #e0e0e0;
}

.form-footer {
	background: rgba(0,0,0,.03);
	padding: .75rem 1.25rem;
	text-align: center;
}

.title-box {
  	color: #009999;
  	font-size: 24px;
  	border-bottom: 1px solid #009999;
  	
}

.subtitle_box {
	font-size: 12px;
	color: #666;
}

/* ICONS */
.fas {
	color: #666;
	text-decoration: none;
  	font-size: 16px;
}

.far {
	color: #666;
	text-decoration: none;
  	font-size: 16px;
}

.fab {
	color: #666;
	text-decoration: none;
  	font-size: 16px;
}

.fa_excluir {
	color: #ff5050;
}

.fa_excluir:hover {
	color: #e2394e;
}


/* DATATABLES */
.pagination {
	font-size: 12px !important;
}

.dataTables_info {
	font-size: 12px !important; 
	float: left !important; 
	color: #778DA9;
}

div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper,  
div.dataTables_wrapper {
	text-align: right;
}


/* BOTOES */

.btn-principal {
	color: #fff !important;
  	background: #4771a3;
  	border: 1px solid #4771a3;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}
  
.btn-principal:hover {
  	background: #3a5c86;
  	border: 1px solid #3a5c86;
}

.btn-modelo-1 {
	color: #4771a3 !important;
  	background: #fff;
  	border: 1px solid #4771a3;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}
  
.btn-modelo-1:hover {
  	color: #fff !important;
  	background: #3a5c86;
  	border: 1px solid #3a5c86;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}

.btn-modelo-2 {
	color: #fff !important;
  	background: #7890a8;
  	border: 1px solid #7890a8;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 12px;
	/*008fa5  -  007d91*/
}
  
.btn-modelo-2:hover {
  	color: #fff !important;
  	background: #687d92;
  	border: 1px solid #687d92;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 12px;
}

.btn-modelo-3 {
	color: #fff !important;
  	background: #fc8c77;
  	border: 1px solid #fc8c77;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 12px;
}
  
.btn-modelo-3:hover {
  	color: #fff !important;
  	background: #df7b6a;
  	border: 1px solid #df7b6a;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 12px;
}


.btn-modelo-4 {
	color: #fff !important;
  	background: #84bfc3;
  	border: 1px solid #84bfc3;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}
  
.btn-modelo-4:hover {
  	color: #fff !important;
  	background: #78b0b4;
  	border: 1px solid #78b0b4;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}


.btn-modelo-5 {
	color: #fff !important;
  	background: #b2c2c7;
  	border: 1px solid #b2c2c7;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}
  
.btn-modelo-5:hover {
  	color: #fff !important;
  	background: #a1b1b6;
  	border: 1px solid #a1b1b6;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}

.btn-modelo-6 {
	color: #fff !important;
  	background: #6699cc;
  	border: 1px solid #6699cc;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}
  
.btn-modelo-6:hover {
  	color: #fff !important;
  	background: #5988b6;
  	border: 1px solid #5988b6;
  	padding: 7px 20px;
  	border-radius: 4px; 
	font-size: 14px;
}





/* alert */
.alert-warning {
	color: #476b6b !important;
  	background: #edd8bb !important;
  	border: 1px solid #edd8bb !important;	
	font-size: 12px;
}

.alert-success {
	color: #476b6b !important;
	background: #a2d3c7 !important; 
	border-color: #a2d3c7 !important; 
	font-size: 12px; 
}

.alert-danger {
	color: #476b6b !important;
  	background: #efb5b2 !important;
  	border: 1px solid #efb5b2 !important; 
	font-size: 12px; 
}





.tooltip{
	position:absolute;
	z-index:1070;
	display:block;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-weight:400;
	line-height:1.42857143;
	line-break:auto;
	text-align:left;
	text-align:start;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	letter-spacing:normal;
	word-break:normal;
	word-spacing:normal;
	word-wrap:normal;
	white-space:normal;
	font-size:12px;
	filter:alpha(opacity=0);
	opacity:0
}

.tooltip.in{
	filter:alpha(opacity=90);
	opacity:.9
}

.tooltip.top{
	padding:5px 0;
	margin-top:-3px
}

.tooltip.right{
	padding:0 5px;
	margin-left:3px
}

.tooltip.bottom{
	padding:5px 0;
	margin-top:3px
}

.tooltip.left{
	padding:0 5px;
	margin-left:-3px
}

.tooltip.top .tooltip-arrow{
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-width:5px 5px 0;
	border-top-color:#000
}

.tooltip.top-left .tooltip-arrow{
	right:5px;
	bottom:0;
	margin-bottom:-5px;
	border-width:5px 5px 0;
	border-top-color:#000
}

.tooltip.top-right .tooltip-arrow{
	bottom:0;
	left:5px;
	margin-bottom:-5px;
	border-width:5px 5px 0;
	border-top-color:#000
}

.tooltip.right .tooltip-arrow{
	top:50%;
	left:0;
	margin-top:-5px;
	border-width:5px 5px 5px 0;
	border-right-color:#000
}

.tooltip.left .tooltip-arrow{
	top:50%;
	right:0;
	margin-top:-5px;
	border-width:5px 0 5px 5px;
	border-left-color:#000
}

.tooltip.bottom .tooltip-arrow{
	top:0;
	left:50%;
	margin-left:-5px;
	border-width:0 5px 5px;
	border-bottom-color:#000
}

.tooltip.bottom-left .tooltip-arrow{
	top:0;
	right:5px;
	margin-top:-5px;
	border-width:0 5px 5px;
	border-bottom-color:#000
}

.tooltip.bottom-right .tooltip-arrow{
	top:0;
	left:5px;
	margin-top:-5px;
	border-width:0 5px 5px;
	border-bottom-color:#000
}

.tooltip-inner{
	max-width:200px;
	padding:3px 8px;
	color:#fff;
	text-align:center;
	background-color:#000;
	border-radius:4px
}

.tooltip-arrow{
	position:absolute;
	width:0;
	height:0;
	border-color:transparent
	;border-style:solid
}


/* badge */
.badge-warning {
	color: #fff !important;
	background-color: #ff9900 !important; 
	padding: 4px !important;
}

.badge-success {
	color: #fff !important;
	background-color: #28a745 !important; 
	padding: 4px !important;
}

.badge-info {
	color: #fff !important;
	background-color: #17a2b8 !important; 
	padding: 4px !important;
}

.badge-danger {
	color: #fff !important;
	background-color: #e2394e !important; 
	padding: 4px !important;
}

/* data table */
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f0f5f5 !important;
}

.table td, .table th {
	border-top: 0 !important;
}