/*	GENERAL
   ----------------------------- */
*{
    font-family: 'Dosis', sans-serif;
    color: #1b1b1b;
    font-size: 16px;
	font-weight: 300;
	text-rendering: optimizeLegibility;
	outline: none;
	letter-spacing: .5px;
}
.concerta:after,
.container:after,
.content:after,
form:after,
ul:after,
.calendar:after,
main:after,
#messages .current-conversation-container ul li:after,
.manager:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
.hidden-text{
	margin: 0 !important;
	padding: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	display: block !important;
}
html{
	height: 100%;
}
body{
	height: 100%;
}
form *{
	appearance: none;
	-moz-appearance: none;
}

body{
	background: #f4f4f4;
}
main{
	padding: 40px;
	padding-left: 260px;
	box-sizing: border-box;
}
.messages-page main{
	height: 100%;
	padding-top: 125px;
	padding-left: 40px;
}
.notification{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #ed6045;
	text-align: center;
	font-size: 13px;
	margin-left: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
h2,
h3{
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 26px;
}
h3{
	font-size: 22px;
}
.manager h2 strong{
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 0 10px;
	color: #fff;
	position: relative;
	top: -3px;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 5px;
	text-transform: lowercase;
}
.not-found-content{
	display: table;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 20px 40px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #f4f4f4;
}
/* Messages return */
.message-box{
	display: block;
	height: 45px;
	line-height: 45px;
	background: #ccc;
	color: #fff;
	top: 60px;
	width: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	z-index: 999;
}
.message-box p{
	color: #fff;
}
.message-box a{
	height: 45px;
	position: absolute;
	top:0;
	left: 0;
	right: 20px;
	display: block;
	text-indent: -2000000px;
	background: url(../../images/icons/close.svg) right center no-repeat;
	background-size: 15px;
}
#confirm-box{
	background: #05c147;
}
#error-box{
	background: #db492e;
}
#dialog-confirm{
	display: none;
}
a.see-more{
	display: table;
	width: auto;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	opacity: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	z-index: 99;
	margin: 0 auto;
	margin-top: 20px;
	background: #111;
}
a.see-more.down{
	margin-left: 0;
}
a.see-all-list{
	position: absolute;
	top: 52px;
	right: 40px;
	display: table;
	padding-bottom: 2px;
	border-bottom: 2px solid transparent;
}
.min-height a.see-all-list{
	top: 28px;
}
#important-notification a.see-all-list{
	top: auto !important;
	bottom: 5px;;
}
a.see-all-list:hover{
	border-color: #111;
}
a.see-more:hover{
	background: #111 !important;
}
/* Header */
#main-header{
	display: block;
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #1b1b1b;
	z-index: 9998;
}
#main-header h1,
#main-header .logo{
	display: table;
	height: 60px;
	line-height: 60px;
	font-size: 26px;
	text-transform: uppercase;
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
#main-header .logo{
	z-index: 9;
	opacity: 0;
}
.nav-header{
	display: block;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	position: absolute;
	background: #313131;
	z-index: 9;
}
.nav-header .open-menu{
	display: block;
	width: 60px;
	height: 60px;
	position: fixed;
	left: 0;
	top: 0;
	text-indent: -2000000px;
	z-index: 9;
}
#main-nav.nav-header .open-menu{
	width: 240px;
	background-image: url(../../images/icons/menu.svg) !important;
	background-repeat:  no-repeat !important;
	background-position: 20px center !important;
	background-size: 20px auto !important;
}
.nav-header:hover{
	display: block;
	width: auto;
}
/*#main-nav.nav-header:hover{
	bottom: 0;
	height: auto;
	overflow-y: scroll;
	padding-bottom: 40px;
}*/
#main-nav.nav-header{
	width: 240px;
	z-index: 9999;
	height: 100%;
	position: fixed;
	bottom: 0;
	top: 0;
	overflow-y: scroll;
	overflow-style: marquee-line;
	padding-top: 60px !important;
}
.messages-page #main-nav.nav-header{
	height: 60px;
	overflow: hidden;
}
.messages-page #main-nav.nav-header:hover{
	height: 100%;
	overflow-y: scroll;
}
#main-nav.nav-header .container-menu{
	overflow: hidden;
}
.nav-header:hover a.open-menu{
	/*left: 60px;
	background-position: left center;*/
}
/*.nav-header .container-menu{
	overflow: scroll !important;
	height: 100%;
	display: block;
	padding-bottom: 40px;
}*/
.nav-header ul{
	display: none;
	box-sizing: border-box;
	padding: 20px 60px 0px 60px;
	position:  relative;
	background: #313131;
}
#main-nav.nav-header ul{
	display: block;
	border-right: 1px solid #c6c6c6;
}
.nav-header:hover ul{
	display: block;
}
#main-nav.nav-header ul{
	padding: 20px 0;
	background: #e8e8e8 !important;
}
.nav-header ul:nth-of-type(1){
}
.nav-header ul li{
	/*height: 30px;
	line-height: 30px;*/
}
/*#main-nav.nav-header ul:nth-of-type(2n){
	background: rgba(0, 0, 0, 0.1);
}*/
#main-nav.nav-header ul li{
	/*border-left: 1px solid #fff;
	padding-left: 15px;*/
	padding: 0;
	border-bottom: 1px solid #c6c6c6;
}
#main-nav.nav-header ul li:hover a,
#main-nav.nav-header ul li a.atv{
	background: #111;
}
#main-nav.nav-header ul li.title{
	padding-left: 0;
	padding: 0 20px;
}
#main-nav.nav-header ul li.title strong{
	text-transform: uppercase;
	color: #111;
	padding-bottom: 10px;
	opacity: .7
}
#main-nav.nav-header ul li.title:hover{
	background: none;
}
.nav-header:hover .container-menu{
	display: table;
}
.nav-header ul li a,
.nav-header ul li strong{
	display: block;
	color: #fff;
	height: auto;
	line-height: normal;
}
.nav-header ul li strong{
	text-transform: none;
}
.nav-header ul li a strong{
	/*text-transform: uppercase;
	color: #fff;*/
	display: block;
	color: #111;
	padding: 5px 20px;;
	border-bottom: 2px solid transparent;
}
.nav-header ul li:hover a strong,
#main-nav.nav-header ul li a.atv strong{
	color: #fff;
}
.nav-header ul li a:hover strong,
.nav-header ul li a.atv strong{
	/*border-color: #fff;*/
}
#main-nav.nav-header{
	left: 0;
	top: 0;
}
#config-nav.nav-header{
	right: 0;
	top: 0;
}
#config-nav.nav-header ul:last-child{
	padding-bottom: 40px;
}
#config-nav.nav-header ul li{
	float: right;
	clear: both;
}
.nav-header a.open-config{
	background: url(../../images/icons/config.svg) center no-repeat;
	background-size: 20px auto;
	left: auto;
	right: 0;
}
.nav-header:hover a.open-config{
	background-position: right center;
	right: 60px;
	left: auto;
}
#config-nav.nav-header ul{
	float: right;
	clear: both;
	padding-top: 20px;
}
#config-nav.nav-header ul.choice-colors{
	margin-top: 60px;
	padding: 20px 60px;
	background: #fff !important;
}
#config-nav.nav-header ul.choice-colors li{
	display: block;
	float: left;
	clear: none;
	width: 24px;
	height: 24px;
	margin: 2px;
	box-sizing: border-box;
	border: 2px solid #f4f4f4;
}
#config-nav.nav-header ul.choice-colors li:hover,
#config-nav.nav-header ul.choice-colors li.atv{
	border-color: #1b1b1b;
}
#config-nav.nav-header ul.choice-colors li a{
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -20000px;
}
header#main-header #profile{
	display: block;
	height: 60px;
	position: absolute;
	right: 120px;
	top: 0;
}
header#main-header #profile figure,
header#main-header #profile figure img{
	display: block;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	position: absolute;
}
header#main-header #profile a.welcome{
	display: block;
	height: 60px;
	line-height: 60px;
	position: relative;
	float: right;
	clear: both;
	width: auto;
	color: #fff;
	z-index: 8;
	right: 0;
	padding-right: 70px;
}
header#main-header #profile a.welcome span.notification{
	margin-right: -20px;
}
header#main-header #profile ul{
	position: relative;
	display: none;
	padding: 60px;
	padding-top: 20px;
	background: #313131;
	clear: both;
}
header#main-header #profile:hover ul{
	display: table;
}
header#main-header #profile ul li{
	float: right;
	clear: both;
	height: 30px;
	line-height: 30px;
}
header#main-header #profile ul li a span{
	margin-left: 0;
	margin-right: 5px;
}
header#main-header #profile ul li a strong{
	color: #fff;
	border-bottom: 2px solid transparent
}
header#main-header #profile ul li a:hover strong{
	border-color: #fff;
}
#welcome{
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #dcdcdc;
	height: 45px;
	line-height: 45px;
	margin-top: 60px;
	padding: 0 60px;
	padding-left: 270px;
	position: relative;
	z-index: 99;
}
.fixed{
	padding-top: 125px;
}
.fixed main{
	height: 100%;

}
.fixed #welcome{
    position: fixed;
	top: 60px;
	margin-top: 0;
}
#welcome p{
	height: 45px;
	line-height: 45px;
	display: inline-block;
	margin-right: 40px;
}
header#main-header a.icon-messages{
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0;
	right: 60px;
	background: url(../../images/icons/messages.svg) center no-repeat;
	background-size: 22px auto;
	text-indent: -200000px;
}
header#main-header a.icon-messages span.notification{
	position: absolute;
	right: 5px;
	top: 10px;
	text-indent: 0;
}
/* Home */
.common-information{
	clear: both;
	margin: 0 auto;
	width: 1700px;
	max-width: 100%;
	border-top: 1px solid #f4f4f4;
}
#main-home .common-information{
	margin: 0 auto;
	width: 100%;
	border-top: none;;
}
.two-content{
	width: 50% !important;
}
#main-home{
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.home{
	float: left;
	padding: 45px 30px;
	box-sizing: border-box;
	width: 33.333% !important;
	background: #fff;
	position: relative;
	border: 8px solid #f4f4f4;
}
.home h2 span.notification{
	position: relative;
	top: -3px;
}
.notices h2{
	padding-left: 10px;
}
.notices ul li{
	display: block;
	width: 50%;
	box-sizing: border-box;
	float: left;
	background: #f4f4f4;
	height: auto;
	position: relative;
	border: 10px solid #fff;
}
.notices ul li.no-image{
	padding-top: 100px;
}
.notices ul li.no-image a time{
	top: 30px;
}
.notices ul li.no-image a span.see-more{
	top: 55px;
}
.notices ul li:nth-of-type(5n){
	clear: both;
}
.notices.login-list ul li{
	width: 25%;
    clear: none;
}
.notices.login-list ul li:nth-of-type(4n+1){
    clear: both !important;
}
.notices ul li span.now-menu{
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	background: #111;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	font-size: 13px;
}
.notices ul li span.now-menu.answer{
	background-image: url("../../images/icons/enquete.svg") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	text-indent: -30000px;
}
.notices ul li figure{
	width: 100%;
	height: auto;
	max-height: 180px;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}
