.timeline-task-visualizer{
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
	border-color: rgba(0,0,0,0.5);
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.timeline-step-card{
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
	        box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.5);
	border-color: rgba(0,0,0,0.5);
	box-sizing: border-box;
}

.timeline-legend{
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5);
	box-shadow: inset 0px -1px 2px 0px  rgba(0,0,0,0.5);
	border-color: rgba(0,0,0,0.5);
	box-sizing: border-box;
}

.timeline-legend-button{
	border-radius: 5px 5px 5px 5px;
}

.bubble {
	position: relative;
	padding: 0px;
	background: #EDEFF5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: #C5C5C5 solid 1px;
}

.bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 11px 0;
	border-color: #EDEFF5 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -11px;
	bottom: -11px;
	left: 50%;
}

.bubble:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 11px 0;
	border-color: #C5C5C5 transparent;
	display: block;
	width: 0;
	z-index: 0;
	margin-left: -11px;
	bottom: -12px;
	left: 50%;
}

.bubble-white {
	position: relative;
	padding: 0px;
	background: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: #C5C5C5 solid 1px;
}

.bubble-white:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 11px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -11px;
	bottom: -11px;
	left: 50%;
}

.bubble-white-header {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top: #C5C5C5 solid 1px;
}

.bubble-white:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 11px 0;
	border-color: #C5C5C5 transparent;
	display: block;
	width: 0;
	z-index: 0;
	margin-left: -11px;
	bottom: -12px;
	left: 50%;
}

.bubble-white-end {
	position: relative;
	padding: 0px;
	background: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: #C5C5C5 solid 1px;
}

.bubble-white-end:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 11px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -5px;
	bottom: -11px;
	left: 90%;
}

.bubble-white-end-header {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top: #C5C5C5 solid 1px;
}

.bubble-white-end:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 11px 11px 0;
	border-color: #C5C5C5 transparent;
	display: block;
	width: 0;
	z-index: 0;
	margin-left: -5px;
	bottom: -12px;
	left: 90%;
}

.contador{
	background-color: #ed5e59;
	border-color: #f6f3f1;
	border-style: solid;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(87,86,87,1);
	   -moz-box-shadow: 0px 0px 1px 0px rgba(87,86,87,1);
	        box-shadow: 0px 0px 1px 0px rgba(87,86,87,1);
}

.contador-yellow{
	background-color: #EBA011;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
}

.task-bubble{
	padding: 0px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(204,204,204,1) !important;
	-moz-box-shadow: 0px 2px 8px 0px rgba(204,204,204,1) !important;
	box-shadow: 0px 2px 8px 0px rgba(204,204,204,1) !important;
	position: relative !important;
	background: #ffffff !important;
}

.task-bubble:after {
	content: '' !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 50% !important;
	width: 0 !important;
	height: 0 !important;
	border: 14px solid transparent !important;
	border-top-color: #ffffff !important;
	border-bottom: 0 !important;
	margin-left: -14px !important;
	margin-bottom: -14px !important;
}

.sub-process{
	-webkit-box-shadow: 0px 1px 0px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(204,204,204,1);
	box-shadow: 0px 1px 0px 0px rgba(204,204,204,1);
}

.sub-process-selected{
	-webkit-box-shadow: 0px 1px 0px 0px rgba(231,166,26,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(231,166,26,1);
	box-shadow: 0px 3px 0px 0px rgba(231,166,26,1);
}

.sub-process-solicitation{
	-webkit-box-shadow: 0px 1px 0px 0px rgba(51,51,51,0.6);
	-moz-box-shadow: 0px 1px 0px 0px rgba(51,51,51,0.6);
	box-shadow: 0px 1px 0px 0px rgba(51,51,51,0.6);
}

.v-rounded-3{
	-webkit-border-radius: 3px 3px 3px 3px;
   	   -moz-border-radius: 3px 3px 3px 3px;
			border-radius: 3px 3px 3px 3px;
}

.v-rounded-5{
	-webkit-border-radius: 5px 5px 5px 5px;
   	   -moz-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
}

.v-rounded{
	-webkit-border-radius: 10px 10px 10px 10px;
   	   -moz-border-radius: 10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px;
}

.v-top-rounded-5{
	-webkit-border-radius: 5px 5px 0px 0px;
   	   -moz-border-radius: 5px 5px 0px 0px;
			border-radius: 5px 5px 0px 0px;
}

.v-bottom-left-rounded{
	-webkit-border-radius: 0px 0px 0px 10px;
   	   -moz-border-radius: 0px 0px 0px 10px;
			border-radius: 0px 0px 0px 10px;
}

.v-bottom-right-rounded{
	-webkit-border-radius: 0px 0px 10px 0px;
   	   -moz-border-radius: 0px 0px 10px 0px;
			border-radius: 0px 0px 10px 0px;
}

.v-bottom-rounded{
	-webkit-border-radius: 0px 0px 10px 10px;
   	   -moz-border-radius: 0px 0px 10px 10px;
			border-radius: 0px 0px 10px 10px;
}

.contador span.label{
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
}

.v-fill-in {
	animation: fill-in .4s;
}

@keyframes fill-in {
   0% { opacity: 0; }
}


.flat-input input{
    background-color: transparent !important;
    border-color: transparent !important;
    border-style: solid !important;
    color: #444 !important;
}

.flat-input input:focus{
    outline: none !important;
}

.flat-input input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px transparent inset !important;
    -webkit-text-fill-color: #444 !important;
}

