/*
	Turbina Stylesheet
*/

#icon-cancel {
	fill : #F44336;
}

#icon-checked {
	fill : #34AB8F;
}

.spinning {
	-webkit-animation: spin 5s infinite linear;
	-moz-animation: spin 5s infinite linear;
	-ms-animation: spin 5s infinite linear;
	animation: spin 5s infinite linear;
}

.loading-content {
	width:100%;
	height:100%;
	margin:100px auto auto;
	text-align: center;
}

.loading-content > .logo-content{
	width:200px;
	margin:0 auto;
}

.loading-content > .messageDiv {
	margin:30px auto auto;
	display:inline-block;
}

.loading-content .errorMessageDiv {
	padding: 5px 7px;
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-color: #F9F9F9;
}

button {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 20px;
}

h1 {
  font-size: 17.5px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14.5px;
}

h4 {
  font-size: 13px;
}

h5 {
  font-size: 11.5px;
}

h6 {
  font-size: 11.9px;
}

/*
	Default uppercase
 */
.btn, .accordion-heading { 
	text-transform: uppercase;
}

.modal-header {
  background-color: #f5f5f5;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.control-group {
  margin-bottom: 3px;
}

#content {
	min-height: 600px;
	margin-top: 85px;
}

.no-content {
    text-align: center;
    margin-top: 100px;
}

#globalMessage {
	position : absolute;
	top: 42px;
	z-index: 30000;
}

#innerNotification {
    cursor: pointer;
    width: 350px;
	position: fixed;
	top: 30px;
	right: 10px;
	z-index: 30000;
}



.globalLoading {
	position: absolute;
	top: 40px;
	left: 50%;
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin-left: -100px;
	z-index: 27500;
	
	border: 1px solid #CCC;
	border-radius: 3px;
	
	color: #CCC;
	background-color: #FFF;
	text-align: center;
}

#globalLoading img {
	width: 30px;
	height: 30px;
	margin-top: -2px;
	
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-ms-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	
}
@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}

img.turbina-brand {
	width: 75px;
	height: 75px
}
span.turbina-brand {
	font-size: 28px;
}

section.login {
	padding: 15px 0px;
	margin-top: 30px;
}

footer.login {
	font-size: 11px;
	width: 100%;
	height: auto;
	padding: 15px 0px;
	text-align: center;
	position: fixed;
	bottom: 0;
}

footer.login > *{
	margin: 5px;
}

.menu {
	height: 60px;
	background-color: #102938;
}

.menu .menu-item {
	position: relative;
	font-weight: bold;
	margin-top: 15px;
}

/* #39bb9d  Bg: Inner Show*/
.menu .menu-item-text {
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 20px 20px;
	margin-top: 0px !important;	
}

.menu .menu-item-text:hover {
	color: #39bb9d;
}

.menu .menu-item-img {
	padding: 5px 15px 10px;
	margin-top: 0px !important;
}

.menu .menu-item-img:hover svg * {
	fill : #39bb9d;
}

.menu .active  {
	color: #39bb9d;
}

.menu .active svg * {
	fill: #39bb9d; 
}

.no-list-style {
	list-style: none;
}

.menu-right {
    white-space: nowrap;
    text-align: right;
}

.menu-right .menu-item {
    display: inline-block;
    vertical-align: top;
}

.no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

.start-process {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -80px;
}

/*TODO apagar */
.inner-container {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	margin-top: 15px;
	background-color: white;
}

.inner-container .header {
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px;
	margin: -10px -10px 0px -10px;
	background-color: #ebebeb;
}

.inner-container .content {
	padding-top: 10px;
}

.turbilet {
	background-color:white;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px;
	overlow: auto;
}

.turbiletToolbar {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-radius: 3px;
}

.turbiletToolbar .iconimage, .turbiletToolbar .iconimagedelete {
	cursor: pointer;
	float: right;
	width: 25px;
	height: 25px;
	margin: 5px;
}

.turbiletToolbar .iconimage:hover svg * {
	fill: #39bb9d;
}

.turbiletToolbar .iconimagedelete:hover svg * {
	fill: red;
}

.turbiletToolbar svg * {
	fill: #999;
}

.turbiletsArea {
	border: 2px dashed #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.turbiletLoadingImage {
	width: 120px;
	height: 120px;
}

/* TODO apagar */
.box-item {
	width: 140px;
	display: inline-block;
	border: 1px dashed #ddd;
	border-radius: 3px;
	padding: 10px;
	margin: 10px;
}

header {
	height: 30px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	padding: 20px 15px;
	position: absolute;
	top: 60px;
	right: 0;
	left: 0;
	margin-bottom: 60px;
}

.headerFixed {
	z-index: 1000;
	top: 0;
	position: fixed;
	left: 0;
	right: 0;
}

.loadingFixed {
	top: 10px !important;
	position: fixed !important;
}

.messageFixed {
	top: 12px !important;
	position: fixed !important;
}

header > * {
	margin-left: 15px;
}

header .iconeditheader {
	display: none;
	cursor: pointer;
	margin-left: 5px;
	width: 20px;
}

header .iconeditheader svg *{
	fill: #999;
}

header .iconeditheader:hover svg *{
	fill: #34AB8F;
}

header:hover .iconeditheader {
	display: block;
}

header .iconheader {
	margin-left: 0px;
	width: 36px;
	height: 30px;
}

header .iconheader-inline {
	margin-top: -3px;
	width: 24px;
	height: 20px;
}

.iconlink {
	width: 25px;
	height: 20px;
}

