@CHARSET "ISO-8859-1";

:root {
  --main-bg-blue: #004FF2;  
  --main-bg-blue2: #0403DA;  
  --main-text-color: #4F4F4F;
  --main-bg-silver: #C4C4C4;    
  --main-bg-silver2: #F4F4F4;          
  --main-white-color: #FFFFFF;	      
}

html { 
	font-family: 'Inter', sans-serif; 
}

@supports (font-variation-settings: normal) {
   html { font-family: 'Inter var', sans-serif; }
}	

.ui-widget{
	font-family: 'Inter', sans-serif;
}

html {
	height: 100%	
}

body {
	height: 100%;
	margin: 0px;	
	
	min-height: 600px; /*768 -120 menus espaco */
	min-width: 1080px;/* Tamanho minimo para utilização do sistema Mobile deve ser tela de 19" ou seja 768 X 1080*/
	color: var(--main-text-color);
}

:focus{
	outline: none !important;	
}

/*Bloqueia selecao de texto*/
* {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*Desbloqueio selecao de texto para imputs*/
input {
	-webkit-touch-callout: default !important;
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

/*Desbloqueio selecao de texto para text areas*/
textarea{
	-webkit-touch-callout: default !important;
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

a{
	text-decoration: none !important;
}

.ui-widget-content{
	border: none;		
	color: var(--main-text-color);
} 
/*Layout da tela*/



.text-blue{
	color: var(--main-bg-blue) !important;
}


/*INICIO Layout tabelas*/
.ui-row-editing{
	background: var(--main-white-color) !important;
	color: var(--main-text-color) !important;
	text-shadow: none !important;
}

.ui-datatable-data tr.ui-state-hover{
    background: var(--main-bg-silver);
    border: none;
    box-shadow: none;
}

.ui-datatable-data tr:hover{
    background: var(--main-bg-silver);
    border: none;
    box-shadow: none;
}

.ui-datatable-scrollable-body {
    outline: none !important;
}

.ui-datatable-data .ui-state-highlight{
	background: var(--main-bg-blue);
	border: none;
	box-shadow: none;
	color: var(--main-white-color);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: var(--main-text-color);
    text-decoration: none;
    text-shadow: none;
}



.ui-datatable-header{	
	background: var(--main-bg-silver2);	            
}

.ui-datatable thead th{
	border-top: none !important;
	background: var(--main-bg-silver2) !important;	
	text-shadow: none !important;
}	

.ui-datatable thead th:hover{	                                                                                                      
	background: var(--main-bg-blue) !important;
	color: var(--main-white-color);	
}

.ui-datatable-data{
	border-top: none !important;
	background: none !important;
}

.ui-datatable-scrollable-header{
	border-top: 1px solid var(--main-bg-silver) !important;
}

.ui-datatable-even{
	 background: none repeat scroll 0 0 var(--main-white-color);
}

.ui-datatable-odd {
    background: none repeat scroll 0 0 var(--main-bg-silver2);
}

.ui-datatable-tablewrapper{
	border-top: 1px solid var(--main-bg-silver) !important;
}

.ui-datatable tbody td{
	border-top: none;
	border-bottom: none;
	border-left: 1px solid var(--main-bg-silver) ;
	border-right: 1px solid var(--main-bg-silver) ;
}

.ui-widget-header{	
	border: none;
	background: var(--main-bg-silver2);
	text-shadow: none;
    color: var(--main-text-color);	    
}


/*FIM Layout tabelas*/


.ui-state-default {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover{	
	box-shadow: none !important;		
	border-color: var(--main-bg-blue) !important;			
	text-shadow: none;					                               
}

.ui-dialog-titlebar-close.ui-state-hover {	
	background:  var(--main-bg-blue2);	
}

.ui-chkbox .ui-chkbox-box {       
	height: 16px;
	width: 16px;
	background: var(--main-bg-silver2);
}

.ui-icon-check {    
    background-position: -64px -145px;
}

 .menubar-sd .ui-state-hover .ui-icon {    
    background-image: url("../img/icon/white-ui-icons_616161_256x240.png");                
}

.ui-fileupload-buttonbar .ui-icon-plusthick{
	background-image: url("../img/icon/white-ui-icons_616161_256x240.png");
}

.sd-menu-upload-btn .ui-fileupload-buttonbar .ui-icon-plusthick {
    background-image: url("../img/icon/ui-icons_616161_256x240");
}

.ui-menuitem.ui-state-hover  .ui-menuitem-link{
	color: #FFF;
}

.ui-autocomplete-multiple input{
	border: none !important;
}

/* Campo filtrar */
.search_input{
	margin-right: 5px; 
	width: 230px;	
}

.ui-panel {    
    /*border: none !important;*/
}


.ui-widget-overlay {
    opacity: .15;
    filter: Alpha(Opacity=15);
}

.ui-panel .ui-tabs {
    border: medium none;
    margin: -6px -14px;
}

.ui-dialog-content .ui-panel .ui-tabs {
    border: 1px solid var(--main-bg-silver);    
    margin: 10px -15px -10px;
    border-top: none;
}

.ui-dialog-content .ui-panel .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0.2em 1.2em 0;
}


.ui-tabs {	
	padding: 0px;	
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
	padding: 0.9em 0.9em 0;	
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li{
	/*top: 2px ;*/
	margin-bottom: 0px;
}


.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {    
    border-bottom: 1px solid var(--main-white-color);
}

.ui-tabs .ui-tabs-nav {
	background: var(--main-white-color);	
	border-bottom: 1px solid var(--main-bg-silver);
	
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 1.2em;
}
	
.ui-panel .ui-panel-content {
	padding: 0.3em 1em;
}

.ui-selectonemenu{
	min-width: auto !important;
	padding-right: 28px;
}

.ui-selectonemenu label.ui-selectonemenu-label {
    cursor: pointer;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-messages {	
	position: absolute;
	width: auto !important;
	margin-top: 100px;
	z-index: 9000 !important;		
	right: 50%;	
	transform: translate(50%, -50%);
}

.ui-messages ul {    
    padding: 5px !important;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {	
	position: relative;	
	border: 1px solid var(--main-bg-blue);	
	border-radius: 3px !important;	
	margin: 0px !important;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8) !important;
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8) !important;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8) !important;	
	color: var(--main-white-color);			
	background: var(--main-bg-blue);
    margin-top: 5px;	
}

.ui-messages-close .ui-icon-close{
	background-image: url("../img/icon/icon_close_16.png") !important;
    background-position: 0px 0px !important;
}

.ui-messages-error-icon {
		background: url("../img/icon/messages.png") no-repeat !important;
        background-position: 0 -52px !important;
        margin-top: 0px;
}

.ui-messages-fatal-icon {
		background: url("../img/icon/messages.png") no-repeat !important;
        background-position: 0 -52px !important;
        margin-top: 0px;
}

.ui-messages-info-icon {
		background: url("../img/icon/messages.png") no-repeat !important;
        background-position: 0 -184px !important;
        margin-top: 0px;
}

.ui-messages-warn-icon {
		background: url("../img/icon/messages.png") no-repeat !important;
        background-position: 0 -316px !important;
        margin-top: 0px;
}







.ui-growl {
	top: 85px !important;
	width: auto;		
    right: 50%;	
    pointer-events: none !important;
}

.ui-growl-item-container {
	opacity: 1 !important;
	border: 1px solid var(--main-bg-blue);
	text-shadow: none !important;	
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.9);			
    right: -50%;
    pointer-events: auto !important;
}

.ui-growl-message {
  float: left;  
  padding: 2px 13px 9px;
  width: auto;
}

.ui-growl-item {
	background: var(--main-bg-blue);
	padding: 5px !important; 
}

.ui-growl-image {
    background: url("../img/icon/messages.png") no-repeat;
    height: 24px;
    width: 24px;
    margin-top: 5px;
}

.ui-growl-image-error {
        background-position: 0 -52px;
}

.ui-growl-image-fatal {
        background-position: 0 -52px;
}

.ui-growl-image-info {
        background-position: 0 -184px;
}

.ui-growl-image-warn {
        background-position: 0 -316px;
}


.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	background-image: none;
	opacity: 0.55;
}

.menubar-sd {
	background: var(--main-white-color) !important;
	border: none !important;
	float: left;
}

.ui-menubar .ui-menu-child .ui-menuitem {
    width: 100%;
}

.ui-menu, .ui-menu .ui-menu-child {        
    background: var(--main-bg-silver2);
}

.ui-menu{
	width: auto;
	padding: 0px;
}


.ui-menu .ui-menuitem-link .ui-menuitem-icon, .ui-menu .ui-submenu-icon{
	margin-right: 5px;
}

.ui-menu .ui-menuitem-link{
	padding: .6em;
}

.menubar-sd.ui-menu {    
    padding: 0px;    
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: 210px;
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.8);		
	border-radius: 0px;	
	padding: 0px;
	background: var(--main-bg-silver2);
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    width: 92%;
}

