@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');

input[type=text]{outline:none}

body {
    background: #eeeeee;
    --cor-vermelho: #cc3333;
    font-family: 'Lato', sans-serif !important;
}
#content-container
{
    width:95%;
    margin:0 auto;
}
.btnBuscar {
    margin-top: 33px !important;
    padding: 15px 22px 15px 22px !important;
}
.bg{
	background: url(../img/bg.jpg) no-repeat top right / cover;
	height: 100%;
	position: fixed;
	right: 0;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    height: 38px;
    line-height: 24px;
}
*{font-family: 'Source Sans Pro', sans-serif;}
.login {
    background-color: rgba(255,255,255,0.2);
    height: 100%;
    padding: 100px 13%;
    position: relative;
}
.login h2{
	font-size: 35px;
	font-weight: 700;
	color: #2c2b2b;
	margin-top: 20px;
}
.login h3{
	font-size: 19px;
	color: #cc3333;
	font-weight: 700;
	line-height: 14px;
}
.login h4{
	font-size: 18px;
	color: #2c2b2b;
	font-weight: 700;
	line-height: 14px;
}
.login p{
	color: #797979;
	font-size: 16px;
	margin-bottom: 40px;
}

#btnLogin {
    background: #cc3333 url(../img/seta.png) 160px 13px no-repeat;
    border: none;
    border-radius: 0;
    width: 200px;
    padding: 10px;
    padding-right: 20px;
    transition: all ease-out 0.2s;
}
#btnLogin:hover{
	background: #b80913 url(../img/seta.png) 170px 13px no-repeat;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.opcoes{
	height: 50px;
	position:relative;
}
.opcoes a.ativo{
	background: #cc3333;
	color: #FFF !important;
}
.opcoes a{
	background: #efefef;
	padding: 10px 20px;
	color: #4e4e4e !important;
	border-radius: 50px;
	margin-right: 10px;
	font-size: 13px;
	cursor: pointer;
	transition:  all ease-in 0.2s;
}
.opcoes a:hover{
	background: #b80913;
	color: #FFF !important;
	cursor: pointer;
}
.opcoes a:hover::before {
  border-top: 6px solid #b80913  !important;
}
.opcoes a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0;
  top: 32px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #efefef;
  transition:  all ease-in 0.2s;
}
.opcoes a.ativo:before {
  border-top: 6px solid #cc3333  !important;
}
.opcoes a.ativo:hover::before {
  border-top: 6px solid #b80913  !important;
}
.form-group input{
	width: 100%;
	border: 1px solid #CDCDCD;
	height: 50px;
	padding: 5px 12px;
	transition:  all ease-in 0.5s;
}
.form-group input:focus{
	border: 1px solid #cc3333;
}
.checkbox{
	padding: 40px 0;
}
    .checkbox a, .checkbox {
        color: white !important;
        font-size: 13px;
    }
.cpf{
	background: url(../img/user.png) no-repeat 10px 12px;
	padding-left: 40px !important;
}
.senha{
	background: url(../img/pass.png) no-repeat 10px 12px;
}
.divisao{
	width: 80px;
	height: 5px;
	background: #d0d0d0;
	margin: 40px 0 30px 0;
}
.recuperar, .info{
	display: none;
}
.esqueci:hover{
	color: #cc3333 !important;
	cursor:  pointer;
}

/* -------- topo ---------- */
.topo {
    background: #FFF;
    padding: 10px;
    height: 90px;
}
.topo .logo{
	transition:  all ease-in 0.2s;
	
}
    .topo .logo:hover {
        opacity: 0.9;
        cursor: pointer;
        transform: scale(1.1,1.1);
    }
.topo .sair{
	transition:  all ease-in 0.2s;	
	background:  #FFF;
	border-radius:  50px 15px 15px 50px   ;
	box-shadow:  0px 0px 5px 0px rgba(0,0,0,0.2);
	padding:  0 17px 0 0;
	color:  #cc3333 !important;
	font-size:  12px;
	font-weight:  600;
	margin-top:  23px;
	z-index:  2;
	position:  relative;
	float:  left;
	transition:  all ease-in 0.2s;
}
.topo .sair:hover{
	padding:  0 30px 0 0;
	cursor:  pointer;
}
.topo .sair:hover i{
	transform:  rotate(90deg);
	margin-right:  15px;
}
.topo .acao{
	float:  right;
	position:  relative;
}
.sair i{
	background:  #cc3333;
	padding:  6px 8px;
	border-radius:  50px;
	color:  #FFF;
	font-size:  13px;
	margin-right:  8px;
	z-index:  1;
	transition:  all ease-in 0.2s;
}
.topo .acao span{
	background:  #f6e5e5;
	border-radius:  50px;
	width:  50px;
	height:  50px;
	position:  absolute;
	top:  11px;
	left:  -15px;
}
.banner {
    margin: 40px 0;
    background: #bf141a;
    padding: 40px 0 25px 0;
    background: url("../img/banner-vistoria.jpg") no-repeat center top / cover;
}
    .banner h2 {
        font-size: 40px;
        color: #FFF;
        font-weight: 700;
        line-height: 40px;
        font-family: 'Bw Modelica Bold';
        margin-left: 3%;
    }
.boxed{
    margin-bottom:30px;
}
.agendamento {
    background: #efeef3;
    padding: 60px 0;
    border-radius: 60px 60px 0px 0px;
    margin-top: -55px;
}
.agendamento h2, .horarios h2{
	color: #2c2b2b;
	font-family: 'Bw Modelica Bold';
	font-size:  22px;
	padding-left:  15px;
	margin-bottom:  2px;
	margin-top:  20px;
}
.agendamento p, .horarios p{
	color: #848484;
	font-family: 'Bw Modelica';
	font-size:  14px;
	padding-left:  15px;
	margin-bottom:  40px;
}
.item-hotel{
	border-radius: 10px;
	z-index: 1;
	margin: 15px 45px;
	overflow: hidden;
	padding-bottom: 30px;
	background: #FFF;
	transition: all ease-in  0.2s;
}