section {
	clear: both;
	padding: 0px 15px;
}

footer {
	clear: both;
	padding: 15px;
	height: 30px;
}

footer > * {
	margin-left: 15px;
}

.dropdown-menu svg, .dropdown-menu img {
	vertical-align: middle;
	width: 36px;
	height: 30px;
}

.hr {
	margin: 15px;
	border-bottom: 1px solid #ddd;
	height: 15px;
	line-height: 30px;
}

.hr > * {
	background-color: #F9F9F9;
}

.hr .hrname {
	font-size: 16px;
	font-weight: bold;
	padding-right: 5px;
	line-height: 30px;
	margin: 0;
}

.hrIconDiv {
	border-bottom: 1px solid #fff;
	line-height: 35px;
	padding: 1px 0px 0px 5px;
	cursor: pointer;
}

.hrIcon {
	width: 18px;
	height: 18px;
	opacity : .5;
}
.hrIcon > svg {
	width: 18px;
	height: 18px;
}
.hrIcon > svg > path {
	fill: #4E4E50;
}
.hrIcon > svg > * {
	fill: #4E4E50;
}
.hrIcon:hover {
	opacity : 1;
}

.iconboxlist {
	margin: 0;
	list-style: none;
}

.iconbox {
	cursor:pointer;
	float: left;
	position: relative;
	width: 284px;
	background-color: #fff;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 15px;
}

.iconbox:hover {
	color: #666;
	box-shadow: 0px 0px 5px #ddd;
}

.iconbox:active, .selected {
	color: #fff;
	background-color: #39bb9d;
}

.iconbox:active svg *, .selected svg * {
	fill: #fff;
}

.iconbox .iconimage {
	float: left;
	margin: 15px;
	width: 36px;
	height: 30px;
}

.iconbox.inactivated {
    color: #ccc;
	background-color: #fbfbfb;
    text-decoration: line-through;
}

.iconbox.inactivated .icontext {
    color: #ccc;
    text-decoration: line-through;
}

.iconbox.inactivated svg * {
    fill: #ccc;
}

.iconbox .iconimage svg {
	width: 36px;
	height: 30px;
}

.iconbox .iconimagedelete {
	display: none;
	float: right;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 3px;
}

.iconbox .iconInactivate {
	display: none;
	float: right;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px;
}

.iconbox .iconReactivate {
	display: none;
	float: right;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px;
}

.iconbox .iconimagetag {
	display: none;
	float: right;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 30px;
	right: 0;
	margin: 3px;
}

.defaultListLayout .iconbox:hover .iconimagedelete,
.defaultListLayout .iconbox:hover .iconimagetag,
.defaultListLayout .iconbox:hover .iconInactivate,
.defaultListLayout .iconbox:hover .iconReactivate,
.iconbox:hover .iconimagedelete, .iconbox:hover .iconimagetag {
	display: block;
}

.iconbox:hover .iconInactivate svg * {
	fill: lightgray;
}

.iconbox:hover .iconReactivate svg #path3767 {
	fill: lightgray !important;
}

.iconbox.locked {
    border: 2px dashed #000;
    margin: 14px;
}

.iconbox.locked .iconlocked {
    position: absolute;
    width: 26px;
    height: 26px;
    border: 2px solid #000;
    border-radius: 13px;
    background-color: #fff;
    box-sizing: border-box;
    left: -14px;
    top: 18px;
    padding: 1px 3.35px;
}

.iconimagedelete:hover svg * {
	fill: red;
}

.iconbox:hover .iconInactivate:hover svg * {
	fill: #F44336;
}

.iconbox:hover .iconReactivate:hover svg #path3767 {
	fill: #34AB8F !important;
}

.iconimagetag:hover svg * {
	fill: #34AB8F;
}

.iconbox .icontext {
	float: left;
	width: 210px;
	padding: 10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
}

.iconbox .icontext:hover, .iconbox .icontext:focus {
	color: #666;
	text-decoration: none;
}

.iconbox .icontext:active, .iconbox.selected .icontext  {
	color: #fff;
	text-decoration: none;
}

.iconbox.inactivated .icontext:hover, .iconbox.inactivated .icontext:focus {
	color: #ccc;
    text-decoration: line-through;
}

.bigplus {
	width: 36px;
	height: 30px;
	cursor: pointer;
}

/* Helper classes */
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.clear-both {
	clear: both;
}
.font-green {
	color: #39bb9d;
}

.ace_editor {
	position: relative !important;
	border: 1px solid lightgray;
	min-height: 500px;
	height: 500px;
}

.current-user {
    text-align: left;
}

.current-user svg {
	width: 36px;
	height: 30px;
	float: left;
}
.current-user svg *{
	fill: #FFF;
}
.current-user .userNameMenu {
	text-decoration: none;
	color: #FFFFFF;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	max-width: 200px;
	font-size: 0.9em;
	margin-top: 5px;
}
.current-user:hover .userNameMenu {
	color: #39bb9d;
}
.current-user:hover svg * {
	fill: #39bb9d;
}

.tableTask td{
	border-top: 0 !important;
	color: #A9A9A9;
}

.aColorGrey a:link, 
.aColorGrey a:visited, 
.aColorGrey a:active {
	color: #A9A9A9;
	text-decoration: underline;
}

.aColorGrey a:hover {
	text-decoration: underline;
	color:blue;
}

.middleIcon {
	width: 40px !important;
}

.comments {
	color: grey;
}

.comment {
	padding:10px;
	border-bottom:1px solid #ddd;
}
.comments .userName{
	font-size: 16px;
	font-weight: bold;
}

