/*Devhub stuff*/
.qvwrapper {
    z-index: 100000 !important;
    top: 5px !important;
    right: 5px !important;
    left: auto !important;
}

body{
    font-family: 'Source Sans Pro', sans-serif;
    line-height: unset;
}
/*Bootstrap layout*/
.row {
    margin-bottom: 10px;
}
.col-xs-12{
    margin-bottom: 8px;
	padding-left:5px;
	padding-right:5px;
}
/* LUI */
.lui-popover-container {
    z-index: 904;
}
.flex-container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 45px 45px 0;
}
/*Qlik objects*/
.qvplaceholder, .qvobject {
    width: 100%;
    height: 100%;
}
.qv-object{
    padding: 0 10px 10px;
    background-color: transparent;
}
.qv-object-kpi{
    padding: 0px;
}
.qv-object *{
    font-family: 'Source Sans Pro', sans-serif;
}
.listbox-wrapper .qv-object{
    padding: 0px;
}
/*KPIs*/
.kpi {
    height: 8vw;
    max-height: 126px;
    min-height: 243px;
    /*background: #fff;*/
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    color: #fff!important; 
    margin-bottom: 0px; 
	

}
.kpi article{
     width: 80%;
}
.kpi-row{
    margin-bottom: 15px;
}
.kpi-side{
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -25px;
    width: 200px;
    height: 250px;
	overflow-wrap: break-word;
}
.kpi-side i{
    font-size: 20px;
    opacity: .4;
    color: #fff;
}
.kpi-title{
	padding-left: 10px;
	padding-right: 10px;
    position: absolute;
    top: 20%;
    margin-top: -25px;
	height: 150px;
	font-size: 100%;
    opacity: .8;
    color: #fff;
	
}
.qv-object-kpi .kpi-data{
    align-items: flex-start;
    padding-left: 15px;
}
.kpi-value{
    color: #fff !important;
	font-size: 35px;
}
.sel-toolbar-card{
    border: 1px solid #ccc;
    border-bottom: 1px solid #D9D9D9;
}
.qv-object.qv-selections-active{
    border: 1px solid #ccc;
    border-top: 1px solid #D9D9D9;
}
/*Qlik Contextual */
.qui-immidiateContextual {
    z-index: 904;
}
/*Selection toolbar */
#CurrentSelections {
    position:relative; 
    top:0; 
    left:0; 
    width:100%; 
    height:35px;
}
.buttons-end.borderbox {
    width: 0px; /*FHL: passei de 45 para 0 para remover os botões de pesquisa */
}
.buttons-end.borderbox button:nth-child(2) {
    display: none;
}
.qv-panel-current-selections .qv-selections-pager {
    padding-right: 45px;
}
.current-selections-placeholder {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(84, 83, 82);
    color: rgba(255, 255, 255, 0.6);
}
.current-selections-placeholder span {
    display: none;
}
.qv-panel-current-selections .qv-selections-pager {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.obs{
		height:75px !important;
}
@media (max-width: 767px) {
    .buttons.borderbox {
        width: 0px; /*FHL: passei de 45 para 0 para remover os botões de pesquisa */
    }
    .buttons.borderbox button:nth-child(1), .buttons.borderbox button:nth-child(2) {
        display: none;
    }
    .qv-panel-current-selections .qv-selections-pager {
        padding-left: 45px;
    }
    .col-xs-12{
        margin-bottom: 15px;
    }
    .drawer-title{
        height: 56px !important;
    }
    .kpi-row{
        margin-bottom: 0px;
    }
    .row{
        margin-bottom: 0;
    }
}
/*Fix selection toolbar options placement*/
.qv-panel-current-selections .remove, .qv-panel-current-selections .unlock, .qv-panel-current-selections .lock {
    width: 20px;
}
.lui-clear-all {
    line-height: 36px;
}
.qv-filterpane {
    overflow: visible;
}
/*Filter Drawer*/
.drawer-title {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 35px; 
    background-color: #949598;
    color: #fff;
    height: 65px;
    font-size: 20px;
    font-family: 'Source Sans Pro',sans-serif;
}
.filter-container {
    position: relative;
    height: calc(100vh - 65px);
}
@media (max-width: 767px) {
    .drawer-title{
        height: 56px !important;
    }
	.obs{
		height:600px !important;
	}
}
.qvFiltro {
	height:20px;
	margin-bottom:-25px;
}
@media (min-width: 2337px) {
	.qvFiltro {
		height:40px;
		margin-bottom:0px;
		margin-left:0px;		
	}
	.measure-title{
		white-space: normal;
		font-size: 2.5rem !important;
	}
	.obs{
		height:75px !important;
	}
}
@media (max-width: 2336px) and (min-width: 1752px) {
	.qvFiltro {
		height:40px;
		margin-bottom:0px;
		margin-left:0px;		
	}
	.measure-title{
		white-space: normal;
		font-size: 2rem !important;
	
	}
	.obs{
		height:65px !important;
	}
}
@media (max-width: 2000px) and (min-width: 1751px) {
	.qvFiltro {
		height:40px;
		margin-bottom:0px;
		margin-left:0px;		
	}
	.measure-title{
		white-space: normal;
		font-size: 1.75rem !important;
	
	}
	.obs{
		height:75px !important;
	}
}
@media (max-width: 1750px) and (min-width: 1200px) {
	.qvFiltro {
		height:40px;
		margin-bottom:0px;
		margin-left:0px;		
	}
	.measure-title{
		white-space: normal;
		font-size: 1.2rem !important;
	
	}
	.obs{
		height:150px !important;
	}
}
@media (max-width: 1200px) and (min-width: 602px) {
	.qvFiltro {
		height:40px;
		margin-bottom:0px;
		margin-left:0px;		
	}
	.measure-title{
		white-space: normal;
		font-size: 1.2rem !important;
	
	}
	.obs{
		height:150px !important;
	}
}
@media (max-width: 601px) {
	.qvFiltro {
		height:60px;
		margin-bottom:0px;
		margin-left:0px;		
	}
	.measure-title{
		white-space: normal;
		font-size: 1.5rem !important;
	
	}
	.obs{
		height:450px !important;
	}
	
}
/*Main content area (paper-body)*/
.paper-body {
    padding: 30px 15px;
	padding-bottom: 0px;
}
#main{
    background-color: #F3F4F5;
}
/*Main toolbar styles*/
.paper-toolbar-0 .toolbar-tools.paper-toolbar .title {
    font-family: 'Source Sans Pro', sans-serif;
}
/*Current selections restyling*/
    .qv-panel-current-selections ,.qv-panel-current-selections .buttons-end .qv-subtoolbar-button, .qv-panel-current-selections .buttons .qv-subtoolbar-button, .qv-panel-current-selections .buttons-end .qv-subtoolbar-button{
        background-color: #E8EAEC !important;
    }
    .qv-panel-current-selections .buttons .qv-subtoolbar-button i, .qv-panel-current-selections .buttons-end .qv-subtoolbar-button i{
        color: #838383;
    }
    .qv-panel-current-selections .no-selection{
        color: #838383;
    }
    .qv-panel-current-selections .buttons{
        background: unset;
        border: unset;
    }
    .qv-panel-current-selections .wrap, .qv-panel-current-selections .buttons .qv-subtoolbar-button, .qv-panel-current-selections .buttons-end .qv-subtoolbar-button{
        border: unset;
    }
    .qv-panel-current-selections{
        font-family: 'Source Sans Pro', sans-serif;
    }
    .qv-panel-current-selections .item{
        font-weight: 300;
        font-family: 'Source Sans Pro', sans-serif;
		background-color: #0D4F48; 
        color: #fff; /*#838383; LKP: letra da seleção*/
        font-size: 11px;
    }
    .qv-panel-current-selections .item:hover{
        color: #E8EAEC;
    }
    .qv-panel-current-selections li{

    }
    .qv-panel-current-selections .remove{
        padding-right: 5px;
    }
    .qv-panel-current-selections .buttons-end{
        border-left: none;
        box-shadow: none;
    }
    .qv-global-search-container{
        z-index: 1001;
    }
    #dropShadow{
        z-index: 901;
    }
    .qv-panel-current-selections .item .qv-state-count-bar{
        height: 4px;
    }
