@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
	--light: #fff;
	--dark: #414346;
	
    --primary-color: #374761;
	--secondary-color: #335c98;
	--tertiary-color: #eff1f6;
    --danger-color: #ca2149;
    --danger-color-hover: #a91d3d;
    --cinza-claro: #D9D9D9;
    --cinza-claro: #f8f9fa;
    --primary-font: "Roboto", sans-serif;

    --azul-piloto: #374761;
    --azul-piloto-hover: #6D8CBE;
    --azul-piloto-claro: #eff1f6;
    
    --vermelho-alerta: #bf0000;
    --menu-lateral-largura: 350px;
    --menu-lateral-largura-itens: 270px;
    --menu-lateral-mobile-largura: 140px;
}




h1 {
    font-stretch: condensed !important;
    letter-spacing: -2px !important;
    color: #212121 !important;
}
h1, h2, h3, h4, h5, h6 {
    color: #212121 !important;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    h4, .h4 {
        font-size: 130% !important;
    }
}
h5 {
    font-size: 90%;
    font-weight: bold !important;
    text-transform: uppercase !important;
}



/* SITE ********************
****************************/
body {
    font-family: var(--primary-font);
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1.3rem !important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: var(--light);
    color: var(--dark);
}

.img-tabela {
    max-height: 70px !important;
}
.tabela-titulo {
    margin-bottom: -50px !important;
    padding: 0.5rem !important;
}

.img-capa {
    padding: 10px;
    border: 1px dotted #cecece;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    background-color: #ffffff;
    max-height: 230px !important;
}
.modulos {
    padding: 0 !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.interna {
    margin-top: 150px !important;
}


.sc-card {
    background-color: var(--light);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 0.6rem !important;
    transition: all 0.3s ease;
    margin-top: 20px;
    margin-bottom: 20px;
}
small {
    font-size: 90%;
    line-height: -0.5rem;
    display: block;
}

/* BADGE */
.badge {
    /* font-size: 70% !important;
    margin: 5px 0px; */
}
.badge-cargo {
    font-size: 50% !important;
    top: -5px !important;
    position: relative;
    margin-right: 5px;
}

/* MENU **********************
******************************/
.subMenu {
    left: 40px !important;
}
.menu-logo {
	max-height: 30px !important;
	max-width: 100px !important;
}
.dropdown-item {
	font-size: 80% !important;
}
.dropdown-menu {
    /* width: 50px !important; */
}
a:active.dropdown-item , a:hover.dropdown-item  {
	background-color: var(--primary-color) !important;
	color: var(--light) !important;
}
/* .dropdown-menu {
    min-width:80px !important;
} */
.menu {
    /* position: fixed; */
    
	transition:500ms ease;
	text-transform: uppercase;
}




/* CAROUSEL ******************
******************************/
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}





/*************************************/
/* MENU LATERAL
/**************************************/
.menu-lateral {
	font-size: 90%;
}
.menu-lateral .list-group-item {
    background-color: transparent !important;
}
.menu-lateral .list-group-item:hover {
    background-color: var(--primary-color) !important;
    color: var(--light) !important;
}

.list-group-item-menu {
    margin-bottom: 5px;
    word-spacing: -1px; 
    font-weight: bold;
    border-radius: 5px;
}
.list-group-item-menu:hover {
    background-color: #f1f1f1;
}
.list-group-item.active {
    background-color: var(--primary-color) !important;
    color: var(--light);
    border: none !important;
    font-weight: bold;
}

.menu-icone {
    float: left;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    margin-right: 10px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  
}

@media screen and (min-width : 320px) and (max-width : 768px) {
	.list-group-item-menu {
        font-style: 70%;
    }
    .menu-icone {
        padding: 5px;
        border-radius: 5px;
        width: 40px;
        height: 40px;
    
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; 
    }
}

/*************************************/
/* PADRÕES BOOTSTRAP
/**************************************/
.text-light {
    color: var(--light) !important;
}
.text-primary {
    color: var(--primary-color) !important;
}
.text-success {
    color: #00BD68 !important;
}
.text-secondary {
    color: var(--secondary-color) !important;
}
.bg-primary {
    background-color: var(--primary-color) !important;
    color: var(--light) !important;
}
.bg-secondary {
    background-color: var(--secondary-color) !important;
    color: var(--light) !important;
}
.bg-success {
    background-color: initial !important;
    background-image: linear-gradient(-180deg, #00D775, #00BD68) !important;
}

.btn-sm.btn-light {
    height: 25px !important;
}
.btn-light {
    line-height: normal;
    border:1px solid #e8e8e8 !important;
    font-weight: bold !important;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
}
.btn-link {
    color: var(--primary-color) !important;
}
.btn-link:hover {
    cursor: pointer !important;
    color: var(--secondary-color) !important;
}
.btn-primary {
    background-color: var(--primary-color) !important;
    color: var(--light) !important;
    border: none !important;
}
.btn-primary.active {
    background-color: var(--secondary-color) !important;
    color: var(--light) !important;
    border: none !important;
}
.btn-primary:hover {
    background-color: var(--secondary-color) !important;
    color: var(--light) !important;
    border: none !important;
}
.btn-padrao {
    border-radius: 5rem;
    padding: 0.2rem 1rem !important;
    font-size: 70% !important;
    text-transform: uppercase;
    font-weight: bold !important;
}
.btn-group-topo, .btn-group-vertical {
    padding: 1rem;
    margin-top: -1rem;
    margin-bottom: 0.5rem !important;
}
.btn-group-modal {
    padding: 0 !important;
    margin: 0 !important;
}
.btn-check:checked+.btn, .btn.show, .btn-active, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background: none !important;
    color: var(--light) !important;
    background-color: var(--secondary-color) !important;
    border: none !important;
}

.btn-topo {
    padding: 0.2rem 1rem !important;
    font-size: 70% !important;
    text-transform: uppercase;
    font-weight: bold !important;
}
.btn-topo-lista {
    background-color: var(--cinza-claro) !important;
    color: var(--dark) !important;
}
.btn-topo-lista.active {
    background-color: var(--primary-color) !important;
    color: var(--light) !important;
}