.ui-menu .ui-separator {    
    margin: 0px;    
}

.ui-menu .ui-menuitem {    
    margin: 0px 0;    
}

.ui-menubar .ui-menuitem-link {
    width: auto;
    padding: 0.8em .6em;
}

.menubar-sd.ui-menu.ui-widget li>.ui-menuitem-link.ui-state-hover {
	background: var(--main-bg-blue);
	color: var(--main-white-color);
	text-decoration: none;
	box-shadow: none;
	border-radius: 0px;
}

.menubar-sd .ui-menu-list{
	border: none !important;
}



.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	background: none;
	border: none;
	color: var(--main-text-color);
}

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight,
	.ui-datepicker .ui-datepicker-current-day .ui-state-default {
	background: var(--main-bg-blue);
	color: var(--main-white-color) !important;
	font-weight: bold;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Problema com size no browse 64bits*/
.hasDatepicker {
	width: 64px !important;
}

.pe-timepicker {
    display: inline;
}

/*Usado para campo date desabilitado (obs usar class 'calendar' no campo)*/
span.calendar input {
	width: 64px !important;
}

.ui-datepicker td {
	background-color: var(--main-bg-silver2);
	border-color: var(--main-bg-silver);	
	border-style: solid;
	border-width: 1px;	
	color: var(--main-text-color);
	cursor: pointer;
}







/*Barra Dialog*/
.ui-dialog-titlebar {
	background: var(--main-bg-blue) !important;			
	color: var(--main-white-color) !important;
	border: 0 none;
	padding: 0.4em 0.4em 0.4em 1em;
	position: relative;
	border-left: medium none;
	border-radius: 0 0 0 0;
	border-right: medium none;
	border-top: medium none;
	text-shadow: none !important;
}

.ui-dialog-titlebar .ui-icon-closethick {
	background-image:  url("../img/icon/icon_close_16.png") !important;		
	background-position: 0px 0px;	
	cursor: pointer;
	float: left;
	top: 0px;	
	display: block;
	overflow: hidden;	
	height: 16px;
	width: 16px;
}
/*Barra Dialog*/






.sd-menu {
	height: 35px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: var(--main-bg-blue);
}

.sd-menu .ui-button{
	margin-top: 5px;
	border: none;
	background: var(--main-bg-silver2);
}



.sd-menu .ui-selectonemenu .ui-selectonemenu-trigger{
	background-color: var(--main-bg-silver2);
}



.sd-icon.ui-state-hover {
    background-color: hsla(0, 0%, 0%, 0.2) !important;
    border-radius: 45em;
    transition:all 0.4s ease;    
}

.sd-icon{
	float: left;	
	margin-top: 1px !important;
	margin-left: 5px;
	height: 35px;
	width: 35px;
	border: none !important;
	box-shadow: none !important;
}


.sd-new {
	background: 6px 5px url("../img/icon/note_add_white_24dp.png") no-repeat  transparent !important;
}

.sd-save {
	background: 5px 6px url("../img/icon/save_white_24dp.png") no-repeat transparent !important;
}

.sd-save-x {
	background: 4px 6px url("../img/icon/save_x_white_24dp.png") no-repeat transparent !important;
}

.sd-cancel {
	background: 4px 6px url("../img/icon/backspace_white_24dp.png") no-repeat transparent !important
}

.sd-print {
	background: 6px 6px url("../img/icon/print_white_24dp.png") no-repeat transparent !important;
}

.sd-newwindow {
	background: 5px 6px url("../img/icon/filter_none_white_24dp.png") no-repeat transparent !important;
}

.sd-savepdf {
	background: 5px 6px url("../img/icon/picture_as_pdf_white_24dp.png") no-repeat transparent !important;
}

.sd-savexls {
	background: 4px 6px url("../img/icon/xls-white-24dp.png") no-repeat transparent !important;
}

.sd-savefile {
	background: 6px 6px url("../img/icon/archive_white_24dp.png") no-repeat transparent !important;
}

.sd-del {
	background: 6px 6px url("../img/icon/delete_white_24dp.png") no-repeat transparent !important;	
}

.sd-refresh {
	background: 5px 6px url("../img/icon/refresh_white_24dp.png") no-repeat transparent !important;
}

.sd-plus {
	background: 5px 6px url("../img/icon/add_to_queue_white_24dp.png") no-repeat transparent !important;
}

.sd-search {
	background: url("../img/icon/search_black_24dp.png") no-repeat transparent !important;
	background-size: 29px 29px !important;
	float: right !important;
	margin-left: 0px !important;	
	height: 29px;
	width: 29px;
	margin-top: 0px !important;		
}


/*Botoes descritivos do menu*/
.sd-menu-btn {
	margin-left: 10px;
	margin-top: 2px; 
	float: left;
	min-width: 100px;	
}

.sd-menu-upload-btn {
	margin-left: 10px;
	float: left;
	min-width: 100px;	
}

.ui-fileupload-buttonbar {
    padding: 0px !important;
}

.ui-fileupload-buttonbar span{
	font-weight: normal !important;	
}

/*Botoes pequenos de excluir e editar*/
.sd-icon-trashedit{
	font-size: 10px;	
	height: 25px;
	width: 25px;
	margin: -5px 0 -5px 0;	
}

.ui-fileupload-buttonbar {
	background: transparent !important;
	border: none !important;
}

.ui-fileupload-content {
	display: none;
}

/*Layout da tela*/
.ui-widget {
	font-size: 12px !important;
}


.ui-inputfield {
    padding: 6px;    
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 7px 10px;
}

/*Erro bug scroll tela NFe no google Crhome*/
.ui-selection-column .ui-helper-hidden-accessible{
	display: none;
}

.header-datatable-sd{
	height: 29px;
}

.ui-treetable-header{	
	background: var(--main-bg-silver2);
}

.ui-button-text-only .ui-button-text {
    padding: .5em 1em;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    padding: 0 6px;
    background: var(--main-bg-silver2);
}

.ui-button-text-icon-left .ui-button-text {    
    padding: 0.5em 1em .5em 2.1em;
}

.ui-treetable-data tr:hover{
	background: var(--main-bg-silver);
	border-color: var(--main-bg-silver) !important;
}

.ui-state-default {
	font-weight: normal;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

/*opcao tira fundo opaco do dialog 
.ui-widget-overlay {    
    opacity: 0;
}
*/

/*opcao tira fundo opaco do dialog apenas do status  com id especifico*/ 
div[id="statusDialog_modal"] {
	opacity: 0;
}

.statusDialog {
	border: none;
	background: transparent;
	box-shadow: none;
	/*width="90" height="75"*/
}

.status {
	padding: 2px;
	color: var(--main-white-color);
	border-radius: 5px;
}

/*upload de arquoivo */
.fileupload-content {
	display: none;
}

.fileupload-buttonbar {
	border: none;
	background: transparent;
}

.map-button {
	background-image: url("../img/icon/place_white_24dp.png") !important;
	height: 26px;
	width: 26px;
}


/* Dialog Impressão */
.dialog_impressao {
	width: 90% !important;
	height: auto !important;
}


.dialog_impressao .ui-dialog-title{
	padding: 0px;
	margin: 0px;
}

.dialog_impressao .ui-dialog-content{
	padding: 0px;
	overflow: hidden !important;
}

.ui-button{
	background: var(--main-bg-silver2);	
	border: none;
}

.sd-button-search .ui-icon.fa, .ui-icon.fa {
    background: none repeat scroll 0 0  transparent !important;
    text-indent: 0 !important;
    font-size: 15px;
    text-shadow: none;
}

.sd-button-search {
	margin-left: 5px;
	height: 29px;
	width: 29px;
	font-size: 10px;
	background: transparent !important;	
	color: var(--main-text-color) !important;
}


.sd-button-search.ui-state-hover{
	color: var(--main-bg-blue) !important;
}


.sd-button-search .ui-icon {    
    margin-left: -8px;
}


.all-dimensions {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.bg-green {
	background: none repeat scroll 0 0 #00acac !important;
}

.bg-blue {
	background: none repeat scroll 0 0 var(--main-bg-blue) !important;
}

.bg-blue-2 {
	background: none repeat scroll 0 0 #348fe2 !important;
}

.bg-purple {
	background: none repeat scroll 0 0 #727cb6 !important;
}

.bg-black {
	background: none repeat scroll 0 0 #2d353c !important;
}

.bg-danger {
	background: none repeat scroll 0 0 #e66454 !important;
}

.bg-warning {
	background: none repeat scroll 0 0 #f4b04f !important;
}

.ui-datagrid-content {
	border: none;
}

.ui-paginator-top {
	margin-top: 5px;
	border: none;
	background: none;
	border: none;
}

.ui-paginator-bottom {
	display: none;
}

.widget-header {
	background: none repeat scroll 0 0 var(--main-bg-silver2);
	height: 24px;
	text-align: left;
	border-radius: 4px 4px 0px 0px;
	cursor: move;
	border-bottom: 1px solid var(--main-bg-silver);
}

.widget-header-title {
	margin: 0.3em 16px 0.1em 1em !important;
	-moz-user-select: none;
	color: var(--main-text-color) !important;
	text-shadow: none !important;
	font-weight: bold;
	font-size: 12px !important;
	font-size: 1.1em;
	float: left;	
}



.logo-simdata{	    
	margin-left: auto; 
	margin-right: auto; 
	width: 250px;	
	display: none;
}

/* para telas maiores que 1024px*/
@media ( min-width : 1025px) {
	.logo-simdata{	    
    	float: right;  
    	margin: auto; 
    	width: auto;  
    	display: block;	
	}
}

#tabView_indexe {
	border: none;
	padding: 0px;
	/*min-width: 1250px;*/
	height: 70%; /* para navegadores que não suportam calc() */
	height: -webkit-calc(100% - 78px); /* para Chrome */
	height: -moz-calc(100% - 78px); /* para Firefox */
	height: calc(100% - 78px); /* para suporte nativo */
	-moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;	
}

#sd_tab_navigation {
	background: var(--main-white-color);
	border: none;
	height: 29px;
	padding: 0em 0.2em;
}

.sd_tab_label{
	background-color: var(--main-bg-silver2);
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	margin-right: 5px !important;
}

.sd_tab_label_active{
	background: none repeat scroll 0 0 var(--main-bg-blue) !important;
	height: 28px;
	box-shadow: none !important;	
	color: var(--main-white-color);	
	border: 1px solid var(--main-bg-blue) !important;
}

.sd_tab_label_active a {
	color: inherit;
	text-decoration: none !important;
	text-shadow: none !important;	
	text-decoration: none !important;
}

.sd_tab_label_ui_icon_closethick {
	cursor: pointer;
	float: left;
	top: 0px;	
	display: block;
	overflow: hidden;		
	height: 12px;
	width: 12px;
	padding: 2px;	
}

.sd_tabcontent {	
	padding: 0em !important; 
	display: block; 
	height:100%;
}


/*Icone Home*/
.sd_tab_label a span.sd-ui-icon-home {
	height: 32px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: -0px -0px !important;
	background: url("../img/icon/home_black_24dp.png") no-repeat 0px 5px transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 10px 20px 5px 5px;
}

.sd_tab_label_active a span.sd-ui-icon-home {
	background: url("../img/icon/home_white_24dp.png") no-repeat 0px 5px transparent !important;
}
/*Icone Home*/

#form_settings_menu{				
	position: absolute; 
	top: 29px; 
	right: 0px;	
}