.notices ul li figure img{
	width: 100%;
	display: block;
}
.notices ul li a.title{
	display: block;
	width: 100%;
	height: auto;
	position: static;
	top: 0;
	left: 0;
	z-index: 9;
	box-sizing: border-box;
	padding: 10px;
	opacity: .5;
	background: #fff;
}
.notices ul li a span.data{
	position: absolute;
	top: 10px;
}
.notices ul li a span.see-more{
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border-bottom: 2px solid transparent;
	padding-bottom: 2px;
	margin-top: 5px;
	opacity: 0;
}
.notices ul li a strong{
	max-width: 90%;
	display: block;
	font-size: 20px;
}
.home.notices ul li a strong{
	font-size: 16px;
}
.notices.login-list ul li a strong{
	font-size: 16px;
}
.notices ul li a time{
	position: absolute;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	font-size: 19px;
}
.notices ul li:hover a time,
.notices ul li:hover a span.see-more{
	opacity: 1;
}
.notices ul li:hover a time{
	color: #be8c04;
}
.notices ul li a *{
	color: #1b1b1b;
}
.notices ul li:hover a{
	opacity: 1;
}
.notices ul li.no-image a *,
.notices ul li:hover a *{
	color: #1b1b1b;
}
.notices ul li a span.see-more:hover{
	border-color: #1b1b1b;
}
.notices ul li:hover figure{
	opacity: 0;
}

/*Comments*/

.comments{
	width: 900px;
	max-width: 100%;
	padding: 20px;
	box-sizing: border-box;
	margin: 0 auto;
}
.comments ul li {
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    min-height: 100px;
    position: relative;
    width: 100%;
}
.comments ul li figure{
	display: block;
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
}
.comments ul li figure img{
	 display: block;
    height: 60px;
    width: 60px;
}
.comments ul li .message{
	background: #f4f4f4 none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    display: block;
    float: left;
    height: auto;
    left: 80px;
    max-height: 80px;
    max-width: 80% !important;
    min-width: 200px;
    padding: 20px;
    position: absolute;
    top: 20px;
    width: auto;
}

#last-events{
	padding: 45px 40px;
}
#min-calendar{
	position: relative;
	top: 10px;
	height: 420px;
	background: #f7f7f7;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 20px;
}
#min-calendar ul{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#min-calendar ul li{
	display: block;
	height: 60px;
	line-height: 60px;
	position: relative;
	width: 900px;
	box-sizing: border-box;
	border-bottom: 1px solid #d6d6d6;;
	background: #f7f7f7;
	overflow: hidden;
}
#min-calendar ul li:nth-of-type(2n){
	background: #fafafa;
}
#min-calendar ul li.atv{
	background: #9ae8b9;
	border-color: #c2f0d5;
}
#min-calendar ul li.atv time strong{
	border-color: #9adbb3
}
#min-calendar ul li.atv a{
	border-color: #9adbb3;
}
#min-calendar ul li.atv a strong{
	color: #1b1b1b !important;
}
#min-calendar ul li.atv a time{
	color: #606060;
}
#min-calendar ul li:hover{
	background: #505050;
	border-color: #5f5f5f;
}
#min-calendar ul li:hover time strong{
	border-color: #5f5f5f;
	color: #fff;
}
#min-calendar ul li:hover a{
	border-color: #5f5f5f;
	color: #fff;
}
#min-calendar ul li:hover a strong{
	color: #f7f7f7 !important;
}
#min-calendar ul li:hover a time{
	color: #e3e3e3
}
#min-calendar ul li:last-child{
	border-bottom: none;
}
#min-calendar ul li time{
	display: block;
	height: 60px;
	line-height: 60px;
	float: left;
	width: 128px;
	position: relative;
}
#min-calendar ul li time strong{
	display: inline-block;
	height: 60px;
	line-height: 60px;
	width: 56px;
	text-align: center;
	border-right: 1px solid #d6d6d6;
}
#min-calendar ul li time strong.data{
	width: 66px;
}
#min-calendar ul li time span.notification{
	position: absolute;
	right: -10px;
	top: 20px
}
#min-calendar ul li a{
	display: block;
	float: left;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	border-right: 1px solid #d6d6d6;
}
#min-calendar ul li a:hover strong{
	color: #1b1b1b !important;
}
#min-calendar ul li a:hover time{
	color: #fff !important;
}
#min-calendar ul li a strong{
	height: 50px;
	line-height: 50px;
	display: block;
	font-size: 22px;
}
#min-calendar ul li a time{
	display: block;
	position: relative;
	top: -35px;
	font-size: 14px;
	color: #acacac;
}
#last-messages #min-messages{
	display: block;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	height: 440px;
	padding-top: 10px;
	border-right: 0;
}
.current-conversation-container ul li{
	display: block;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	min-height: 100px;
	margin-bottom: 10px;
}

.current-conversation-container ul li figure{
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}
.current-conversation-container ul li figure a,
.comments ul li figure a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: #000;
	opacity: 0;
}
.current-conversation-container ul li figure img{
	display: block;
	width: 60px;
	height: 60px;
}
.current-conversation-container ul li.group figure img{
	width: 30px;
	height: 30px;
	float: left;
}
.current-conversation-container ul li .message,
.comments ul li .message{
	display: block;
	float: left;
	clear: both;
	height: auto;
	background: #f4f4f4;
	position: absolute;
	left: 80px;
	top: 20px;
	width: auto;
	box-sizing: border-box;
	padding: 20px;
	max-height: 80px;
	max-width: 80% !important;
	min-width: 200px;
}
.current-conversation-container ul li .message p strong,
.comments ul li .message p strong{
	font-weight: 600
}
.current-conversation-container ul li:hover .message,
.comments ul li:hover .message{
	background: #dcdcdc;
}
.current-conversation-container ul li .message time,
.comments ul li .message time{
	position: absolute;
	top: -20px;
	font-size: 13px;
	color: #acacac;
	display: table;
	float: left;
	clear: both;
	width: 100%;
}
.current-conversation-container ul li .message time strong{
	font-size: 13px;
	margin-left: 10px;
	display: block;
	max-width: 60px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}
.current-conversation-container ul li .message a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	opacity: 0;
}
#last-messages .conversation ul li .message p{
	display: block;
	overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}
.current-conversation-container ul li .message .arrow,
.comments ul li .message .arrow{
	position: absolute;
	left: -10px;
	top: 10px;
}
.current-conversation-container ul li .message .arrow:before,
.comments ul li .message .arrow:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #f4f4f4;
}
.current-conversation-container ul li:hover .arrow:before,
.comments ul li:hover .arrow:before{
	border-right: 10px solid #dcdcdc !important;
}
.current-conversation-container ul li.atv .message p,
.current-conversation-container ul li.atv .message p strong{
	color: #fff;
}
.current-conversation-container ul li.atv:hover .message p{
	color: #1b1b1b;
}
.current-conversation-container .message-sender textarea{
    height: 50px;
}