.item-hotel .descricao{
	padding: 30px;
	text-align: center;
}

.item-hotel .foto{
	overflow: hidden;
}
.item-hotel .foto img{
	transition: all ease-in  0.2s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE */
}
    .item-hotel h3 {
        font-size: 20px;
        color: #2c2b2b;
        font-weight: 600;
        font-size: 14px;
    }
.item-hotel h4 {
    color: #9b9b9b;
    font-size: 13px;
    background: url(../img/icon-hotel.png) no-repeat;
    padding-left: 20px;
    display: table;
    margin: auto;
	height: 30px;
}
.btn-geral2 i {
    background: url(../img/seta.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7px;
    right: 20px;
	transition: all ease-in  0.2s;
}
.btn-geral2{
	background: #c9c8cb;
	font-size: 13px;
	padding: 9px 50px 7px 35px;
	color: #FFF !important;
	text-transform: uppercase;
	transition: all ease-in  0.2s;
	width: auto;
	position:relative;
	border: 0;
	margin-top: 10px;
}
.btn-geral2.pequeno{
	padding: 14px 25px 14px 25px;
	font-weight: 600;
}
.item-hotel:hover .btn-geral2, .btn-geral2:hover{
	background: #e30613;
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
}

/*.item-hotel:hover .btn-geral2 i, .btn-geral2:hover i{
	 right: 10px;
}*/
 
.item-hotel .foto:hover img{
	transform: scale(1.1) ;
}
/*.item-hotel:hover{
	transform: scale(1.1);
}*/

.item-hotel.ativo .btn-geral2, .item-hotel.ativo  .btn-geral2{
	background: #e30613;
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
}
.item-hotel.ativo{
	transform: scale(1.1);
}
.item-hotel.ativo .foto img{
	transform: scale(1.1) ;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray; /* IE */
}
.item-hotel.ativo .btn-geral2 i, .item-hotel.ativo .btn-geral2 i{
	 right: 10px;
}
.item-hotel.ativo .foto img{
	transform: scale(1.1) ;
}
.item-hotel.ativo:hover{
	transform: scale(1.1);
}
.item-hotel.ativo span{
	background: url("../img/check.png") no-repeat;
	position:  absolute;
	top:  -2px;
	right:  -2px;
	width:  65px;
	height:  75px;
	z-index:  2;
}



.select-hoteis{
	width:  100%;
}
.slick-prev{
	background: url(../img/setas.png) no-repeat;
	border: none;
	content: "";
	width: 65px;
	height: 48px;
	font-size: 0;
    line-height: 0;
	position: absolute;
	top: 160px;
	left: -70px;
}
.slick-next{
	background: url(../img/setas.png) no-repeat 0 -52px;
	border: none;
	content: "";
	width: 65px;
	height: 48px;
	font-size: 0;
    line-height: 0;
	position: absolute;
	top: 160px;
	right: -70px;
}
.slick-list {
    padding: 25px 0 !important;
}
.bottom{
	background: url("../img/seta-bottom.png") no-repeat;
	width:  65px;
	height:  65px;
	margin:  auto;
	margin-bottom:  50px;
}
.bottom1{
	background: url("../img/bottom1.png") no-repeat;
	width:  65px;
	height:  65px;
	margin:  auto;
	margin-bottom:  50px;
}
.horarios{
	background:  #FFF;
	padding:  100px 0;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{
	background:  #cc3333 !important;

}
td.day {
    padding: 4px 12px;
}
#datetimepicker, #calendario {
    text-align: center;
    margin: auto;
    width: 290px;
}
.disponiveis{
	padding:  0 70px;
}



/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
  float: left;
	margin-right:  5px
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #c3161c;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.table{
	font-size:  17px;
}
.table td, .table th {
    border-top: 0;
	border-bottom: 0;
}
.table  tbody td {
    border-bottom: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	position: relative;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}
.modal-header {
    background: url(../img/banner-vistoria.jpg) no-repeat center / cover;
}
.modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: -16px;
    background: #FFF;
    z-index: 5;
    width: 30px;
    top: -15px;
    height: 30px;
    border-radius: 50pc;
    opacity: 1;
}
.modal-header  .modal-title {
    font-size: 40px;
    color: #FFF;
    font-weight: 700;
    line-height: 40px;
    font-family: 'Bw Modelica Bold';
}
.table tbody{

	border-left: 1px solid #dee2e6;
}
.demo1 {
  width: 100% !important;
  height: 252px !important;
  max-width: 100% !important;
  font-size: 12px; 
 }
.demo2 {
  width: 100% !important;
  height: 350px !important;
  max-width: 100% !important;
  font-size: 12px; 
 }
.simplebar-track {
    right: 10px;
}
.simplebar-scrollbar:before, .simplebar-visible:before {
    background: #d51f14  !important;
	opacity: 1 !important;
}
.simplebar-scrollbar {
    width: 7px !important;
    left: -2px !important;
    border-radius: 0;
}
.simplebar-scrollbar:before {
    border-radius: 0;
}
.simplebar-scrollbar:hover {
    cursor: pointer;
}
.simplebar-track.simplebar-vertical {
    width: 3px  !important;
    background: #e5e5e5 !important;
}
.table {
    width: 95%;
    margin-bottom: 0;
}
.legenda{
	text-align:  center;
	padding:  20px 0;
}
.legenda a{
	padding:  10px 20px;
	background: #b71218;
	color:  #FFF;
	font-size:  12px;
	font-weight:  600;
	color:  #fff !important;
	text-transform:  uppercase;
}
.legenda b{
	color:  #b71218;
	font-size:  13px;
	font-weight:  600;
	padding:  0 20px;
}
.clientes{
	background: url("../img/bg-clientes.png") repeat-y;

}