.btn-secondary {
    background-color: initial;
    background-image: linear-gradient(-180deg, #5a5e69, #4a536b);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
    color: #FFFFFF;
    font-weight: bold;
    border: 0;  
}
.btn-secondary.active {
    background: none !important;
    background-color: var(--secondary-color) !important;
}
.btn-secondary:hover {
    background-image: linear-gradient(-180deg, #5a5e69, #4a536b);
}

.btn-success {
  background-color: initial;
  background-image: linear-gradient(-180deg, #00D775, #00BD68);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  font-weight: bold;
  border: 0;  
}
.btn-success:hover {
    background-image: linear-gradient(-180deg, #00BD68, #00D775);
}

.btn-warning {
    background-color: initial;
    background-image: linear-gradient(-180deg, #ffc107, #f8cf57);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
    color: #FFFFFF;
    font-weight: bold;
    border: 0;  
}
.btn-warning:hover {
    background-image: linear-gradient(-180deg, #f8cf57, #ffc107);
    color: #FFFFFF !important;
}

.btn-danger {
    background-color: initial;
    background-image: linear-gradient(-180deg, #f02756, #ca2149);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
    color: #FFFFFF;
    font-weight: bold;
    border: 0;  
}
.btn-danger:hover {
    background-image: linear-gradient(-180deg, #ca2149, #f02756);
    color: #FFFFFF !important;
}


.btn-tab {
    color: var(--primary-color) !important;
    font-weight: bold;
}
.btn-tab.active {
    background-color: var(--light) !important;
    color: var(--primary-color) !important;
}
.btn-sm {
    font-size: 70% !important;
}
.btn-md {
    font-size: 85% !important;
    min-height: 38px !important;
    padding-top: 10px !important;
}

.btn-classificar {
    padding: 6px 14px;
    font-size: 90%;
    margin-top: -2px;
    border-radius: 5px !important;
}

.btn-piloto, .btn-piloto:active, .btn-active .btn-piloto {
    color: #878787 !important;
    font-size: 70%;
    /* height: 80px; */
    text-align: center !important;
    border: 0px;
    padding-top: 15px !important;
}
.btn-piloto-icone {
    color: #878787 !important;
    font-size: 300% !important;
    max-height: 20px !important;
    margin-bottom: 12px !important;
}
.btn-piloto:hover {
    background-color: #D9D9D9;
    border: 0px;
}
.btn-conformidade-nao, .btn-conformidade-sim {
    font-size: 150% !important;
}
.btn-conformidade-sim.active {
    background-image: linear-gradient(-180deg, #00D775, #00BD68) !important;
    color: var(--light) !important;
}
.btn-conformidade-nao.active {
    background-color: var(--danger-color) !important;
    color: var(--light) !important;
}
.btn-conformidade-sim {
    margin-bottom: -15px;
}



/*************************************/
/* RODAPÉ
/**************************************/
.rodape {
	font-size: 90%;
}
.rodape .list-group-item {
    background-color: transparent !important;
}
.rodape .list-group-item:hover {
    background-color: var(--primary-color) !important;
    color: var(--light) !important;
}





/* LGPD **********************
******************************/
.lgpd {
	display: none;
	position: fixed;
	width: 100%;
	bottom: 0px;
	background-color: #4f4f4f;
	color: #fff;
	text-align: center;
	font-size: 80%;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	min-height: 80px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.btn-lgpd {
	background-color: #4f4f4f;
	border: solid 1px #fff;
	padding: 15px;
	color: #fff;
	border-radius: 5px;
	margin-left: 10px
}



/* DIALOG ******************
****************************/
.sc-dialog {
    background: rgba(255,255,255,0.7);
}
.sc-dialog .sc-alert {
    border: 2px solid #cecece;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.sc-dialog .sc-alert .sc-titulo{
    padding: 1rem;
    color: #fff;
    background: #39b54a;
}
.sc-dialog .sc-alert .sc-mensagem{
    font-size: inherit;
    padding: 1rem;
}
.sc-dialog .sc-alert .sc-action{
    border-top: none;
    padding: 1rem;
    background: #fff
}

.banner-lateral {
    max-height: 250px !important;
}







.list-group-item {
    border-radius: 5px !important;
    margin-top: 2px;
}
.list-group-menu {
    border-radius: 10px !important;
    margin-top: 2px;
    margin-bottom: 1px;
    border: 1px solid #cecece !important;
    padding: 12px;
    font-weight: bold;
}



.btn-success {
    background-color: initial;
    background-image: linear-gradient(-180deg, #00D775, #00BD68);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
    color: #FFFFFF;
    font-weight: bold;
    border: 0;  
  }
  .btn-success:hover {
      background-image: linear-gradient(-180deg, #00BD68, #00D775);
  }




/*************************************/
/* LOGIN
/**************************************/
.login {
    margin-top: 15vh;
}
.form-login {
    background-color: #f7f8f9 !important;
    padding: 15px;
    border: 1px solid #d9d9d9 !important;
}
.btn-login {
    width: 100%;
    background-color: var(--primary-color);
    color: var(--light);
    padding: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-login:hover {
    background-color: var(--secondary-color);
    color: var(--light);
}




/*************************************/
/* FORMULÁRIOS
/**************************************/
.form-label {
    font-size: 80% !important;
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.form-control, .form-select {
    font-size: 100%;
    padding: 0.5rem !important;
    background-color:  var(--cinza-claro) !important;
    border: none !important;
    border-radius: 5px !important;
    /* margin: 0 !important; */
    min-height: 38px !important;
}
.form-control-disabled {
    font-size: 100%;
    padding: 0.5rem !important;
    background-color:  #f3f3f3 !important;
    color: var(--dark);
    border: none !important;
    border-radius: 5px !important;
    margin: 0 !important;
    min-height: 35px !important;
}
.form-control-light, .form-select-light {
    background-color:  #fff !important;
}
.form-control:disabled {
    background-color: #f3f3f3 !important; 
    color: var(--dark);
}
.form-mobile .form-control, .form-mobile .form-select {
    font-size: 120%;
    background: none !important;
    border-bottom: 1px solid var(--primary-color) !important;
    border-radius: 0px !important;
    margin: 0 !important;
}
.form-mobile textarea.form-control {
    font-size: 120%;
    background: #cecece !important;
    border-radius: 15px !important;
    margin: 0 !important;
    border-bottom: none !important;
}
.form-busca {
    border-radius: 10rem !important;
    padding: 0.2rem 1rem !important;
    font-size: 70% !important;
    text-transform: uppercase;
    font-weight: bold !important;
    background-color: var(--cinza-claro) !important;
    color: var(--dark) !important;
}
.form-control-busca {
    font-size: 90% !important;
    padding: 5px !important;
    width: calc(100% - 45px);
    margin-top: 2px;
}


.tituloMobile {
    font-size: 110%;
    font-weight: bold !important;
    margin-left: 1rem;
    padding-top: 10px;
    zoom:0.9;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .container, .container-fluid {
        background: none !important;
    }
}

/*************************************/
/* ACERVO TÉCNICO
/**************************************/
.acervo-icone {
    background-image: url(../img/fundo-acervo-tecnico.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;

    width: 130px;
    height: 115px;
    
    color: var(--light);
    padding-top: 45px;
    text-align: center;
    font-size: 200%;
    font-weight: bold;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
	.acervo-icone {
        width: 100px;
        height: 88px;
        padding-top: 30px;
    }
}


/*************************************/
/* UNIDADES
/**************************************/
.unidades-icone {
    background-image: url(../img/fundo-unidades.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;

    width: 105px;
    height: 105px;
    
    color: var(--light);
    padding-top: 45px;
    text-align: center;
    font-size: 200%;
    font-weight: bold;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
	.unidades-icone {
        width: 100px;
        height: 88px;
        padding-top: 50px;
        font-size: 130% !important;
    }
}



.colaborador-foto {
    width: 100px;
    height: 100px;
    border-radius: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s;
}
.colaborador-foto:hover {
    cursor: pointer;
	-webkit-transform: scale(1.1);
}
@media screen and (min-width : 320px) and (max-width : 768px) {
	.colaborador-foto {
        width: 70px;
        height: 70px;
    }
}
.colaborador-foto-grande {
    width: 150px;
    height: 150px;
    border-radius: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.colaborador-funcao {
    position: absolute;    
    padding: 5px;    
}



 


 .capa {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    border: 1px solid #cecece;
    margin-bottom: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }
 .capa-foto {
    background-color: var(--light);
    border: 10px solid var(--light);
    border-radius: 10rem;
    margin-top: -80px;
    width: 100px;
    height: 100px;
    margin-bottom: 0px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }

/* TOPO */
.topo {
    margin-top: 100px !important;
}

.topo-linha {
    border-bottom: 3px solid var(--primary-color);
    margin-bottom: 50px !important;
}
.piloto-logo {
    max-height: 80px !important;
}
.formata-linha {
    line-height: 0px;
}

 .footer {
    background-color: var(--light) !important;
 }
 @media screen and (min-width : 320px) and (max-width : 768px) {
	.footer {
        padding-top: 0px;
    }
}



.icone-grande {
    font-size: 3rem;
}
.icone-grafico {
    width: 30px;
    height: 30px;
    margin-top: -3px !important;
}
.alertaTempo {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0.5rem;
    font-weight: bold;
}

.acesso-rapido {
    background-color: var(--primary-color);
    color: var(--light);
}
.acesso-rapido-titulo {
    font-size: 90%;
    font-weight: bold;
    color: var(--light);
}
.acesso-rapido-subtitulo {
    font-size: 70%;
    color: var(--light);    
}
.acesso-rapido-icone {
    font-size: 150% !important;
    color: var(--light);    
}
.acesso-rapido-progresso {
    background-color: var(--secondary-color) !important;
}
.btn-adicionar-ativo {
    background-color: var(--light);
    color: var(--primary-color);
    font-weight: bold;
    border: none !important;
}
.btn-adicionar-ativo:hover {
    background-color: var(--secondary-color);
    color: var(--light);
}
.adicionarAtivo {
    background-color: var(--primary-color);
    color: var(--light);
    width: 40px;
    height: 40px;
    padding: 0.3rem;    
    font-size: 140%;
    border-radius: 5rem;
    -webkit-transition: all 0.3s;
}
.adicionarAtivo:hover {
    background-color: var(--secondary-color);
    color: var(--light);
    -webkit-transform: scale(1.1);
}
.excluirBotaoTopo {
    position: absolute;
    right: 50px;
}
.excluirAtivo {
    background-color: var(--danger-color);
    color: var(--light);
    width: 30px;
    height: 30px;
    padding: 0.3rem;    
    font-size: 90%;
    border-radius: 5rem;
    -webkit-transition: all 0.3s;
}
.excluirAtivo:hover {
    background-color: var(--danger-color-hover);
    color: var(--light) !important;
}



.modal-adicionar {
    background-color: transparent !important;
    border: none !important;
}
.modal-backdrop {
    background-color: black !important;
    /* opacity: 0.95 !important; */
 }












.graficos-home {
    height:28vh !important; 
    width:95% !important;
    overflow: hidden !important;
    background-color: var(--light) !important;
    align-items: center !important;
    text-align: center !important;
}
.grafico-titulo {
    font-weight: bold !important;
    text-align: right !important;
    padding: 0.5rem;
    padding-right: 1rem !important;
    margin-bottom: -10px;
}
.home-garantias {
    /* height: 580px !important; */
    height: 35% !important;
}




.nav-link-topo {
    border: none !important;
    background-color: var(--primary-color) !important;
    color: var(--light) !important;
    padding: 0.2rem 1rem !important;
    border-radius: 5rem !important;
    margin-right: 10px !important;
    padding: 0.2rem 1rem !important;
    font-size: 70% !important;
    text-transform: uppercase;
    font-weight: bold !important;
 }
.nav-link-topo.active {
    background-color: var(--secondary-color) !important;
 }
 .nav-pills {
    margin-top: -5px !important;
 }
.badge-lg {
    font-size: 80% !important;
}
.nav-link.active {
    opacity: 1 !important;
    color: var(--primary-color) !important;
    font-weight: bold;
}
.nav-link {
    color: var(--dark) !important;
    opacity: .4;
}




.toast {
    background-color: var(--light) !important;
}


.classificar {
    padding: 1rem;
    border: 1px solid #cecece;
    border-radius: 0.3rem;
    margin: 0 auto !important;
    margin-top: -20px !important;
    margin-bottom: 15px !important;
    width: 97% !important;
    
}





.card {
    border-radius: 10px;
}
.card-rotinas {
    border-bottom: 3px solid var(--primary-color) !important;
}
.card-img {
    background-image: url('../img/fundo-card.png');
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center;
    font-size: 220%;
    font-weight: bold;
    text-align: center !important;
    padding-top: 30px;
    margin-top: 0px !important;
    line-height: 50px;
}
@media screen and (min-width : 768px) and (max-width : 1280px) {
    .card-img {
        
        background-size: contain !important;
        font-size: 150%;
        padding-top: 20px;
    }
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .card-img {
        text-align: center;
        width: 62.5px;
        height: 52px;
        font-size: 150%;
        padding-top: 15px;
        margin-top: 0px;
    }
}
.card-relatorio {
    padding: 2rem !important;
}
.card-title-relatorio {
    padding: 1.5rem 2rem !important;
    background-color: var(--azul-piloto-claro);
    margin: -2rem;
    width: calc(100% + 4rem);
    border-radius: 10px 10px 0 0;
    font-size: 150%;
    font-weight: bold;
    color: var(--primary-color);
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.card-topo {
    background-color: var(--primary-color) !important;
    border-radius: 10px 10px 0px 0px;
}
.card-ambiente-topo {
    background-color: var(--primary-color) !important;
    border-radius: 10px;
    padding: 0.5rem !important;
}
.card-ambiente-topo.active {
    background-color: var(--primary-color) !important;
    border-radius: 10px;
    padding: 0.5rem !important;
}
.card-ambiente-topo .titulo {
    color: var(--light) !important;
    font-size: 120%;
    font-weight: bold;
    display: inline-block;
}

.card-body {
    background-color: var(--tertiary-color);
    border-radius: 10px !important;
}
.card-icone {
    padding: 5px ;
    height:26px;
    color: var(--light);
}
.card-icone:hover {
    color: var(--light);
    opacity: 0.8;
}
.card label {
    font-size: 80% !important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
}








.box {
    border-radius: 1rem !important;
}
.box-title {
    border-radius: 1rem 1rem 0 0 !important;
}


.favorito {
    color: var(--light);
}
.favorito.active{
    color: #f6d417 !important;
}



.iconeBusca {
    margin-left: -38px;
}


.rotinaEditar {
    width: 72px;
    position: absolute !important;
    right: -10px !important;
    bottom: 0px !important;
    border: 0;
}
.rotinaEditar .btn-group {
    padding: 0 !important;
    margin: 0 !important;
}

/*************************************/
/* OFFCANVAS
/**************************************/
.offcanvas-footer {
    position: relative;
    bottom: 20;
    height: 40px;
}
.offcanvas-footer a {
    font-size: 130%;
    font-weight: bold;
    text-transform: capitalize;
    color: #757e86 !important;
}
.offcanvas-footer-menu {
    position: absolute !important;
    bottom: 0 !important;
    width: 90%;
    margin: 0px auto !important;
    margin-left: 5% !important;
    height: 50px !important;
}

.menu-footer {
    position: fixed;
    bottom: 0;
    left: 15px;
    background-color: var(--light);
    border-radius: 3rem !important;
    width: 92%;
    height: 60px;
    padding: 1rem !important;
    margin-bottom: 15px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    z-index: 9999;
}

.mobile-adicionar {
    background-color: var(--primary-color);
    border-radius: 2rem !important;
    padding: 0.6rem;
    margin-top: -10px;
}
.menu-footer-itens {
    position: absolute !important;
    bottom: 0 !important;
    width: 90%;
    margin: 0px auto !important;
    margin-left: 5% !important;
    height: 50px !important;
}
.offcanvas-icone {
    text-align: center;
    width: 65px;
    height: 65px;
    font-size: 200% !important;
    color: var(--light) !important;
    border-radius: 5rem;
    padding-top: 0.2rem;
    border: 6px solid white;
    margin-top: -30px;
    background-color: var(--primary-color) !important;
}
.off-canvas-body-white {
    background-color: var(--light) !important;
    color: var(--dark) !important;
    border-radius: 1rem 1rem 0 0 !important;
    height: 100vh !important;
}
.offcanvas-backdrop {
    background-color: black !important;
    opacity: 0.4 !important;
 }

 .offcanvas-size-xl {
    --bs-offcanvas-width: min(95vw, 600px) !important;
}
.offcanvas-size-xxl {
    --bs-offcanvas-width: min(50vw, 60vw) !important;
}
.offcanvas-size-md { /* add Responsivenes to default offcanvas */
    --bs-offcanvas-width: min(95vw, 400px) !important;
}
.offcanvas-size-sm {
    --bs-offcanvas-width: min(95vw, 250px) !important;
}
.offcanvas-img {
    object-fit: cover !important;
    max-height: 300px !important;
    position: relative;
    object-position: center;
}



.carousel-item {
    background-color: #d9d9d9 !important;
    width: 80%;
    margin-left: 10%;
    height: 200px;
    border-radius: 15px !important;
}
.carousel-item img {
    border-radius: 15px !important;
    object-fit: cover !important;
}



.ui-autocomplete{
    z-index:99999;
}



/* UPLOADIFIVE PERSONALIZADO */
.uploadifive-button {
    /* background-image: linear-gradient(-180deg, #00D775, #00BD68) !important; */
    background-color: var(--primary-color) !important;
    color: var(--light) !important;
    border: none !important;
    border-radius: 3rem;    
    padding: 0.5rem;    
    display: inline;    
    cursor: pointer !important;
    position: relative;
    font-size: 150%;
    font-weight: bold;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
}
#uploadifive-up_imagem, #uploadifive-up_imagem_modal  {
    margin-top: -20px;
    width: 40px !important;
}
.uploadifive-button input[type="file"] {
    font-size: 3px !important;
    opacity: 0 !important;
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
    z-index: 1 !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 40px !important;
    line-height: 2rem !important;
}
.ativoUpload {
    cursor: pointer !important;
    margin-top: -30px !important;
}

.box-conteudo {
    background-color: #eff1f6 !important;
    border-radius: 15px !important;
}


.collapseCategorias {
    width: 300px !important;
    border: 1px solid #f3f3f3;
    padding: 2rem;

}


/* ACCORDION ATIVOS */
.accordion-button-blocos:not(.collapsed) {
    color: var(--light) !important;
    background-color: #315181 !important;
}

.accordion-button-prumadas:not(.collapsed) {
    color: var(--light) !important;
    background-color: #3a5783 !important;
}
.accordion-button-pavimentos:not(.collapsed) {
    color: var(--light) !important;
    background-color: #495f81 !important;
}
.accordion-button-ambientes:not(.collapsed) {
    color: var(--light) !important;
    background-color: #5b6b82 !important;
}

#accordion-body-padrao, #accordion-body-padrao .accordion-body {
    padding: 0;
    padding-left: 1rem !important;
    margin-top: 0.5rem !important;
}
#accordion-body-ambientes {
    padding: 1rem !important;
}

.pavimento-titulo {
    margin-top: -30px;
    font-size: 90%;
    color: var(--azul-piloto);
    margin-bottom: 10px;
    font-weight: bold;
}
.pavimento-titulo span {
    font-size: 50% !important;
}


.linhaSimples {
    margin: 0.5rem 0rem !important;
}


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

  .dropdown-divider {
    margin: 0 !important;
  }

  .osCard {
    border: 1px solid #cecece !important;
    padding: 0.5rem !important;
    padding-top: 1rem !important;
    border-radius: 0.3rem;
  }
  .osCard:hover {

    background-color: #f3f3f3 !important; 
}


.topo-graficos {
    margin-top: 22px;
    margin-bottom: 20px;
    
}
.legenda-grafico {
    margin-top: -10px;
    font-size: 80%;
}

.ativo-thumb {
    max-height: 100px !important;
}
.ativo-img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
}
.ativo-img-editar {
    height: 120px !important;
    object-fit: cover;
    object-position: center;
}


.progress-bar {
    overflow:visible !important;
}
.progress-garantias{
    border-radius: 0 1rem 1rem 0 !important;
    height: 25px !important;
    margin-top: 7px;
}
.progress-garantias span {
    font-weight: bold !important;
    text-align: left !important;
    padding-left: 1rem;
}

/* DATA TABLE */
table.dataTable {
    width: 100% !important;
}
table td, table th  {
    text-align: left !important;
}


.dt-search label {
    font-size: 80%;
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.dt-search input {
    font-size: 90%;
    padding: 0.5rem !important;
    background-color:  #f3f3f3 !important;
    color: var(--dark);
    border: none !important;
    border-radius: 5px !important;
    margin: 0 !important;
    min-height: 35px !important;
    margin-left: 10px !important;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .dt-search input {
        background-color: #fff !important;
        margin-top: -20px !important;
    }
}

ul.list-group {
    
}
a.list-group-item {
    text-align: left !important;
    margin-left: 0rem !important;
    font-size: 120%;
    border-radius: 0% !important;
}
.list-group-item img{
    text-align: center;
    width: 30px;
    margin-right: 0.5rem !important;
}
a.list-group-item:hover {
    background-color:  #f3f3f3 !important;
}



.card-danger {
    border-left: 5px solid #ca2149 !important;
}
.card-primary {
    border-left: 5px solid var(--primary-color) !important;
}
.card-secondary {
    border-left: 5px solid var(--secondary-color) !important;
}
.card-warning {
    border-left: 5px solid #f8cf57 !important;
}
.card-success {
    border-left: 5px solid #00BD68 !important;
}

.adicionarIcone {
    padding: 1.5rem !important;
    border-radius: 1rem;
    border: 1px solid #D9D9D9;
    background-color: var(--light);
    width: 140px !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
}
.adicionarIcone img{
    max-width: 60px !important;
}
.adicionarTitulo {
    font-size: 140% !important;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0.2rem 0;
}

.tarefas {
    border-bottom: 1px solid #cecece !important;
}
.tarefas.disabled {
    background-color: var(--cinza-claro) !important;
    opacity: 0.5 !important;
}


.sliderArquivos {
    width: 100%;
    height: 240px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid var(--tertiary-color);
}
.sliderArquivosItem {
    display: inline-block;
    padding: 0.5rem;
    margin: 0.5rem;
    width: 360px;
    height: 200px;
    border: 1px solid var(--tertiary-color);
}
.sliderArquivosItem img{
    max-height: 180px;
}

.btn-tarefa {
    width: 40px;
    height: 40px;
    border-radius: 10rem;
    padding: 0.5rem;
    margin: 0.5rem;
}
.btn-tarefa:hover {
    background-color: var(--secondary-color) !important;
    color: var(--light) !important;
}
.btn-tarefa-sim {
    background-color: var(--primary-color);
    color: var(--light);
}
.btn-tarefa-nao {
    background-color: var(--cinza-claro);
    color: var(--primary-color);
}

.text-light .accordion-button.collapsed {    
    color: var(--light) !important;
    background-color: var(--light) !important;
}
  
.text-light .accordion-button.collapsed::after{
    color: var(--light) !important;
    background-color: var(--light) !important;
}




/* ACCORDION BRANCO */
.accordion-item .accordion-button.collapsed {
    border-radius: 0.3rem !important;
}
.accordion {
    /* --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); */
    /* --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); */
}

/* CONFIRMAR MODAL */
.confirmar {
    text-align: center;
    margin: 0 auto;
}
.confirmar span {
    font-size: 200%;
    color: var(--primary-color);
}
.confirmar-icone {
    background-color: var(--secondary-color);
    color: var(--light);
    width: 100px;
    height: 100px;
    padding: 1.5rem;
    border-radius: 10rem;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}
.confirmar i {
    font-size: 350% !important;
}




/*************************************/
/* PERFIL
/**************************************/
.perfil li.list-group-item {
    background: none !important;
}
.perfil li.list-group-item span {
    font-size: 120%;
    font-weight: bold;
    margin-left: 1.5rem;
}
.perfil li.list-group-item .icone {
    font-size: 140%;
    color: var(--primary-color);
}
.perfil li.list-group-item .seta {
    float: right;
    font-size: 100%;
    color: var(--primary-color);
}

.titulo-mobile {
    text-align: right !important;
    right: 20px;
    top: 25px;
    position: absolute;
}

.mbsc-calendar-cell > div:nth-child(1)  {
    display: none !important;
}
.perfil-img {
    width: 200px !important;
    height: 200px !important;
    border-radius: 15rem !important;
    margin: 0 auto;
    object-fit: cover;
}










/* ESTRUTURA */
.btnControleDropdown {
    padding: 0.2rem 0.5rem !important;
    border-radius: 0.3rem !important;
    margin-right: -2px;
}
.btnControleDropdown {
    background: none !important;
    border-radius: 0.3rem;
    margin-right: 1px;
}
.btnControleDropdown.dropdown-toggle::after {
    display: none !important;
    content: "" !important;
}



.criticidade {
    border-left: 10px solid !important;
    margin-right: 15px !important;
}
.criticidade_baixa {
    border-left-color: #00BD68 !important;
}
.criticidade_media {
    border-left-color: var(--primary-color) !important;
}
.criticidade_alta {
    border-left-color: var(--danger-color) !important;
    
}


.estruturaBloco, .estruturaPrumada, .estruturaPavimento, .estruturaAmbiente {
    margin-bottom: -5px;
    font-weight: bold;
    font-size: 90%;
    padding: 0.5rem 0.3rem !important;
    background: none !important;
}
.estruturaBloco {
    border-left: 3px solid var(--primary-color) !important;
    margin-left: 0.5rem;
    /* width: calc(100% - 0.5rem) !important; */
}
.estruturaPrumada {
    border-left: 3px solid var(--secondary-color) !important;    
    margin-left: 0.8rem;
    /* width: calc(100% - 0.8rem) !important; */
}
.estruturaPavimento {
    border-left: 3px solid var(--tertiary-color) !important;
    margin-left: 1.1rem;
    /* width: calc(100% - 1.1rem) !important; */
}
.estruturaAmbiente {
    border-left: 3px solid var(--danger-color) !important;
    margin-left: 1.4rem;
    /* width: calc(100% - 1.4rem) !important; */
}
.estruturaTarefa {
    border-left: 3px solid var(--cinza-claro) !important;
    margin-left: 1.4rem;
    width: calc(100% - 1.4rem) !important;
    margin-bottom: 15px;
    background-color: var(--light) !important;
    border-radius: 0.3rem;
    font-size: 120%;

    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}
.estruturaLabel {
    text-transform: uppercase;
    font-size: 0.6rem !important;
    margin-right: 0.3rem !important;
}
.estruturaTopo {
    
    margin-left: 2rem !important;
}
.breadcrumb-item+.breadcrumb-item {
    padding: 0;
    background-color: var(--primary-color);
    margin: 0px 2px;
    padding: 0.3rem 0.5rem !important;
    font-weight: bold;    
    border-radius: 0.3rem !important;
    font-size: 100%;
}
.breadcrumb-item a {
    color: var(--light) !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    display:none !important;
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
}
.topicosPiloto {
    margin-top: -17px;
    line-height: 0.4 !important;
}
.topicosPiloto .h4 {
    line-height: 1 !important;
    padding: 0 !important;
    margin-bottom: -5px !important;
}

.topicoPrumada {
    margin-left: -17px;
    width: calc(100% + 2rem) !important
}
.topicoBloco {
    
}
.proximo-bloco {
    color: #cecece;
    position: relative;
    font-size: 70%;
    letter-spacing: 2px;
    font-weight: bold;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    margin: 0 1rem !important;
}
.proximo-bloco:before, .proximo-bloco:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #cecece;
}
.proximo-bloco:before {
    margin-left: -50%;
    text-align: right;
    padding-right: 2rem !important;
}

.calendario {
    /* height: calc(100vh - 330px); */
}





.scroll-horizontal {
    width: 100% !important;
    /* overflow-y: auto; */
    overflow-x: auto !important;
    white-space: nowrap !important;
    z-index: 10 !important;
    position: relative;
}
.scroll-horizontal a.nav-item, .scroll-horizontal li a {
    color: var(--primary-color) !important;
    display: inline-block;
    white-space: wrap;
}
.scroll-horizontal-item {
    display: inline-block;
    margin: .2rem;
    width: 300px;
    white-space: wrap;
}
#myTabAtivo.scroll-horizontal {
    overflow: hidden !important;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .scroll-horizontal {
        flex-wrap: nowrap !important;
    }
	.scroll-horizontal-item {
        display: inline-block;
        margin: .2rem;
        width: 65vw;
        white-space: wrap;
        margin-bottom: .5rem !important;
    }
    #myTabAtivo.scroll-horizontal-item {
        display: inline-block;
        margin: .2rem;
        white-space: wrap;
    }
    #myTabAtivo.scroll-horizontal {
        overflow: hidden !important;
        overflow-x: scroll !important;
    }
}
#myTabAtivo .scroll-horizontal-item {
    display: contents !important;
}

#blocosTabContent.tab-content {
    border: 1px solid #dee2e6 !important;
    border-top: none !important;
    border-radius: 0px 0px 10px 10px !important;
}


.pavimento {
    top: 5px;
    left: 16px;
    font-size: 90%;
    margin-bottom: 5px;
    position: absolute;
    opacity: 0.5;
    text-transform: capitalize;
}
.contagem {
    top: 5px;
    right: 16px;
    font-size: 90%;
    margin-bottom: 5px;
    position: absolute;
    opacity: 0.7;
    font-weight: bold;
    letter-spacing: -1px;
}


/* ROTINAS / CALENDÁRIO */
#calendario_rotinas {
    /* height:calc(100vh - 330px) !important; */
    min-height: 590px;   
    /* width: 95% !important; */
    /* overflow: hidden; */
}
.tarefas_ajax {
    /* height:calc(100vh - 330px) !important; */
    /* min-height: 570px; */
    
}
.img-ativo-rotina {
    padding-right: 1rem !important;  
}
.img-ativo-rotina img {
    object-fit: cover;
    width: 100%;
    max-height: 100px; 
}
.img-ativo {
    object-fit: cover;
    width: 100%;
    max-height: 200px; 
}
.texto-ativo-rotina {
    
    padding-left: 1rem !important;   
}
.fc .fc-daygrid-day-number {
    cursor: pointer;
    font-size: 35px;
    opacity: .2;
    margin-top: 10px;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .fc .fc-daygrid-day-number { 
        font-size: 15px;
        opacity: .5;
    }
    .fc-scrollgrid-sync-table {
        height: 250px !important;
    }
    .fc .fc-daygrid-day-top {
        max-height: 20px !important;
    }
    .fc-toolbar-title {
        font-size: 120% !important;
        font-weight: bold;
    }
    .fc .fc-toolbar {
        /* justify-content: start !important;
        text-align: center !important; */
    }
    .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.0rem !important;
        margin-top: -35px !important;
    }
    

    .fc .fc-daygrid-more-link {
        margin-top: -5px !important;
    }
    .mbsc-ios.mbsc-datepicker-inline {
        margin-top: 50px !important;
    }
    
    .btn-group-topo {
        right: 20px !important;
    }
    #area_tarefas_dia {   
        padding: .5rem !important;
    } 

    .fc .fc-button .fc-icon {
        font-size: small;
    }

}
.title {
    font-size: 90% !important;
    cursor: pointer !important;
}
.rotina-titulo {
    font-size: 120% !important;
    font-weight: bold;
}
.btn-topo-icone i {
    font-size: 150%;
}
.fc-today-button {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    color: var(--primary-color) !important;
}
.fc-theme-standard td, .fc-theme-standard th {
    border: none;
    border-bottom: 1px solid var(--fc-border-color);
}
.fc-theme-standard .fc-scrollgrid {
    border-left: none !important; 
}
.fc .fc-non-business {
    background: none !important;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    background-color: none !important;
    color: var(--azul-piloto-hover);
}


/* TÓPITCOS */
.topico {
    margin-top: 30px;
    height: 100px;
    top: 93px;
    padding-top: 50px;
    z-index: 15;
    background: #fff;
    position: fixed;
}
.topico span {
    font-size: 120%;
    color: var(--primary-color);
    font-weight: bold;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .topico {
        display: none !important;
    }
}


#detalhes-tab-pane .card {
    border-top: none !important;
    border-radius: 0 0 10px 10px ;
    padding: 2rem !important;
}



/* BOTÕES PÁGINA ROTINA */
button[title="rotinaCalendario"], button[title="rotinaSemana"], button[title="rotinaCalendarioInvertido"], button[title="rotinaSemanaInvertido"] {
    font-size: 80% !important;
    padding: .5rem .8rem !important;
    border-radius: 5px !important;
    border: none !important;
}
button[title="rotinaCalendario"] {
    background-color: var(--azul-piloto) !important;
    color: var(--cinza-claro) !important;
    margin-right: -11px !important;
    z-index: 2 !important;
    position: relative;
    border-radius: 5px 0 0 5px !important;
}
button[title="rotinaSemana"] {
    background-color: var(--cinza-claro) !important;
    color: var(--azul-piloto) !important;
    margin-right: 0px !important;    
}
button[title="rotinaCalendarioInvertido"] {
    background-color: var(--cinza-claro) !important;
    color: var(--azul-piloto) !important;
    margin-right: -11px !important;
    z-index: 2 !important;
    position: relative;
    border-radius: 5px 0 0 5px !important;
}
button[title="rotinaSemanaInvertido"] {
    background-color: var(--azul-piloto) !important;
    color: var(--cinza-claro) !important;
    
    margin-right: 0px !important;    
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    button[title="rotinaCalendario"] {
        /* position: absolute;
        right: 65px !important;
        margin-top: -15px !important; VIT*/
    }
}




.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5rem;
    margin-top: 30px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end {
    background-color: none !important;
    color: var(--azul-piloto-hover);
    /* min-height: 100px; */
    margin-bottom: -50px;
    /* bottom: 20px; */
    /* padding-bottom: -50px !important; */
}
.fc-direction-ltr:hover .fc-daygrid-event.fc-event-end:hover {
    background-color: var(--azul-piloto) !important;
    color: #fff !important;
    margin-bottom: -50px;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .fc-direction-ltr .fc-daygrid-event.fc-event-end {        
        /* min-height: 80px !important; */
        height: 80px !important;
        bottom: 20px;
    }
    .fc-direction-ltr:hover .fc-daygrid-event.fc-event-end:hover {
        max-height: 50px;
        min-height: 50px !important;
        padding-top: 30px;
    }
    .fc-header-toolbar {
        top: 50px !important;
        margin-top: 50px !important;
    }
    button[title="rotinaSemana"] {
        /* position: absolute;
        right: 15px !important;
        margin-top: -15px !important; VIT*/
    }
}




/* CALENDÁRIO */
.calendario-fixo {
    position: fixed !important;
    width: 37%;
    margin-top: -30px;
}
.calendario-mobile {
    margin-top: 0px;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .calendario-mobile {
        margin-top: 47px;
    }
}
.calendario-tarefas {
    position: absolute;
    right: 0;
    padding: 15px !important;
    margin-top: -15px !important;
}

@media screen and (min-width : 320px) and (max-width : 768px) {
    .calendario-fixo {
        position: fixed !important;
        width: 100% !important;
        background: none !important;
        background-color: #f2f2f2 !important;
        top: 102px !important;

        z-index: 11;
        padding-top: 17px !important;
        box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);        
    }
    #calendario_rotinas {
        /* height:calc(100vh - 330px) !important; */
        min-height: 360px !important; /* Anula o web */
        height: 360px !important;
        margin-top: 25px !important;
        zoom:0.8;
       
    }
    #calendario_rotinas .fc-view{ }
    #calendario_rotinas .fc-scrollgrid{}
    .calendario-tarefas {
        position: absolute;
        right: 0;
        margin-top: 230px !important;
        padding-bottom: 80px !important;
    }
    .tarefas-topo {
        margin-top: 0px;
        margin-bottom: -10px;
        padding: 1rem !important;
        background-color: #f2f2f2;
        width: 100%;
        margin-left: -15px;
    }
}



/* MOBISCROLL CALENDAR */
.mbsc-datepicker .mbsc-calendar-slide {
    position: absolute !important;
}
.botoes-calendariolista {
    z-index: 10 !important;
    position: absolute !important;
    top: 72px !important;
    left: 72% !important;
}
#calendario_semana.fc-scrollgrid-sync-table, #calendario_semana.fc .fc-scroller-harness-liquid, #calendario_semana.fc-view-harness {
    height: 250px !important;
}
.calendario-semana {
    margin-top: 10px !important;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    #calendario_semana {
        max-height: 150px !important;
    }
    .calendario-semana {
        margin-top: 45px !important;
    }
}


.input-group {
    width: 250px !important;
    margin-left: -35px;
}


.subtitulo {
    color: var(--azul-piloto) !important;
}
.subtitulo hr {
    content: "";
    width: 100%;
    height: 2px;
    opacity: 1;
    background-color: var(--azul-piloto) !important;
    margin-top: 5px;
}


/* DATA TABLE */
.dt-length {
    margin: 15px 0px !important;
}




#calendario_semana .fc-scrollgrid-sync-table {
    height: auto !important;
    margin-top: -2px !important;
    overflow: hidden !important;
}
#calendario_semana .fc-scroller-harness {
    height: 50px !important;
    max-height: 50px !important;
    overflow: hidden !important;
}
#calendario_semana {
    min-height: 200px;
    /*height: 150px !important;*/
    margin-top: -100px;
    zoom:0.8;
}
#calendario_semana .fc-view-harness .fc-view-harness-active {
    height: auto !important;
}
.fc-col-header {
    width: 100% !important;
}
.fc-scrollgrid-sync-table {
    width: 100% !important;
    overflow: hidden !important;
}
.fc-daygrid-body {
    width: 100% !important;
    /* overflow: hidden !important; */
    /* border:1px solid red; */
}