.comments .commentTime{
	font-size: 12px;
}

.attachment {
	padding:10px;
	border-bottom:1px solid #ddd;
}

.attachmentItemList .attachmentItem:first-child {
	border-top: 0px;
} 

.attachmentItem {
	border-top: 1px solid #ddd;	
	position: relative;
	width: 100%;
	background-color: #fff;
	color: #666;
}

.attachmentItem .iconimage {
	display: inline-block;
	margin: 15px;
	width: 36px;
	height: 30px;
}

.attachmentItem .attachmentText {
	display: inline-block;
	margin-top: 10px;
	width: 270px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.attachmentItem .iconimagedelete {
	display: none;
	float: right;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 3px;
}

.attachmentItem:hover .iconimagedelete{
	display: block;
}

.attachmentItemList {
	margin: 0;
	list-style: none;
}

.comments [class*="comment"]:last-child {
	border-bottom:0 !important;
}

.uploadDiv {
	display:none;
}

.attachmentPigplus {
	width: 36px;
	height: 30px;
	cursor: pointer;
	background-image: url("../img/icon-plus.svg");
	position:relative;
	top:-8px;
	right:-7px;
}

.fileUploadDiv {
	width: 100%;
	height: 200px;
	border-radius: 3px;
	border: 1px dashed #ddd;
}

.fileUploadDiv > #fileupload {
	position:relative !important;
	width: 100% !important;
	height: 200px !important;
}

.fileUpload {
	position: relative;
	overflow: hidden;
 	margin-bottom: 10px;
 	display: block;
]
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.spanAddFile {
	position:absolute;
	top:50%;
	left:25%;
}

#formContainer {
	margin:15px;
}


.divAddComments {
	max-width : 372px;
}

.arrow-up {
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
}

.logo-turbina {
	width:50px;
	height:50px;
}

label.error {
	color: red;
	font-style: italic;
	font-weight: bold;
	display: inline;
	margin-left: 10px;
}

.error {
	border: 1px solid red !important;
}

.wrapper{
	height: 100%;
	position: relative;
	width: 100%;
}
/*
#holder {
    height: 480px;
    width: 640px;
	b_ackground: #F8F8FF;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px #666;
	background: #DDD url(./images/bg.png);
	/* background: #DDD url(./images/checker-bg.png); * /
	b_order:0px solid #dedede;
}
*/
div.diagramHolder {
	float:left; 
}
div.diagram{
	/* border:1px solid #dedede;
	margin: 5px;
	padding: 5px;
	background: #FFF; */
}
div.diagram.hidden{
	display:none;
}
svg {
	/* background: #DDD url("../img/diagramViewer/bg.png"); */
}

div.diagram-info {
	float:left;
	position: relative;
	padding: 5px;
	border: 1px solid #000000;
	border-color: #000000;
}

/* Breadcrumbs */

#diagramBreadCrumbs {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 10px;
}
#diagramBreadCrumbs ul {
	list-style: none;
	
	background-color: white;
	border: 1px solid #DEDEDE;
	border-color: #C0C2C5;
	margin: 0;
	
	margin-bottom: 10px;
	margin-left: 0;
	
	-webkit-padding-start: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#diagramBreadCrumbs li {
	/*text-decoration: underline;*/
	display: inline-block;
	vertical-align: middle;
	padding-left: .75em;
	padding-right: 0;
	cursor: pointer;
}
#diagramBreadCrumbs li.selected {
	color: #9370DB;
	color: #4876FF;
	color: #4F94CD;
	font-weight: bold;
}
#diagramBreadCrumbs li span {
	background: url("../img/diagramViewer/breadcrumbs.png") no-repeat 100% 50%;
	display: block;
	padding: .5em 15px .5em 0;
}


/* Progress bar */