.user_setting_button{		
	height: 43px;		
	border: none;		
	border-left: 1px solid var(--main-white-color) !important;
	box-shadow: none !important;			
	background: var(--main-bg-blue) !important;	
	border-radius: 0px !important;	
	float: left;    	
}

.user_setting_button.ui-state-hover{    
    background: var(--main-text-color) !important;	
	cursor: pointer;
}

.user_setting_button .ui-button-text{		
	color: var(--main-white-color);					
	font-weight: bold; 				                 
    font-size: 12px;
    text-align: left; 
    text-shadow: none;       
    margin-right: 30px;    
}

.user_setting_button_icon{	
	border: 0px solid var(--main-bg-silver);
	border-radius: 45em;
	margin-top: -20px !important;
	height: 40px;
	width: 40px !important;
	background-size: 40px 40px;	
	display: block;					
}

.imageswitch_cadastro_produto{	
	max-height: 109px;
	max-width: 140px;
	position: relative !important;	
	display: block; 
	margin-left: auto; 
	margin-right: auto;	
}

#cadastro_produto_imagen{
	height: 111px;
	background: var(--main-white-color); 
	border: 1px solid var(--main-bg-silver);
	border-radius: 5px; 
}

.fotoscadastroproduto-text{
    position: absolute;
    top: 0; right: 0;
    bottom: 0; left: 0;
    text-align: center; 
    opacity: 0;        
    background-color: rgba(0, 0, 0, 0.5);
    vertical-align:middle;
    transition: .3s ease;
    line-height: 115px;
    color: var(--main-white-color);
    z-index: 5;
}

