html, body {
	background-color:#c01f1b;
	color: #147ed9;
	font-weight:bold;
	font-family:"Museo 500";
	height: 100%;
	margin: 0;
}
a {
	text-decoration:none;
	color: #147ed9;
	font-weight:bold;
	cursor:pointer;
}
ul {
	list-style: none;
	padding:0;
	margin:0;
}
li {
	display: inline-block;
}
.button:focus, input:focus, select:focus, table tr:focus {
	outline:none;
}
.hide {
	display:none;
}

.input-form, input[type='checkbox'] {
	margin-bottom: 10px;
}
.buttons-form {
	display:flex;
	justify-content:space-evenly;
}
input[type='text'], input[type='date'], input[type='password'], select {
	font-size: 12px;
	border: 1px solid #CCC !important;
	border-radius: 10px;
	padding: 5px;
	margin-right: 10px;
	min-height: 20px;
}
input[type='text']::placeholder, input[type='date']::placeholder, input[type='password']::placeholder {
	text-align:left;
}
input[type='button'], .button {
	padding: 9px 15px;
	border-radius: 10px;
	border:0;
	background-color: #147ed9;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	cursor:pointer;
	display:flex;
	
}
.button.mini {
	padding:9px;
}
.button img {
	max-width:17px;
}

input.erro, select.erro {
	border-color:red !important;
}
.box, .box2 {
	background-color: #fff;
	box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2);
	border-radius: 15px;
	display:flex;
	padding: 10px;
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	justify-content: center;
	margin-bottom: 20px;
	color:#147ed9 !important;
	
}
.box2 {
	flex-direction: column;
}
.loading img {
	height: 35px;
}
span {
	cursor: pointer;
	min-width: 50px;
	display:inline-block;
	min-height: 15px;
}
table {
	width: 100%;
	border-collapse: collapse;
}

table tr.titulos th, div.titulos {
	width: 150px;
	font-size: 24px !important;
	color:#147ed9 !important;
	border:0;
	border-bottom: 2px solid #147ed9;
	font-family:"Museo 700";
	text-align:center;
	margin-bottom: 10px;
}
div.titulos {
	width:100%;
	
}
table tr.subtitulos th {
	
	width: 150px;
	font-size: 24px !important;
	color:#147ed9 !important;
	border:0;
	border-bottom: 1px dashed #147ed9;
	font-family:"Museo 700";
}
table tr.subtitulos2 th {
	width: 150px;
	font-size: 20px !important;
	color:#147ed9 !important;
	border:0;
	border-top: 2px solid #147ed9;
	font-family:"Museo 700";
}
table tr {
	border-spacing: 0;
	
}
table tr .grande {
	width: 250px!important;
}
table .data {
	width: 120px!important;
}
table td {
	border:0;
	word-wrap: break-word;
	overflow-wrap: break-word; 
	width: 150px;
	padding:5px 0;
	color: #147ed9;
	font-weight: bold;
	text-align: center;
	font-size:14px;
}
table td.botoes {
}
table td.botoes div {
	display:flex;
}
table tr.total td {
	border-top: 2px solid #147ed9;
}
table tr.subtotal td {
	border-top: 2px dashed #147ed9;
}
table tr.total td:first-child, table tr.total2 td:first-child, table tr.subtotal td:first-child {
	font-size: 18px !important;
	color:#147ed9 !important;
	font-family:"Museo 700";
}

#obo-login, #obo-login input[type="text"], #obo-login input[type="password"], #obo-login div, #obo-hospedes, div, img, table, table td, table th, table tr, tbody  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#obo-principal {
	display:flex;
	width: 100%;
	flex-direction: column;
	height: 100%;;
}
#obo-principal .filtros {
	justify-content:center;
}
#obo-content {
	display:flex;
	justify-content: center;
	width: 100%;
}
#obo-content > div {
	width: 90%;
	max-width: 1332px;
}
/* Detalhes */
#obo-box {
	display:none;
	align-items: flex-start;
	justify-content:center;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
	background-color:rgba(0,0,0, 0.7);
}
#obo-box .box {
	display:flex;
	position:absolute;
	top:10%;
	bottom:10%;
	margin: 0;
	padding: 0;
	flex-direction: column;
	justify-content:flex-start;
	width: 70%;
	
}
#obo-box .box .header {
	display: flex;
	width: 100%;
	background-color: #147ed9;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	padding:10px 20px;
	font-size:25px;
	color:#fff;
	text-align: center;
	font-family:"Museo 700";
}
#obo-box .box .header .titulo {
	width: 100%;
}
#obo-box .box .header .fechar {
	cursor: pointer;
}
#obo-box .box .texto, #obo-box .box .subform {
	flex-wrap: wrap;
	margin-bottom: 20px;
	max-height: 80%;
	overflow-y: auto;
	flex-direction: row;
	display:flex;
	padding: 20px;
	justify-content:space-evenly;
	text-align: center;
	width: 100%;
}
#obo-box .box .subform {
	overflow-y: visible;
}
#obo-box .box .texto h1 {
	width: 100%;
	font-weight:bold;
	font-family:"Museo 700";
}
#obo-box .box .loading {
	display:hidden;
	margin:auto;
}
#obo-box .input-form, #obo-box .select-form {
	display:flex;
	flex-direction: column;
	width: 45%;
	flex-wrap: wrap;
}
#obo-box .input-form input, #obo-box .select-form select {
	margin-right:0;
}
#obo-box .input-form label, #obo-box .select-form label {
	width: 100%;
	margin-left:5px;
	text-align:left;
}
#obo-box .box .texto .multicheck-form {
	display:flex;
	flex-direction: column;
	margin: 10px;
}
#obo-box .box .texto .multicheck-form input {
	margin-bottom: 10px;
}
#obo-box .box .texto .multicheck-form .titulo {
	font-size: 20px;
	margin-bottom: 10px;
	min-height: 60px;
	 align-content: end;
	 border-bottom:1px solid;
}
#obo-box .box .texto .multicheck-form .valor {
	display:flex;
	flex-direction: column;
	align-items: start;
}
#obo-box .box .buttons-form {
	justify-content:right;
	width: 100%;
}
#obo-box .box .buttons-form .button {
	margin-right:10px;
	margin-bottom: 10px;
}
#obo-box .box .buttons-form .cancela {
	background-color:#c01f1b;
}