.kanban-voltar {
    width: 58px;
    position: relative;
    top: -15px;
}


.conteudoMobile {
    margin-top: -30px !important;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .conteudo {
        top: 20px;
        background-color: #f2f2f2 !important;
    }
}
 .conteudoApp {
    margin-top: 8rem;
    margin-bottom: 6rem;
}

@media screen and (min-width : 320px) and (max-width : 768px) {
    .fc-toolbar-chunk {
        padding: 0px;
        margin-top: 0px !important;
        top:0 !important;
    }

  

    .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){ width: 50% !important;text-align:center}
    .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){text-align:right}

  

}


/* CONTEÚDO APP */
@media screen and (min-width : 320px) and (max-width : 768px) {
    .conteudo-principal {
        margin-top: 25px;
    }
}
.conteudo {
    margin-top: 130px !important;
}
#conteudo-principal {
    
}
#conteudo-lateral {
    margin-top: 20px !important;
    padding-bottom: 50px !important;
    margin-bottom: 50px !important;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .conteudo {
        margin-top: -10px !important;
        padding-top: 10px !important;
        padding-bottom: 100px !important;
    }
    .conteudoApp {
        margin-bottom: 12rem;
    }
    #conteudo-lateral {
        height: auto !important;
        margin-bottom: 80px !important;    
    }
}