#important-notification h2,
#important-notification p,
#important-notification a{
	color: #fff;
}
#important-notification h2 time{
	color: #fff;
	position: relative;
	left: 5px;
	font-size: 15px;
	top: -2px;
	padding: 0 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.home h2 strong{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	background: #c6baba;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	top: -2px;
	color: #fff;
}
.min-height a{
	display: table;
	border-bottom: 2px solid transparent;
	margin-top: 20px;
	padding: 2px 0;
}
.min-height a:hover{
	border-color: #1b1b1b;
}
#important-notification h2 strong{
	background: #fff;
}
#important-notification.min-height a:hover{
	border-color: #fff;
}
#menu-food h2 strong{
	background: #c6baba url(../../images/icons/cardapio.svg) center no-repeat;
	background-size: auto 25px;
	text-indent: -200000px;
}
#poll h2 strong{
	background: #c6baba url(../../images/icons/enquete.svg) center no-repeat;
	background-size: 20px auto;
	text-indent: -200000px;
}
.min-height a.reply{
	background: #429d66;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	color: #fff;
}
.min-height a.reply:hover{
	background: #00b246;
}
.lists-auto h2{
	margin-bottom: 30px;
}
.lists-auto ul li{
	display: block;
	width: 100%;
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
	background: #e3e3e3;
	box-sizing: border-box;
}
#rh.lists-auto ul li a{
	font-size: 19px;
	display: block;
	overflow: hidden;
    text-overflow: "...";
    white-space: nowrap;
	width: 100%;
}
.lists-auto ul li a{
	border-bottom: 2px solid transparent;
}
#rh.lists-auto ul li.sub-itens a{
	font-size: 16px;
}
.lists-auto ul li:hover a{
	color: #fff;
}
.lists-auto ul li:hover a:hover{
	border-color: #fff;
}
.lists-auto ul li:nth-of-type(2n){
	background: #f9f9f9;
}
.lists-auto ul li.sub-itens{
	height: auto;
	line-height: normal;
	background: #fff;
	padding: 20px 20px
}
.lists-auto ul li.sub-itens h3{
	font-size: 22px;
	margin-bottom: 20px;
}
.lists-auto ul li.sub-itens h3 span{
	position: relative;
	top: -2px;
}
.lists-auto ul li.sub-itens a{
	display: table;
	line-height:  normal;
	height: auto;
	margin-top: 10px;
	margin-left: 15px;
}
#message-boards ul li{
	line-height:  normal;
	height: auto;
	padding: 20px 20px;
}
#message-boards ul li:hover p{
	color: #fff;
}
#message-boards ul li a{
	display: table;
	margin-top: 15px;
}
.others{
	width: 1700px;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	border-top: 1px solid #f4f4f4;
}
.numbers{
	display: table;
	margin: 0 auto;
	padding: 20px 0;
}
.numbers a{
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #fff;
	float: left;
	margin: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.numbers a.arrow{
	line-height: 20px;
}
.numbers a:hover{
	background: #f4f4f4;
}
.numbers a.atv{
	color: #fff;
}

/* Notices */
#notices{
	width: 1700px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 40px;
	background: #fff;
	margin: 0 auto;
}
#notices.notices ul li{
	width: 16.66%;
}
#notices.notices ul li a strong{
	font-size: 19px;
}
#notice-details{
	width: 1200px;
	max-width: 100%;
	box-sizing: border-box;
	background: #fff;
	margin: 0 auto;
}
#notice-details article{
	display: block;
	border-bottom: 1px solid #f4f4f4;
	box-sizing: border-box;
	padding: 40px;
	position: relative;
}
#notice-details .text{
	display: block;
	width: 60%;
	float: right;
	padding: 40px;
	box-sizing: border-box;
}
#notice-details .text.no-img,
#notice-details.video .text,
#notice-details.album .text{
	width: 80%;
	float: none;
	margin: 0 auto;
}
#notice-details .text h2{
	margin-bottom: 5px;
}
#notice-details .text time{
	display: block;
	margin-bottom: 30px;
}
#notice-details .text p{
	margin-bottom: 20px;
	line-height: 22px;
}
#notice-details article figure{
	display: block;
	width: 40%;
	float: right;
	box-sizing: border-box;
}
#notice-details article figure img{
	display: block;
	width: 100%;
}
#notice-details .notices{
	box-sizing: border-box;
	padding: 40px;
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
}
#notice-details .notices li{
	width: 33.33%
}
#notice-details .format-text{
    padding: 20px 0;
}
#notice-details .format-text-div{
    width: 40%;
    height: 40px;
    display: block;
    padding: 5px 4%;
    float: left;
    line-height: 40px;
    border: 1px solid #dcdcdc;
    margin-top: -1px;
}
#notice-details .format-text-div:nth-of-type(2n){
    border-left: none;
}
#notices.manager{
	padding: 0;
}
#notices.manager h4{
	font-size: 18px;
}
#notices.manager ul{
	padding: 40px;
	box-sizing: border-box
}
form.common input,
form.common textarea,
form.common select{
	display: block;
	height: 35px;
	line-height: 35px;
	background: #f4f4f4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
	clear: both;
}
form.common .answer{
	position: relative;
}
form.common .add-answer{
	display: table;
	padding: 0 15px;
	width: auto;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	margin-top: 15px
}
form.common .add-answer:hover{
	background: #111 !important;
}
form.common .answer input{
	padding-right: 40px;
}
form.common .answer a.delete{
	top: 37px;
}
form.common fieldset{
	border-bottom: 1px solid #f4f4f4;
	padding: 30px 0;
}
form.common fieldset:first-child{
	padding-top: 0;
}
form.common fieldset:last-child{
	border-bottom: none;
}
form.common fieldset.rand-buttons{
	padding: 10px 40px !important;
}
form.common textarea{
	line-height: normal;
	height: 180px;
	box-sizing: border-box;
	padding: 15px;
	resize: vertical;
}
form.common label{
	display: block;
	padding: 10px 0 5px 15px;;
}
form.common label.error{
	color: #f00
}
form.common .radio input{
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
}
form.common .checkbox,
form.common .radio{
	display: table;
	float: left;
	position: relative;
	margin: 5px;
}

form.common .radio{
    /*background: #f4f4f4;
    border: 1px solid #dcdcdc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 0 5px;*/
}
form.common .radio label{
    padding-left: 0;
}

form.common .checkbox input{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}
form.common .checkbox label{
	background: #f4f4f4 url(../../images/icons/check.png) 10px center no-repeat;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	padding-left: 30px;
}
form.common .checkbox:hover label{
	background-color: #fff !important;
}
form.common .checkbox.atv input + label{
	color: #fff;
	background: url(../../images/icons/enquete.svg) 10px center no-repeat;
	background-size: 15px auto;
}
form.common fieldset.bt-actions{
	text-align: center;
	padding: 10px 0px !important;
}

form.common fieldset.bt-actions.fixed-position{
	position: fixed;
	bottom: 0;
	width: 1300px;
	max-width: 100%;
	background: #ecfff9;
	z-index: 999;
	border-top: 1px solid #f4f4f4;
}
.manager-modules form.common fieldset.bt-actions.fixed-position{
	width: 1200px !important;
}
form.common fieldset.bt-actions.fixed-position input[type=submit]{
	padding: 0 40px;
	text-transform: uppercase;
	margin-right: 20px;
	background: #fff !important;
	border: 2px solid #fff;
}
form.common fieldset.bt-actions.fixed-position input:hover{
	background-color: #00b246 !important;
	color: #fff !important;
}

form.common fieldset.bt-actions input,
form.common fieldset.bt-actions a{
	display: inline-table;
	width: auto;
	margin: 5px;
	line-height: auto;
	height: auto;
	cursor: pointer;
    margin-left: 0;
}
form.common fieldset.bt-actions input{
	background-color: #379300 !important;
	color: #fff;
	border: none;
}
form.common fieldset.bt-actions input:hover{
	background-color: #00b246 !important;
	color: #fff;
}
form.common fieldset.bt-actions a strong{
	border-bottom: 2px solid transparent
}
form.common fieldset.bt-actions a:hover strong{
	border-color: #1b1b1b
}
form.common .generate-password a{
	float: left;
	display: table;
    position: relative;
	top: 31px;
	margin-right: 20px;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
	color: #fff;
}
form.common .generate-password a:hover{
	background: #111 !important;
}
form.common .generate-password .input{
	float: left;
}
form.common .tip{
	padding: 0 45px 16px 45px;
	color: #4e4e4e;
	font-style: italic;
	line-height: 20px;
}
form.common .check-everything{
    width: auto;
    margin: 20px 0 10px 4px;
    cursor: pointer;
    display: table;
    border: none;
    background: none;
    color: #0d96cc;
    height: auto;
    line-height: normal;;
    border-bottom: 2px solid transparent;
    padding: 0px;
    border-radius: 0;
}
.slice .check-everything{
    margin-left: 45px!important;
    margin-right: 45px!important;
}
form.common .check-everything:hover{
    border-color: #0d96cc
}
#notices.manager.add-content{
	width: 1000px;
	float: none;
}
#notices.add-content form{
	box-sizing: border-box;
	padding: 40px;
	margin: 0 auto;
	width: 700px;
	max-width: 100%;
}
#notices.add-content form fieldset{
	width: 700px;
	max-width: 100%;
	padding: 40px 0;
}