.ui-progressbar { 
	height: 25px;
	/*height:2em; text-align: left; overflow: hidden; */
	background: white;
	border: 1px solid #949DAD;
	margin: 2px;
	overflow: hidden;
	padding: 1px;
	position: relative;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.ui-progressbar .ui-progressbar-value {
	m_argin: -1px;
	height:100%;
	background: #D4E4FF;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

.ui-progressbar .ui-progressbar-label{
	position: absolute;
	margin-top: 7px;
	border:0px solid red;
	width: 100%;
	text-align: center;
}
.overlayBox {
	/* overflow : auto; */
}

.diagram  {
	width:100% !important;
}
.diagram svg {
	width:100%;
	height:100%;
}

.completeTask {
	margin-top: 5px;
	font-size : 20px;
	font-weight: bold;
}

.btn-actionbar {
	margin-right: 10px;
}
.btn-actionbar:first-child {
	margin-right: 0px;
}

/* Search Hits*/
.hits {
    font-size: small;
    margin: 20px 0px;
}
.hits li.hit {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.hits li.hit:last-child{
    border: none;
}

.hits .hit-type {
    font-weight: bold;
}

.hits .inner-hit {
    margin-bottom: 10px;
}

.hits .hit h3 {
    font-size: 18px;
}

.hits .highlight {
	background-color: #39bb9d;
    font-weight: bold;
    color: white;
    border-radius: 15px;
    padding: 2px 7px;
}

.svgIconInButton {
	width: 20px;
	height: 18px;
	margin: 0px 10px 0px 0px;
}

.accessibility svg {
	width: 36px;
	height: 30px;
}
.accessibility:hover svg {
	fill: #39bb9d;
}
.accessibility:hover svg * {
	fill: #39bb9d;
}
.accessibility + .popover {
	min-width: 200px;
	top: 45px !important;
	font-weight: normal;
}

.notificationIcon svg {
	width: 32px;
	height: 28px;
}
.notificationIcon svg * {
	fill: #FFF;
}
.notificationIcon:hover svg * {
	fill: #39bb9d;
}

.notification {
	font-weight: normal;
	border: solid 1px #ddd;
	padding: 10px;
	margin: 10px 15px 10px 15px;
	border-radius: 3px;
	background-color: #fff;
	cursor: pointer;
}

.notification:hover {
	box-shadow: 0 0 5px #ddd;
}

.notifications {
    height: 350px;
    /*overflow: auto;  USANDO NANOSCROLLER*/
    background-color: #f9f9f9;
}

.notifications:parent {
    padding: 0px;
}

.notifications ul {
	margin: 0px;
	list-style: none;
}

.notifications li p {
	margin-top: 50px;
	font-weight: normal;
	text-align: center;
}

.notification .icon {
	width: 36px;
	height: 30px;
	float: left;
	margin-right: 5px;
}

.notification .iconChecked {
	width: 20px;
	height: 20px;
	float: right;
	margin-left: 5px;
}

.notification .iconChecked svg * {
	fill: #34AB8F;
}

.notification .iconUnchecked {
	width: 20px;
	height: 20px;
	float: right;
	margin-left: 5px;
	cursor: pointer;
}

.refreshIcon {
	float: right;
	width: 20px;
	height: 20px;
}

.refreshIcon:hover svg * {
	fill: #39bb9d;
}

.header-link-popover {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #34AB8F;
	margin-top: 0px !important;
	margin-right: 10px;
	font-size: 12px;
}

.header-link-popover:link,
.header-link-popover:visited,
.header-link-popover:active {
	text-decoration: none;
	color: #34AB8F;
}

.header-link-popover:hover {
	text-decoration: none;
	color: #39bb9d;
}

.font-switch {
	margin-left: 10px;
}
.font-normal {
	font-size: 14px;
}

.font-big {
	font-size: 18px;
}

.font-xbig {
	font-size: 22px;
}

.loginMessages {
	height: 40px;
	margin: 0 auto;
}

.loginLoading {
	width: 200px;
	top: inherit;
	line-height: 30px;
	height: 30px;
}

.loginErrorMessage {
	padding: 5px 7px;
	display: inline-block;
	background-color: #dd4444;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
			border-radius: 4px;
}

.attachmentVariableButtonBox {
	float: left;
	position: relative;
	width: 190px;
}

.attachmentVariableButtonImage {
	float: left;
	width: 26px;
	height: 20px;
}

.attachmentVariableButtonLabel {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
}

.alert-attachmentVariable {
	margin-left: 10px;
	line-height: 15px;
	padding: 0px 35px 0px 14px;
	float: left;
	width: 200px;
	min-height: 30px;
}

.alert-attachmentVariable p {
	font-size: 11px;
	margin: 0;
}

.alert-attachmentVariable p strong {
	font-size: 12px;
}

.alert-notification {
    padding : 0px;
    color : #000;
    background-color : #fff;
}

.alert-notification .title {
    font-weight: bold;
}

.alert-notification .icontext {
    padding: 10px;
    min-height: 45px;
}


.title-notification {
    font-weight: bold;
}

.alert-notification .close {
    top: 0px;
    right: 0px;
    margin: 10px;
}

.alert-notification .iconimage {
	width: 45px;
	padding: 10px;
    float: left;
}

.alert-notification .iconimage img{
	width: 100%;
	height: 100%;
}

.filterArea {
	margin : 10px 30px 15px 15px;
	position : relative; 
}

.clearInput {
	display: none;
	position: absolute; 
	cursor: pointer; 
	top: 4px; 
	right: 10px;
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #eee;
	text-align: center;
	color: black;
}

.clearInput:hover{
	text-decoration: none;
	color: black;
}

.browserBoxModal > .modal-body {
	padding : 7px;
	height: 370px;
}

.browserBoxModal > .modal-body > #itemsArea {
	max-height: 300px; 
	overflow:auto;
}

.iconbox .iconimageedit {
	display: none;
	float: right;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 3px;
}

.iconbox:hover .iconimageedit, .iconbox:hover .iconimagetag {
	display: block;
}

.iconimageedit svg * {
	fill: #31aa8f;
}

.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.keyValueDiv {
	text-align : center;
}

.keyValueActions {
	width : 65px; 
}

.taskAction {
	position: relative;
}
.taskAction img {
	cursor: pointer;
}

.counterDiv {
	z-index: 1;
	position: absolute;
	right: -1px;
	top: -10px;
}

.solutionAction {
	position: relative;
}

.counterDiv {
	z-index: 1;
	position: absolute;
	right: -1px;
	top: -10px;
}

.counterDiv > .counterSpanValue {
	border-radius: 2px;
	font-size: 10px;
	line-height: normal;
	background-color: #dc0d17;
	color: #fff;
	min-height: 13px;
	padding: 0.5px 5px;
}

.fullscreenDiagram {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	margin: 0;
	padding: 0;
	background: white;
	overflow:auto;
}

.fullscreenDiagramContent {
	padding: 15px;
}

.divSVGDiagram {
	position : relative;
	top : 30px;
}

.hideDiagram {
	opacity : 0;
}

.fullscreenIcon {
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.screemDiagramDiv {
	border-bottom: 1px solid #fff;
	line-height: 35px;
	padding: 1px 0px 0px 5px;
	cursor : pointer;
}

.screemDiagram {
	opacity : .5;
}

.screemDiagram:hover {
	opacity : 1;
}

.hideFullscreenDiagram {
	position : fixed;
	right : 20px; 
	z-index: 1;
}

#dashboardsTabs .dropdown-menu:after {
	left: auto;
	right: 13px;
}

#dashboardsTabs .dropdown-menu {
	left: auto;
	right: 0;
	height: 600px;
	overflow: auto;
}

#dashboardsTabs > .dropdown {
	float : right;
}