.clientes .foto{
	width:  100%;
	height:  400px;
	position:  relative;
	float:  left;
	margin:  50px 0;
	border-radius:  15px;
}
.clientes .foto span {
    width: 100%;
    height: 94px;
    color: #FFF;
    background: rgba(88,12,12,0.78);
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 20px 40px;
    border-radius: 0 0 15px 15px;
}
.clientes .foto span h2{
    color: #FFF;
	font-size:  20px;
	margin:  0;
}
.clientes .foto span p{
    color: #FFF;
	font-size:  13px;
	margin:  0;
}
.lista-clientes{
	padding:  50px 50px;
}
.lista-clientes h1{
	font-size:  22px;
	font-weight: 700;
	padding-left:  15px;
}
.lista-clientes .table td {
    padding: 8px 20px 0 15px;
    vertical-align: top;
}
 .table th {
    padding: 10px 20px 13px 15px;

}

.panel-table .panel-body{
  padding:0;
}

.panel-table .panel-body .table-bordered{
  border-style: none;
  margin:0;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
    text-align:center;
    width: 100px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
  border-right: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
  border-left: 0px;
}

.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{
  border-bottom: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{
  border-top: 0px;
}
.btn-secondary {
    background: #FFF !important;
    color: black !important;
}
.btn-secondary:hover{
	background:  #f3f3f3;
}
.btn-danger em{
	color:  #FFF;
}
.panel-table .panel-footer .pagination{
  margin:0; 
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col{
 line-height: 34px;
 height: 34px;
}

.panel-table .panel-heading .col h3{
 line-height: 30px;
 height: 30px;
}

.panel-table .panel-body .table-bordered > tbody > tr > td{
  line-height: 34px;
}
.table td, .table th {
    padding: 5px 6px 5px 6px;
    line-height: 22px;
    margin: 0;
    border-top: 1px solid #dee2e6;
}
.lista-clientes .table td, .lista-clientes .table th, .disponiveis .table td, .disponiveis .table th {
    line-height: 22px;
    border-top: none;
    font-size: 15px;
}
dl, ol, ul {
    margin-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.page-link {
    color: #000;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
/* MENU DROPDOWN */
.navbar-header {
    left: 0;
    position: relative;
    float: left;
}
.navbar-brand {
    float: left;
    color: #fff;
    padding: 0;
    height: 80px;
    position: relative;
    z-index: 9;
    overflow: hidden;
    font-size: 18px;
    line-height: 20px;
}
.brand-icon {
    width: 59px;
    height: 59px;
    float: left;
    margin: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
    color: #fff;
    background: #dc3545;
    border-color: #dc3545 #dc3545 #dc3545;
}

.nav-tabs .nav-item {
    background: #FFF;
	margin-right: 5px;
	border-bottom:  none;
}
.nav-tabs .nav-item a{
    color: #000;
}
.nav-tabs .nav-item a:hover{
    background: #f3f3f3;
}

.navbar-top-links > .open > a, .navbar-top-links > .open > a:focus {
    background-color: #f9f9f9 !important;
    color: #677882;
}
.navbar-top-links > li > a {
    display: table-cell;
    padding: 0 8px;
    height: 59px;
    color: #8f9ea6;
    transition: all .4s;
}
.username {
    float: right;
    line-height: 59px;
    margin: 0 10px;
}
/*#dropdown-user {
    margin: 10px 50px 0 0;
}*/

#dropdown-user .ic-user {
    font-size: 1.5em;
    height: 59px;
    line-height: 59px;
}
.dropdown-menu-md {
    min-width: 270px;
}
.dropdown-menu-right {
    left: auto;
    right: 0;
}
.dropdown-menu {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
    float: left;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    margin: 0;
    padding: 0;
    border: 0;
}
.dropdown-menu, .modal-content, .modal-footer, .popover, .tooltip-inner {
    border-radius: 3px;
}
.open > a {
    outline: 0;
}
.pad-all {
    padding: 15px;
}
.bord-btm, .bord-ver {
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.mar-btm, .mar-ver {
    margin-bottom: 15px;
}
.navbar-top-links .head-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* FIM MENU DROPDOWN */

.btn-primary{
	color: #fff;
    background: #dc3545;
	border-color: #dc3545 #dc3545 #dc3545;
	margin-top: 5px;
}
.btn-success em, .btn-success{
	color:  #FFF;
	font-size:  12px;
}
.btn-primary:hover{
	color: #fff;
    background: #c82333;
	border-color: #c82333 #c82333 #c82333;
}
.bd-example{
	background: #fff;
	padding:  20px;
}
.bd-callout-warning {
	border-left: none;
	background: #f7f7f7;
	margin-top: 0 !important;
}
.bd-callout-warning h5 {
	border-left: none;
	background: #f7f7f7;
	font-weight:  600;
	font-size:  16px;
	text-transform:  uppercase;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.alert {
    width: 100%;
    margin: 3px 5px;
}
.line{
	width:  100%;
	height:  2px;
	background:  #cdcdcd;
	margin:  15px 0;
}
label {
    width: 100%;
    position: relative;
}
.card-body span{
	color:  #666;
	font-size:  13px;
	text-transform: capitalize;
}
.menu-principal{
	
}
.menu-principal .item-hotel {
    margin: 10px 16px;
	padding:  25px;
}
    .menu-principal .item-hotel img {
        width: 140px;
        height: 141px;
    }

.btn-geral2 {
    background: #c9c8cb;
    font-size: 12px;
    padding: 9px 50px 7px 35px;
    color: #FFF !important;
    text-transform: uppercase;
    transition: all ease-in 0.2s;
    width: auto;
    position: relative;
    border: 0;
    width: 130px;
    margin: auto;
    margin-top: 10px;
    line-height: 20px;
}
.item-hotel:hover .btn-geral2, .btn-geral2:hover {
    background: #e30613;
    text-decoration: none;
    cursor: pointer;
    color: #FFF;
}
.btn-geral2 i {
    background: url(../img/seta.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 9px;
    right: 20px;
    transition: all ease-in 0.2s;
}
.pesguntas td, .pesguntas th {
    padding: 5px 6px 5px 6px !important;
    line-height: 35px !important;
}
.add{
	border-right:  5px solid #28a745;
	height:  50px;
	widows:  3px;
	position:  absolute;
	left:  -5px; 
	border-radius: 4px 0 0 4px;
	top:  0;
}
.box-agendamento{
	background:  #FFF;
	padding:  30px;
}
.box-age{
	padding-top:  0 !important;
}
.box-age h1{
	background:  #cc3333;
	padding:  25px 30px;
	color:  #FFF;
	text-align:  center;
	margin:  0;
	font-size:  25px;
	font-weight:  bold;
}
.dias-semana {
	padding:  0;
}
.dias-semana li{
	background:  #efeef3;
	margin:  5px 25px;
	padding:  30px 35px;
	border-radius: 100px;
	font-size:  20px;
	color:  #474747;
	line-height:  23px;
	text-transform:  uppercase;
	font-weight:  bold;
}
.dias-semana li:hover, .dias-semana li.ativo{
	background:  #cc3333;
	color: #FFF;
}
.dias-semana li.inativo{
	opacity:  0.5;
}
.dias-semana li.inativo:hover{
	opacity:  0.5;
	color:  #474747;
	background:  #efeef3;
}
.horarios li{
	background:  #efeef3;
	margin:  5px 10px;
	padding:  5px 10px;
	border-radius: 20px;
	font-size:  15px;
	color:  #474747;
	line-height:  23px;
	text-transform:  uppercase;
	font-weight:  bold;
}
.horarios li:hover, .horarios li.ativo{
	background:  #cc3333;
	color: #FFF;
	cursor:  pointer;
}
.horarios li.inativo{
	opacity:  0.5;
}
.horarios li.inativo:hover{
	opacity:  0.5;
	color:  #474747;
	background:  #efeef3;
}
.horarios, .dias-semana {
	padding:  5px 50px;
}
.horarios  .slick-prev, .dias-semana .slick-prev {
    background: url(../img/left.png) no-repeat;
    border: none;
    content: "";
    width: 30px;
    height: 22px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40px;
    left: 10px;
}
.dias-semana .slick-prev {
    top: 70px;
}
.horarios  .slick-next, .dias-semana .slick-next{
    background: url(../img/ritgh.png) no-repeat;
    border: none;
    content: "";
    width: 30px;
    height: 22px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40px;
    right: 0px;
}
.dias-semana .slick-next{
    top: 70px;
}
.line span {
    background: #FFF;
    margin-bottom: 11px;
    position: absolute;
    left: 50%;
    margin-top: -14px;
    padding: 1px 13px;
    margin-left: -158px;
	font-weight:  bold;
	color:  #2c2b2b !important;
}
.btn-confirma {
    background: #cc3333;
    padding: 14px 39px;
    margin: auto;
    color: #FFF !important;
    font-weight: bold;
    margin-top: 40px;
	margin-bottom:  50px;
    position: relative;
    display: inline-block;
	transition:  all ease 0.2s;
}
.btn-confirma:hover {
    background: #af0e14;
	cursor:  pointer;
}
.list-group{
	margin-top:  50px;
}
.textarea{
	width:  100%;
	height:  100px;
	margin:  0;
	resize:  none;
}
.icon-status {
    padding: 2px;
    background: #efeef3;
    position: relative;
	border-radius: 20px;
    height: 22px;
    width: 22px;
	margin-top:  8px;
    float: left;
    margin-right: 7px;
}
.icon-status.check {
    background: url(../img/icons-check.png) no-repeat -4px -3px;
}
.icon-status.close {
    background: url(../img/icons-check.png) no-repeat -4px -35px;
    opacity: 1;
}
.icon-check {
    padding: 2px;
    background: url(../img/icons-check.png) no-repeat -55px -70px;
    position: relative;
    height: 39px;
    width: 39px;
    float: left;
	margin-right:  5px;
}
.icon-check:hover, .icon-check.ativo {
    padding: 2px;
    background: url(../img/icons-check.png) no-repeat -55px -11px;
    position: relative;
    height: 39px;
    width: 39px;
    float: left;
	margin-right:  5px
}
.icon-close:hover, .icon-close.ativo{
    padding: 2px;
    background: url(../img/icons-check.png) no-repeat -127px -69px;
    position: relative;
    height: 39px;
    width: 39px;
    float: left;
}
.icon-close{
    padding: 2px;
    background: url(../img/icons-check.png) no-repeat -127px -11px;
    position: relative;
    height: 39px;
    width: 39px;
    float: left;
}
.list-group-item {
    position: relative;
    line-height: 38px;
    display: block;
    padding: 10px 20px 10px 20px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.list-group-item button  {
    padding: 3px 11px;
    background: url(../img/icons-check.png) no-repeat -7px -124px;
    position: relative;
    height: 22px;
    width: 22px;
    margin-top: 8px;
    margin-right: 7px;
	border:  none;
}
.btn-link{
	color:  #9f0a0c;
	padding:  5px 15px 5px 30px;
	margin-top:  25px;
}
/*.btn-warning{
	background:  #bdbdbd;
	border:  none;
	height:  38px;
	color:  #FFF;
	text-transform:  uppercase;
	margin-top:  25px;
	font-size:  13px;
	font-weight:  bold;
	border-radius:  0;
	padding:  2px 20px;
	margin-right:  10px;
}*/
.btn-add {
    margin-top: -45px !important;
    margin-right: 5px;
}

.btn-primary, .limpar {
    background: #dc3545;
    border: none;
    height: auto;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 25px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0;
    padding: 12px 22px 13px 22px;
    border-radius: 5px;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c82333;
    border-color: #c82333;
}
textarea:focus, input:focus{
    outline: none  !important;
}
.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.assinatura{
	width:  100%;
	height:  400px;
	background:  #FFF;
	margin-top:  20px;
}




	.assinatura div {
		margin-top:1em;
		margin-bottom:1em;
	}
	.assinatura input {
		padding: .5em;
		margin: .5em;
	}
	.assinatura select {
		padding: .5em;
		margin: .5em;
	}
	
	#signatureparent {
		color:darkblue;
		background-color: #FFF;
		/*max-width:600px;*/
		padding:20px;
	}
	
	/*This is the div within which the signature canvas is fitted*/
	#signature {
		/*border-bottom: 1px dotted black;*/
		background-color: #FFF;
	}

	/* Drawing the 'gripper' for touch-enabled devices */ 
	html.touch #content {
		float:left;
		width:92%;
	}
	html.touch #scrollgrabber {
		float:right;
		width:4%;
		margin-right:2%;
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==)
	}
	html.borderradius #scrollgrabber {
		border-radius: 1em;
	}

.box-assinatura input {
    background: red;
    border: none;
    width: 15px;
	font-size:  12px;
}
.box-assinatura .form-check-label {
    font-size: 15px;
    line-height: 57px;
}
.limpar {
    min-width: 100px;
    left: 0 !important;
    margin: auto !important;
    position: relative !important;
    float: right;
	right: 100px !important;
}
.box-documento {
    background: #FFF;
}

.avaliacao{
	background:  #FFF;
}
.avaliacao h2{
    color: #2c2b2b;
    font-family: 'Bw Modelica Bold';
    font-size: 22px;
    padding-left: 15px;
    margin-bottom: 50px;
    margin-top: 20px;
}
.avaliacao-perguntas{
	height:  300px;
	width:  100%;
}
.avaliacao-perguntas ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
	padding:  50px 0;
}
.avaliacao-perguntas li {
    width: 89px;
    height: 101px;
    position: relative;
    display: inherit;
	transition: all ease-in 0.2s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	margin:  0 20px;
}
.avaliacao-perguntas li.ativo, .avaliacao-perguntas li:hover {
    transition: all ease-in 0.2s;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	transform:  scale(1.2);
}
.avaliacao-perguntas li.ativo h3, .avaliacao-perguntas li:hover h3{
    color: #2c2b2b;
	margin-top:  110px;
}
.thumb-avaliacao1 {
    background: url(../img/avaliacao.png) no-repeat;
    background-size: auto 35px;
    height: 35px;
    width: 35px;
}