#notices.manager.edit-content{
	width: 1300px;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	padding-bottom: 80px;
}
#notices.manager.edit-content{
	background: none;
}
#notices.manager.edit-content header,
#notices.manager.edit-content form,
#notices.manager.edit-content .edit-imgs{
	background: #fff;
}
#notices .edit-text,
#notices .edit-imgs{
	display: block;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
#notices .edit-archives h4,
#notices .edit-imgs h4{
	padding: 10px 40px;
}
#notices .edit-archives{

	padding-top: 147px;
	padding-bottom: 40px;
	background: #fff;
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-bottom: 1px solid #f4f4f4;
}
#notices.manager .edit-archives ul{
	padding: 0;
}
#notices.manager .edit-archives ul li{
	width: 100%;
	height: auto;
	bordeR: none;
	padding: 20px 40px;
	border-bottom: 1px solid #fff;
}
#notices.manager .edit-archives ul li:hover{
}
#notices.manager .edit-archives ul li h4{
	padding: 0;
}
#notices .edit-archives ul li form{
	top: 20px;
	right: 40px;
}
#notices .edit-archives input{
	opacity: 1;
	margin: 0;
}
#notices.manager.edit-content .edit-imgs .list-content{
	width: 100%
}
#notices .edit-text fieldset,
#notices .edit-imgs form{
	box-sizing: border-box;
	padding: 40px;
}
#notices .edit-text textarea{
	height: 280px;
}
#notices .edit-text{
	border-right:  1px solid #f4f4f4;
}
#notices .edit-imgs fieldset.bt-actions{
	padding: 20px 0;
	text-align: left;
}
.manager-modules .edit-imgs form,
#notices.notices .edit-imgs form{
	border-bottom:  1px solid #f4f4f4;
}
.manager-modules .edit-imgs.list-content .images-list li{
	padding: 0;
}
#notices.notices .edit-imgs ul li{
	display: block;
	width: 100%;
	position: relative;
	height: auto;
	float: none;
}
.manager-modules .edit-imgs ul li figure,
.manager-modules .edit-imgs ul li figure img,
#notices.notices .edit-imgs ul li figure,
#notices.notices .edit-imgs ul li figure img{
	width: 100%;
	padding: 0;
	display: block;
	height: auto;
	position: static;
	opacity: 1 !important
}
.manager-modules .edit-imgs ul li form,
#notices.notices .edit-imgs ul li form{
	border: none;
	position: absolute;
	left: 20px;
	bottom: 20px;
	right: 20px;
	padding: 20px;
	background: none;
	width: auto;
	/*height: 35px;*/
}
.manager-modules .edit-imgs ul li form input,
#notices.notices .edit-imgs ul li form input,
.container-profile .edit-imgs .images-list form input{
	display: block;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	padding: 0 15px;
	bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	height: 35px;
	line-height: 35px;
	box-sizing: border-box;
	width: 100%;
	border: none;
}
.current-conversation-container header form input.save,
.manager-modules .edit-imgs ul li form input.save,
.manager-modules .edit-imgs ul li form input.delete,
.manager-modules .edit-imgs ul li form input.feature,
#notices.notices .edit-imgs ul li form input.save,
#notices.notices .edit-imgs ul li form input.delete,
#notices.notices .edit-imgs ul li form input.feature,
.container-profile .edit-imgs .images-list form input.delete,
form.delete input{
	width: 25px;
	height: 25px;
	bottom: 25px;
	padding: 0;
	top: 5px;
	right: 5px;
	left: auto;
	margin-left: -12.5px;;
	border: none;
	background: #379300 url(../../images/icons/enquete.svg) center no-repeat;
	background-size: 15px auto;
	cursor: pointer;
	text-indent: -200000px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

.manager-modules .edit-imgs ul li form input.delete,
#notices.notices .edit-imgs ul li form input.delete,
.container-profile .edit-imgs .images-list form input.delete,
form.delete input{
	left: auto;
	right: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #ed6045 url(../../images/icons/close.svg) center no-repeat;
	background-size: 10px auto;
}

.manager-modules .edit-imgs ul li form input.feature,
#notices.notices .edit-imgs ul li form input.feature{
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #f4f4f4 url(../../images/icons/check.png) no-repeat center;
	background-size: 10px auto;
    border: 1px solid #dcdcdc;
}
.manager-modules .edit-imgs ul li form input.feature.atv,
#notices.notices .edit-imgs ul li form input.feature.atv{
    background: #ffba00 url(../../images/icons/enquete.svg) no-repeat center;
}
.manager-modules .edit-imgs ul li form.delete-image,
#notices.notices .edit-imgs ul li form.delete-image{
	right: 0;
	left: auto;
	/*width: 40px;*/
}
.manager-modules .edit-imgs ul li form.feature-image,
#notices.notices .edit-imgs ul li form.feature-image{
	right: 55px;
	left: auto;
	/*width: 40px;*/
}
#notices.notices .edit-imgs ul li form.feature-image,
#notices.notices .edit-imgs ul li form.delete-image{
	bottom: 60px !important;
}

form.common fieldset.images-input,
form.common fieldset.archives-input{
	position: absolute;
	top: 111px;
	right: 0;
	width: 25%;
	background: #fff;
	padding: 20px 40px !important;
	opacity: 1;
}
form.common fieldset.archives-input{
	right: 25%;
	border-right: 1px solid #f4f4f4;
}
fieldset.archives-input ul{
	border: none;
	display: block;
	width: 100%;
}

/* Messages */
.messages header{
	box-sizing: border-box;
	padding: 40px;
	border-bottom:  1px solid #f4f4f4;
}
.messages header h2{
	margin: 0;
}
#last-messages .current-conversation-container{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	/*overflow-y: scroll;*/
	box-sizing: border-box;
}
.current-conversation-container ul li.me figure{
	left: auto;
	right: 0;
	float: left;
}
.current-conversation-container ul li.me .message{
	left: auto;
	right: 80px;
	float: right;
}
.current-conversation-container ul li .message time{
	right: 0;
}
.current-conversation-container ul li.me .message .arrow{
	right: -20px;
	left: auto;
}
.current-conversation-container ul li.me .message .arrow:before {
	border-left: 10px solid #f4f4f4;
	border-right: 0;
}
.current-conversation-container ul li.me:hover .arrow:before{
	border-right: 0 !important;
	border-left: 10px solid #dcdcdc !important;
}
/*	NOTES
   ----------------------------- */