.fotoscadastroproduto-text:hover{
	opacity: 1;      	
}

/*inicio*/

.container_user_setting_avatar_icon {
  position: relative;
  width: 50%;
}

.container_user_setting_avatar_icon:hover {
  cursor: pointer;
}

.container_user_setting_avatar_icon:hover .user_setting_avatar_icon{
  filter: brightness(50%);   
  border: 2px var(--main-white-color) solid;
}

.container_user_setting_avatar_icon:hover .user_setting_avatar_icon_middle {
  opacity: 1;
}

.user_setting_avatar_icon{
	border-radius: 45em;	
	height: 100px;
	width: 100px;
	display: block;		
	border: 2px var(--main-bg-silver) solid;	
}

.user_setting_avatar_icon_middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.user_setting_avatar_icon_middle_text {  
  font-size: 12px;    
  margin-left: 19px;
  margin-top: 10px;    
  font-weight: 700;
  color: var(--main-white-color);
  text-shadow: 0 1px 0 rgba(11, 10, 10, 0.7);
}
/*fim*/




.notifications_button_icon{	
	margin-right: 14px;
	margin-top: -12px !important;
	height: 24px;
	width: 24px;		
	background:  url('../img/icon/notifications_white_24dp.png') no-repeat 0px 0px transparent !important;
}