.thumb-avaliacao2 {
    background: url(../img/avaliacao.png) no-repeat -35px 0;
    background-size: auto 35px;
    height: 35px;
    width: 35px;
}

.thumb-avaliacao3 {
    background: url(../img/avaliacao.png) no-repeat -70px 0;
    background-size: auto 35px;
    height: 35px;
    width: 35px;
}

.thumb-avaliacao4 {
    background: url(../img/avaliacao.png) no-repeat -107px 0;
    background-size: auto 35px;
    height: 35px;
    width: 35px;
}

.thumb-avaliacao5 {
    background: url(../img/avaliacao.png) no-repeat -143px 0;
    background-size: auto 35px;
    height: 35px;
    width: 35px;
}


.avaliacao1 {
    background: url(../img/avaliacao.png) no-repeat;
}
.avaliacao2 {
    background: url(../img/avaliacao.png) no-repeat -108px 0;
}
.avaliacao3 {
    background: url(../img/avaliacao.png) no-repeat -211px 0;
}
.avaliacao4 {
    background: url(../img/avaliacao.png) no-repeat -312px  0;
}
.avaliacao5 {
    background: url(../img/avaliacao.png) no-repeat -424px 0;
}
.avaliacao-perguntas h3{
    color: #cdcdcd;
    font-family: 'Bw Modelica Bold';
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 2px;
    margin-top: 20px;
	width:  200px;
	position:  absolute;
	left:  50%;
	margin-left:  -105px;
	 transition: all ease-in 0.2s;
	margin-top:  120px;
}
.avaliacao-perguntas  .slick-list {
    height:  340px !important;
}
.avaliacao-perguntas .slick-dots button {
    border: 0;
    border-bottom: 5px solid #c1151b;
    background: none;
    font-size: 25px;
    width: 40px;
}
.avaliacao-perguntas .slick-dots li {
    width: 25px !important;
}
.nao-desejo{
	color:  #2c2b2b;
	text-decoration:  underline;
	margin-top:  180px;
	margin-bottom:  50px;
}
.op{
	width:  100%;
	position: relative;
	float:  left;
	padding-bottom:  20px;
}
.op label.form-check-label {
    position: relative;
    width: auto;
    padding-left: 31px;
    line-height: 20px;
    color: #666;
	margin-bottom:  30px;
}
.op label.form-radio-label {
    position: relative;
    width: auto;
    padding-left: 31px;
    line-height: 20px;
    color: #666;
    margin-bottom: 30px;
}