.notes h2 strong{
   background: #c6baba url(../../images/icons/notes.svg) center no-repeat;
   background-size: auto 20px;
   text-indent: -200000px;
}
.notes ul li{
   display: block;
   width: 100%;
   position: relative;
   box-sizing: border-box;
   height: auto;
   margin-bottom: 10px;
   padding-top: 20px;
}
.notes ul li .note{
   display: table;
   height: auto;
   background: #f4f4f4;
   left: 30px;
   top: 20px;
   width: auto;
   max-width: 80%;
   box-sizing: border-box;
   padding: 20px;
   min-width: 120px;
   position: relative;
}
.notes ul li:hover .note{
   background: #dcdcdc !important;
}
.notes ul li .note time{
   position: absolute;
   top: -20px;
   font-size: 14px;
   color: #acacac;
}
.notes ul li .note .arrow-note{
   position: absolute;
   left: -10px;
   top: 10px;
}
.notes ul li .note .arrow-note:before {
   content: "";
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-right: 10px solid #f4f4f4;
}
.notes ul li:hover .arrow-note:before{
   border-right: 10px solid #dcdcdc !important;
}
.notes ul li.atv .note p{
   color: #fff;
}
.notes ul li.atv:hover .note p{
   color: #1b1b1b;
}
.notes ul li .note a, .notes ul li .circle{
    position: absolute;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.notes ul li .note a{
   right: -25px;
   display: block;
   width: 20px;
   height: 20px;
   line-height: 20px;
   background: #1b1b1b;
   text-indent: -20000px;
   top: 0;
   display: none;
}
.notes ul li .circle{
   display: block;
   width: 10px;
   height: 10px;
   line-height: 15px;
   background: #f4f4f4;
   left: 0;
   top: 55px;
}
.notes ul li:hover .note a{
   display: block
}
.notes ul li .note a.important-note{
   background: #f07f68;
   text-indent: 0;
   text-align: center;
   color: #fff;
}
.notes ul li.atv .note a.important-note{
   display: block;
}
.notes ul li .note a.important-note strong{
   display: none;
}
.notes ul li .note a.delete-note{
   top: 22px;
   background: #f07f68 url(../../images/icons/close.svg) center no-repeat;
   background-size: 10px auto;
}
.preloader{
    width: 100%;
    display: block;
    height: 16px;
    background: url('../../images/preloader.gif') center no-repeat;
    clear: both;
    padding: 20px 0;
}
/*
	Modulos gerenciaveis
*/
a.edit,
a.delete,
form.delete{
	position: absolute;
	display: table;
	top: 10px;
	left: auto;
	right: 40px;
	bottom: auto;
	width: auto;
	height: 22px;
	line-height: 20px;
	padding: 0 10px;
	opacity: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	z-index: 99;
}
a.edit:hover,
a.delete:hover,
form.delete:hover{
	background-color: #1b1b1b !important;
}
a.delete,
form.delete{
	right: 10px;
	width: 22px;
	background: #ed6045 url(../../images/icons/close.svg) center no-repeat;
	background-size: 12px auto;
	text-indent: -200000px;
	padding: 0;
	overflow: hidden;
}
form.delete input{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	cursor: pointer;
	opacity: 0;
}
.manager header form{
	position: absolute;
	right: 40px;
	top: 40px;
	padding-right: 42px;
}
.manager header form fieldset{
	display: block;
	float: left;
	position: relative;
	width: 250px;
}
a.go-back{
	display: table;
	line-height: 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 40px;
	right: 40px;;
	padding: 0 15px;
}
a.go-back strong{
	border-bottom: 2px solid transparent;
}
a.go-back:hover strong{
	border-color: #1b1b1b;
}
.manager header form fieldset.search-data{
	width: 220px;
	padding-left: 10px;
}
.manager header form input,
.manager header form select{
	display: block;
	height: 35px;
	line-height: 35px;
	background: #f4f4f4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
}
.manager header form input.bt-search,
.manager form input.bt-search{
	width: 35px;
	text-indent: -200000px;
	position: absolute;
	top: 0;
	right: 0px;
	border: 1px solid #fff;
	background: url(../../images/icons/search.svg) center no-repeat;
	background-size: 20px auto;
	cursor: pointer;
}
.manager header form input.bt-search:hover{
	border-color: #dcdcdc;
}
.manager header{
	border-bottom: 1px solid #f4f4f4;
	padding: 40px;
	box-sizing: border-box;
	position: relative;
}
.manager header.sub-header{
	padding: 20px 40px;
}
.manager header.sub-header h3{
	margin-bottom: 0;
}
.manager header h2{
	margin-bottom: 0;
	overflow: hidden;
    text-overflow: "...";
    white-space: nowrap;
	width: 700px;
	max-width: 60%;
}
.manager header a.bt-create{
	display: table;
	line-height: 33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 41px;
	right: 575px;
	padding: 0 15px;
	color: #fff;
}
.manager header a.bt-create.position-edit{
	right: 110px;
}
.manager header a.bt-create:hover{
	background: #505050 !important;
}
.manager-modules{
	width: 1200px;
	max-width: 100%;
	box-sizing: border-box;
	background: #fff;
	margin: 0 auto;
	padding-bottom: 60px;
}
.manager-modules form.common fieldset{
	padding: 40px;
}
.manager-modules form.common fieldset.pass{
	border-top: 1px solid #f4f4f4;
	padding: 10px 40px;
}
.manager-modules form.common fieldset.generate-password{
	display: block;
	padding: 20px 40px;
	padding-top: 0;
}
.add-content{
	display: block;
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #f4f4f4;
}
.list-content{
	display: block;
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-left: 1px solid #f4f4f4;
	margin-left: -1px;
}
.list-content h3{
	padding: 40px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.list-content ul{
	width: 100%;
	border-top: 1px solid #f4f4f4;
	margin-top: 35px;
}
.list-content ul li{
	width: 100%;
	display: block;
	padding: 20px 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f4f4f4;
	position: relative;
	background: #fff;
}
.list-content ul li.inactive{
	opacity: .5
}
.list-content ul li.inactive:hover{
	opacity: 1;
}
.list-content ul li:hover{
	background: #f4f4f4;
}
.list-content ul li h2{
	margin: 0;
}
.list-content ul li h2 strong{
	display: table;
	background: none;
	padding: 0;
	color: #111;
	top: 0;
	font-size: 15px;
}
.list-content ul li a.edit,
.list-content ul li a.delete,
.list-content ul li form.delete,
.list-content ul li span.inactive{
	bottom: 18px;
	right: 40px;
}
.list-content ul li span.inactive{
	position: absolute;
	right: 135px;
	opacity: 1;
	display: table;
	padding: 0 10px;
	border: 1px solid #d4d4d4;
	line-height: 22px;
	bottom: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	cursor: default;
}
.list-content ul li a.edit{
	right: 70px;
}
.list-content .additional-information{
	padding: 0 40px;
	clear: both;
	display: table;
}
.inactives{
	width: 100%;
}
.additional-information a{
	margin-top: 10px;
	position: static !important;
}
.list-content .edit-list:nth-of-type(2n),
.list-content .edit-list:nth-of-type(2n) li{
	background: #f8f8f8;
	border-color: #d4d4d4;
}
.list-content .edit-list h3{
	padding: 10px 40px;
}
.list-content .edit-list ul{
	margin-top: 0;
}
.manager-modules.min-width{
	width: 820px;
}
.manager-modules.min-width .add-content{
	width: 100%;
}
form.common fieldset.multi-check{
	padding: 20px 0;
}
form.common fieldset .group-check{
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #f4f4f4;
	-webkit-transition: height 0.8s;
    -moz-transition: height 0.8s;
    -o-transition: height 0.8s;
    transition: height 0.8s;
}
form.common fieldset .group-check:nth-of-type(1){
	border-top: 1px solid #f4f4f4
}
form.common fieldset .group-check h4{
	cursor: pointer;
}
form.common fieldset .group-check .slice{
	max-height: 0;
	overflow: hidden;
	position: relative;
}
form.common fieldset .group-check.slice-open .slice{
	max-height: 20000px;
}
form.common fieldset .arrow-slice{
	display: block;
	position: absolute;
	right: 40px;
	top: 20px;
	height: 20px;
	width: 20px;
	background: url(../../images/icons/arrow.svg) center no-repeat;
	background-size: 20px auto;
	cursor: pointer;
}
form.common fieldset .group-check.slice-open {
	border: none;
	padding: 0;
}
form.common fieldset .slice-open .arrow-slice{
	-ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
form.common fieldset .group-check:nth-of-type(2n){
	background: #f8f8f8
}
form.common fieldset .check{
	display: table;
	padding: 10px 40px;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #f4f4f4
}
form.common fieldset .group-check:nth-of-type(2n) .check{
	border-color: #d4d4d4;
}
form.common fieldset h3, form.common fieldset h4, form.common fieldset h5{
    width: 100%;
    padding: 0 45px;
    padding-top: 10px;
    box-sizing: border-box;
}
form.common fieldset h4{
	text-transform: uppercase;
	font-size: 22px;
}
/*
	mensagens
*/
.messages{
	width: 1200px;
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
    position: relative;
	background: #fff;
}
#messages header{
	position: fixed;
	left: 50%;
	top: 60px;
	width: 1200px;
	max-width: 100%;
	background: #fff;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
	padding: 20px 40px;
	padding-top: 85px;
}
#messages header .vinco{
	display: block;
	width: 100%;
	position: absolute;
	background: #f4f4f5;
	top: 0;
	left: 0;
	height: 65px;
}
#messages .current-conversation-container{
	display: block;
	width: 100%;
	padding-left: 380px;
	box-sizing: border-box;
	height: 100%;
}
#messages .current-conversation-container ul{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 160px 40px;
	padding-bottom: 80px;
	background: #fff;
	border-left: 1px solid #f4f4f4;
	position: relative;
	min-height: 100%;
}
#messages .current-conversation-container ul li{
	height: auto !important;
	padding-bottom: 20px;
}
#messages .current-conversation-container ul li .message{
	height: auto;
	max-height: none;
	position: relative !important;
	top: 0;
	max-width: 60% !important;
}
#messages .current-conversation-container ul li .message p,
.comments ul li .messae p{
	word-wrap: break-word;
}
#messages .current-conversation-container ul li .message .arrow::before,
.comments ul li .message .arrow::before{
	border-right: 10px solid #f4f4f4;
}
#messages .current-conversation-container ul li.me .message .arrow::before {
    border-left: 10px solid #f4f4f4;
    border-right: 0 none;
}
#messages .current-conversation-container ul li.me:hover .message .arrow::before {
	 border-right: 0 none !important;
}
#messages .current-conversation-container ul li:hover .message p,
.comments ul li:hover .message p{
	color: #fff;
}
#messages .current-conversation-container ul li .message time,
.comments ul li .message time{
	opacity: 0;
}
#messages .current-conversation-container ul li:hover .message time,
.comments ul li:hover .message time{
	opacity: 1;
}
#messages .current-conversation-container ul li.me .message time{
	left: 0;
	right: auto;
}
#messages .current-conversation-container ul li .message time em,
.comments ul li .message time em{
	display: block;
	width: 0;
	height: 0;
	float: left;
	margin: 0 5px;
	text-indent: -200000px;
}
#messages form.message-sender{
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 1200px;
	max-width: 100%;
	background: #fff;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 888;
	background: #fff;
	padding: 10px 40px;
	padding-bottom: 50px;
	border-top: 1px solid #f4f4f4;
	padding-left: 420px;
	box-sizing: border-box;
}
#messages form.message-sender .vinco{
	display: block;
	width: 100%;
	position: absolute;
	background: #f4f4f5;
	bottom: 0;
	left: 0;
	height: 40px;
}
#messages form.message-sender fieldset{
	padding: 0;
	border: none;
	width: 100%;
	float: left;
	box-sizing: border-box;
	clear: none;
}
#messages form.message-sender fieldset.bt-actions{
	display: table;
	width: auto;
	position: absolute;
	right: 60px;
	top: 19px;
	padding: 0 !important;
}
#messages form.message-sender textarea{
	height: 60px;
	resize: none;
	padding: 5px 15px;
	padding-right: 110px !important;
}
#messages form.message-sender fieldset .file{
	display: block;
	float: left;
	margin: 2px;
	width: 100px;
	position: relative;
	height: 35px;
	background: url(../../images/icons/anexo.svg) center no-repeat;
	background-size: auto 18px;
	box-sizing: border-box;
	overflow: hidden;
	height: 28px;
	width: 28px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin-top: 8px;
}
* #messages form.message-sender fieldset .file:hover{
	background-color: #111 !important;
}
#messages form.message-sender fieldset .file input{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 0;
}
#messages form.message-sender fieldset .file label{
	line-heigth: 26px;
	color: #fff;
	display: block;
	text-indent: -2000px;
}
#messages form.message-sender fieldset input.send, #messages form.message-sender fieldset  .clear-inputfile{
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	text-indent: -2000px;
}
#messages form.message-sender fieldset input.send{
	display: block;
	float: left;
	clear: none;
	height: 35px;
	width: 35px;
	background: url(../../images/icons/send.svg) center no-repeat;
	background-size: auto 20px;
}
#messages form.message-sender fieldset  .clear-inputfile{
	position: absolute;
	display: none;
	background: #ed6045 url(../../images/icons/close.svg) center no-repeat !important;
	background-size: 10px auto !important;
	width: 20px;
	height: 20px;
	padding: 0;
	right: -20px;
	top: 6px;
}
#messages form.message-sender fieldset  .clear-inputfile:hover{
	background-color: #111 !important
}
#messages form.message-sender fieldset  .clear-inputfile.visible{
	display: block;
}
#messages .contacts{
	display: block;
	width: 380px;
	position: fixed;
	top: 252px;
	bottom: 122px;
	overflow-y: scroll;
	box-sizing: border-box;
	z-index: 999;
    background: #fff;
}
#messages .contacts .conversations-container{
	position: relative;
}
#messages .contacts h3.responsivo-button-open{
	display: none;
	position: fixed;
	top: 194px;
	left: 20px;
	width: 30px;
	bottom: 20px;
	background: #000;
	z-index: 999;
	opacity: 0;
	font-size: 16px;
	text-align: center;
	box-sizing: border-box;
	padding: 5px;
	color: #fff;
	word-wrap:break-word;
	vertical-align: central;
}
#messages .contacts.no-conversations{
	width: 1200px;
	max-width: 100%;
	bottom: 60px !important;

}
#messages .contacts.no-conversations .header{
	display: none;
}
#messages a.create-conversation{
	position: fixed;
	bottom: 40px;
	box-sizing: border-box;
	padding: 28.5px 20px;
	text-align: center;
	width: 380px;
	display: block;
	background: #fff;
	border-top: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	z-index: 999;
}
#messages a.create-conversation strong{
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 0 10px;
	color: #fff;
	position: relative;
	top: -3px;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 5px;
	text-transform: lowercase;
	background: #CCC;
}
#messages a.create-conversation:hover strong{
	background: #1b1b1b !important;
}
#messages .contacts.no-conversations a.create-conversation{
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	padding: 5px 20px;
	line-height: normal;
	height: 40px;
	font-size: 22px;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	border: none;
	display: block !important;
}
#messages .contacts .header{
	position: fixed;
	top: 195px;
	background: #fff;
	z-index: 99;
	width: 380px;
	border-bottom:  1px solid #f4f4f4;
	border-top:  1px solid #f4f4f4;
	box-sizing: border-box;
	padding: 10px 40px;
}
#messages .contacts .header h3{
	margin-bottom: 5px;
}
#messages .contacts ul li{
	display: block;
	width: 100%;
	height: 60px;
	background: #fff;
	box-sizing: border-box;
	padding: 0 40px;
	border-bottom:  1px solid #f4f4f4;
	position: relative;
}
#messages .contacts ul li:first-child{
	border-top:  1px solid #f4f4f4;
}
#messages .contacts ul li a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	width: 100%;
	z-index: 9;
}
#messages .contacts ul li a strong{
	display: block;
	position: absolute;
	left: 100px;
	font-size: 22px;
	height: 60px;
	line-height: 60px;
	color: #b9b9b9;
	overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
	width: auto;
	right: 10px;
}
#messages .contacts ul li.atv{
	background: #ecfff9;
}
#messages .contacts ul li:hover a strong,
#messages .contacts ul li.atv a strong{
	color: #1b1b1b;
}
#messages .contacts ul li.chat a strong{
	color: #fff;
}
#messages .contacts ul li span.notification{
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 9
}
#messages .contacts ul li figure{
	position: absolute;
	left: 40px;
	top: 3px;
	overflow: hidden;

	background: #f4f4f4;
	border: 2px solid #f4f4f4;
}
#messages .contacts ul li figure img,
#messages .contacts ul li figure{
	display: block;
	width: 50px;
	height: 50px;


	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