.flat-input input:-webkit-autofill:focus {
    -webkit-box-shadow: 0,0 0 0 50px transparent inset !important;
    -webkit-text-fill-color: #444 !important;
}

.login-input input{
    background-color: #F1F1F1 !important;
    border-color: #F1f1f1 !important;
    border-style: solid !important;
    color: #444 !important;
}

.login-input input:focus{
    outline: none !important;
}

.login-input input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #F1F1F1 inset !important;
    -webkit-text-fill-color: #444 !important;
}

.login-input input:-webkit-autofill:focus {
    -webkit-box-shadow: 0,0 0 0 50px #F1F1F1 inset !important;
    -webkit-text-fill-color: #444 !important;
}

.panel-root-login{
	-webkit-box-shadow: 3px 4px 23px 0px rgba(0,0,0,0.75);
	   -moz-box-shadow: 3px 4px 23px 0px rgba(0,0,0,0.75);
	        box-shadow: 3px 4px 23px 0px rgba(0,0,0,0.75);	
}

.panel-root-open-chamadas{
	-webkit-box-shadow: 1px 1px 1px 0px rgba(68,68,68,0.5);
	   -moz-box-shadow: 1px 1px 1px 0px rgba(68,68,68,0.5);
	        box-shadow: 1px 1px 1px 0px rgba(68,68,68,0.5);
}

.shadow-centred{
	-webkit-box-shadow: 0px 10px 16px -6px rgba(0,0,0,0.75);
	   -moz-box-shadow: 0px 10px 16px -6px rgba(0,0,0,0.75);
	        box-shadow: 0px 10px 16px -6px rgba(0,0,0,0.75);	
}

.sliderPanel {
    position: absolute;
    right: -400% !important;
    animation: sliderPanel 4s forwards;
    animation-delay: .5s;
}

@keyframes sliderPanel {
	from   { right: -400% !important; }
    to { right: 0 !important; }
}

.modality-card {
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(51,51,51,0.5);
	   -moz-box-shadow: 0px 1px 4px 0px rgba(51,51,51,0.5);
	        box-shadow: 0px 1px 4px 0px rgba(51,51,51,0.5);
}

.modality-card-not-selected {
	opacity: 0.5;
}


.side-card-normal-first{
	border-radius: 10px 10px 0px 0px;
}

.side-card-normal-middle{
	
}

.side-card-normal-last{
	border-radius: 0px 0px 10px 10px;
}


.side-card-visited-first{
	border-radius: 10px 10px 0px 0px;
}

.side-card-visited-middle{
	
}

.side-card-visited-last{
	border-radius: 0px 0px 10px 10px;
}

.side-card-active-first{
	border-radius: 10px 10px 0px 0px;
}

.side-card-active-middle{
	
}

.side-card-active-last{
	border-radius: 0px 0px 10px 10px;
}

.teste-girar{
	transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
	-webkit-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
	   -moz-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
	    -ms-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
	     -o-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
}

.fixed {
	position: fixed !important;
}

.fixed_tip{
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	width: 0px !important;
	height: 0px !important;
	visibility: hidden !important;
	display: none !important;
}

.fixed_tip_left{
	position: fixed !important;
	top: 60px !important;
	left: 60px !important;
	right: unset !important;
	width: 300px !important;
	height: auto !important;
	visibility: visible !important;
	display: block !important;
	padding: 15px !important;
	font-size: 14px;
	font-weight: bold;
	-webkit-box-shadow: 7px 7px 11px -1px rgba(0,0,0,0.33);
	   -moz-box-shadow: 7px 7px 11px -1px rgba(0,0,0,0.33);
		    box-shadow: 7px 7px 11px -1px rgba(0,0,0,0.33);
}

.fixed_tip_right{
	position: fixed !important;
	top: 60px !important;
	right: 60px !important;
	left: unset !important;
	width: 300px !important;
	height: auto !important;
	visibility: visible !important;
	display: block !important;
	padding: 15px !important;
	font-size: 14px;
	font-weight: bold;
	-webkit-box-shadow: 7px 7px 11px -1px rgba(0,0,0,0.33);
	   -moz-box-shadow: 7px 7px 11px -1px rgba(0,0,0,0.33);
		    box-shadow: 7px 7px 11px -1px rgba(0,0,0,0.33);
}

.fixed-botton-45 {
	position: fixed !important;
	bottom: 45px !important;
	top: unset !important;
	left: unset !important;
}

.theme_light {
	background: none !important;
	background: #F8F8F8 !important;
}

.theme_light:hover {
	background: #F8F8F8 !important;
}

.theme_light span.label{
	text-decoration: none;
	color: #1C1C1C !important;
}

.shadow-left {
	-webkit-box-shadow: 5px 0px 16px -6px rgba(0,0,0,0.80);
	   -moz-box-shadow: 5px 0px 16px -6px rgba(0,0,0,0.80);
            box-shadow: 5px 0px 16px -6px rgba(0,0,0,0.80);
}

.shadow-bottom {
	-webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
	   -moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
            box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
}

.shadow-top {
	-webkit-box-shadow: 0px -3px 11px -4px rgba(0,0,0,0.50);
	   -moz-box-shadow: 0px -3px 11px -4px rgba(0,0,0,0.50);
            box-shadow: 0px -3px 11px -4px rgba(0,0,0,0.50);
}