.finalizar {
    background: #dc3545;
    border: none;
    height: auto;
    color: #FFF !important;
    text-transform: uppercase;
    margin-top: 60px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0;
    padding: 12px 22px 13px 22px;
    border-radius: 5px;
    margin: auto;
}
.finali{
	padding:  40px 0 80px 0;
}
.btn-checklist {
    padding: 7px 25px 5px 25px !important;
    height: 44px !important;
    border-radius: 4px;
    margin-left: 5px !important;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 5px !important;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    background: #b4b2b2 !important;
    border-color: #ededed !important;
	box-shadow: 0 0 0 0.2rem #ededed !important;
}

.separator {
    height: 1px;
    border-bottom: 1px solid #FFFFFF !important;
    border-top: 1px solid #E7E7E7 !important;
    color: #555555 !important;
    margin: 10px 0 15px;
}

.modal-body > .close, .modal-header > .close {
    top: 20;
    right: 10px;
    left: auto;
    position: absolute;
    background-color: transparent !important;
}

.div-btn-perguntas .btn {
    margin-top: 20px;
    background-color: blue;
    color: white;
}

.alert-dismissible .close2 {
    position: absolute;
    top: -20px;
    right: -70px;
    padding: .75rem 1.25rem;
    color: inherit;
}

.close2 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.alert-dismissible .edit {
    position: absolute;
    top: 25px;
    right: -7px;
    padding: .75rem 1.25rem;
    color: inherit;
}