#messages .contacts ul li.group figure{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
#messages .contacts ul li.group figure img{
	display: block;
	width: 50%;
	height: 50%;
	float: left;
	border: .5px solid #f4f4f4;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	box-sizing: border-box;
}
/*#contacts ul li:nth-of-type(2n){
	background: #f6f6f6;
}
*/
#messages .contacts ul li:hover{
	background: #f6f6f6;
}
#messages .contacts .clear-search{
	display: none;
	position: absolute;
	right: 90px;
	top: 17px;
	height: 20px;
	width: 20px;
	background: #ed6045 url(../../images/icons/close.svg) center no-repeat;
	background-size: 10px;
	text-indent: -20000px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
#messages .contacts .alert{
    margin-top: 20px;
    text-align: center;
	padding: 20px;
}
#messages a.load-messages{
	display: table;
	position: absolute;
	top: 66px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}
#messages a.load-messages:hover{
	background-color: #111 !important;
}
#messages .conversation-creation{
	position: fixed;
    z-index: 1000;
	left: 50%;
	top: 196px;
	bottom: 40px;
	width: 1200px;
	max-width: 100%;
	background: #fff;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
	padding: 40px;
	box-sizing: border-box;
}
#messages .conversation-creation form{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 60px;;
	overflow-y: scroll;
	height: auto;
	background: #fff;
	padding: 80px 20px;
	box-sizing: border-box;
}

.list-participants .submit-conversation,
#messages .conversation-creation .submit-conversation{
	position: fixed;
	bottom: 0;
	border-top: 1px solid #f4f4f4;
	padding: 20px 40px;
	width: 100%;
	margin-left: -40px;
	box-sizing: border-box;
	background: #fff;
}
#messages .conversation-creation .submit-conversation{
	bottom: 0;
	position: fixed !important;
	left: 0;
	right: 0;
	padding: 0 20px;
	box-sizing: border-box;
	margin-left: 0;
}
.list-participants .submit-conversation input[name=name],
#messages .conversation-creation .submit-conversation input[name=name]{
	background: #fff !important;
	border: 1px solid #dcdcdc;
	color: #1b1b1b;
    display: none;
}
.list-participants .submit-conversation input[name=name]{
	display: block;
	float: left;
}
.list-participants .submit-conversation input[name=name]:hover,
#messages .conversation-creation .submit-conversation input[name=name]:hover{
    background: #fff !important;
	border: 1px solid #dcdcdc!important;
	color: #1b1b1b!important;
}
.list-participants .submit-conversation input[type=submit],
#messages .conversation-creation .submit-conversation input[type=submit]{
    display: none;
}
.list-participants .contact,
#messages .conversation-creation .contact{
    width: 30.33%;
	box-sizing: border-box;
	padding: 5px;
	padding-left: 30px;
    float: left;
	cursor: pointer;
	border-top: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	border: 1px solid #f4f4f4;
	position: relative;

}
.list-participants .contact.atv,
#messages .conversation-creation .contact.atv{
	background: #ccc url(../../images/icons/enquete.svg) 10px center no-repeat;
	background-size: 15px auto;
}

