a:hover, a:active, a:focus, a:visited { text-decoration: none !important; }

/* a,
h3,
p,
.title-blog,
.title-blog::before 
{ -webkit-transition: all cubic-bezier(0.76, 0, 0.174, 1) .3s; transition: all cubic-bezier(0.76, 0, 0.174, 1) .3s;} */

* { outline: none; }

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 30px;
}


.container { width: 1340px; max-width: 100%; }
.container-fluid { max-width: 1770px !important; }
.img-responsive { display: inline-block !important; }
.remove-padding { padding: 0; }
.remove-right { padding-right: 0; }
.remove-left { padding-left: 0; }
.clearfix:before, .clearfix:after, .row:before, .row:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after {clear: both; } .row, .clearfix {zoom: 1; } .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clear5 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 5px; } .clear10 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px; } .clear15 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 15px; } .clear20 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 20px; } .clear25 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 25px; } .clear30 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 30px; } .clear35 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 35px; } .clear40 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 40px; } .clear45 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 45px; } .clear50 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 50px; } .clear60 {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 60px; } .lfloat {float: left } .rfloat {float: right }

.add-right { margin-right: 15px; }


/* DEFAULT */

h2 {
	font-size: 30px;
	color: #383838;
	font-weight: 700;
	margin-bottom: 30px;
}
	h2 svg { position: relative; top: 5px; margin-right: 5px;}


h3 {
	font-size: 24px;
	color: #1d3959;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 0;
}
	h3 svg { position: relative; top: 5px; }