.edit {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.center {
    text-align: center;
}

.tutorial {
    margin: -30px 0 0 0;
    float: right;
}

#modal-posicao .btn-olho {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 9;
}

.div-planta .btn-olho {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 9;
}


@-webkit-keyframes glowing {
    0% {
        color: #dc3545;
    }

    50% {
        color: #cc3333;
    }

    100% {
        color: black;
    }
}

@-moz-keyframes glowing {
    0% {
        color: #dc3545;
    }

    50% {
        color: #cc3333;
    }

    100% {
        color: black;
    }
}

@-o-keyframes glowing {
    0% {
        color: #dc3545;
    }

    50% {
        color: #cc3333;
    }

    100% {
        color: black;
    }
}

@keyframes glowing {
    0% {
        color: #dc3545;
    }

    50% {
        color: #cc3333;
    }

    100% {
        color: black;
    }
}

#modal-posicao .btn-olho.piscante i, .div-planta .btn-olho.piscante i {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

.div-check {
    color: green;
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 55px;
}
.btn-print {
    color:white;
    border-color: #6c757d;
    background-color: green;
}
.btn-revistoriar {
    color: white;
    border-color: #6c757d;
    background-color: orange;
}



/* DROPDOWN */


/*======================================*/
#navbar {
    background-color: white;
    display: flex;
    align-items: center;
    padding-top: 2vh;
    padding-bottom: 2vh;

}
    #navbar .navbar-top-links {
        width: 80%;
    }
    .dropbtn {
        background-color: white;
        padding: 16px;
        border: none;
        font-weight: bold;
    }

.dropdown {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;
    font-weight: bold;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    display: block;
}
.dropbtn a {
    color: black !important;
}


.dropdown-header {
    font-weight: 600;
    font-size: 1.11em;
    color: #2b425b;
    padding: 5px 20px 5px 10px;
}

.dropdown-toggle > .dropdown-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 7px -8px;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    vertical-align: baseline;
}
/*.dropdown-toggle > .dropdown-caret:hover {
    margin: 7px 0px;
}

    .dropdown-toggle > .dropdown-caret.caret-up {
        border-width: 0 4px 6px 4px;
        border-bottom-color: initial;
        border-top-color: transparent;
    }*/

.dropdown-menu {
    font-size: 13px;
    border-radius: 0;
    box-shadow: 0 5px 12px 2px rgba(0, 0, 0, 0.25);
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}

    .dropdown-menu > li > a {
        color: #758697;
    }

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropup .dropdown-menu {
    box-shadow: 0 -5px 12px 2px rgba(0, 0, 0, 0.25);
}

.dropdown-menu:not(.head-list) > li > a {
    padding: 5px 10px;
}

    .dropdown-menu:not(.head-list) > li > a:hover {
        background-color: #42a5f5;
        color: #fff;
    }

.dropdown-menu.with-arrow:before,
.dropdown-menu.with-arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.dropdown-menu.with-arrow:before {
    border-bottom: 7px solid #d0d0d0;
    margin: -7px 0 0 15px;
}

.dropdown-menu.with-arrow:after {
    border-bottom: 7px solid #fff;
    margin: -6px 0 0 15px;
}

.dropdown-menu-right.dropdown-menu.with-arrow:before {
    left: auto;
    right: 0;
    margin: -7px 25px 0 0;
}

.dropdown-menu-right.dropdown-menu.with-arrow:after {
    left: auto;
    right: 0;
    margin: -6px 25px 0 0;
}

.dropdown-menu-sm {
    min-width: 220px;
}

.dropdown-menu-md {
    min-width: 270px;
}

.dropdown-menu-lg {
    min-width: 300px;
}

.dropdown.open > .btn,
.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.3);
}



.btn-group-vertical .btn:not(.btn-default),
.btn-group .btn:not(.btn-default) {
    border-color: rgba(0, 0, 0, 0.09);
}

/*dashboard*/