/*#messages .conversation-creation .contact:nth-child(2n + 1){
	border-top: none;
}
*/
.list-participants .contact figure,
.list-participants .contact figure img,
#messages .conversation-creation .contact figure,
#messages .conversation-creation .contact figure img{
	display: block;
	width: 60px;
	height: 60px;
}
.list-participants .contact strong,
#messages .conversation-creation .contact strong{
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
}
.list-participants .contact.atv strong,
#messages .conversation-creation .contact.atv strong{
	color: #fff;
}
.list-participants .contact input[type=checkbox],
#messages .conversation-creation .contact input[type=checkbox]{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.list-participants .contact input[type=checkbox]:checked:parent,
#messages .conversation-creation .contact input[type=checkbox]:checked:parent{
	background: #f00
}
.list-participants .contact figure,
#messages .conversation-creation .contact figure{
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #f4f4f4;
	border: 2px solid #f4f4f4;
	float: left;
}
.manager .contacts form.common input{
	width: 260px;
}
.manager .contacts form input.bt-search{
	right: 40px;
	top: 10px;
	width: 35px;
}
.container-profile{
	display: block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #f4f4f4;
}
.container-profile form,
.container-profile .edit-imgs{
	width: 100% !important;
}
.container-profile .edit-imgs{
	border-top: 1px solid #f4f4f4;
}
.container-profile .edit-imgs form{
	border-right: 1px solid #f4f4f4;
	box-sizing: border-box;
}
.container-profile .edit-imgs form,
.container-profile .edit-imgs .images-list{
	width: 50% !important;
	float: left;
}
.container-profile .edit-imgs .images-list li{
	position: relative
}
.container-profile .edit-imgs .images-list img{
	display: block;
	width: 100%;
	-webkit-border-radius: 5px;;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.container-profile .edit-imgs .images-list figure{
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
}
.container-profile .notes ul{
	padding: 20px 40px;
}
.notes .extra{
	position: absolute;
	right: -35px;
	top: 0;
	display: none;
}
.notes ul li .note .extra a{
	display: block;
	position: static;
	margin: 5px;
	color: #fff;
	text-indent: 0;
	text-align: center;
}
.notes ul li:hover .note .extra{
	display: block;
}
.notes ul li .note .extra a.delete{
	text-indent: -20000px;
	background: #ed6045 url(../../images/icons/close.svg) center no-repeat;
	background-size: auto 50%;
}
.notes ul li .note .extra a:hover{
	background-color: #111 !important;
}
.notes form.common textarea{
	background: #fff;
}
.notes form.common input.cancel{
	height: auto;
	background: none !important;
	line-height: normal;
	color: #111;
	padding: 0 2px;
	border-bottom: 2px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.notes form.common input.cancel:hover{
	background: none !important;
	border-color: #111;
}
/*
	// Login
*/
main.login{
	display: block;
	width: 400px;
	max-width: 90%;
	margin: 0 auto;
	background: #fff;
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 0;
	/*-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);*/
}
.notices.login-list,
#notice-details.login-details{
	box-sizing: border-box;
	padding: 20px;
	margin-left: 440px;
	background: #fff;
	position: relative;
	top: 20px;
	margin-right: 20px;;
	margin-bottom: 20px;
	width: auto !important;
}
main.login h1{
	display: block;
	width: 100%;
	background: #111;
	color: #fff;
	text-transform: uppercase;
	font-size: 26px;
}
main.login h2{
	margin-bottom: 0;
	border-bottom: 1px solid #f4f4f4;
}
main.login form fieldset, main.login h1, main.login h2{
	box-sizing: border-box;
	padding: 20px 40px;
}
main.login #content_remind{
	border-top: 1px solid #f4f4f4;
}
main.login #content_remind p{
	margin-bottom: 20px;
}
main.login .login-msg{
	display: block;
	padding: 20px 40px;
	color: #fff;
	background: #ed6045;
}
main.login .login-msg.success{
	background: #00b246;
}
main.login a.firt-access{
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 40px;
	border-top: 1px solid #f4f4f4;
	background: #111111;
	color: #fff;
}
main.login a.firt-access:hover{
	background: #379300;
}
/*
	Notifications
*/
.list-notifications{
	width: 800px;
}
.list-notifications ul li{
	background: #f9f9f9;
	display: block;
	width: 100%;
	padding: 20px 40px;
	border-bottom: 1px solid #f4f4f4;
	position: relative;
	height: auto;
	box-sizing: border-box;
}
.list-notifications ul li.atv{
	background: #fff;
}
.list-notifications ul li a{
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 20px;
}
.list-notifications ul li a strong,
.list-notifications ul li p strong{
	height: 22px;
	font-size: 20px;
	color: #a3a3a3;
	padding: 5px 0;
	display: block;
}
.list-notifications ul li a time{
	display: block;
	padding-bottom: 5px;
	font-size: 15px;
	color: #a3a3a3;
}
.list-notifications ul li a span{
	display: block;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #a3a3a3;
	position: absolute;
	top: 23px;
	left: 40px;
}
.list-notifications ul li:hover a span,
.list-notifications ul li:hover a time{
	border-color: #fff;
	color: #fff;
}
.list-notifications ul li.atv a span{
	border: none !important;
}
.list-notifications ul li.atv:hover a span{
	background: #fff !important;
}
.list-notifications ul li.atv a strong{
	color: #111;
}
.list-notifications ul li:hover a strong{
	color: #fff;
}
.list-notifications ul li a span.notification{
	height: 22px;
	position: absolute;
	top: 20px;
	left: 40px;
}
#search-active{
	margin-top: 20px;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 40px;
	background: #fffeed;
	border-bottom: 1px solid #d3c0b7;
	border-top: 1px solid #d3c0b7
}
#search-active p{
	display: inline-table;
}
#search-active p strong{
	font-weight: bold;
}
#search-active p a{
    color: #38b3dc;
    border-bottom: 1px solid transparent;
}
#search-active p a:hover{
	border-color: #38b3dc;
}
.current-conversation-container header h2{
	display: table;
	width: auto;
	float: left;
}
.current-conversation-container header h2 span{
    font-size: 22px;
}
.current-conversation-container header form{
	float: left;
	padding-left: 20px;
	padding-right: 0;
	position: relative;
	top: 0;
	left: 0;
    display: none;
	height: 26px;
}
.current-conversation-container header form input[type=text]{
	padding-right: 40px;
}
.current-conversation-container header form input.save{
	position: absolute;
	right: 5px;
}
.current-conversation-container header .edit-name-conversation{
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	background: #f4f4f4 url(../../images/icons/pen.svg) center no-repeat;
	background-size: 15px 15px;
	margin: 2px 10px;
	text-indent: -2000000px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;

	cursor: pointer;
}
.current-conversation-container header .see-participants{
	margin-top: 5px;
	display: block;
	float: left;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	z-index: 999;
}
.current-conversation-container .list-participants{
	position: fixed;
    z-index: 1000;
	left: 50%;
	top: 196px;
	bottom: 40px;
	width: 1200px;
	max-width: 100%;
	background: #fff;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 40px;
	box-sizing: border-box;
	display: none;
	overflow-y: scroll;
}
.current-conversation-container .list-participants form.common{
	position: static;
}
.current-conversation-container .list-participants form.common fieldset.bt-actions{
	position: fixed;
}
.current-conversation-container .list-participants.open{
	display: block;
}
#messages .current-conversation-container .list-participants ul {
	padding: 0;
	border: none;
	min-height: 0 !important;
	padding-bottom: 40px;
}
.current-conversation-container .list-participants ul li {
    min-height: 0 !important;
	padding-bottom: 5px !important;
}
.current-conversation-container .list-participants ul li{
	display: block;
	border: 1px solid #f4f4f4 !important;
    box-sizing: border-box;
    float: left;
    padding: 5px 5px 5px 30px;
    position: relative;
    width: 30.33%;
	margin: 5px;
	cursor: default;
	min-height: 0 !important
}