/*Sidebar*/
paper-item{
    background-color: #fff;
    flex-direction: column !important;
    height: 94px;
    justify-content: center;
    align-items: center;
    color: #838383;
}
.paper-menu-0 .selectable-content.paper-menu .iron-selected{
    font-weight: 300 !important;
    background-color: #949598;
    color: #FFF;
}
.menu-option{
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 12px;*/
}
.modal{
  z-index: 950;
}
.modal-backdrop{
  z-index: 940;
}
.blue{ background-color:#3598dc;}
.blue-1{ background-color:#2C3E50;}
.blue-2{ background-color:#5e738b;}
.blue-3{ background-color:#22313F;}
.blue-4{ background-color:#67809F;}
.blue-5{ background-color:#578ebe;}
.blue-6{ background-color:#94A0B2;}
.blue-7{ background-color:#5C9BD1;}
.blue-8{ background-color:#4c87b9;}
.blue-9{ background-color:#4B77BE;}
.blue-20{ background-color:#0067A0;} 
.green{ background-color:#32c5d2;}
.green-1{ background-color:#4DB3A2;}
.green-2{ background-color:#44b6ae;}
.green-3{ background-color:#26C281;}
.green-4{ background-color:#1BBC9B;}
.green-5{ background-color:#1BA39C;}
.green-6{ background-color:#2ab4c0;}
.green-7{ background-color:#3faba4;}
.green-8{ background-color:#29b4b6;}
.green-9{ background-color:#36D7B7;}
.grey{ background-color:#E5E5E5;}
.grey-1{ background-color:#fafafa;}
.grey-2{ background-color:#95A5A6;}
.grey-3{ background-color:#555555;}
.grey-4{ background-color:#525e64;}
.grey-5{ background-color:#ACB5C3;}
.grey-6{ background-color:#bfcad1;}
.grey-7{ background-color:#BFBFBF;}
.grey-8{ background-color:#e9edef;}
.purple{ background-color:#8E44AD;}
.purple-1{ background-color:#8775a7;}
.purple-2{ background-color:#BF55EC;}
.purple-3{ background-color:#8775a7;}
.purple-4{ background-color:#9A12B3;}
.purple-5{ background-color:#796799;}
.purple-6{ background-color:#8877a9;}
.purple-7{ background-color:#8E44AD;}
.purple-8{ background-color:#9B59B6;}
.red{ background-color:#e7505a;}
.red-1{ background-color:#EF4836;}
.red-2{ background-color:#f36a5a;}
.red-3{ background-color:#e35b5a;}
.red-4{ background-color:#e43a45;}
.red-5{ background-color:#E08283;}
.red-6{ background-color:#d05454;}
.red-7{ background-color:#E26A6A;}
.red-8{ background-color:#D91E18;}
.white{ background-color:#ffffff;}
.yellow{ background-color:#c49f47;}
.yellow-1{ background-color:#f2784b;}
.yellow-2{ background-color:#f3c200;}
.yellow-3{ background-color:#E87E04;}
.yellow-4{ background-color:#c5bf66;}
.yellow-5{ background-color:#F7CA18;}
.yellow-6{ background-color:#c5b96b;}
.yellow-7{ background-color:#F4D03F;}
.yellow-8{ background-color:#c8d046;}

.verdeEscuro{ background-color:#93C47D;}
.vermelho1{ background-color:#E06666;}
.laranja{ background-color:#F6B26B;}
.rosa{ background-color:#FC96E8;}
.vermelhoProdutividade{ background-color:#E06666;}
.amareloprodutividade{ background-color:#FFD966;}
.verdeEscuro2{ background-color:#6D965A;}
.vermelho12{ background-color:#AD4747;}
.laranja2{ background-color:#CB8F50;}
.verdeEscuro3{ background-color:#4F793C;}

.VERDE_CLARO {
  background-color: #00b388;
}
.AMARELO_ESCURO {
  background-color: #ffcd00;
}
.AZUL_ESCURO {
  background-color: #01426a;
}
.AZUL_CLARO {
  background-color: #72b6cc;
}
/* Style buttons */
.btn {
    background-color: LightGray; 
    border: none; 
    color: white;
    padding: 6px 10px; 
    font-size: 10px;
    cursor: pointer;
}
/* Darker background on mouse-over */
.btn:hover {
    background-color: LightGray;
	color: Grey; 
}
hr{
    height: 1px;
    color: #123455;
    background-color: #123455;
    border: none;
	margin-top: 0;

}
.kpi .measure-title {
  white-space: normal;
  font-size: 1rem;
}

.qv-panel-current-selections .qv-subtoolbar-button.toggle-button, .touch-on .qv-panel-current-selections .qv-subtoolbar-button.toggle-button {
    display: none;
}

.paper-drawer-panel-0 .narrow-layout.paper-drawer-panel > #main.paper-drawer-panel:not(.iron-selected) > #scrim.paper-drawer-panel, .paper-drawer-panel-0 .dragging.paper-drawer-panel > #main.paper-drawer-panel > #scrim.paper-drawer-panel {
  visibility: hidden;
  opacity: 1;
}

.sn-kpi-measure-title {
  color: #fff !important;
}
.sn-kpi-value {
  color: #fff !important;
}

.sn-kpi-measure-title {
		font-size: 90%;
}

.kpi2 .sn-kpi-measure-title {
		font-size: 65%;
}
.kpi9 .sn-kpi-value {
  color: #000000!important;
}
.kpi9 .sn-kpi-measure-title {
  color: #000000!important;
}
.sn-kpi-measure-title.sn-kpi-ellips-text {
  white-space: pre-line !important;
  word-break: break-word !important;
  line-height: 1.2em !important;
  height: auto !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important; /* Limita a 2 linhas */
  -webkit-box-orient: vertical !important;
  text-align: center; /* Opcional: centraliza o texto */
}