/*
	Estilo Santa Casa
	Author: Gabriel Coelho
*/


/*GLOBAIS*/
:root {
  --main-color: #155B9E;
  --dark-blue: #0B457C;
  --danger-color: #E00E3F;
  --danger-dark-color: #B40B32;
  --success-color: #1BC5BD;
  --ltgray-color:#f0f0f0;
}

* {
	font-family: 'Poppins', sans-serif;
}

a {
	color: var(--main-color);
}

h4 {
	font-size:1.3rem;
}

p, td, th, a, li {
	font-size:0.9rem;
	font-weight:300;
}

td, th {
	vertical-align: middle !important;
}

h6 {
	font-size:0.92rem;
}

/*BOTÕES*/
.btn-danger {
	background: var(--danger-color);
}

.btn-danger:hover {
	background: var(--danger-dark-color);
}

.hot-color {
	border-color: var(--danger-color);
}

.btn.hot-color {
	color:var(--danger-color);
	background:transparent;
}

.btn.hot-color:hover {
	background: var(--danger-color);
	color:var(--ltgray-color);
}

.btn-primary {
	background-color: transparent;
	border-color:var(--main-color);
	color:var(--main-color);
}

.btn-primary-fill {
	background-color: var(--main-color);
	border-color:var(--dark-blue);
	color:var(--ltgray-color);
}

.btn-primary-fill:hover {
	background-color: var(--dark-blue);
	color:var(--ltgray-color);
}

.btn, a {
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.btn, .form-control {
	border-radius:0;
}

/*TEXTOS*/
.text-primary {
	color: var(--main-color) !important;
}

.text-danger {
	color: var(--danger-color);
}

.text-danger:hover {
	color: var(--danger-dark-color);
}

.text-success {
	color: var(--success-color);
}

/*BADGES*/
.badge-success {
	background-color: var(--success-color);
}

.badge-danger {
	background-color: var(--danger-color);
}

/*HTML/BODY*/

body {
	background-color: var(--main-color);
	background-image: url("../img/bg.png");
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

/*NAVEGAÇÃO SUPERIOR E MOBILE*/

.navbar-brand img {
	max-width:200px;
}

.login-form input {
	max-width:180px;
}

.main-container {
	background:var(--ltgray-color);
	position:relative;
}

/*NAVEGAÇÃO DESKTOP EM ABAS*/
.nav-desktop {
	background-color:transparent;
}

.nav-desktop .nav-item .nav-link{
	text-transform:uppercase;
	font-weight:700;
	background-color: rgba(21, 90, 158, 0.2);
	padding:15px 30px;
	margin-right: 5px;
	border-color:transparent;
}

.nav-desktop .nav-item .nav-link:hover{
	background-color: rgba(21, 90, 158, 0.4);
}

.nav-desktop .nav-item .nav-link i{ 
	font-size:1.15rem;
}

.nav-desktop .nav-item .nav-link.nav-link-admin{
	border-left-color: rgba(224, 14, 63, 1);
	border-right-color: rgba(224, 14, 63, 1);
	border-top-color: rgba(224, 14, 63, 1);
	background-color: rgba(21, 90, 158, 0.2);
}

.nav-desktop .nav-item .nav-link.active{
	background-color: rgba(21, 90, 158, 0.95);
	color:#fff;
}

.dropdown-menu-desktop {
	background:var(--main-color);
}

.dropdown-menu-desktop .dropdown-item { 
	color:var(--ltgray-color);
}

.dropdown-menu-desktop .dropdown-item:hover { 
	color:var(--main-color);
}

.dropdown-menu-desktop .dropdown-divider {
	border-top: 1px solid var(--dark-blue);
}


/* BREADCRUMBS */
.breadcrumb-nav {
}

.breadcrumb {
	background-color:#fff;
	border-radius:0;
}


/*HEADER DOS MÓDULOS*/
.header-module {
	background:#fff;
	border-left:5px solid var(--main-color);
}

.header-module h4 {
	font-weight:bold;
	text-transform:uppercase;
}


/*TABELAS*/
.table thead {
	background:var(--main-color);
	color:var(--ltgray-color);
	font-weight:normal;
}

.table-type i {
	background:var(--main-color);
	font-size:1.25rem;
	padding:4px;
	color:var(--ltgray-color);
	border-radius:50%;
}

.table-extension i {
	font-size:1.25rem;
}


.table-type i.icofont-ban {
	background:var(--danger-color);
}

.table-type i.icofont-checked {
	background:var(--success-color);
}

/*FORMULÁRIOS*/
input.form-control, select.form-control, textarea.form-control {
	font-size:0.9rem;
	border-color:var(--main-color);
	font-weight:400;
}

/*CONTROLADOR FIXO DE USUÁRIO LOGADO*/
#enduser_controller {
	position:fixed;
	bottom:0;
	left:0;
	background:rgba(21, 90, 158, 0.95);
	padding:5px;
	z-index:9;
	border-radius:0 10px 0 0; 
}

.controller-text, .controller-text a {
	font-size:0.8rem;
}