#dashboardsTabs > .dropdown > .btn > .caret {
	border-top-color: #666;
	border-bottom-color: #666;
}


#dashboardsTabs > .dropdown > .dropdown-toggle {
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}


#dashboardsTabs > .active > .btn,
#dashboardsTabs > .open > .btn {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.modal-header .iconheader {
	margin-left: 0px;
	margin-right: 10px;
	width: 36px;
	height: 30px;	
}

.browserBoxActions, #countMessage {
	font-size: 14px;
	font-weight: normal;
}

.browserBoxActions a {
	margin-left: 10px;
}

.qtyVisualizationAction {
	color: #888;
	background: #fff;
	text-decoration: none;
	text-transform: none;
	box-sizing: border-box;
	height: 30px;
}

.qtyVisualizationAction .pageLabel {
	min-width: 60px;
}

.btn-group.btn {
	border: 0;
	padding: 0;
}

.btn-group.btn>.btn {
	border-radius: 0
}

.btn-group.btn>.dropdown-menu {
	text-align: left;
}

.btn-group.btn:first-child>.btn {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.btn-group.btn:last-child>.btn {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.tableContainer {
	padding: 15px;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	margin: 15px;
}

.tableHead {
	color: #666;
	border-bottom: 2px solid #ddd;
}

.tableBody {
	color: #888
}

.solutionDeploymentAction ,
.solutionDeploymentAction:hover {
	text-decoration: none;
}

.solutionDeploymentAction svg {
	width: 30px;
	height: 30px;
}

.solutionDeploymentAction:hover svg * {
	fill : #39bb9d;
}

.iconDownload {
	width: 20px;
	height: 20px;
}

ul.scroll-menu {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}

.switchVisualization {
	color : #888;
	background : #fff;
}

.defaultListLayout > .controls,
.selectionBoxLayout > .controls,
.actorBoxLayout > .controls {
	margin-bottom : 8px;
}

.defaultListLayout > .controls > * {
	margin-left : 15px;
	display : inline-block;
}

.defaultListLayout > .controls > #searchController {
	margin-right : 15px;
}

.selectionBoxLayout > .controls > * {
	margin-left : 15px;
	display : inline-block;
}

.selectionBoxLayout > .controls > div:first-child {
	margin-left : 0;
}

.selectionBoxLayout > .controls > div:last-child {
	margin-right : 0;
}

.actorBoxLayout > .controls > * {
	margin-left : 15px;
	display : inline-block;
}

.actorBoxLayout > .controls > div:first-child {
	margin-left : 0;
}

.actorBoxLayout > .controls > div:last-child {
	margin-right : 0;
}

.paginationActionsBtn {
	color: #888;
	background: #fff;
	text-transform: capitalize;
}

.itemAction svg {
	width: 20px;
}

.deleteItem:hover svg * {
	fill: red;
}

.deleteItem:hover #icon-checked * {
	fill : #34AB8F !important;
}

.deleteItem #icon-cancel * {
	fill : #bbb;
}

.deleteItem:hover #icon-cancel * {
	fill : #F44336;
}

.editItem svg *{
	fill: #999;
}

.editItem:hover {
	text-decoration: none;
}

.editItem:hover svg *{
	fill: #34AB8F;
}

.selectedItemsQty {
	color: #8A8A8A;
	padding: 5px;
	font-size: inherit;
}

.solutionDeploymentPaginationContent {
	margin-left: 15px;
}

.paginationLinkDisabled, .paginationLinkDisabled:hover {
	color: inherit;
	text-decoration: inherit;
}

.collapseBoxView {
	margin-top: 3px;
}

.collapseBoxAccordionHeading {
	min-height: 45px;
	line-height: 45px;
	background : #F0F0F0;
}

.collapseBoxIconheader {
	margin: 10px 0px 5px 10px;
	width: 30px;
	height: 20px;
}

.collapseBoxHeaderName{
	color : #5E5B5B;
	margin-left: 5px;
}

.collapseBoxView > .accordion-group > .accordion-body {
	background: #fff;
	height: 365px;
	overflow: auto;
}

.actorData {
	margin-top: 10px;
	color : #666;
}

.collapseBoxView .tableContainer {
	border: 0;
	padding : 0;
	margin : 0;
}

.customPropertyIconPlus {
	width: 25px;
	height: 20px;
	background: #fff;
}

.addDirectActor{
	background: #fff;
	color : #33bb99;
}

.addDirectActor > .svgIconInButton {
	margin : 0;
}

.tableHead > tr > th {
	padding : 13px 13px 13px 10px;
}

.tableBody > tr > td {
	padding : 13px 13px 13px 10px;
}

.tableBody > tr.inactivated {
	color : #ccc;
    background-color : #fbfbfb;
    text-decoration : line-through;
}

.tableBody > tr.inactivated a {
	color : #ccc;
}

.tableBody > tr.inactivated a:hover {
	color : #aaa;
}

.tableBody > tr.inactivated svg * * {
	fill: #ccc !important;
}