.dt-paging {
    font-size: 13px !important;
}


.btn-excluir-offcanvas {
    position: absolute;
    top: 50px;
    right: 40px;
    z-index: 9;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .btn-excluir-offcanvas {
        top: 80px;
        right: 20px;
    }
}

.table>:not(caption)>*>* {
    /* background: none !important; */
}
.tr-instancia.active {
    background: none !important;
    background-color: var(--azul-piloto-claro) !important;
}




/* IMAGEM LATERAL */
.img-lateral {
    object-fit: cover;
    object-position: center;
    width: 100%;
    max-height: 300px;
}



.status-ativo {
    border-left: 3px solid #00D775 !important;
}
.status-arquivado {
    border-left: 3px solid var(--primary-color) !important;
}
.status-excluido {
    border-left: 3px solid var(--vermelho-alerta) !important;
}


/* CONFORMIDADE */
.conf-green, .conf-yellow, .conf-red, .conf-grey { font-size: 150%; }
.conf-green { color:#00BD68 !important; }
.conf-yellow { color: #d0a61c !important; }
.conf-red { color: var(--danger-color) !important; }
.conf-grey { color: #414346 !important; }


.icone-botao-adicionar {
    width: 30px;
    height: 30px;
    margin-left: 18px;
}


.ativo-primeiros-passos {
    width: 60% !important;
    margin: 0 auto !important;
    color: var(--primary-color) !important;
}
.ativo-primeiros-passos h4 {
    color: var(--primary-color) !important;
}

.img-ativo-adicionar {
    width: 100%;
    height: auto;
}




/* HIGH CHART */
.highcharts-figure, .highcharts-data-table table {
    max-width: 100% !important;
    
}

/* DASHBOARD */
.graficos {
    margin-top: -20px !important;
}
.dashboard {
    margin-top: 3px;
    overflow: hidden !important;
}
.grafico-progress {
    width: 75% !important;
}
.grafico-progress-semanal {
    width: 52% !important;
}
.grafico-progress-icone, .grafico-progress-legenda {
    font-weight: bold;
    color: var(--azul-piloto);
}
.grafico-progress-icone {
    zoom: 0.4;
    padding-left: 0.8rem !important;
}
.grafico-progress-legenda {
    padding-right: 0.8rem !important;
}

.grafico-card-dashboard {
    background-color: #fff !important;
    padding: 1rem !important;
    max-height: calc(50vh - 135px);
    height: calc(50vh - 135px);
    border-radius: 15px;
    border: 1px solid #f3f3f3 !important;
    margin-bottom: .8rem !important;
    overflow: hidden !important;
    position: relative;
    
    box-shadow: var(--bs-box-shadow) !important;
    
}
.highcharts-title {
    font-size: 90% !important;
}

@media screen and (min-width : 320px) and (max-width : 768px) {
    .grafico-progress-semanal {
        width: 52% !important;
    }
    .grafico-progress-legenda {
        font-size: 70%;
    }
    .grafico-card-dashboard {
        max-height: 100%;
        height: auto;
    }
    .dashboard {
        margin-top: 45px;
    }
}


/* MODAL EDITAR */
.ui-autocomplete-loading {
    background: red url("images/ui-anim_basic_16x16.gif") right center no-repeat;
}
.clickModelo{cursor:pointer;}




/* BREADCRUMB */




.breadcrumb {
    padding: 0px;
	background: #fff;
	list-style: none; 
	overflow: hidden;
    margin-top: 20px;
}
.breadcrumb>li+li:before {
	padding: 0;
}
.breadcrumb li { 
	float: left;
}
.breadcrumb li.active a {
	background: var(--azul-piloto); 
    font-weight: bold;
}
.breadcrumb li.completed a {
	background: #fff;
    color: var(--azul-piloto);
}
.breadcrumb li.active a:after {
	border-left: 30px solid var(--azul-piloto);
}
.breadcrumb li.completed a:after {
	border-left: 30px solid #fff;
    color: var(--azul-piloto) !important;
} 
.breadcrumb li a {
	color: #fff;
	text-decoration: none; 
	padding: 10px 0 10px 45px;
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(0, 0%, 83%, 1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}	
.breadcrumb li:first-child a {
	padding-left: 15px;
}
.breadcrumb li a:hover { background: #dedede !important; color: var(--azul-piloto) !important;  }
.breadcrumb li a:hover:after { border-left-color: #dedede !important; color: var(--azul-piloto) !important; }




/* CORES HEATMAP */
.heat-1, .heat-2, .heat-3, .heat-4, .heat-5, .heat-6, .heat-7, .heat-8, .heat-9, .heat-10 {
    text-align: center !important;
}
.heat-1 { background: rgba(33, 61, 144, 0.1)  !important; }
.heat-2 { background: rgba(33, 61, 144, 0.2)  !important; }
.heat-3 { background: rgba(33, 61, 144, 0.3)  !important;  color:white !important}
.heat-4 { background: rgba(33, 61, 144, 0.4)  !important; color:white !important}
.heat-5 { background: rgba(33, 61, 144, 0.5)  !important; color:white !important}
.heat-6 { background: rgba(33, 61, 144, 0.6)  !important; color:white !important}
.heat-7 { background: rgba(33, 61, 144, 0.7)  !important; color:white !important}
.heat-8 { background: rgba(33, 61, 144, 0.8)  !important; color:white !important}
.heat-9 { background: rgba(33, 61, 144, 0.9)  !important; color:white !important}
.heat-10 {background: rgba(33, 61, 144, 1.0)  !important; color:white !important}



/* BANNER PILOTO */
.carousel-item {
    background: none !important;
    width: 100%;
    height: 130px !important;
    margin-left: 0 !important;
}
.carousel-item img {
    width: 100%;
    max-height: 130px !important;
    border-radius: 5px !important;
}

/* RELATÓRIO */

.relatorio-titulo {
    font-size: 200%;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: bold;
}
@media screen and (min-width : 320px) and (max-width : 768px) {
    .relatorio-titulo {
        font-size: 200%;
        text-align: center;
        margin: 0 auto;
    }
}
#relatorio h5 {
    font-size: 120%;
}


/* TABELA CONSUMO */
.tabela-consumo-energia, .tabela-consumo-agua, .tabela-consumo-gas {
    padding: 0 20px !important;
}
.tabela-consumo-energia {
    background-color: #bedbc2 !important;
}
.tabela-consumo-agua {
    background-color: #c3d5fd !important;
}
.tabela-consumo-gas {
    background-color: #fedfb5 !important;
}
.bg-realizado-preventivo { 
    background-color: #c4dd73 !important;
}


/* RECEITAS E DESPESAS */
.bg-tabela-meses { background-color: #f2f2f2 !important; }
.bg-provisionado { background-color: #7da21d !important; color: #fff !important; }
.bg-corretivo { background-color: #184097 !important; color: #fff !important; }
.bg-preventivo { background-color: #3b76fb !important; color: #fff !important; }
.bg-investimento { background-color: #cfddfe !important; }

.progresso-vertical {
    /* margin: 0 auto;
    vertical-align: center !important;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 150px;
    width: max-content;
    padding-right: 0px;
    position: relative;
    top: 100px;
    left: 0px;
    font-size: 90%;
    font-weight: bold;
    line-height: 210%; */

    vertical-align: center !important;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 193px;
    top: 100px;
    left: -21px;
    font-size: 90%;
    font-weight: bold;
    line-height: 210%;
    position: absolute;

}
.progresso-grafico-bg {
    margin: 0 auto;
}