.button-border {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border: 1px solid #c3c9cf;
	border-radius: 30px;
	padding: 0 30px;
	color: #c3c9cf;
	transition: all .1s ease-in-out;
}	
	.button-border:hover {
		color: #fff;
		background: #c3c9cf;
	}

	.button-border.button-white { color: #85929f; }
	.button-border.button-white:hover { color: #c3c9cf; background: #fff; }

.button-blue {
	display: inline-block;
	height: 35px;
	line-height: 32px;
	border: 1px solid #5F0E0E;
	border-radius: 30px;
	padding: 0 30px;
	color: #fff;
	background: #5F0E0E;
	transition: all .1s ease-in-out;
}	
	.button-blue:hover {
		color: #fff;
		opacity: .8;
	}

.button-blue .plus {
	vertical-align: middle;
	display: inline-block;
	margin: -6px 10px 0 0;
}


#login { background: url('../images/bg.jpg') center top no-repeat; }

.box-left { 
	padding: 80px 120px 0; 
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
}
.big-text {
	display: block;
	margin-top: 80px;
	color: #fff;
	font-size: 55px;
	line-height: 66px;
}
.copyright { color: #85929f; font-size: 14px; }

.box-right { 
	padding: 80px 120px; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.box-right .login {
	width: 100%;
}

.box-right a {
	color: #000;
}

.box-right a:hover {text-decoration: underline !important;}

.box-right .login p {margin: 0;}

body #wpuf-login-form .forgetmenot label {display: initial !important;font-size: 13px !important;vertical-align: top;}

	.box-right form input[type=text],
	.box-right form input[type=email],
	.box-right form input[type=password] {
		border: none;
		background: #fff;
		border-bottom: 1px solid #89929f;
		padding: 5px 0;
		margin-bottom: 30px;
		width: 100%;
		color: #13263f;
		font-size: 16px;
	}
	.box-right form input[type=checkbox] {
		margin-right: 5px;
		background: #fff;
		border-bottom: 1px solid #89929f;
		position: relative;
		top: -1px;
	}
	.box-right form label {
		color: #89929f;
		font-size: 16px;
		margin-bottom: 10px;
		font-weight: 500;
		width: 100%;
	}
	.box-right form button,
	.box-right form input[type=submit] {
		height: 50px;
		line-height: 50px;
		background: #8e2929;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		border: none;
		border-radius: 60px;
		transition: all .1s ease-in-out;
		width: 100%;
		margin-top: 30px;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
		.box-right form button:hover { opacity: .8; }


.link-simple { color: #87929f; font-size: 14px; }
.link-simple span { color: #13263f; }
.link-simple svg { margin-right: 5px; }
.link-simple:hover { text-decoration: underline !important; }


header {
	padding: 30px 30px 0;
	background: url('../images/bg-login.jpg') center center no-repeat;
	background-size: cover;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 25%;
	position: fixed;
	top: 0;
	left: 0;
}


.header img {max-width: 100%;height: auto;}

	.welcome { 
		font-size: 42px; 
		color: #fff; 
		line-height: 60px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
		.welcome span {
			width: 50px;
			height: 50px;
			background: #5f0e0e;
			display: inline-block;
			border-radius: 30px;
			margin: 0 5px;
		}
		.welcome svg { margin-left: 10px; }

	.welcome-p { color: #86929f; font-size: 16px; display: block; margin-bottom: 30px; font-weight: 400; padding-top: 7px}
	.welcome-p span { color: #fff; }



.form-search { position: relative; margin-bottom: 60px; }
.form-search input {
	width: 100%;
	border-radius: 30px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	font-size: 14px;
	border: none;
	background: #2d0303;
	color: #fff;
}
.form-search button {
	position: absolute;
	background: none;
	border: none;
	cursor: pointer;
	top: 12px;
	right: 15px;
}

.menu { padding: 0 40px; }
.list-menu { list-style: none; padding: 0; }
.list-menu li { color: #fff; font-size: 16px; margin-bottom: 5px; position: relative; }
.list-menu li a { 
	width:100%; 
	color: #fff; 
	font-size: 16px; 
	padding: 15px 0;
	padding-left: 80px; 
	display: inline-block; 
	transition: all .1s ease-in-out;
}
.list-menu li svg { position: absolute; top: 13px; left: 25px; transition: all .1s ease-in-out; }

.list-menu li a:hover svg { transform: translateX(5px); }
.list-menu li a:hover { opacity: .4; }

.list-menu li a.active { border-radius: 30px; background: #e2574c; }




.content { padding: 80px; padding-left: 29%; }

.box-dashboard { 
	height: 190px; 
	box-shadow: 0 0 15px rgba(0,0,0,.1); 
	border-radius: 15px; 
	border: 1px solid #dddddd;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	transition: all .1s ease-in-out;
}
	.box-dashboard span { font-size: 18px; color: #000; font-weight: 600; }
	.box-dashboard svg { margin-bottom: 40px; }
	.box-dashboard svg path { fill: #e2574c; }

	.box-dashboard:hover { background: #e2574c; }
	.box-dashboard:hover span { color: #fff; }
	.box-dashboard:hover svg path { fill: #fff; }


.filter-holder {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
	.filter-holder p { color: #85929f; font-size: 14px; margin-bottom: 0; }
	.filter-holder input {
		height: 35px;
		line-height: 35px;
		border: 1px solid #939eaa;
		background: #fff;
		margin: 0 5px;
		padding: 0 20px;
		font-size: 14px;
		border-radius: 40px;
		max-width: 135px;
	}
	.filter-holder select {
		-webkit-appearance: none;
		appearance: none;
		height: 35px;
		line-height: 35px;
		border: 1px solid #939eaa;
		background: #fff url(../images/icon-select.png) right 15px center no-repeat;
		margin: 0 5px;
		padding: 0 20px;
		font-size: 14px;
		border-radius: 40px;
		width: 135px;
	}
	.filter-holder button {
		background: #5f0e0e;
		height: 35px;
		line-height: 35px;
		color: #fff;
		padding: 0 20px;
		border: none;
		border-radius: 30px;
	}


.table-default { width: 100%; }
.table-default tr {}
/* padding: 25px 15px; */
.table-default tr td, .table-default thead th { font-size: 14px; font-weight: 600; color: #444444;  position: relative; }
.table-default thead th { padding: 25px 15px; }
.table-default thead th:first-child { padding-left: 25px; }
.table-default tr td:first-child, .table-default thead th:first-child { border-radius: 12px 0 0 12px; }
.table-default tr td:first-child a, .table-default thead th:first-child a { padding-left: 25px; }

.table-default tr td:last-child, .table-default thead th:last-child { border-radius: 0 12px 12px 0; }
.table-default tr td a { color: #444444; padding: 25px 15px; display: block; }
.table-default tr:nth-child(odd) { background: #eeeeee; border-radius: 6px; }
.table-default tr td.light { color: #c3c3c3; text-align: center; }
.table-default tr td img { margin-right: 5px;max-width: 14px; margin-top: -3px;}

.table-default tr:hover { background: #e2574c; }
.table-default tr:hover td { color: #fff !important; }
.table-default tr:hover svg path { fill: #fff; }
.table-default tr:hover td a { color: #fff; }
.table-default tr:hover .options { opacity: 1; }

.cancelado a { opacity: .4; }
.table-default tr.read td { font-weight: 400; }

.table-default thead th { background: #5f0e0e; color: #fff;  }

.options {
	padding: 15px;
	background: #e2574c;
	color: #fff;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	width: 140px;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	opacity: 0;
	/* transition: all .1s ease-in-out; */
	box-shadow: 0 0 20px rgba(226, 87, 76, .6);
	border-radius: 0 12px 12px 0;
}
	.options a { display: inline-block; margin-left: 15px; padding: 0 !important; }

	a.star { color: #eeeeee; }
	a.star:hover { color: #efce4a; }

	.table-default tr td a.star svg path { fill: transparent; stroke: #444444; }

	.table-default tr td a:hover.star svg path { fill: #efce4a; stroke: #efce4a; }

	.table-default tr td a.active.star svg path { fill: #efce4a; stroke: #efce4a; }
	.table-default tr td a.active.star:hover svg path { fill: #efce4a; stroke: #efce4a; }


.content p { color: #85929f; font-size: 14px; margin-bottom: 0; }
.content p .red { color: red; }

.list-pagination { padding: 0; list-style: none; }
.list-pagination li { margin: 0 5px; display: inline-block; }
.list-pagination li a { color: #999999; font-size: 16px; }
.list-pagination li a:hover, .list-pagination li a.active { font-weight: 600px; color: #5f0e0e; }

.back-to-top {
	position: fixed;
	display: inline-block;
	right: 20px;
	bottom: 20px;
	z-index: 800;
}

.tag {
	display: inline-block;
	color: #fff;
	background: #444;
	border-radius: 6px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding: 0 10px;
}
	.tag-yellow { background: #d6be0c; }
	.tag-orange { background: #ffb759; }
	.tag-green { background: #46c5a2; }
	.tag-red { background: #e2574c; }
	.tag-black { background: #000; }



.info { display: block; color: #85929f; margin-bottom: 10px; font-weight: 600; }
.info-value { 
	font-size: 20px; 
	color: #1d3959; 
	line-height: 24px; 
	font-weight: 600; 
	display: flex;
    align-items: center;
}

.box-info {margin-bottom: 30px;}


.form-admin { margin: 30px 0; }
.form-admin textarea { width: 100%; height: 167px; margin-bottom: 20px; }
.form-admin button { margin-right: 15px; }

.avatar {
	width: 35px;
	height: 35px;
	background: #5f0e0e;
	display: inline-block;
	border-radius: 30px;
	margin: 0 10px;
}



.box-message { margin-bottom: 25px; }
.message-header { 
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	color: #85929f; 
	font-size: 16px;
	margin-bottom: 10px;
}
.message-header span { 
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	margin-right: 10px; 
	font-size: 16px; 
	color: #1d3959; 
	font-weight: 600;
}
.message-header i { margin-left: 20px; color: #85929f; font-size: 14px; font-weight: 500; }
.message-content {
	background: #f1f3f5;
	width: 100%;
	padding: 25px;
	border-radius: 20px;
	color: #666666;
	font-size: 15px;
	line-height: 22px;
}

.message-content p {
	color: #666666;
	font-size: 15px;
	margin-bottom: 0;
	line-height: 22px;
}

.link-attachment { display: block; margin-bottom: 5px; }



.link-origin { color: #006cd8; font-size: 14px; display: flex; align-items: center; font-weight: 600; }
.link-origin .avatar { width:20px; height: 20px; }

p .link-origin { display: inline-block; }

.text p { font-size: 15px; color: #666666; line-height: 22px; margin-bottom: 30px; }

.richText .richText-editor { height: 250px !important; }
.richText { margin-bottom: 30px; }


.open-mobile { color: #fff; cursor: pointer; z-index: 30; display: none; margin-top: 20px; }
.close-mobile { position: absolute; z-index: 30; top: 30px; right: 15px; color: #fff; cursor: pointer; display: none; }



.menu-mobile {
	background: #440202;
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	box-shadow: 0 3px 20px rgba(0,0,0,.2);
	display: none;
	z-index: 800;
}


.swal2-content .richText { display: none !important; }

.logotipo img {max-width: 100%;height: auto;}

.comment-form-attachment {
	margin: 0;
}

.comment-form-attachment label {
	display: block;
	margin: 0 0 6px;
	color: #87929f;
	font-weight: normal;
}

.comment-form-attachment label:before {
	content: "";
	display: inline-block;
	background: url(../images/anexo.png) no-repeat;
	background-size: cover;
	height: 12px;
	width: 27px;
	vertical-align: middle;
	margin: -3px 10px 0 0;
}

.comment-form-attachment label.error {color: red;margin-top: 5px;}

.comment-form-attachment label.error:before {display: none;}

.comment-form .botao {margin-top: 25px;}

.comment-form input[type=file] {
	padding: 8px 15px;
	border-radius: 20px;
	background: #f1f3f5;
}

.message-content .attachmentFile {
	margin-top: 20px;
}

.message-content .attachmentFile p:before {
	content: "";
	display: inline-block;
	background: url(../images/anexo.png) no-repeat;
	background-size: cover;
	height: 12px;
	width: 27px;
	vertical-align: middle;
	margin: -3px 10px 0 0;
}

.message-content .attachmentFile .attachmentLink {
	font-weight: normal !important;
	margin-left: 10px;
	color: #87929f;
}

.message-content .attachmentFile .attachmentLink strong {font-weight: normal;}

.message-content .attachmentFile .attachmentLink:hover strong {text-decoration: underline;}


.criar-protocolo {
	margin: 30px 0 50px;
}

body .form-novo-protocolo .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] {
	display: inline-block;
    height: 35px;
    line-height: 32px;
    border: 1px solid #5F0E0E;
    border-radius: 30px;
    padding: 0 30px;
    color: #fff;
    background: #5F0E0E;
    transition: all .1s ease-in-out;
    font-size: 14px;
	text-shadow: initial;
	box-shadow: initial;
	border: 0;
}

body .form-novo-protocolo #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea, 
body .form-novo-protocolo .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea,
body .form-novo-protocolo .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text] {
	width: 100%;
	box-shadow: initial !important;
	background: #fff;
	border-radius: 0;
}

/* DESKTOP */
@media screen and (min-width: 1201px) {
	
	.row-infos-gerais > div:nth-child(4n+5) {clear: both;}
}

@media screen and (max-height: 860px) {
	body > div > header > div:nth-child(1) { display: none; }
	.welcome { font-size: 30px; line-height: 42px; }
	.form-search { margin-bottom: 20px;}
	
	.row-infos-gerais > div:nth-child(4n+5) {clear: both;}
}

/* IPAD DE LADO*/
@media screen and (max-width: 1600px) {
	header { width: 480px; }
	
	.content { padding: 10px; padding-left: 500px; }
	.filter-holder div { flex-wrap: wrap; }
	.filter-holder input { flex: 1; margin-bottom: 10px; max-width: inherit }
	.filter-holder div p { margin-right: 10px; }

	.tag { margin-right: 15px; }

	.table-default tr td:first-child a, .table-default thead th:first-child a { padding-left: 15px; }
	
	.row-infos-gerais > div:nth-child(4n+5) {clear: both;}
}

/* IPAD */
@media screen and (max-width: 1200px) {
	header {
		max-width: 100%;
		padding: 20px;
		z-index: 900;
		transition: all .3s ease-in-out;
		transform: translateX(-100%);
	}
	
	.menu { padding: 0; transform: scale(.8); margin-top: -20px; }
	.content { padding: 0; }

	.filter-holder div:last-child {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
	}
	.filter-holder input {
		height: 35px;
		line-height: 35px;
		border: 1px solid #939eaa;
		background: #fff;
		margin: 0;
		padding: 0 20px;
		font-size: 14px;
		border-radius: 40px;
		max-width: 100%;
		margin-bottom: 10px;
		width: 100%;
	}
	.filter-holder select {
		height: 35px;
		line-height: 35px;
		border: 1px solid #939eaa;
		margin: 0;
		padding: 0 20px;
		font-size: 14px;
		border-radius: 40px;
		max-width: 100%;
		margin-bottom: 10px;
		width: 100%;
	}
	.filter-holder button { width: 100%; }

	.back-to-top { bottom: 10px; right: 10px; transform: scale(.8); z-index: 600; }

	.list-pagination { margin: 30px 0; text-align: center; }

	.table-default tr td {
		font-size: 14px;
		color: #444444;
		line-height: 14px;
		padding: 10px 15px;
		position: relative;
	}

	header.active { transform: translateX(0); }

	.filter-holder .d-none { display: none !important; }

	.mensagens.rwd-table td:before { display: none; }
	.mensagens.rwd-table td { text-align: left !important; padding: 5px 15px; }
	.mensagens.rwd-table tr { padding: 10px 0; }

	.content .col-md-6.text-right { text-align: left !important; }

	.row-infos-gerais > div:nth-child(4n+5) {clear: both;}

	.message-header strong { display: none; }
	.message-header { display: block; }
	.message-header .avatar { margin-left: 0; }

	.rwd-table {
	margin: 1em 0;
	min-width: 300px; 
	}
	
	.rwd-table th {
		display: none; 
	}
	
	.rwd-table td {
		display: block; 
	}
	
	.rwd-table td:before {
		content: attr(data-th)": "; 
		font-weight: 300;
		width: 6.5em; 
		display: inline-block;
	}
		
	th, td { text-align: left; }
		
	@media (min-width: 480px) {
		th, td { display: table-cell; }
	
		/* .rwd-table td { display: none; } */
		
		th:first-child, td:first-child { padding-left: 0; }
		th:last-child, td:last-child { padding-right: 0; }
	}

	#login { background: url(../images/bg-login.jpg) center top no-repeat; }

	.box-left {
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: auto;
	}
	.box-left svg {
		transform: scale(.6);
		margin-bottom: -60px;
		margin-left: -45px;
	}
	.box-left .copyright { display: none; }

	.box-right {
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: auto;
		background: #fff;
		margin-bottom: 20px;
	}

	.open-mobile, .close-mobile { display: block; }

	.content { padding-top: 100px; }
	.menu-mobile { display: block; }

	.table-default tr td:first-child, .table-default thead th:first-child { padding: 10px 15px; }
	.table-default tr td:last-child, .table-default thead th:last-child { text-align: left !important; }

	.table-default tr td a { padding: 3px 0; }
	.table-default tr td:first-child a { padding: 3px 0; }

	.box-dashboard { text-align: center; height: 145px; }
	.box-dashboard svg { margin-bottom: 20px; }
}

/* IPHONE DE LADO */
@media screen and (max-width: 767px) {
	
}

/* IPHONE */
@media screen and (max-width: 480px) {
	
}