.settings_button_icon{
	margin-right: 14px;
	margin-top: -12px !important;
	height: 24px;
	width: 24px;
	background:  url('../img/icon/settings_white_24dp.png') no-repeat 0px 0px transparent !important;	
}


.support_button_icon{
	margin-right: 14px;
	margin-top: -12px !important;
	height: 24px;
	width: 24px;
	background:  url('../img/icon/contact_support_white_24dp.png') no-repeat 0px 0px transparent !important;	
}






.ui-overlaypanel {
	border: none !important;	
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;	
	box-shadow: none !important;		
}

.settings_overlay_panel{			
	background-color: var(--main-text-color);
	overflow: auto;	
	max-height: 318px;
	color: var(--main-white-color);
	border-radius: 0px !important;
	position: absolute;
	top: 43px !important;
	right: 0px;	
	width: 381px;
	border-radius: 0px 0px 0px 15px !important;
}

.ui-overlaypanel-content{	
	padding: 0;
}


.settings_overlay_panel  .ui-menu{
	background: transparent;
	border: none;
	width: 100%;
}

.settings_overlay_panel .ui-menu .ui-menuitem-link{
	color: var(--main-white-color); 
	padding: .8em;	
	width: 94%;
}


.user_overlay_table .ui-datatable-tablewrapper{
	border: none !important;
}

.user_overlay_table thead{
	display: none;	
}

.user_overlay_table .ui-widget-content{
	color: var(--main-white-color) !important;
	background: none !important;
}

.user_overlay_table td{
	height: 45px;
	border-collapse: inherit;
}

.avatar_user_notifications {
	border-radius: 45em;
	float: left;
	height: 37px;
	margin-right: 10px;
	width: 37px;
	background-size: 37px 37px;
}

.ui-sidebar-left {  
    width: auto;
}

.ui-dialog-content .ui-button.ui-button-text-only,  
.ui-dialog-content .ui-button.ui-button-icon-only,
.ui-dialog-content .ui-button.ui-button-text-icon-left {
    border: none !important;
    background: var(--main-bg-blue) !important;
    color: var(--main-white-color) !important;
    text-shadow: none !important;
    padding: 2px;
}

.ui-panel .ui-button.ui-button-text-only,  
.ui-panel .ui-button.ui-button-text-icon-left {
    border: none !important;
    background: var(--main-bg-blue) !important;    
    color: var(--main-white-color) !important;
    text-shadow: none !important;
    padding: 2px;
}

.ui-panel .ui-button.ui-button-text-only.ui-button-icon-left,  
.ui-panel .ui-button.ui-button-text-icon-left.ui-button-icon-left {
	filter: brightness(1000%);	
}

.main-panel .ui-button.ui-button-text-only, .main-panel .ui-button.ui-button-text-icon-left {
    border: none !important;
    background: var(--main-bg-blue); 
	color: var(--main-white-color) !important;
    text-shadow: none !important;
    padding: 2px;
    font-weight: bold;
}


