@CHARSET "UTF-8";

/* Fontes */
body, h1, h2, h3, a, p, label {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

::-webkit-input-placeholder { color:#A9A9A9; }
::-moz-placeholder { color:#A9A9A9; } /* firefox 19+ */
:-ms-input-placeholder { color:#A9A9A9 !important; } /* ie */
input:-moz-placeholder { color:#A9A9A9; }

html, body{
	height: auto;
	width: 100%;	
	min-width: 1000px;
	min-height: 630px; /* Altura minima: media entre os nevegadores e descontos de barras de navegador e de tarefas do windows*/
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: -moz-none;
	    -ms-user-select: none;
	        user-select: none;
}

.gesplan-error-dialog{
	-webkit-user-select: initial;
	 -khtml-user-select: initial;
	   -moz-user-select: -moz-initial;
	    -ms-user-select: initial;
	        user-select: initial;
}

/* remove o "X" e o visualizar senha no IE */
input::-ms-clear, input::-ms-reveal {
    display: none;
} 

/* Itens que não necessitam de destaque */
.title-small {
	font-size: 8pt;
}

/* Títulos */
.title-large {
	font-size: 11pt;
}

/* Listas e inputs */
.title-template1 {
	color: #444;
}
/* Input required corrigido - Firefox*/
input[required]{
	box-shadow: none;
}

/* Títulos - Azul */
.title-template2 {
	color: #30526C;
}

/* Títulos - Cinza */
.title-template3 {
	color: #5F656C;
}

/* Frases explicativas */
.title-template4 {
	color: #AAA;
}

/* Linhas divisoras */
.divider-template1 {
	border-color: #CCC;
}

/* Div sombreada - padrão do sistema */
.border-template1 {
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}

/* Div tracejada para seletores */
.border-template2 {
	border-style: dashed;
	border-color: #ADADAD;
}

/* Div cinza - padrão do sistema */
.background-template1 {
	background-color: #FCFCFC;
}

/* itens a serem selecionados */
.default-selection:hover {
	cursor: pointer;
	background-color: #4F9ACF;
	color: #FFF;
	border-radius: 3px;
}

/* Item selecionado */
.item-selected-template1 {
    -webkit-box-shadow: inset 0 0 0 1px #d7c99d;
    -moz-box-shadow: inset 0 0 0 1px #d7c99d;
    box-shadow: inset 0 0 0 1px #d7c99d;
    background-color: #fcf8e3;
}

/* Default - Componentes */
.ui-dialog div[data-plugin='button'],
.ui-dialog div[data-plugin='btn'],
div[data-plugin='button'],
div[data-plugin='btn'] {
	font-size: 10pt;
}
/* Fontes das dialogs -> utilizado 'body' para sobrescrever o estilo do jquery ui por especificidade*/
body .ui-widget input,
body .ui-widget select,
body .ui-widget textarea,
body .ui-widget button{
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
}



/* Close Dialog*/
.ui-button-icon-primary.ui-icon.ui-icon-closethick{
	background: none;
}

/* Title Dialog*/
.ui-dialog-title{
	color: #FFFFFF;
	font-size: 11pt;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	cursor: default;
	margin-top: 6px !important;
}

/* Dialog sem linha abaixo do botão de fechar */
.no-line .ui-widget-header {
  border:none !important;
}

.fixed-dialog{
	position: fixed !important;
}

a:link,
a:visited,
a:hover {
	text-decoration: none;
	color: #4F9ACF;
}

a:active {
	text-decoration: none;
}

#base-index {
	/* height: auto; */
	width: 100%;
	float: right;
	margin-top: 40px;
	overflow: hidden;
}

#content-container {
	height: auto;
    min-height: calc(100% - 40px);
	width: 100%;
	margin: 0;
	float: left;
	background-color: #f1f2f3;
}


/*
	Workspace Counter
*/
#workspace-counter.counter-dashboard,
#counter-main-dash.counter-dashboard{
	width: 0px;
	min-width: 3px;
	height: 40px;
	position: relative;
	margin: 0 auto;
	overflow: visible;
	z-index: 20000;
}

.counter-dashboard > a:not(:last-child) > div:not([class*='circle-actions']) {
	margin-right: 5px;
}

.visible-actions {
	border: 2px solid #F8C05D !important;
  	box-shadow: 3px 4px 10px -2px #484848 !important;
}
.trash-actions{
	position: absolute;
    left: calc(100% - 65px);
}

.counter-dashboard > a:first-child > div.circle-actions {
	margin-left: 3px;
}

.circle-actions {
	margin: 12.5px 6px 0 0;
}
.sort-start-actions{
	/* top: 8px !important;
	padding: 0 3px !important; */
}
.sort-stop-actions{
	top: 10px;
	padding: 0 5px;
}

.widget-front-z-index{
	z-index: 10 !important;
}

/* Disconnected Dialog */

div.ui-dialog[aria-describedby='about-dialog'] > div.ui-widget-header,
div.ui-dialog[aria-describedby='plan-expire-soon'] > div.ui-widget-header {
	border-bottom: none;
}

.checkmark {
    display: inline-block;
    float: left;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark_stem {
    position: absolute;
    width: 3px;
    height: 11px;
    background-color: #41AF52;
    left: 11px;
    top: 6px;
}

.checkmark_kick {
    position: absolute;
    width: 5px;
    height: 3px;
    background-color: #41AF52;
    left: 7px;
    top: 14px;
}

.gesplan-detail-item h1{
	margin: 10px 0 10px 0;
}

.gesplan-detail-item p{
	margin: 0 0 0 10px;
}



#main-loading-container{
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 9999999999;
        transition: opacity 200ms ease;
}

#loading-logo{
    height: 150px;
    background: url(../../../images/global/logo-totvs.png) center / 250px no-repeat;
    width: 250px;
    margin-left: -80px;
}

div#loading-content {
	width: 150px;
	height: 150px;
	position: fixed;
	top: calc(50% - 75px);
	left: calc(50% - 75px);
	transition: opacity 500ms ease;
	-webkit-animation: fadein 500ms ease;
	animation: fadein 500ms ease;
}
@-webkit-keyframes fadein{
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes fadein{
	0% { opacity: 0 }
	100% { opacity: 1 }
}


.spinner {
  margin: 0px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #636364;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.no-results{
	color: #34495E !important;
}

h1.screen-name-title {
	cursor: default;
	font-size: 24px;
	margin-bottom: 6px;
	color: #444;
	display: -webkit-inline-box;
	transition: all ease 200ms;
}
.data-query-made {
    float: right;
    margin: 5px;
	visibility: visible;
    opacity: 1;
    transition: opacity 200ms linear;
}

.cash-container>h1.screen-name-title {
    margin: 20px 30px 6px;
    color:#444;
}

a.form-grid-link {
    float: left;
    clear: none;
    margin-right: 10px;
}

.warning-date:not([warning-date="false"]) {
	/* background: #fcf8e3 !important; */
	color: #c3a81d;
}
.warning-date-message {
	color: #c3a81d;
	float: right;
    font-size: 12px;
    font-style: italic;
}

.hidden{
    visibility: hidden !important;
    opacity: 0 !important;
    transition: visibility 0s linear 200ms,opacity 200ms linear;
}

.font-color-red{
	color: #AC2925;
}

.font-color-green{
	color: #52BA65;
}
a[style*=";color"] > span.font-color-green,
a[style^="color"] > span.font-color-green,
a[style*=";color"] > span.font-color-red,
a[style^="color"] > span.font-color-red {
	color: inherit;
}

.messages-container-full {
	width: 100%;
	min-height: 30px;
	padding-top: 10px;
	background-color: #F1F2F3;
}

.messages-container {
	width: calc(100% - 20px);
	min-height: 30px;
	border: solid 1px #9fbdab;
	border-radius: 3px;
	background-color: #d8efe1;
	margin-left: 10px;
	font-size: 12;
}

.messages-container p, .messages-container div {
	margin: 0;
    padding: 0;
    font-size: 10pt;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #444;
	width: calc(100% - 100px);
}

.messages-container u, .messages-container a {
	cursor: pointer;
	color: #0194c5;
}

.messages-container > .message-title {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #22b35b;
	font-weight: bold;
}

span.messages-close {
    color: #444 !important;
    margin-right: 5px !important;
    float: right !important;
}

span.messages-close:hover {
    opacity: 0.7 !important;
    cursor: pointer !important;
}

.messages-button {
	float: right;
	margin-right: 5px;
    margin-top: -22px;
    color: #444;
    text-decoration: underline;
}

.messages-button:hover {
	cursor: pointer;
	opacity: 0.7;
}

.text-italic{
	font-style:italic;
}

.circle-analytics {
	background-color: #F60;
}

.circle-analytics.selected:after {
	content: "";
	height: 12px;
	width: 12px;
	border: 1px solid #F60;
	display: block;
	border-radius: 50%;
	margin-left: -2px;
	margin-top: -2px;
}

#microfrontend {
	width: 100%;
	height: -webkit-calc(100% - 70px);
			height: calc(100% - 70px);
}

#top-bar-new-front {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}