@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);


*{
    --cor-primaria : #171c3a;
    --vermelho: #900;
    --azul: #009;
}

html, body{
    margin : 0;
    padding: 0;
}

body{
    color: var(--cor-primaria) !important;
    font-family: Ubuntu, sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-family: oswald;
    font-weight: lighter !important;
}

h1{
	font-size		: 2.4rem !important;
}

h2{
	font-weight 	: 400 !important;
}

hr{
    margin : 5px 0 !important;
}

strong{
    font-weight : 600 !important;
}

.row-include{
	padding : 8px !important;
}

.hide{
	display : none;
}

.header{
    text-align: center !important;
    background-color: var(--cor-primaria);
    color: white;
    height: 150px;
}

.header img{
    height: 106px !important;
}

.header i{
    font-size: 1.4rem !important;
    display: block;
}

.header .session-info div{
    padding: 0 2rem !important; 
}

html, 
title, 
table, td, th, 
input, input[type=text], select{
	font-size		: 11px !important;
}

.grid-budget{
    display 	: flex;
    flex-wrap 	: wrap;
}
.grid-budget > div{
    padding			: .2rem .5rem;
    width 			: 50% !important;
    border-bottom	: 1px solid #ddd;
}
.grid-budget > div:nth-child(odd){
    font-weight 	: 500 !important;
    text-align		: right;
}
.grid-budget > div:nth-child(even){
    text-align		: left;
}

/* TABLES */

table td{
	padding: 0px;
	height: auto;
}

table.tableResumo tbody tr td{
	text-align: right;
	font-size : 1rem;
	font-weight: bolder;
}

table th{
	background: #ddd !important;
	border: none;
	border-bottom: 2px solid #333;
	font-weight : bold;
	text-align: center;
	text-transform: uppercase;
}

.table td, 
.table-bordered td, 
.table-condensed td, 
.table-striped td{
	padding: .8rem;
	vertical-align: middle;
	height: auto;	
}

table tr th{
	font-weight: bolder;
	text-align: center;
}

td span.badge{
	font-size : .90rem;
	font-weight: 100;
	padding: 5px;
	width: 100%;
}

.td-opcoes .btn, h2 .btn{
	/*border-radius 	: 50% !important;*/
	padding			: .33rem !important;
	line-height		: .8rem !important;
	font-size		: .8rem !important;
	margin-bottom	: .5rem;
}

/* FORMS */
form{
	font-size : 1.2rem;
}
.form-footer{
	float		: left;
	width		: 100%;
	padding 	: 10px;
	margin-top	: 10px;
	border-top	: 1px solid #ccc;
}

form .btn{
	font-size : 1.2rem;
}

/* BOOTSTRAP */

.row{
	margin: 8px 0;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

td a.label{
	font-size : 10px;
	text-transform : none;
}

legend .label{
	font-size : 11px;
}

.modal-main .modal-content{
	padding	: 13px;
}

.resumo-query{
	margin	: 10px 0;
	text-align : center;
}
.resumo-query .btn-group{
	padding		: 8px;
	font-size	: 1.5em;
}
.bg-default{
	background	: #eee;
	
}

/*  FATURAS   */

.content-aviso-fatura ul li{
	padding : 8px;
}


.row-menu > div > a > i{
	font-size : 3rem !important;
	display : block;
}

h1 > i{
	font-size : 1rem !important;
	
}
h1 .btn i{
	font-size : .8rem !important;
}
h1 span.btn-opcoes i:hover{
	cursor : pointer;
}