/* Caixa de mensagens */
#warnbox {
	display:flex;
	position:fixed;
	background-color:rgba(0,0,0, 0.7);
	right:0;
	left:0;
	top:0;
	bottom:0;
	z-index: 999;
}
#warnbox .box {
	width: 25%;
	margin:auto;
	padding: 20px;
	flex-direction: column;
	min-height:180px;
}
#warnbox .box .loading {
	margin:auto;
}
#warnbox .box .titulos {
	margin:0;
	margin-bottom:10px;
}
#warnbox .box .texto{
	font-size:14px;
	height:100%;
	margin:auto;
}
#warnbox .box .buttons-form {
	justify-content:right;
	margin-top: auto;
}
#warnbox .box .buttons-form .cancela {
	margin-right:10px;
	background-color:#c01f1b;
}

/* Banner */
#obo-banner {
	background-color: #f7f9fa;
	width: 100%;
	display: flex;
	align-content: center;
	align-items: center;
	padding: 5px;
	border-right: 2px solid #147ed9;
}
#obo-banner img {
	width: 29px;
	height: 29px;
	margin-right: 10px;
}
#obo-banner h1 {
	font-size: 15px;
	margin:0;
	width:auto;
	background:linear-gradient(to right, #ec4456 0%, #fc7732 60%);
	  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Login */
#obo-login {
	width: auto;
	align-self:center;
	margin-top: 5%;
	background-color: #fff;
	box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2);
	border-radius: 15px;
}
#obo-login .titulo {
	width: 100%;
	background-color: #147ed9;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	padding:10px;
	font-size:25px;
	color:#fff;
	text-align: center;
	margin-bottom: 20px;
}
#obo-login div {
	width:100%;
}
#obo-login input[type="text"], #obo-login input[type="password"] {
	width: 400px;
	font-size: 17px;
	border: 1px solid #CCC;
	border-radius: 10px;
	padding: 9px;
	margin: 0 20px 20px 20px;
}
#obo-login .button {
	background:none;
	padding:0;
}
#obo-login .button input {
	width: 400px;
	padding: 9px;
	margin: 0 20px 20px 20px;
	border-radius: 10px;
	border:0;
	background-color: #147ed9;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	cursor:pointer;
}

/* Formulários */
.form input, .form select {
	flex-grow:0.5;
}
.dropdown-wrapper {
	display:none;
}
.select2-results__options {
	color:#000;
}
/* Menu */
#obo-menu {
	display:flex;
	width: 100%;
	background-color:#f7f9fa;
	border-top: 5px solid #147ed9;
	margin-bottom: 20px;
	z-index: 500;
	box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2);
	align-items:center;
}
#obo-menu > li {
	display:flex;
	align-content:flex-end;
	position: relative;
}
#obo-menu > li a {
	border-bottom: none;
	border-right: 2px solid #147ed9;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;	
	padding: 7px 10px;
	color: #147ed9;
	font-family:"Museo 700";
	transition: all .3s;
}
#obo-menu > li:hover a, #obo-menu > li:hover ul li:hover{
	background-color: #147ed9;
	color: #f7f9fa;
}


#obo-menu li > ul {
	margin-left:-1px;
	transition: max-height .4s;
	overflow-y:hidden;
	max-height: 0;
	min-width:100%;
	position:absolute;
	display:flex;
	flex-direction:column;
	background-color:#f7f9fa;
	top:100%;
	box-shadow:0 7px 1px 0 rgba(0,0,0,.06), 0px 7px 3px 0 rgba(0,0,0,.2);
}
#obo-menu > li:hover ul {
	max-height: 500px;
	transition: max-height 1s;
}
#obo-menu li > ul li {
	display:flex;
	text-align:center;
	justify-content:center;
	padding: 10px;
	color: #147ed9;
	border-bottom: 2px solid #147ed9;
	transition: all .3s;
	cursor:pointer;
}
#obo-menu li > ul li:last-child {
	border:0;
}
#obo-menu .funcionario {
	font-size: 20px;
	margin-left:auto;
	margin-right: 20px;
}



/* Chamadas */

#obo-chamadas table td.atual{
	font-size: 60px;
	font-weight: 800;
}
#obo-chamadas table tr.preferencial td {
	background-color:#fc7732;
	color:#fff;
}
#obo-chamadas table td.fila {
	font-size: 30px;
	font-weight: 800;
}

#obo-recentes table tr:hover td, #obo-aguardando table tr:hover td {
	cursor: pointer;
	background-color: #147ed9;
	color:#fff;

}
/* Configurações Gerais */
#obo-configuracoes .youtube #link {
	width: 50%;
	margin-bottom: 1%;
}

/* Aparelhos */
#obo-aparelhos .add-aparelho #nome {
	flex-grow: 2;
}

#obo-aparelhos .obo-pareados .buttons-form {
	width: 70%;
	margin:auto;
}