.main-panel .ui-panel.ui-widget-content {    
    background: var(--main-bg-silver2);
}


.main-panel .ui-fileupload-buttonbar .ui-button {    
    background: var(--main-bg-blue);
    text-shadow: none;
    color: var(--main-white-color);
    border: none;
    padding: 2px;
}

.ui-datatable tbody.ui-datatable-data {    
    border-bottom: 1px solid var(--main-bg-silver);
}

.sd-menu-btn.ui-state-hover {    
    background-color: var(--main-bg-blue2) !important;
    transition: all 0.3s ease;
    color: var(--main-white-color);
}

.ui-treetable .ui-treetable-data tr.ui-state-hover {    
    border: none;
}

.ui-treetable .ui-treetable-data tr.ui-state-highlight{    
    text-shadow: none;
    color: var(--main-text-color);
    border: none;
}




.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
    overflow: hidden;
    white-space: nowrap;
    border-style: solid;
    border-left: 1px solid  var(--main-bg-silver);    
    border-right: 1px solid var(--main-bg-silver);    
	border-top: none;    
    border-bottom: 1px solid var(--main-bg-silver);
    height: 20px;
}

.ui-corner-all{
	border-radius: 8px;
}

.ui-corner-right {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dashboard_menu{						
	width: 215px;
	height: calc(100vh - 112px);
	overflow: auto;	
	float: left;
	background: var(--main-bg-silver2) !important;
	border-radius: 0;
	padding-left: 15px;
}

.dashboard_menu .ui-menuitem.ui-widget.ui-corner-all {
    font-size: 14px !important;		    
}	

.dashboard_menu .ui-menuitem-text {
    font-weight: bold;
}
		
.dashboard_menu .ui-menuitem.ui-widget.ui-corner-all {
    /*margin-top: 3px;*/
}		

.dashboard_menu .ui-menuitem-link {
    padding: .6em 0px;
}

.dashboard_menu .ui-menuitem-icon.ui-icon{
    padding: 0 10px 0 15px;
}
		
.dashboard_menu .ui-widget-header.ui-corner-all {
    background: transparent;	
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 14px;
	color: var(--main-bg-silver);
	width: auto;
}		

.dashboard_menu .ui-menuitem-link.ui-corner-all.ui-state-hover {
    background:  var(--main-bg-silver);
    border-color: var(--main-bg-silver) !important;        
}

/* Scrool duplicado no treetable (apenas chrome) */
.ui-treetable.ui-treetable-scrollable table {
	position: relative;
}

.social i {		
    border-radius: 30px;
    display: inline-block;
    font-size: 25px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    transition: background 1s ease 0s;
    width: 45px;
    float: right;
    margin-top: 7px;
    margin-right: 15px;
    color: var(--main-white-color);
}

.fa-instagram,
.fa-twitter,
.fa-linkedin,
.fa-rss-square,
.fa-youtube,
.fa-facebook { background: var(--main-bg-blue) !important; }	

.fa-instagram:hover,
.fa-linkedin:hover,
.fa-facebook:hover, 
.fa-twitter:hover,	
.fa-rss-square:hover,	
.fa-youtube:hover,
.fa-pinterest:hover { background: var(--main-text-color) !important; }
			
						
.new-version-dialog .ui-dialog-content{
	padding:  0px !important;
	overflow: hidden !important;
}

.user_setting_avatar_icon_suporte{
	border-radius: 20px; height: 40px; width: 40px; display: block;
}		

.ui-selectcheckboxmenu{
	font-weight: normal !important;
	background: var(--main-white-color) !important;
}

.ui-selectcheckboxmenu-token{	
	color: var(--main-white-color) !important;	
	background: var(--main-bg-blue) !important;
	text-shadow: none !important;
	font-weight: normal !important;
	border: none !important;
	border-radius: 5px !important;
}

.ui-selectcheckboxmenu-token-label{
	padding: 0 1.3em 0 0.3em !important;
	font-size: 14px !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{
	padding: 5px !important;
	background: none;
	font-weight: normal !important;
}

.ui-selectcheckboxmenu-label-container .ui-state-hover {
    background: none !important;
}

.ui-selectcheckboxmenu-item:hover {	
	background: var(--main-bg-silver);
	color: var(--main-text-color);			
}

.ui-selectcheckboxmenu-label .ui-state-hover{
	background: none !important;
}

.ui-selectcheckboxmenu-token-icon{	
	background-image: url("../img/icon/icon_close_16.png") !important;
	background-position: 0px 0px !important;
}	

.ui-selectcheckboxmenu-trigger {
    padding: 0 6px !important;
    background: var(--main-bg-silver2) !important;   
}

.ui-selectcheckboxmenu-trigger .ui-icon{	    
	top: 4px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background: var(--main-bg-silver2);				
}

.ui-panel .ui-button.ui-button-text-only.ui-state-hover {    
	background-color: var(--main-bg-blue2) !important;
	transition: all 0.3s ease;
	color: var(--main-white-color);        
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
	border-bottom: 1px solid var(--main-white-color) !important;
}

.ui-link, .ui-commandlink{
    color: var(--main-bg-blue) !important;
    text-decoration: none;
}


.ui-link:hover{
	color: var(--main-bg-blue2) !important;
	transition: all 0.3s ease;
}




.atendimentotable thead {
    display: none;
}

.atendimentotable td {
    border: none !important;
}
		
.atendimentotable .ui-datatable-tablewrapper{
	border: none !important;
}


.atendimentotable .ui-datatable-empty-message{
	display: none;
}

.interacaosatendimentolist .ui-datalist-empty-message{
	display: none;
}

.auto-complete-resposavel .ui-autocomplete-dropdown{
	display: none;
}

.atendimento-row .atendimento-nun,.atendimento-date  {
	font-weight: bold;		
	color: var(--main-text-color);  
}

.atendimento-date{
	float: right;
}

.atendimento-row .atendimento-usuario,.atendimento-conta{
	color: var(--main-bg-blue);  
}

.atendimento-msg{
	-webkit-touch-callout: default !important; 
	-webkit-user-select: text !important; 
	-moz-user-select: text !important; 
	-ms-user-select: text !important; 
	user-select: text !important;
}

.atendimento-interacao{
	background: var(--main-bg-silver2) !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{		
	font-weight: none;	  
}

.ui-menuitem.ui-state-hover {
    background: var(--main-bg-blue);
    color: var(--main-white-color);       
}

.main-panel .ui-button.ui-state-hover {
    background: var(--main-bg-blue2);
}

.ui-dialog-content .ui-button.ui-state-hover{
	  background: var(--main-bg-blue2) !important;
}

.ui-icon{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ui-monthpicker-month.ui-state-active{
	background: var(--main-bg-silver2);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background: var(--main-bg-silver);
	color: var(--main-text-color);
	text-shadow: none; 
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{	
	background: var(--main-bg-silver);
	color: var(--main-text-color); 
}

.minha-conta-data .row{
	min-height: 48px;
}

/*Primefaces*/
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield
	{
	background: none repeat scroll 0 0 #FFF;
	box-shadow: none;
	color: var(--main-text-color); 
	font-weight: normal;
}

.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {	
	box-shadow: none;		
	border: 1px solid var(--main-bg-blue);
}

span.calendar input {
    width: 76px !important;
}

.hasDatepicker {
    width: 76px !important;
}

.alturaDataTable{
	height: calc(100vh - 120px);
}

.alturaPanel{
	height: calc(100vh - 122px);
}

/* botao transparante do p:selectone */
.selectOneMenuload{
	margin-top: -29px; 
	z-index: 1000; 
	position: relative; 
	height: 29px; 
	background: transparent;			            					           
}

.selectOneMenuload:hover{	
	border: 1px solid  var(--main-bg-blue) ;	
	cursor: pointer;	
	border-radius: 8px;
}


.ui-datalist-data{
	margin: 0px;
}


.ui-texteditor {
    background: #fff;
}


.u-full-width-perc input{
	width: 25% !important;
	box-sizing: border-box;
}
			 		
.u-full-width-menos-perc{
	width: calc(75% - 5px) !important;
	width: -moz-calc(75% - 5px) !important; /* Firefox */
	width: -webkit-calc(75% - 5px) !important; /* WebKit */
	width: -o-calc(75% - 5px) !important; /* Opera */
	box-sizing: border-box;
	margin-left: 5px;
}	

.ui-inputnumber {
    border: none !important;
}

.ui-button-icon-only .ui-icon.fa{
	margin-top: -8px;
}


.ui-button-icon-only-os{
	background: none !important;
	color: #FFF;
}

.ui-button-icon-only-os .ui-icon.fa{
	margin-top: -8px;
	font-size: 24px;
  	width: 30px;
  	height: 30px;
}


.ui-progressbar{
	height: 1.4em;
}

.ui-progressbar .ui-widget-header{
	background: var(--main-bg-silver) !important;
}

.ui-progressbar-label{
	color: var(--main-text-color) !important;
}

.ui-panelgrid .ui-widget-content {
    background: none;
}


.wizard-tributacao {
	width: 720px;
}
			
.ui-wizard-step-title {
	  width: 75px;
	  height: 16px;
	  text-align: center;
	  line-height: 15px;
	  border-radius: 5px;
	  background: var(--main-bg-blue) !important;
	  margin: 8px 42px;				  
	  display: inline-block;
	  color: white !important;
	  position: relative;				  				 
	  text-shadow: none !important;
	  border: none !important;				  
}

.ui-wizard-step-title::before{
	content: '';
	position: absolute;
	top: 14px;
	left: -84px;
	width: 84px;
	height: .2em;
	background: var(--main-bg-blue)!important;
	color: white !important;
	z-index: 0;
	text-shadow: none;
}

.ui-wizard-step-title:first-child::before {
  display: none;
}

.ui-state-highlight ~ .ui-wizard-step-title {
  background: var(--main-bg-silver) !important;
}

.ui-state-highlight ~ .ui-wizard-step-title::before {
  background: var(--main-bg-silver) !important;
}

.ui-datepicker-today a {
    border: 1px solid var(--main-text-color) !important;
}

.balao-alerta {
	background: #D32F2F;
	color: #ffffff;
	border-radius: 50%;
	font-size: 0.65rem;
	min-width: 1.2rem;
	line-height: 1.2rem;
	display: inline-block;
	text-align: center;
	margin: -10px -8px;
	position: absolute;
}


.favoritos-menu {
    background: none !important;
}

.favoritos-menu li {
    width: 32% !important;
}

.favoritos-menu li .ui-state-hover{
    background: none !important;
    border-color: #FFF !important;             
    color: var(--main-bg-blue) !important;
}

.favoritos-menu .ui-icon {
    width: 23px;
}

.ui-widget-content a{
	color: var(--main-text-color);
}





#form_data_main\:listaemempresas_panel .ui-selectonemenu-items-wrapper{
	overflow-x: hidden;	
	max-height: 400px !important; 
}

#form_data_main\:listaemempresas_label {
    padding: 0px;
}

#form_data_main\:listaemempresas_panel li {
    padding: 0px;
}


.form_cfg .ui-menuitem {
    border: none !important;
    background: var(--main-bg-blue);
    color: var(--main-white-color) !important;
    text-shadow: none !important;
    padding: 2px;
    font-weight: bold;
}

.form_cfg .ui-menuitem a{
  color: var(--main-white-color) !important;
}

.form_cfg .ui-menuitem:hover {
    background-color: var(--main-bg-blue2) !important;
    transition: all 0.3s ease;
    color: var(--main-white-color);
}

.datalist_categorias_financeiras .ui-datalist-data {
   max-height: 235px;
   overflow:auto;
}


.menubar-sd .ui-menuitem-text {
    margin-left: 5px;
}


/*esconde icones do menu principal*/
.menubar-sd .ui-menuitem-icon {
    display: initial !important;
    width: 19px;
    text-align: center;
}

.ui-treetable table {
  border-collapse: collapse;
}

.busca-avancada-table .ui-datatable-empty-message {
  display: none;
}



/*** PLANOS  */

	.sdplanos{
		margin-left: auto; 
		margin-right: auto; 
		max-width: 1180px;		
	}

	.box-sdplano{				
		/*background: #F9F9F9;*/
		position: relative;
		margin: 10px auto;
		margin-left: 10px;
		padding: 10px;
		border-radius: 8px;
		border: 1px solid #e5e5e5;		
		color: #4F4F4F;
		width: 260px;	
		float: left;	
		margin-bottom: 50px;
	}	
	
	.planodestaque {
	  	border: 1px solid #004FF2;	  	
	  	background: #E1EBFF;
	}	

	.planodestaque_msg{		
	  	height: 25px;
	  	border-radius: 8px 8px 0px 0px;
	  	margin: -10px -10px;
	  	margin-bottom: -10px;
	  	padding-top: 7px;
	  	font-size: 14px;
	  	color: #fff;
	  	font-weight: 700;
	  	margin-bottom: 10px;
	}
	
	.box-sdplano:hover {		  
	  border: 1px solid #0650DE;
	}
	
	.box-sdplano > div {
	  text-align: center;
	}
			
	.box-sdplano h3 {
	  margin-top: 10px;
	  margin-bottom: 10px;
	  font-weight: 800;		  
	  text-transform: uppercase;
	  font-size: 20px;
	  color: #004FF2;
	}		
	
	.planoPreco {
	  border-top: 1px solid #e5e5e5;
  	  border-bottom: 1px solid #e5e5e5;
	  padding: 10px 10px 10px 10px;
	  border-left: 0px;
	  border-right: 0px;	  
	}	
	
	.planoPreco .fa-user{
		color: #004FF2;
	}
	
	.planoPreco .fa-users{
		color: #004FF2;
	}		
	
	.planoPreco p{	
		margin: 3px;
	}
	
	.estiloTransition {
	  text-decoration: none;
	  margin-bottom: -10px;
	  margin-top: -5px;
	}		
	
	.estiloTransition b {
	  	font-weight: 700;			  
	  	font-size: 25px;
	}
	
	.estiloTransition span {
	  font-size: 14px;
	  margin: auto 5px;
	}
	
	.hiddenMonth {
	  font-size: 16px;
	  transition: all .5s linear;
	}
	
			
	.planoDesc {
	  max-width: 230px;
	  text-align: center;
	  margin: auto;
	}	
	
	.planoDesc h5{
		font-size: 14px;
  		text-align: left;
  		font-weight: 400;
	}	

	
	.planoDesc ul {
	  -webkit-padding-start: 0px;
	  padding: 0px;
	}		
	
	.planoDesc ul li {
	  text-align: left;
	  line-height: 1.2em;
	  font-size: 12px;
	  margin-bottom: 10px;
	  list-style-type: none;
	}		
		
	.planoDesc ul li i {
 			margin-right: 5px;
	}	
	
	.avisoMensal{
		font-size: 10px;
	}
	
	.inativeText {
 			color: #aaa;
	}		
				
/*** PLANOS  */

	.ui-selectonemenu-list-item.ui-state-disabled {
		display: none;
	}
		
	.ui-radiobutton-box.ui-state-disabled {
	  display: none;
	}
	
	.ui-selectoneradio label.ui-state-disabled {
		display: none;
	}	
	

	.filtros_adicionais{
		float: left; 
		border-radius: revert; 
		box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.2); 
		height: calc(100vh - 118px);	
	}

	.filtros_adicionais .ui-panel-titlebar {
	  background: none;
	}
	
	.filtros_adicionais .ui-panel-titlebar-icon {
	  border: none;
	  background: none;
	}
		
	.ui-datatable-empty-message-simdata{					  	
  		text-align: center;
  		margin-top: 10%;
 	}