.current-conversation-container .list-participants li strong{
	height: 60px;
    line-height: 60px;
    padding: 0 10px;
	float: left;
}
.current-conversation-container .list-participants ul li figure{
	background: #f4f4f4 none repeat scroll 0 0;
    border: 2px solid #f4f4f4;
    border-radius: 50%;
    float: left;
    overflow: hidden;
	position: static !important
}
.current-conversation-container .list-participants li figure img{
	display: block;
    height: 60px;
    width: 60px;
}
.current-conversation-container header .edit-name-conversation:hover{
	background-color: #545454 !important;
}
.current-conversation-container ul li .message nav{
	margin-top: 10px;
	width: 100%;
	position: relative
}
.current-conversation-container ul li .message nav a{
	position: static;
	opacity: 1;
	display: block;
	float: left;
	clear: both;
	padding: 0 10px;
	padding-left: 25px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 2px;
	background: #fff url(../../images/icons/anexo-inner.svg) 5px center no-repeat;
	background-size: auto 15px;
	max-width: 80%;
	overflow: hidden;
    text-overflow: "...";
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}
.current-conversation-container ul li .message nav a:hover{
	background-color: #f4f4f4;
}
.poll{
	display: block;
	width: 80%;
	position: relative;
	margin-top: 30px;
}
.poll li, .poll li strong em, .current-conversation-container ul li .message nav a {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.poll li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 20px;
	margin-bottom: 5px;
	position: relative;
	height: 40px;
	background: #f4f4f4;
	border: 2px solid transparent;
}
.poll li strong em{
	color: #fff;
	display: inline-table;
	padding: 0 5px;
	background: #ed6045;
	line-height: 20px;
	margin-right: 10px;
}
.poll li:hover strong{
	color: #111;
}
.poll li:hover span.bar{
	background: #fff !important
}
.poll li strong,
.poll li span.bar{
	display: block;
	width: 100%;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.poll li strong{
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	z-index: 9;
	color: #fff;
}
.poll a{
    display: block;
    height: 25px;
    text-align: right;
}
.list-views{
	max-width: 100%;
	padding: 40px;
	width: 700px;
	margin: 0 auto;
}
#notices.notices .list-views ul{
	padding: 0;
}
#notices.notices .list-views ul li{
	display: table;
	margin: 2px;
	border: none;
	float: left;
	height: auto;
	width : auto;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#notices.notices .list-views ul li.title{
	display: block;
	width: 100%;
	background: none;
	margin-top: 20px;
	height: auto;
}
#notices.notices .list-views ul li.title h3{
	margin-bottom: 5px;
}
#notices.notices .list-views ul li:hover a{
	color: #fff;
}

/*
	Box
*/

.ui-dialog{
	overflow: auto !important;
}
.ui-widget-overlay{
	background: #111;
}
.ui-widget-content,.ui-dialog .ui-dialog-titlebar{
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
    border: none;
}
.ui-widget-content{
	background: #fff;
}
.ui-dialog .ui-dialog-titlebar{
	background: none;
	display: none;
}
.ui-dialog .ui-dialog-title{
	display: none;
}
.ui-dialog .ui-dialog-content{
	height: auto !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background: #379300;
	border: none;
	color: #fff;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{
	background: #111 !important;
}
.ui-button-text-only .ui-button-text{
	color: #fff;
}
.ui-dialog-buttonpane{
	padding-bottom: 0!important;
}

.list-content .common{
    padding: 40px 0 ;
}
.list-content .common .bt-actions {
    text-align: left;
    padding: 10px 40px !important;
}
.list-content .common fieldset{
    border-bottom: none;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.list-content ul.files-list{
    margin-top: 0;
}
.list-content ul.images-list {
    margin-top: 0;
    box-sizing: border-box;
    padding: 40px;
}
.list-content ul.images-list li {
    border: 10px solid #fff;
    box-sizing: border-box;
}
.edit-file ul{
    margin-top: 0;
    width: 100%;
    padding: 0 !important;
}
.edit-file ul li, #notices .edit-imgs .one-file li {
    background: #fff none repeat scroll 0 0;
    border: none !important;
    border-bottom: 1px solid #f4f4f4 !important;
    box-sizing: border-box;
    display: block;
    padding: 20px 40px;
    position: relative;
    width: 100%;
}
.edit-file ul li:hover, #notices .edit-imgs .one-file li:hover{
	background: #f4f4f4;
}
.edit-file ul li form{
    bottom: 22px !important;
    right: 20px !important;
    border-radius: 5px; color: #fff;
    display: table;
    height: 22px;
    left: auto !important;
    line-height: 20px;
    opacity: 1;
    position: absolute;
    top: auto;
    padding: 0 !important;
}
.edit-file ul li form input.delete{
    width: 22px !important;
    height: 22px !important;
}
.edit-file ul li form input.delete:hover{
    background-color: #1b1b1b !important;
}
#notices .edit-imgs .one-file{
    margin-top: 0;
    width: 100%;
    padding: 0 0 40px 0 !important;
}
/*
	Criar conversas
*/


}

/*@media screen and (max-height: 750px){
	main.login{
		top: 10%;
		-webkit-transform: translateY(0) translateX(-50%);
		-moz-transform: translateY(0) translateX(-50%);
		-ms-transform: translateY(0) translateX(-50%);
		-o-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		paddin-bottom: 40px;
	}
}
*/

.current-conversation-container ul li.alert{
	display: table;
	width: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.current-conversation-container ul li.alert figure{
	display: none;
}
.current-conversation-container ul li.alert img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;

	border: 2px solid #0d96cc;
}
#messages .current-conversation-container ul li.alert .message{
	padding: 0;
	background: none !important;
	width: auto;
	max-width: none !important;
	top: 15px;
	float: left;
	position: static;
	right: 0;
	clear: none;
	margin-left: 20px;
	left: 0;
	padding-bottom: 10px;
}
#messages .current-conversation-container ul li.alert:hover .message{
	background: none !important;
}
#messages .current-conversation-container ul li.alert time strong{
	display: none;
}
#messages .current-conversation-container ul li.alert time{
	opacity: 1;
	left: 20px;
}
.current-conversation-container ul li.alert .message p{
	color: #0d96cc !important;
	display: table;
	font-size: 15px;
}
.current-conversation-container ul li.alert .arrow{
	display: none !important;
}

.list-notifications.events ul li a.see-details{
	position: absolute;
	top: 0;
	left:0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: #111;
	opacity: 0;
	padding: 0;
}
.list-notifications.events ul li{
	padding-left: 120px;
}

.home.list-notifications.events ul{
	display: inline !important;
}
.home.list-notifications.events ul li{
	height: 18% !important;
	padding: 10px;
	padding-left: 70px !important;
}
.home.list-notifications.events ul li:last-child{
	border: none;
}
.home.list-notifications.events ul li time{
	width: 60px;
	padding: 10px;
}
.home.list-notifications.events ul li time strong.hour,
.home.list-notifications.events ul li time strong.date{
	font-size: 16px;
}
.home.list-notifications.events ul li p strong{
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.text .list-notifications.events ul li{
	padding: 0 !important;
	background: none !important;
	bordeR: none;
}
.list-notifications.events ul li time{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100%;
	border-right: 1px solid #f4f4f4;
	box-sizing: border-box;
	padding: 20px;
	background: #f9f9f9;
}
.list-notifications.events ul li.atv time{
	background: #fff;
}
.list-notifications.events ul li time strong{
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
}
.list-notifications.events ul li time strong.hour{
	font-size: 26px;
}
.list-notifications.events ul li p{
	margin-bottom: 5px;
}
.list-notifications.events ul li p strong{
	line-height: auto;
	height: auto;
	color: #111;
}
.list-notifications.events ul li:hover p strong{
	color: #fff;
}

.list-notifications.events ul li p.info{
	font-size: 15px;
	color: #a3a3a3;
	margin-bottom: 5px;
}
.list-notifications.events ul li:hover p.info{
	color: #f4f4f4;
}
.list-notifications.events ul li .actions p.info{
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	margin-bottom: 0;
}
/*.list-notifications.events ul li:hover .actions p.info{
	color: #545454
}*/
.list-notifications.events ul li .actions{
	clear: both;
	border: 1px solid #f4f4f4;
	border-left: none;
	border-right: none;
	background: #fdfdf5;
	box-sizing: border-box;
	padding: 5px 10px;
	position: relative;
	z-index: 9;
	margin-top: 20px;
}
.text .list-notifications.events{
	width: 100%;
}
.text .list-notifications.events ul li p.info{
	margin-bottom: 0 !important;
}
.text .list-notifications.events ul li:hover p.info {
    color: #a3a3a3;
}
.text .list-notifications.events ul li .actions p.info{
	line-height: 30px !important;
}
.text .list-notifications.events ul li .actions{
	margin-top: 5px;
}
.list-notifications.events ul li:hover .actions{

	border-color: transparent;

}
.list-notifications.events ul li .event-information,
.list-notifications.events ul li .event-buttons{
	float: left;
}
.list-notifications.events ul li .event-buttons{
	margin-bottom: 0;
}
.list-notifications.events ul li .event-buttons a{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #f4f4f4;
	width: auto;
	padding: 0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin-right: 5px;
}
.list-notifications.events ul li .event-buttons a:hover{
	color: #fff;
	border-color: #transparent;
}

.values,
.prin{
	float: left;
	width: 50% !important;
	clear: none;
}
.values .home{
	float: none;
	width: 100% !important;
}

.values .home:nth-of-type(1){
	background: #4e81d9;
}
.values .home:nth-of-type(2){
	background: #ffd966;
}
.values .home:nth-of-type(3){
	background: #a9d18e;
}
.values .home.prin{
	background: #dedede;
	height: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	width: 50% !important;
}
.values-container{
	position: relative;
}
.home.prin h2{
	margin-bottom: 5px;
	margin-top: 20px;
}
.remove-event{
    border-radius: 5px;
    color: #fff;
    display: table;
    height: 35px;
    line-height: 35px;
    border: none;
    background: #ff6744;
    margin-top: 5px;
}
.remove-event:hover{
    background: #111;
    cursor: pointer;
}