.tableBody > tr.inactivated svg #path3769 {
	fill: #fff !important;
}

.tableBody > tr.inactivated .deleteItem:hover svg * * {
	fill: #f55;
}

.h2-actor-info {
	margin-top: 0;
	margin-bottom: 0;
}

.h2-actor-perm {
	margin-top: 20px;
	margin-bottom: 0;
}

.font-bold {
	font-weight: bold;
}

.actorComposition {
	margin-top: 15px;
}

.actorPermissions {
	margin-top: 15px;
}

.changePermission {
	cursor: pointer;
}

.permission-icon {
	width: 30px;
	height: 20px;
}

.userData {
	margin-bottom: 10px;
}

.selectionBoxLayout, .actorBoxLayout {
	margin-top: 10px;
}

.btn-group > .search-append {
	margin-bottom : 0;
}

.clearSearch {
	display: none;
	position: absolute; 
	cursor: pointer; 
	top: 4px; 
	right: 43px;
	width: 20px;
	height: inherit;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #eee;
	text-align: center;
	color: black;
	font-size: 15px;
}

.datastream-inline label {
    font-weight: bold;
    margin-top: 5px;
    margin-right: 5px;
}

.datastream-inline label::after {
    content: ":"
}

#implRegion {
  border-top: 2px dashed #ccc;
  clear: both;  
}

div.table-permissions-view-header table,
div.table-permissions-view        table,
div.table-usergroup-view-header table,
div.table-usergroup-view        table {
	table-layout: fixed;
	margin-bottom: 0 !important;
}

div.table-permissions-view, div.table-usergroup-view, div.table-responsible_for-view {
	height: 248px;
	/*overflow: auto;*/ /*Not needed when using jquery.nanoscroller*/
}

div.table-permissions-view-header table > thead > tr:first-child > th,
div.table-permissions-view        table > tbody > tr:first-child > td {
	border-top: 0;
	width: 100px;
	text-align: center;
}

div.table-permissions-view-header table > thead > tr:first-child > th:nth-child(1),
div.table-permissions-view        table > tbody > tr:first-child > td:nth-child(1) {
	width: 20px;
	text-align: left;
}

div.table-permissions-view-header table > thead > tr:first-child > th:nth-child(2),
div.table-permissions-view        table > tbody > tr:first-child > td:nth-child(2) {
	width: auto;
	text-align: left;
}

div.table-usergroup-view-header table > thead > tr:first-child > th,
div.table-usergroup-view        table > tbody > tr:first-child > td {
	border-top: 0;
	width: auto;
	text-align: left;
}

div.table-usergroup-view-header table > thead > tr:first-child > th:first-child,
div.table-usergroup-view        table > tbody > tr:first-child > td:first-child {
	width: 20px;
	text-align: left;
}

div.table-usergroup-view-header table > thead > tr:first-child > th:last-child,
div.table-usergroup-view        table > tbody > tr:first-child > td:last-child {
	width: 20px;
	text-align: right;
}

div.table-permissions-view-header table > thead > tr > th,
div.table-permissions-view        table > tbody > tr > td,
div.table-usergroup-view-header   table > thead > tr > th,
div.table-usergroup-view          table > tbody > tr > td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.table-responsible_for-view-header table,
div.table-responsible_for-view        table {
	table-layout: fixed;
	margin-bottom: 0 !important;
}

div.table-responsible_for-view-header table > thead > tr:first-child > th,
div.table-responsible_for-view        table > tbody > tr:first-child > td {
	border-top: 0;
	width: auto;
	text-align: left;
}

div.table-responsible_for-view-header table > thead > tr:first-child > th:first-child,
div.table-responsible_for-view        table > tbody > tr:first-child > td:first-child {
	text-align: left;
}

div.table-responsible_for-view-header table > thead > tr:first-child > th:last-child,
div.table-responsible_for-view        table > tbody > tr:first-child > td:last-child {
	width: 20px;
	text-align: right;
}

div.table-responsible_for-view-header   table > thead > tr > th,
div.table-responsible_for-view          table > tbody > tr > td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tags {
	margin:0;
	padding:0;
	position:relative;
	top:3px;
	left:3px;
	list-style:none;
}

.tags li, .tags span {
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:11px;
    margin: 1px;
    cursor: pointer;
}

.tags span {
	margin-left:15px;
	padding:0 10px 0 12px;
	background:#34AB8F;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}

.tags span:before {
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #34AB8F transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;
}

.tags span:after {
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
}

.tags span:hover {
    background:#39bb9d;
}

.tags span:hover:before {
    border-color:transparent #39bb9d transparent transparent;
}

#timelineTable .tableBody > .open {
	color: #FF6666;
	font-weight: bold;
}

#timelineTable .tableBody > .closed {
	color: #39bb9d;
}

#timelineTable .tableBody > .interrupt {
	color: red;
}

#timelineTable .tableBody td svg {
	margin: 0px 5px 0px 0px;
	width: 20px;
	height: 20px;
}

#timelineTable .tableBody .open svg * {
	fill: #FF6666;
}

#timelineTable .tableBody .closed svg * {
	fill: #39bb9d;
}

#timelineTable .tableBody .start svg * {
	fill: white;
	stroke: #39bb9d;
	stroke-width: 2;
}

#timelineTable .tableBody .end svg * {
	fill: #000;
	stroke: #000;
}

#timelineTable .tableBody .interrupt svg * {
	fill: red;
	stroke: red;
}