.dashboard .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.dashboard .panel-title {
    font-weight: normal;
    padding: 0 20px 0 20px;
    font-size: 1.15em;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dashboard #circulo {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background-color: green;
    margin-left: 35%;
    padding: 0 !important;
    display: block;
}
.header-text-dashboard {
    display: flex;
    align-items: center;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
    .header-text-dashboard > p {
        color: var(--cor-secundaria);
        font-size: 1.5rem;
        margin-right: 7%;
        margin-bottom: 0;
    }

/* LOGO DA EMPRESA */
.avatar-upload {
    position: relative;
    max-width: 160px;
    margin: 0px auto 0 auto;
}

    .avatar-upload .avatar-edit {
        position: absolute;
        right: 0px;
        z-index: 1;
        top: 5px;
    }

    .avatar-upload input {
        display: none;
    }

    .avatar-upload .avatar-edit input + label {
        display: inline-block;
        width: 39px;
        height: 39px;
        margin: 0;
        border-radius: 100%;
        background: #FFFFFF;
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all .2s ease-in-out;
    }

        .avatar-upload .avatar-edit input + label:hover {
            background: #f1f1f1;
            border-color: #d6d6d6;
        }

        .avatar-upload .avatar-edit input + label:after {
            content: "\f040";
            font-family: 'FontAwesome';
            color: #757575;
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            text-align: center;
            margin: auto;
        }

.avatar-preview {
    width: 130px;
    height: 180px;
    position: relative;
    /*border-radius: 100%;*/
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

    .avatar-preview > div {
        width: 100%;
        height: 100%;
        /*border-radius: 100%;*/
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

.btnAlterarFoto {
    display: none;
}

.btnAlterarFoto {
    background: #e30613;
    padding: 3px 15px;
    color: #FFF;
    border-radius: 0;
    font-size: 12px;
    text-transform: uppercase;
    border: 0;
}

/*======================================*/

.img-user {
    width: 32px;
    height: 32px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.dropdown-user .ic-user {
    font-size: 1.5em;
    line-height: 40px;
}

.username {
    float: right;
    white-space: nowrap;
    line-height: 40px;
    margin: 0 10px;
}

.vline {
    border-left: 10px solid #cc3333;
    height: 165px;
    margin-right: 25px;
}

.flex_title {
    position: absolute;
    display: flex;
    align-items: center;
    top: 70%;
    left: 10%;
    z-index: 10;
    max-width: 600px;
}

.fs-1 {
    font-size: 3.5rem !important;
}

.sec_login {
    background-image: url('img/base.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}

.right_login {
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.521);
    width: 40vw;
    backdrop-filter: blur(5px);
    z-index: 1;
    margin-left: auto;
    display: flex;
    /* justify-content: center; */
    flex-direction: column;
    /* align-items: center; */
    padding: 10vh 5vw !important;
}

.btn_tab {
    background-color: transparent;
    border: none;
    color: rgb(190, 190, 190);
}

    .btn_tab.active {
        border-bottom: 3px solid #cc3333;
        color: #fff;
    }

.inputs_login {
    margin-top: 10vh;
}

    .inputs_login, .inputs_login > div {
        display: flex;
        flex-direction: column;
    }

        .inputs_login > div {
            margin: 2vh 0vw;
        }

            .inputs_login > div > input {
                margin: 1vh 0vw;
                padding: 1vh 1vw;
                background-color: transparent;
                border: none;
                border-bottom: 1px solid #fff;
                color: #fff;
            }

.divlembrar {
    display: flex;
    flex-direction: row !important;
    align-items: center;
}

    .divlembrar > label {
        margin-left: 10px;
        color: #fff;
    }

.bottom_login_form {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: center;
}

.btn-entrar {
    background-color: #cc3333;
    border: none;
    width: fit-content;
    align-self: flex-end;
    color: #fff;
    padding: 1vh 2.5vw;
    font-weight: 600;
    font-size: 1.1rem;
    margin-top: 2vh;
}



.duvidas_login {
    margin-top: 10vh;
    display: flex;
    flex-direction: column;
    z-index: 10;
}

    .duvidas_login > a {
        margin: 1vh 0vw;
    }

.nav_inicio {
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1vh 10vw;
}

    .nav_inicio > svg {
        min-width: 200px;
        max-width: 10%;
    }

.ul_nav_inicio {
    display: flex;
    align-items: center;
    color: #fff;
    margin-bottom: 0 !important;
}

    .ul_nav_inicio > li {
        margin: 0vh 2vw;
        display: flex;
        align-items: center;
    }

.icon {
    max-width: 30px;
    margin: 0vh 0.5vw
}

.icon-s {
    max-width: 15px;
}

.text-red {
    color: #cc3333;
}

.sec_2_init {
    padding: 2vh 10vw;
}

.icone_texto {
    display: flex;
    align-items: center;
    margin: 1vh 0vw;
}

    .icone_texto > p {
        margin: 0;
        margin-left: 0.5vw;
    }

.img_perfil {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.sec_1_init {
    display: flex;
    align-items: center;
    padding: 10vh 10vw;
}

    .sec_1_init > div {
        margin-left: 1vw;
    }

.card_imovel {
    max-width: 300px;
    margin: 1vh 2.5vw;
    border: 2px solid #dadada;
    transition: 0.25s;
}

.img_card {
    width: 100%;
}

.flex_cards {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center
}

.card_imovel:first-child {
    margin-left: 0
}

.card_imovel:not(first-child) .notp {
    padding-left: 10px;
}

.card_imovel:hover {
    border-color: #000;
    box-shadow: 5px 5px 20px #dadada;
}

.boleto {
    background-color: #cc3333;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    padding-right: 10px;
    align-items: center;
}

    .boleto > p {
        margin: 0;
        width: 70%;
    }

    .boleto > img {
        width: 17%;
        height: fit-content;
    }

.card_imovel > p {
    margin: 0
}

.loginadmin {
    background-image: url(/Content/img/bglogin.jpg);
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

    .loginadmin > svg {
        min-width: 200px;
        max-width: 12%;
    }

.etiqueta {
    background-color: #cc3333;
    width: fit-content;
    text-align: center;
    margin: 0vh auto;
    padding: 0.5vh 1vw;
}

.inputloginadmin {
    padding: 1vh 0.5vw;
    margin: 0.5vh 0vw;
    width: 100%;
    border: none
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
}

.form_logina {
    display: flex;
    flex-direction: column;
    width: 500px;
    background-color: #0000008f;
    backdrop-filter: blur(4px);
    padding: 3vh 2vw;
}

titlelogina {
    font-size: 2rem;
    font-weight: 600;
}

.slick-prev {
    display: none !important;
}

.slick-next {
    width: fit-content;
    height: fit-content;
    padding: 10px;
    border-radius: 50%;
    border-color: transparent
}

    .slick-next > img {
        width: 30px
    }

.navinterna {
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1vh 6vw;
}

.navbar-brand {
    min-width: 180px;
    max-width: 10%;
    margin: 0vh 2vw;
}

.navbar-nav > li > a {
    color: #fff !important;
}

.navbar {
    position: fixed;
    width: 100%;
    z-index: 99999999;
}

.nav-item {
    display: flex;
    align-items: center;
    margin: 0vh 2vw;
}

.heading_produto {
}

.estagioobra {
    background-color: #f3f3f3;
    height: 70vh
}

.section_dadoscadas {
    padding: 5vh 8vw;
}

.container_dados {
    margin: 0vh 0vw;
    padding: 10vh 0vw;
    opacity: .5;
    z-index: 1;
    transition: .25s
}

.h2dados {
    font-size: 1.5rem;
    font-weight: 700;
}

.boxinput {
    display: flex;
    margin: 4vh 0vw
}

    .boxinput > div:not(:first-child) {
        margin-left: 2vw;
        width: 30vw;
    }

.labeldados {
}

.inputdados {
    border: none;
    border-bottom: 2px solid;
    background-color: transparent;
}

.vl {
    border-left: 6px solid #cc3333;
}

.btn-salvar {
    background-color: #cc3333;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    border: none;
    padding: 0.5vh 1.5vw;
}

.container-fluid {
    width: unset;
}

.sec_posicao, .sec_informe {
    padding: 10vh 8vw;
}

    .sec_posicao > h2 {
        font-size: 1.4rem;
        margin: 4vh 0vw
    }

.bt-collapse {
    width: 90%;
    text-align: left;
    background-color: #808080;
    border: none;
    padding: 1.5vh;
    font-size: 1.2rem;
    font-weight: 700;
}

    .bt-collapse:hover {
        background-color: #cc3333
    }

    .bt-collapse:focus {
        background-color: #cc3333
    }

.card {
    width: 90% !important
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    border: none;
}

.card-body {
    flex: 1 1 auto;
    padding: 0;
}

.dropdown-menu {
    background-color: #000;
}

.dropdown-item {
    color: #ffffff;
}

.colunas {
    background-color: #000;
    color: #fff;
}

    .colunas > th {
        padding-top: 3vh;
        padding-bottom: 3vh
    }

.container_dados:hover {
    opacity: 1
}

.table_init {
    width: 90% !important;
    display: flex;
    margin-bottom: 35vh;
}

.table:first-child {
    margin-right: .5rem !important;
}

.data_base {
    margin-top: 10vh;
}

.colunas {
    border-radius: 5px
}

.downl_informe {
    border-radius: 5px;
    border: none;
    background-color: red;
    color: #fff;
    padding: 0.5vh 1vw;
    font-weight: 600;
}

    .downl_informe > img {
        width: 15px;
        margin: 0px 0px 0px 10px;
    }

.bt_pesquisar {
    border-radius: 25px;
    padding: 0.5vh 2vw;
    border: none;
    background-color: #808080;
    color: #fff;
    font-weight: 600;
    position: relative;
    left: 76.3%;
}

    .bt_pesquisar > img {
        width: 15px;
        margin: 0px 0px 0px 10px
    }

.filtros_posicao {
    display: flex;
    margin-bottom: 2vh
}

    .filtros_posicao > div {
        margin: 0vh 1.5vw 0vh 0vw;
        background-color: #000;
        border-radius: 5px;
        padding: 0vh 0px;
        height: 3.2vh;
    }

        .filtros_posicao > div > label {
            background-color: #000;
            color: #fff;
            padding: 0vh 1vw;
            margin: 0 !important;
            border-radius: 5px;
        }

        .filtros_posicao > div > select {
            background-color: #000;
            color: #fff;
            padding: 0.5vh 3vw 0vh 1vw;
            margin: 0 !important;
            border: none;
            height: 100%;
        }

tr {
    background-color: #f5f5f5;
}

    tr:hover {
        background-color: #ececec;
    }

.colunas:hover {
    background-color: #000
}

.total {
    background-color: #ececec
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("img/icones/vermelhos/seta-triangular-apontando-para-baixo.png");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 0px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
    background-size: contain
}

a {
    text-decoration: none
}

@media only screen and (max-width: 1500px) {
    .right_login {
        padding: 10vh 2vw !important;
    }

    .fs-1 {
        font-size: 2.5rem !important;
    }

    .fs-2 {
        font-size: 1.5rem !important;
    }

    .fs-5 {
        font-size: 1.1rem !important;
    }

    .nav-item {
        margin: 0vh 1vw;
    }
}

@media only screen and (max-width: 1274px) {
    .nav-item {
        margin: 0vh 0.5vw;
    }
}

@media only screen and (max-width: 1200px) {
    .fs-2 {
        font-size: calc(1rem + .9vw) !important;
    }
}

@media only screen and (max-width: 1160px) {
    .text-portal-login {
        width: 66% !important;
    }
}

@media only screen and (max-width: 1001px) {
    .mx-4 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .nav-item {
        margin: 1.5vh 1vw;
        flex-direction: column;
        align-items: unset
    }
}

@media only screen and (max-width: 887px) {
    .right_login {
        width: 100%;
        padding: 10vh 10vw !important;
        height: auto;
    }

    .flex_title {
        display: none;
    }

    .sec_login {
        height: auto;
    }

    .btn-entrar {
        padding: 2vh 9.5vw;
    }

    .inputloginadmin {
        padding: 1.5vh 0.5vw;
    }
}

@media only screen and (max-width: 420px) {

    .form_logina {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 3vh 5vw;
    }
}

.campo_login {
    padding: 1vh 0.5vw;
    margin: 0.5vh 0vw;
    width: 100%;
    border: none
}