#timelineTable .tableBody a {
	color: inherit;
	text-decoration: underline;
}

/*
    gerado com https://proto.io/freebies/onoff
*/
.onoffswitch {
    position: relative; width: 65px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner-on, .onoffswitch-inner-off {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner-on {
    content: "ON";
    padding-left: 10px;
    background-color: #39BB9D; color: #FFFFFF;
}
.onoffswitch-inner-off {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 31px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

@media (min-width: 771px) {

    .collapseBoxAccordionHeading > .icon-chevron{
    	margin: 13px;
    }

    #collapse-customActorData.in, #collapse-actorData.in {
    	height: 250px !important;
    }

    #collapse-groupsView.in, #collapse-modulesView.in, #collapse-solutionsView.in, #collapse-processesView.in, #collapse-dashboardsView.in {
    	height: 365px !important;
    	overflow: hidden;
    }

    header > .visible-desktop > * {
        margin-left: 15px;
    }

    #paginationController.actor-box {
        float: left;
    }

    .taskAction .imgDiv {
    	position: absolute;
    	right: 0;
    }

}

/*For mobile*/

@media (max-width: 979px) {

    /*Menu*/
    .menu .menu-item {
    	margin-top: auto;
    }
    .menu .hidden-desktop {
        z-index: 1000;
        position: fixed;
        top: 0;
        right: 0;
        left:0;
    }
    .scroll-mobile {
        overflow:scroll;
    }

    /*Login*/
    #username,#password {
        width: 206px; /*default*/
    }
    footer.login {
        position: initial;
    }

    /*Dashboars*/
    body {
        padding:0px;
    }
    #dashboardList{
        width: auto;
        height: 40px;
        overflow: auto;
        overflow-y: hidden;
        margin: 0 auto;
        white-space: nowrap
    }
    #dashboardsTabs {
        margin: 10px;
    }
    #dashboardsTabs > li {
        display: inline;
    }
    #dashboardsTabs > li > a{
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 2px;
        margin-bottom: 2px;
        color: #666;
        font-size: 14px;
        font-weight: bold;
        margin: 10px;
    }
    #dashboardsTabs > .active > a{
        color: #39bb9d;
    }
    #dashboardsTabs > li > a:hover,
    #dashboardsTabs > li > a:focus {
        text-decoration: none;
    }
    .menu-mob {
        padding-right:0px !important;
        padding-left:0px !important;
        background-color: #102938;
        border:1px solid #102938;
    }
    .menu-item-img {
        padding: 0px !important;
    }
    .btn-navbar {
        background-color:#102938 !important;
        background-image: linear-gradient(to bottom, #102938, #102938) !important;
        margin-top: 15px !important;
    }
    .btn-menu {
        border: 0 solid #cccccc !important;
        box-shadow : inset 0 0 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    }
    #content {
        margin-top: 0px;
    }
    header > * {
        padding: 0px !important;
        margin: 0px !important;
    }
    header {
        height: auto;
        z-index: 1000;
        padding: 0px;
        top: 0px !important;
        position: fixed !important;
    }
    .navbar {
        margin-bottom: 0px;
    }
    .navbar-inverse{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .navbar-inner {
        border-radius: 0px !important;
        border: 0 solid #000000;
        padding: 0px;
    }
    #dashboardsTabsContent {
        margin-top: 50px;
    }
    #nav-title {
        text-align: center;
        color:#39bb9d;
        margin-top: 23px;
    }
    .nav-container {
        min-height: 60px;
        max-height: 400px;
        background-color:#102938;
        overflow: scroll;
    }
    .navbar .nav > li > a {
        text-shadow: 0 0 0 #ffffff;
    }
    .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
        color:#FFFFFF;
    }
    .logo-turbina {
        margin-top: 5px;
    }
    .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
        color: #FFFFFF;
        background-color: #3fc3a2;
    }
    .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse
        .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        color: #FFFFFF;
        background-color: #3fc3a2;
    }
    .dropdown {
        margin-top: 10px;
    }
    .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar
    .nav li.dropdown.open.active > .dropdown-toggle {
        background-color: #102938;
        color: #FFFFFF;
    }
    @media (max-width: 480px) {
        .tab-pane {
            width : 90%;
        }
    }
    @media (min-width: 481px) {
        .tab-pane {
            width : 95%;
        }
    }
    .dashboardContent {
        width : 100%;
    }
    [data-sizex="12"] {
        width: 100% !important;
    }
    .gridster ul {
        width : 100% !important;
    }
    .navbar .nav > .active > a {
        box-shadow: none !important;
    }

    .btn-navbar {
        border: none !important;
        box-shadow: none !important;
    }

    /*Admininstration*/

    .icon-head {
        width: 50px;
        height: 50px;
    }
    .iconboxlist {
        margin-left: 0;
    }
    .modal-body {
        max-height: 200px;
    }
    .prepend-mobile {
        width:90% !important;
    }
    .prepend-mobile > .input-mobile {
        width:100% !important;
    }
    li.iconbox {
        top: 0;
        width: 100%;
        margin: 0;
    }
    .control-buttons {
        width: 100%;
    }
    .defaultListLayout > .controls,
    .selectionBoxLayout > .controls,
    .actorBoxLayout > .controls {
    	margin-bottom:auto !important;
    }
    #searchController {
        width: 95%;
    }
    .search-div {
        width: 99%;
    }
    .search-append {
        width: 100%;
    }
    #startModal {
        width: auto !important;
        margin-left: 0px !important;
    }

    .searchInput {
        width: 90% !important;
        height: 25px !important;
    }
    .modal.small {
        width: auto;
        margin-left: auto;
    }
    @media (max-width: 480px) {
        #startModal > .modal-body {
            padding: 7px;
        }
        .browserBoxModal > .modal-body {
            height: 80%;
        }

        /*User data*/
        .mob-align-right {
            width: 50% !important;
            float: right !important;
            text-align: right;
        }
        .save {
            width: 90%;
            margin: 10px auto auto auto;
            float: none;
        }
        /*Groups*/
        #searchController.actor-box {
            width: 90% !important;
        }
        .clearSearch {
            top: 8px !important;
            right: 25px !important;
        }
    }

    @media (min-width: 481px) {
        .searchInput {
            width: 93% !important;
            height: 25px !important;
        }
        .defaultListLayout > .controls > #searchController {
            margin-right: auto !important;
        }
        #searchController {
            width: 100%;
        }
        #startModal {
            top: 30% !important;
            left: 50%;
            right: 50%;
            width: 350px;
            margin-left: -170px;
        }
        .browserBoxModal > .modal-body {
            height: 90%;
        }

        /*User data*/
        .mob-align-right {
            width: 10% !important;
            float: right !important;
            text-align: right !important;
        }
        .btns-userdata {
            margin-left: auto !important;
            width: auto !important;
        }
        .save {
            width: 90%;
            float: none;
        }

        /*Custom properties*/
        #customPropertiesModal {
            left: 50%;
            right: 50%;
        }

        /*Groups*/
        #searchController.actor-box {
            width: 100% !important;
        }
        .clearSearch {
            top: 8px !important;
            right: 45px !important;
        }
    }
    .btnSearch {
        height: 35px;
    }
    #browserBoxModal {
        width: 95%;
        margin-left: 0;
        height: 80%;
    }
    #browserBoxModal > .modal-body {
        max-height: 100%;
    }
    #filterArea {
        margin: 0;
    }
    .browserBoxModal > .modal-body > #itemsArea {
        max-height: 100%;
        overflow: initial;
    }
    .selectAll, .deselectAll {
        visibility: hidden;
    }
    .modal {
        left: 2%;
    }
    .collapseBoxAccordionHeading > .icon-chevron {
        margin-top: 13px;
        margin-right: 13px;
    }
    .actorPermissions {
        margin-bottom: 10px;
    }
    .mob-align-left {
        width: 50% !important;
        float: left !important;
    }
    .changeLocale {
        float: right;
    }
    .mob-input-prepend {
        width: 85% !important;
    }
    .mob-input-modal {
        width: 100% !important;
    }
    .mob-customp-input {
        width: 90%;
    }

    /*Button 'carregar mais'*/
    .round-button {
    	width:50px;
    }
    .round-button-circle {
    	width: 100%;
    	height:0;
    	padding-bottom: 100%;
        border-radius: 50%;
        overflow:hidden;

        background: #39bb9d;
        box-shadow: 0 0 3px gray;

        margin-top: 10px;
        margin-bottom: 10px;
    }
    .round-button-circle:hover {
    	background:#048E6F;
    }
    .carregar-mais.carregando {
        animation: rodar 1s infinite !important;
    }
    @keyframes rodar {
        from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}
    }
    #collapse-customActorData.in, #collapse-actorData.in {
    	height: auto;
    }
    #collapse-groupsView.in, #collapse-modulesView.in, #collapse-solutionsView.in, #collapse-processesView.in, #collapse-dashboardsView.in {
    	height: auto;
    }
    #searchController.actor-box{
        margin-right: auto;
        margin-left: 0;
        margin-top: 10px;
        float: left;
    }
    #paginationController.actor-box {
        float: right;
    }
    div#collapse-modulesView div.tableContainer {
        min-width: 400px;
        width: 100%;
    }
    div#collapse-solutionsView div.tableContainer {
        min-width: 800px;
        width: 100%;
    }
    div#collapse-processesView div.tableContainer {
        min-width: 1200px;
        width: 100%;
    }
    div#collapse-dashboardsView div.tableContainer {
        min-width: 800px;
        width: 100%;
    }
    div#collapse-responsibleForUsersView div.tableContainer {
        min-width: 800px;
        width: 100%;
    }
    div#collapse-responsibleForGroupsView div.tableContainer {
        min-width: 800px;
        width: 100%;
    }
    div#collapse-directUsersView div.tableContainer {
        min-width: 1000px;
        width: 100%;
    }
    div#collapse-customActorData div.tableContainer {
        min-width: 500px;
        width: 100%;
    }
    .btn-navbar-voltar {
        float: left !important;
    }

    /*Process view*/
    .processInstanceContent > section {
        padding: initial;
    }
    #timelineTable {
        margin-left: 0px;
        margin-bottom: 0px;
    }
    #variablesModal {
        width: auto;
        margin-left: auto;
        height: 90%;
    }
    #variablesModal > .modal-body {
        height: 80%;
        max-height: inherit;
    }
    .modal-header .close {
         margin: auto;
    }

    /*Task*/

    .root-taskAction {
        position: relative;
    }
    .taskAction {
        width: 33% !important;
        float: left !important;
        text-align: center;
    }
    .taskAction > img {
        float: none;
    }
    .taskAction > div > img {
        float: none;
    }
    .popover {
        min-width: 300px !important;
    }
    .taskAction > div > div > .arrow {
        visibility: hidden;
    }
    .taskAction > div > .arrow {
        visibility: hidden;
    }
    .counterDiv {
        right: 30px;
    }

}