:root {
	--color-bg-disabled: #EFEFEF;
	--color-input-border: #CCC;
	--color-menu-bg: #516C8A;
	--color-menu-separator: #E5E5E5;
	--color-menu-highlight: rgba(255,255,255,0.3);
	--m-menubar-height: 40px;
	--m-avatar-size: 56px;
	--m-portal-avatar-size: 75px;
}

a, .btn-link {
	color: #516C8A; 	
	outline: none !important;
}

a:hover, a:active, a:focus {
	color: #3B5169; 	
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	background-color: #ddd;
	border-color: #ddd;
}

.fc-event,
.btn.btn-primary,
.dropdown-menu > li > a:hover {
    background-color: #516C8A;
    border-color: #3B5169;
}

.fc-event:hover,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
    background-color: #3B5169;
    border-color: #3B5169;
}

.nav.nav-pills.nav-stacked > li.active > a,
.nav.nav-pills.nav-stacked > li.active > a:hover {
	background-color: #516C8A;
	color: #ffffff;
}

.nav.nav-pills.nav-stacked > li.active > a span,
.nav.nav-pills.nav-stacked > li.active > a:hover span {
	color: #ffffff;
	font-weight: normal;
}

.background-change{
	position: absolute;
	right: 55px;
	top: 120px;
	z-index: 999;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}

@media (min-width: 768px) {
	.container {
	    width: 650px;
	}
}

@media (min-width: 1200px) {
	.container {
	    width: 1050px;
	}
}

@media (min-width: 1600px) {
    .container {
    	width: 1450px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

a,address,b,button,span,small,h1,h2,h3,h4,h5,h6,p,q,blockquote,div,em,strong,ins,ul,ol,li,input,textarea,mark,pre{font-family: 'Roboto', Helvetica, Arial, sans-serif}

.no-overflow{
	overflow: hidden !important;
}

html{
	overflow-y: scroll;
}

body,html {
	background-color: #f1f1f1 !important;
}

body {
	padding-top:40px;
	padding-right: 0 !important;
	color: #777;
}

hr {
    margin-top: 5px;
    margin-bottom: 10px;
	border-top: 1px solid #ddd;
}

button:focus {
	outline:0 !important;
}

@media screen and (max-width: 1400px) {
	#modal-open-event .modal-dialog{
		
	}
}

.pace {
	z-index: 999999
}

.navbar-form .input-group {
	display: table;
	padding-left: 15px;
}

.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
	white-space: nowrap;
	width: 1%;
}

.navbar-form .input-group .form-control {
	width: 100%;
}

a.vermais {
	background-color: #eee;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

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

#about-me pre {
	background: 0 none !important;
	font-size: 120% !important;
}

#about-me textarea {
	min-height: 120px;
	min-width: 100%;
}

#about-me .editable-wrap, #about-me .editable-controls {
	width: 100%;
}

#main li {
	list-style: none;
}

#sidebar {
width:inherit;
min-width:220px;
max-width:220px;
background-color:#f5f5f5;
float:right;
height:100%;
position:relative;
overflow-y:auto;
overflow-x:hidden;
}

#main {
height:100%;
/*overflow:auto;*/
/*margin-top: 3px;*/
margin-top: 0;
width: 100%;
padding:0;
}

h1 {
font-weight:700;
font-size:46px;
}

#meus-grupos button, #grupos-conta button, #grupos button {
margin-right:10px;
margin-bottom: 10px;
min-height:66px;
}

#grupos button a{
	position: absolute;top: 2px;right:2px;display:none;
	z-index:9;
}
#grupos button:hover a{
	display: block;
}

#meus-grupos button small, #grupos-conta button small, #grupos button small {
clear:both!important; 
display:block!important;
}

.footer,.header,.marketing {
padding-left:15px;
padding-right:15px;
}

.header h3 {
margin-top:0;
margin-bottom:0;
line-height:40px;
padding-bottom:19px;
}

.footer {
padding-top:19px;
color:#777;
border-top:1px solid #e5e5e5;
}

.container-narrow>hr {
margin:30px 0;
}

.jumbotron .btn-lg {
font-size:21px;
padding:14px 24px;
}


.marketing {
margin:40px 0;
}

.marketing p+h4 {
margin-top:28px;
}

#fundo-login {
height:100%;
left:0;
overflow:hidden;
position:fixed;
top:0;
width:100%;
z-index:-1;
}

#fundo-login .overlay {
background:url(/img/overlay.png) fixed;
z-index:1;
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}

#fundo-login img {
height:auto;
min-height:100%;
width:100%;
position:fixed;
top:0;
left:0;
min-width:1000px;
}

.container {
position:relative;
z-index:999;
}

.navbar, #top-bar{
	background-color: #516c8a !important;
	border-bottom: 0 solid #585858;
	box-shadow: 0 0 3px #000000;
}

.navbar {
	min-height: 40px;
	margin-bottom: 0px;
}
.navbar-brand {
	background:url(/img/lector-logo-light.png) center center no-repeat;
	height: 38px;
	display: none;
}

.form-signin {
max-width:330px;
background:#fff;
background:rgba(255,255,255,.8);
/*background:#516c8a;
background:rgba(81, 108, 137, .85);*/
border-radius:6px;
margin:80px auto 0;
padding:15px;
}

.form-signin.with-terms {
    max-width: 80% !important;
}

.form-signin .social-btn {
border-radius:2px;
color:#fff;
display:block;
font-weight:300;
text-align:center;
transition:all .3s ease 0;
padding:10px 0;
}

.form-signin h4 {
padding-top:15px;
padding-bottom:15px;
}

.form-signin #btn-entrar {
padding-left:35px;
padding-right:35px;
}

.form-signin .buttons {
	margin:15px 0 0;
}

.form-signin .buttons a {
margin-top:10px;
}

.text-xs {
font-size:11px;
}

.header,.jumbotron {
border-bottom:1px solid #e5e5e5;
}

/*@media screen and max-width9000px {
	.row-offcanvas {
	position:relative;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	transition:all .25s ease-out;
	width:calc(100%);
	}

	.row-offcanvas-right {
	right:-220px;
	}

	.row-offcanvas-right.active {
	right:0;
	}

	.sidebar-offcanvas {
	position:absolute;
	top:0;
	}
}*/

@media screen and (min-width: 768px) {
	.footer,.header,.marketing {
	padding-left:0;
	padding-right:0;
	}

	.header {
	margin-bottom:30px;
	}

	.jumbotron {
	border-bottom:0;
	}
}
.user-photo {
	border-radius: 999999px;
	display: inline-block;
	padding: 4px;
	margin: 0;
}
.user-photo img {
	border-radius: 999999px;
	display: block;
	max-width: 100%;
}
.user-photo a{
	background: none repeat scroll 0 0 #fff;
	display: none;
	font-weight: 700;
	height: 40px;
	max-width: 158px;
	opacity: 0.75;
	padding-top: 10px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
	top: 55px;
	left: 0;
}
.user-photo.fallback-image a,
.user-photo:hover a {
	display: block;
}
.cropArea {
	background: #FFF;
	overflow: hidden;
	width:100%;
	height:320px;
}
#grupos .btn-lg.btn-default{
	padding-left: 35px;
	padding-right: 35px;
}
.avatar-empresa, .avatar-user {
    max-height: 158px;
    max-width: 158px;
    width: 100%;
}

.event-thumbnail .caption h4, .event-thumbnail .caption h4 a {
	font-size: 14px !important;
	margin-bottom:0;
	font-weight: bold;
	margin-top: 0px;
	overflow: hidden;
   	text-overflow: ellipsis;
   	white-space: nowrap;
}

.event-thumbnail .caption p {
	font-size: 14px !important;
	margin: 0 !important;
	overflow: hidden;
   	text-overflow: ellipsis;
   	white-space: nowrap;
}

.multi-columns-row {
	margin-top: 0px;
}

.multi-columns-row [class*="col-"]{
	clear: none !important;
	width: 190px;
	height: 250px;
	overflow: hidden;
	padding: 0px 5px 0px 0px;
	float: left;
}

.trails-area .multi-columns-row [class*="col-"] {
	height: 230px;
}

.col-md-12.paging-row,
.multi-columns-row .col-md-12.paging-row {
	width: 100%;
	height: 50px;
}

.col-md-12.paging-row .pagination,
.multi-columns-row .col-md-12.paging-row .pagination {
	margin-top: 10px;
	margin-bottom: 0px;
}

.col-md-12.paging-row {
	padding: 0px 5px 0px 0px;
}

/* clear first in row in ie 8 or lower */
.multi-columns-row .first-in-row {
	clear: left;
}

/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {
	/* reset previous grid */
	.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for small columns */
	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
	/* reset previous grid */
	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for medium columns */
	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
	/* reset previous grid */
	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for large columns */
	.multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}

.tab-content {
	padding-top: 5px;
	padding-bottom: 5px;
}

.tab-content:before, .tab-content:after {
	content: " ";
   	display: table;
}

.tab-content:after {
	clear: both;
}

.tab-content .breadcrumb-box {
	padding: 0px 5px;	
}

.tab-content .breadcrumb {
	margin-bottom: 5px;
}

.create-button-list {
	float: left;
	margin-right: 5px;
}

.tab-filter > div {
	margin-bottom: 5px;
}

.tab-filter .text-filter {
	display: inline-block;
	margin-right: 5px;
	padding: 0px;
    vertical-align: top;
}

.tab-filter .dropdown {
	margin-right: 2px;
}

.tab-filter .dropdown,
.tab-filter .dropdown .ui-select-match {
    outline: none;
    box-shadow: none;
}

.tab-filter .dropdown .dropdown-toggle {
	min-width: 120px;
	border-radius: 0px;
}

.tab-filter .dropdown .dropdown-toggle .caret {
    margin-left: 5px;
}

.contacts-table .status {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #ccc;
	margin: 3px 5px 5px 10px;
}

.contacts-table .status.ONLINE {
	background-color: green;
}

.contacts-table .status.BUSY {
	background-color: #cc0000;
}

.contacts-table .status.AWAY {
	background-color: darkorange;
}

.contacts-table .user-image {
	border-radius: 99px;
	height: 22px;
	width: 22px;
}

.status-select {
    display: inline-block;
    width: 90px;
    height: 23px;
    float: right;
    font-size: 14px;
    padding: 2px;
}

@media (max-width: 1200px) {
	/*.lista-aside li img.pull-left {
		display: none;
	}*/
}

#lista-contatos .contacts-table .name .user-name {
	overflow: hidden;
	padding-left: 3px;
	padding-top: 2px;
	white-space: nowrap;
}

.lista-aside .group-name {
	border: 0px;
	font-weight: normal;
	cursor: pointer;
	margin-top: 5px;
	width: 100%;
}

.lista-aside .remove-button {
	margin-top: 5px;
	display: none;
}
	
.lista-aside .chat-group:hover .remove-button {
	display: block;
}

#page-contatos .jumbotron{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
#page-contatos h1{
	margin-top: 42px;
	color: #535353 !important;
	font-family: "bebas_neueregular", Impact, Tahoma, Arial, sans-serif;
	font-size: 400% !important;
}
#page-contatos blockquote{
	padding-left: 0;
	border-left: 0 none !important;
}
.nav-tabs > li > a{
	border-radius: 0 !important;
	cursor: pointer;
    padding: 10px 12px;
}
#page-contatos .nav-tabs .active a{
	color: #444 !important;
}
#page-contatos .nav-tabs .active.about-me a{
	color: #ff9966 !important;
}
#page-contatos .nav-tabs .active a{
	background-color: #FFF !important;
	border-bottom-color: #FFF !important;
	font-weight: bold !important;
	padding-left: 35px;
	padding-right: 35px;
	border-top: 1px solid #e5e5e5 !important;
	border-left: 1px solid #e5e5e5 !important;
	border-right: 1px solid #e5e5e5 !important;
}

#page-contatos .nav > li > a:hover, #page-contatos .nav > li > a:focus{
	/*border-color: transparent !important;
	background: none !important;*/
}
#page-contatos .nav > li.active > a:hover, #page-contatos .nav > li.active > a:focus{
	/*border-bottom-color: #FFF !important;*/
}
#page-contatos ul.nav-tabs {
	padding-left: 15px;
}

#page-contatos-side{
	overflow: hidden;
	position: relative;
	height: 100%;
	touch-action: pan-y !important;
}

#page-contatos-side.disabled .lista-aside {
	opacity: 0.5;
}

#page-contatos-side .contact {
	display:block;
	cursor: pointer;
}

#page-contatos-side.disabled .contact {
	cursor: default;
}

@media (min-width : 768px) {
	.container > .left-aligned-navbar-header,
	.container-fluid > .left-aligned-navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {
		margin-right: 0;
	}
		
	.navbar-logo {
		position: fixed;
		right: 50px;
		top: 0px;
	}
		
	.navbar-brand {
		display: block;
		width: 140px;
		float: right;
	}
		
	.navbar-collapse {
		position: fixed;
		right: 200px;
		width: 100%;
	}

	div.mobile-select-tab {
		display: none;
	}
}

#page-contatos h2#nome{
	display: none;
}
#page-contatos .bg-light-blue-gradient{
	background: none !important;
	border: 0 none !important;
	box-shadow: none !important;
}
#page-contatos .avatar a{
	margin-left: -68px !important;
}

.bg-light-silver{
	background-color: #f6f6f6 !important;
}
#page-contatos .bg-light-silver{
	background: none !important;
	box-shadow: none !important;
}
.bg-light-silver #nome, .bg-light-silver #nome a{
	color: #777 !important;
}

.btn.btn-warning,
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
	background-color: #FF9966
}

#chat-content {
	position: fixed;
    z-index: 1000;
	bottom: 0px;
}

#chat-content .chat-panel {
	display: inline-block;
	width: 300px;
	margin-right: 1px;
    vertical-align: bottom;
}

#chat-content .chat-panel.minimized .panel-body,
#chat-content .chat-panel.minimized .panel-footer {
	display: none;
}

#chat-content .chat-panel .panel-footer.disabled {
	opacity: 0.8;
}
	
#chat-content .panel {
	margin-bottom: 0px;
	border: 0px;
	border-right: 1px solid #516c8a;
	border-left: 1px solid #516c8a;
	border-bottom: 1px solid #516c8a;
	border-radius: 4px 4px 0px 0px;
}

#chat-content .panel-body {
    overflow-y: scroll;
    height: 250px;
    padding: 0px 5px;
}

#chat-content .panel .panel-heading {
	background-color: #516c8a;
	border-color: #516c8a;
 	padding: 8px 7px 3px;
	border-radius: 0px;
}

#chat-content .panel .panel-heading .glyphicon-comment {
	margin-right: 5px;
}	

#chat-content .panel .panel-heading .pull-right .glyphicon {
	cursor: pointer;
	margin-left: 3px;
	margin-top: 2px;
	vertical-align: top;
}

#chat-content .panel .panel-footer {
	padding: 5px;
    height: 40px;
}

#chat-content .chat {
    list-style: none;
    margin: 0;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}

#chat-content .chat li .chat-body p {
    margin: 0px;
	font-size: 13px;
	word-break: break-word;
}

#chat-content .chat li.right .chat-body {
    margin-left: 40px;
    text-align: right;
}

#chat-content .chat li.left .chat-body {
    margin-right: 20px;
}

#chat-content .chat li .chat-body.chat-event {
    text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}

#chat-content .panel .slidedown .glyphicon, .chat .glyphicon {
    margin-right: 5px;
}

#chat-content .panel-footer .input-group {
	display: block;
}

#chat-content .panel-footer #chat-input {
	width: 230px;
}

#chat-content .panel-footer #chat-input.can-send-attachment {
	width: 200px;
}

#chat-content .panel.no-send-permission .panel-body {
	height: 290px;
}

#chat-content .panel.no-send-permission .panel-footer {
	display: none;
}

.ui-select-choices-group-label {
	font-size: 120%;
	line-height: 100%;
	font-weight: bold;
	/*background: #EEE;*/
}

.ui-select-bootstrap .ui-select-choices .dropdown-header {
	padding: 3px 15px;
}

.ui-select-bootstrap .ui-select-toggle.btn,
.ui-select-bootstrap .ui-select-search.form-control {
    padding: 6px 8px;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
    right: 8px;
}

.ui-select-bootstrap .ui-select-no-choice > li {
	padding: 0px 8px;	
}

.ui-select-bootstrap .dropdown-menu .divider {
	margin: 5px 0;	
}

.timeline .glyphicon-remove {
	color: white;
	margin: 2px 3px;
	float: right;
}

.timeline .glyphicon-remove.remove-button {
	cursor: pointer;
}

.timeline .timeline-item:hover .glyphicon-remove.remove-button,
.timeline .timeline-comment:hover .glyphicon-remove.remove-button {
	color: #444;
}

.publication-preview {
	padding: 10px 0px;
}

.publication-video {
	text-align: center;
	margin-top: 5px;
}

.publication-images {
	display: block;
	margin-top: 5px;
}

.publication-images img {
	cursor: pointer;
}

.timeline-item .publication-images{
	background: #fff;
	text-align: center;
}

.publication-images > div {
	display: inline-block;
}

.publication-images img,
.publication-images .add-image {
	display: inline-block;
	vertical-align: top;
}

.publication-images img {
	max-height: 250px;
	max-width: 100%;
}

.publication-images .add-image {
	cursor: pointer;
	font-size: 20px;
	border: 0;
	padding: 12px 5px;
}

.publication-images .add-image .glyphicon {
	font-size: 18px;
	margin-top: 4px;
}


/**
 * TIMELINE v.2
**/
.timeline > li {
    margin-bottom: 0px;
    margin-right: 0px;
}

.timeline:before{
	background: #ccc !important;
	width: 4px !important;
	left: 9px !important;
	border: 0 !important;
}

#page-home .timeline:before {
	left: 24px !important;	
}

.timeline > li > i{
	border: 3px solid #fff !important;
	height: 22px !important;
	left: 0px !important;
	width: 22px !important;
	top: 18px !important;
}
.timeline>li>.timeline-item:before {
	background: none repeat scroll 0 0 #fff;
	border: 0 none !important;
	border-left: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	content: "";
	float: left;
	height: 15px;
	left: -8px;
	position: absolute;
	top: 15px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	width: 15px;
}

.timeline > li > .timeline-item {
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	padding-left: 10px !important;
	padding-top: 0 !important;
    margin-right: 0px;
    margin-left: 35px;
	margin-top: 5px;
}

.timeline > li .text {
	margin: 0px 3px;
	white-space: pre-wrap;
	word-break: break-word;
}

.timeline > li .time {
    color: #999;
    float: right;
    margin: 5px 0 0 0 !important;
}

.timeline > li > .timeline-item > .timeline-footer {
    padding: 5px;
}

.timeline > li > i {
	background: #777;
}

.timeline > li a {
	color: #404040; 
}

.timeline > li.publication-simple > i{
	background: #516C8A;
}
.timeline > li.publication-simple a {
	color: #516C8A;
}

.timeline > li.publication-event > i{
	background: #16a085;
}
.timeline > li.publication-event a {
	color: #16a085;
}

.timeline > li .publication-buttons {
	height: 40px;
    display: flex;
    justify-content: space-between;
}

.timeline > li .timeline-comment .publication-buttons {
    justify-content: flex-end;
}

.timeline > li .likes {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.timeline > li .likes .like-tooltip {
    margin: 0 10px;
    padding: 0px;
}

.timeline > li .like-buttons {
	display: inline-block;
	margin-top: 5px;
	float: right;
}

.timeline > li .timeline-comment {
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-left: 80px;
	margin-top: 5px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.timeline > li .timeline-comment.comment2 {
	margin-left: 125px;	
}

.timeline > li .comment-container {
	height: 120px;
	margin-left: 80px;
	margin-top: 5px;
}

.timeline > li .comment-container.comment-container2 {
	margin-left: 125px;
}

.timeline > li .comment-container .comment-buttons .btn {
    float: right;
    margin-top: 5px;
    margin-left: 5px;
}

.group-name .form-group {
	margin-bottom: 0px !important;
}

.group-name .btn-link {
   	padding: 0px;
   	margin-left: 4px;
}

.groups .group-members {
	/*display: inline-block;
	width: calc(100% - 380px);
	margin-left: 10px;
	vertical-align: top;
	margin-top: -60px;
	padding-left: 20px;*/
}

.groups .group-members .ui-select-search {
	width: 100%;
}

.treeview .expand-collapse {
	margin-right: 10px;
}

.treeview .glyphicon.glyphicon-stop {
	display: none;
}

.treeview .list-group-item {
	padding: 6px 2px;
	color: #555 !important;
}

.portal-tabs .treeview .list-group-item {
    color: #555 !important;
}

.portal-tabs .treeview .list-group-item.node-selected {
    background-color: #ddd !important;
    border-color: #ddd !important;
    color: #555 !important;
}

.portal-tabs .treeview .list-group-item .tree-icons {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.alert-badge {
	background-color: red;
    padding: 3px 6px;
    vertical-align: text-bottom;
    margin-left: 4px;
}

.documents-treeview .list-group-item:hover .badge {
	display: none;
}
	
.groups .tab-content {
	padding-left: 10px;
}

.contacts-table .name {
	word-break: break-all;
	white-space: nowrap;
	max-width: 100px;
	overflow: hidden;
	padding: 5px;
    cursor: pointer;
}

.contacts-table .buttons {
	width: 85px;
	padding: 4px;
	padding-right: 0px;
}

/**
 * DASHBOARD v.2
**/
h1 small{
	font-weight: 300;
	font-size: 55%;
	/*font-style: italic;*/
}
q{
	font-size: 55%;
}
q small{
	font-size: 85%;
}
.text-white{
	color: #fff !important;
}
.text-primary{
	color: #516c8a !important;
}
.bg-primary {
  background-color: #516c8a !important;
  color: #fff;
}
.bg-primary *{
  color: #fff;
}
.bg-primary input, .bg-primary textarea, .bg-primary select, .bg-primary option{
	color: #555;
}
.bg-white{
	background-color: #fff !important;
	color: #516c8a;
}
.bg-white *{
	color: #516c8a;
}
.panel, .jumbotron.avatar, .tab-content{
	box-shadow: none;
	border: 1px solid #ddd;
}
.panel-default > .panel-heading{
	background-color: #fff;
	border: 0 none;
}

.jumbotron .img-circle {
  border: 4px solid #ddd !important;
}
h1#nome{
	font-weight: 400;
	margin-left: 30px;
}
h1#nome a{
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif !important;
	letter-spacing: -1px;
	font-weight: 300;
}
.jumbotron.avatar{
	background-color: #fff;
	padding: 15px;
}
.jumbotron.avatar q:before, .jumbotron.avatar q:after{
	color: #777;
}
.jumbotron h1, .jumbotron .h1{
	font-size: 48px !important;
  line-height: 46px;
}

/*Extra small devices Phones (<768px) Small devices Tablets (=768px) Medium devices Desktops (=992px) Large devices Desktops (=1200px)*/


	.sidebar{
		height: 100%;
		position: fixed;
		right: 0;
		overflow: hidden;
		top: 40px;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: left;
		border: 0 none;
		border-left: 1px solid #ddd;
		border-top: 1px solid #ddd;
		background-color: #fff;
		overflow:hidden;
		transform: translateX(+400px);
    	-webkit-transition: .35s ease;
    	-moz-transition: .35s ease;
    	-o-transition: .35s ease;
    	transition: .35s ease;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.sidebar.in{
		transform: translateX(0px);
	}
	
	.main-content.transition-enabled {
		-webkit-transition: .35s ease;
    	-moz-transition: .35s ease;
    	-o-transition: .35s ease;
    	transition: .35s ease;
	}
	
	.sidebar:not(.in) + .main-content{
		width: 100% !important;
		right: 0 !important;
		padding-right: 0 !important;
	}

/*@media screen and (min-width: 600px) and (max-width: 992px) {*/
@media screen and (min-width: 992px) {
}
.jumbotron{
	margin-bottom: 0;
}
.jumbotron.bg-primary{
	border: 0 none !important;
}
.jumbotron textarea.editable-input {
    height: 55px;
    min-width: auto;
    overflow: auto;
}
.tab-content{
	background: #fff;
}
#page-home{
	/*position: absolute;
	left: 0;
	top: 55px;*/
	padding-left: 0 !important;
}
#page-home .nav-pills > li > a {
	color: #3c8dbc !important;
	border: 1px solid transparent;
}
#page-home .nav-pills > li.active > a {
	border-top-color: transparent !important;
	background-color: #fff !important;
	border-radius: 0 !important;
	border-right-color: #ddd;
	border-left-color: #ddd;
}
.box .box-header > .box-tools-xs {
    padding: 12px 10px 5px 5px;
}

.profile-groups .group-members {
	/*display: inline-block;
	width: calc(100% - 380px);
	margin-left: 25px;
	vertical-align: top;*/
}

.profile-groups .group-members .ui-select-search {
	width: 100%;
}

.profile-groups #profile-group-trees {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0;
	width: 310px;
}

.profile-groups #profile-group-trees .group-tree .expand-collapse {
	margin-right: 10px;
}

.profile-groups #profile-group-trees .group-tree .glyphicon.glyphicon-stop {
	display: none;
}

.profile-groups #profile-group-trees .group-tree .list-group-item {
	padding: 10px 7px;
}
.action_cat-category .lixeira{
	margin-right: 25px;
}
.action_cat-category .lixeira:hover{
	color: red;
}
.edit_xyz_001{
	color: #1486BB;
	display: none;
}
#cat li:hover .edit_xyz_001{
	display: inline-block;
}
#cat .show_cat-name{
	display: block;
}
#cat .edit_cat-input{
	display: none;
}
#cat li{
	border-bottom: 1px solid #ddd;
	margin: 0px;
}
.breadcrumb{
	background: #FFFFFF;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #d7d7d7;
}
.breadcrumb .options{
	
}
.breadcrumb .options .pull-right{
	position: absolute;
	right: 0;
	top: 0;
	margin: 1px 20px;
}
.breadcrumb .options div:first-child button:first-child{
	margin-top: 1px;
}
#meu_idioma, #separador_portais_idioma {
	margin: 8px 4px;
}
.languages a img{
	border: 1px solid #CCCCCC;
}
.portal-left{
	background: none repeat scroll 0 0 #fff;
	border-right: 1px solid #ddd;
	height: 100%;
	position: fixed;
    left: 0px;
	margin-top: 10px;
    padding: 0px;
    overflow: auto;
}
#main .container{
	/*width: 100%;
	max-width: 100%;*/
}
.content-portal ul.nav{
	margin-left: 0;
}

.content-portal .list-group-item .tree-icons {
	display: none;
	cursor: pointer;
}

.content-portal .list-group-item:hover .tree-icons {
    display: block;
}

.content-portal .nav-tabs.list-group-vertical .list-group-item:hover .tree-icons {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px;
    background-color: #f3f4f5;
}

.content-portal .nav-tabs.list-group-vertical .list-group-item.active:hover .tree-icons {
    background-color: #ddd;
}

#novo_grupo{
	clear: both;
	display: block;
	height: 60px;
	margin: 3px 6px;
	width: 100%;
}
.modal{
	z-index: 999998;
}
.container2{
	position: unset;
}
.loading-circle{
	display: block;
	margin: 10px auto;
	font-size: 14px;
	text-align: center;
	padding-bottom: 10px;
}
.row-perfil-portais{
	/*max-width: 252px;
	overflow: hidden;
	height: 360px;*/
}
.row-perfil-portais .caption{
	/*height: 110px;
	overflow: hidden;*/
}
#modal-open-event .modal-dialog{
	border-radius: 0 !important;
	height: 94%;
	height: calc(100% - 40px);
	margin: 38px auto 0;
	width: 98%;
    width: calc(100% - 5px);
}
#modal-open-event{
	border-radius: 0 !important;
	overflow: hidden;
	padding: 0 !important;
}
#modal-open-event .modal-content{
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 0 !important;
}
#modal-open-event .modal-header{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	position: absolute;
	right: 15px;
	top: -15px;
}
#modal-open-event .modal-header .close{
	
}
#modal-open-event .modal-header .close, #modal-open-event .modal-header .close:hover{
	background: #da6161 none repeat scroll 0 0 !important;
	border-radius: 25px;
	color: #fff7f7 !important;
	height: 25px;
	opacity: 1;
	position: relative;
    right: -20px;
    top: 10px;
	width: 25px;
	z-index: 9999999;
}
#modal-open-event .modal-header .close:hover{
	background: #C45050 none repeat scroll 0 0 !important;
}
#modal-open-event .modal-content iframe{
	display: block;
	float: left;
	height: 100%;
	width: 100%;
}
.modal-display-presential-lesson .table-bordered {
	margin-bottom: 5px;
}
.modal-display-presential-lesson .presential-lesson-container:not(:first-of-type) {
	margin-top: 25px;
	padding-top: 10px;
	border-top: 1px solid var(--color-menu-separator);
}
.modal-display-presential-lesson .lesson-details-indent {
	padding-left: 20px;
}
.modal-display-presential-lesson .lesson-details-indent table th {
    width: 100px;
}
.modal-backdrop.fade.in.modal-stack.over-modal {
    z-index: 1070 !important;
}
.bootbox.modal.fade.bootbox-confirm.in.over-modal {
    z-index: 1071 !important;
}
.container_editJava{
	margin-left: -11px;
	margin-top: -1px;
	width: 100% !important;
}
.navbar_editJava{
	margin-bottom: 0px !important;
}
.checkbox-area span.quiz-hide-anteriors-evaluations-checkbox span{
	float: left;
	margin: 14px 10px 15px 5px;
	font-size: 12px;
}
.buttons2 button{
	background-color: #D7D7D7;
	color: #333333;
}
.buttons2 button:hover{
	background-color: #CCCCCC;
}
.timeline > li > .fa{
	font-size: 10px !important;
	line-height: 14px !important;
}


.cover .cover-image {
  z-index: -1;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.cover .cover-image.background-image-fixed,
.cover .cover-image.cover-image-fixed {
  background-attachment: fixed;
}
/* PINGENDO COMMENT DO NOT REMOVE */
.color {
  color: white;
  text-shadow: 0 0 10px #000;
  font-family: sans-serif;
  font-size: 36px;
}
.background-link {
	cursor: pointer;
}
.background-image {
  z-index: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  pointer-events: none;
	overflow: hidden;
}

.section {
  position: relative;
  padding: 10px 0;
}

.documents {
	padding: 0;
	float: left;
	margin-top: -5px;
}

.documents li {
	cursor: pointer;
	display: inline-block;
    margin: 0px 5px 5px 0px;
	width: 185px;
    height: 150px;
	text-align: center;
    vertical-align: top;
}

.documents .document-container a {
	padding: 10px;
	display: block;
    width: 100%;
}

.documents .document-container {
    border: 1px solid white;
}

.documents .document-container:hover {
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
}

.documents .name {
	font-size: 14px;
	font-family: Tahoma;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -5px;
}

.documents .icon{
	font-size: 45px;
	text-align: center;
}

.documents-breadcrumb .breadcrumb{
	border: 0 none;
}

.documents li .options-documents-lihover{
	visibility: hidden;
}

.documents li:hover .options-documents-lihover{
	visibility: visible;
}

.options-documents-lihover{
	background: #d7d7d7 none repeat scroll 0 0;
	float: right;
	margin: 5px 3px 5px 0;
	padding: 1px 5px;
	font-size: 12px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.options-documents-lihover:hover{
	background: #CCCCCC none repeat scroll 0 0;
}

.imghover-change{
	border-radius: 3px;
	bottom: 15px;
	color: #666;
	cursor: pointer;
	font-size: 18px;
	padding: 5px 15px;
	position: absolute;
	right: 55px;
	display: block;
}

.ctrl-background{
	/*border-bottom: 1px solid #E7E4E4;*/
	height: 246px;
}

.ctrl-background-compat {
	margin-left: -15px;
}

.imghover-change-edit{
	right: 107px;
}

.parentTop-imghover-change{
	position: relative;
    width: 12%;
    min-width: 150px;
	margin: 10px 28px;
    padding: 0px;
}

.parent-img{
	height: auto;
	margin-top: 0;
	position: relative;
	width: auto;
}

.parent-img.hide-logo-color .img-thumbnail {
	border-color: transparent;
	background-color: transparent;
}
	
.parent-img:hover .imghover-change{
	display: block;
}

.portal-background-image-area {
	height: 190px;
	margin-left: calc((100% - 1050px) / 2);
}

.cropAreaBackground{
	height: 210px;
	left: 0;
	position: absolute;
	right: 0;
	top: 10px;
	width: 100%;
}

.guillotine-canvas {
  border: medium none !important;
  height: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100% !important;
}

.backgroundName-companyTouch{
	display: inline-block;
	width: 60%;  
    width: calc(100% - 320px);
}

.pointer-events-none{
	pointer-events: none;
}

.pointer-events-none{
	pointer-events: none;
}

.imghover-change-editing{
	display: block !important;
	margin: 10px -15px;
}

.move-background-edit{
	background: rgba(0, 0, 0, 0.90) none repeat scroll 0 0;
	color: white;
	font-size: 20px;
	height: 200px;
	padding: 90px 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: -10px;
	width: 100%;
	z-index: 999;
	display: none;
	right: 0;
	left: 0;
}

.dropdown-menu-portal{
	float: left;
	height: 100%;
	max-height: 350px;
	overflow-y: auto;
	padding: 0;
	position: relative;
	width: 300px;
	margin-bottom: 0px;
}

.dropdown-menu-portal li{
	list-style: none;
}

.dropdown-menu-portal li.portal-disabled {
	opacity: 0.4;
	pointer-events: none;
}

.dropdown-menu-portal li a{
	display: block;
	float: left;
	clear: both;
	padding: 5px 0;
	width: 100%;
}

.dropdown-menu-portal li a img{
	width: 70px;
	height: auto;
}

.dropdown-menu-portal li a:hover{
	background: none;
	color: #444;
}

.dropdown-menu-portal li:hover:first-child{
	/*background: none !important;*/
}

.dropdown-menu-portal li:hover a{
	background: #DDD;
}

.dropdown-menu-portal .badge {
	vertical-align: top;
    margin: 1px;
}

.exibit-todos-portal{
	background: #dddddd none repeat scroll 0 0;
	display: block;
	float: left;
	margin-bottom: -5px;
	padding: 5px;
	text-align: center;
	width: 100%;
}

.exibit-todos-portal a{
	display: block;
	text-align: center;
	margin: 0 auto;
	float: none !important;
}

.dropdown-menu-portal-div{
	width: 300px;
}

.meusportais{
	margin-top: 20px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 10px;
}

.dropdown-menu-portal.chat-sessions .chat-session {
    height: 70px;
    padding-top: 5px;
    padding-right: 5px;
	cursor: pointer;
	border-bottom: 1px solid #eaeaea;
}

.dropdown-menu-portal.chat-sessions .chat-session:hover {
	background-color: #DDD; 
}

.dropdown-menu-portal.chat-sessions .chat-session .chat-members {
	font-size: 15px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-menu-portal.chat-sessions .chat-session .image {
	width: 70px;
	height: 60px;
	padding: 5px 10px;
}

.dropdown-menu-portal.chat-sessions .chat-session .image-ellipsis {
	margin-top: -16px;
    margin-left: 30px;
    color: black;
    background-color: #ffffff;
    height: 15px;
    width: 20px;
    position: absolute;
    text-align: center;
    line-height: 3px;
    border-radius: 5px;
    font-size: 20px;
    border: 1px solid #ccc;
}

.dropdown-menu-portal.chat-sessions .chat-session .last-message .message-box {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 15px;
}

.dropdown-menu-portal.chat-sessions .chat-session .last-message .message-time {
	font-size: 11px;
}

.dropdown-menu-portal.approvals .approval-box {
    padding: 5px;
	border-bottom: 1px solid #eaeaea;
}

.dropdown-menu-portal.approvals li a {
	display: initial;
    float: initial;
    font-weight: bold;
}

.dropdown-menu-portal.approvals li:hover a {
	background: none;
}

.dropdown-menu-portal.approvals .approval-box .image {
	width: 60px;
	height: 60px;
	padding: 5px;
}

.dropdown-menu-portal.approvals .approval-box .approval-description {
    font-size: 13px;
    line-height: 16px;
}

.dropdown-menu-portal.approvals .approval-buttons {
	height: 30px;
}

.dropdown-menu-portal.approvals .approval-buttons .btn {
	float: right;
	margin: 4px 2px;
}

.dropdown-menu-portal.approvals .approval-buttons a {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: auto;
	font-weight: normal;
}

.nav.nav-pills.nav-stacked > li.active > a, .nav.nav-pills.nav-stacked > li.active > a:hover{
	border-left: 0 none !important;
}

ul.abn-tree li:last-child a{
	border-bottom: 0 none !important;
}

ul.abn-tree li.abn-tree-row a{
	padding: 10px 15px !important;
	border-bottom: 1px solid #CCCCCC;
}

ul.abn-tree li.abn-tree-row span{
	color: #555;
}

.abn-tree {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 15px;
}

.timeline-name-forum{
	/*display: block;*/
}

#drop4:hover{
	background: rgba(0, 0, 0, 0.5) !important;
	color: #EEEEEE;
}

.container-documents{
    margin: 5px 0px;
    padding: 0;
    width: 100%;
}

.lectorReports-right{
	/*padding-left: 50px;*/
}

.list-group-vertical{
	border-bottom: 0 none;
    padding: 0;
}

.treeview .list-group-item.node-selected {
    z-index: 2;
	background-color: #ddd !important;
	border-color: #ddd;
	color: #555 !important;
}

.treeview .list-group {
    margin-bottom: 0px;
}

ul.abn-tree li.abn-tree-row{
	border: 1px solid #ddd;
	margin-bottom: -1px;
}

ul.abn-tree li.abn-tree-row:last-child{
	margin-bottom: 0;
}

.abn-tree, ul.abn-tree li.abn-tree-row a{
	border: 0 none;
}

ul.abn-tree li.active{
	border-color: #3b5169;
}

.documents-treeview{
	margin-left: -1px;
}

.documents-treeview ul, .documents-treeview li, .documents-treeview li a{
	border-radius: 0 !important;
}

.documents li > div {
    display: flex;
    flex-flow: nowrap;
    height: 100%;
    justify-content: center;
    width: 100%;
	position: relative;
	padding-top: 10px;
}

.list-group-vertical li {
	width: 100%;
	border-radius: 0 !important;
	margin-left: -1px;
}

.list-group-vertical li.active > a, .list-group-vertical > li.active > a:focus, .list-group-vertical > li.active > a:hover{
	background: none;
	border: 0 none;
	/* color: white; */
}

.list-group-vertical li {
	padding: 0;
}

.list-group-vertical li a {
	color: #555555;
	border: 0 none;
	width: 100%;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #f3f4f5;
}

.treeview.list-group-vertical li a {
	color: #555555;
	border: 0 none;
	width: 100%;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
}

.contacts-table tr .buttons button {
    visibility: hidden;
}

.contacts-table tr:hover .buttons button {
	visibility: visible;
}

#profile-group-trees{
	width: 100% !important;
}

#profile-group-trees .list-group{
	width: 100% !important;
}

.navbar-fixed-bottom .navbar-collapse{
	/*min-height: 150px;*/
}

.navbar-toggle, .navbar-toggle:hover{
	background: transparent !important;
}

.upload-background-send{
	background: rgba(255, 255, 255, 0.90) none repeat scroll 0 0;
	color: #333333;
	font-size: 20px;
	height: 245px;
	padding: 90px 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: -10px;
	width: 100%;
	z-index: 999;
	display: none;
	right: 0;
	left: 0;	
}

.ctrl-background{
	height: 190px;
	/*overflow: hidden;*/
}

#imagem_changed {
	max-height: 150px;
}

.navbar .dropdown-toggle.dropdown-navbar {
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
	border: 1px solid rgba(0, 0, 0, 0.12);
	color: white;
	float: right;
	font-size: 12px;
	margin: 5px;
	padding: 5px 10px;
	height: 30px;
}

.carousel-inner > .item > img {
	min-height: 190px;
}

div.resource-details {
	width: calc(100% - 470px);
}

div.course-classes {
	width: 250px;
}

div.resource-image-container {
	width: 220px;
}

@media screen and (max-width: 1024px){

	.dropdown-menu-portal li a{
		text-align: center;
	}

	#imagem_changed {
		/*margin: 30px 10px;*/
	}

	.navbar-form{
		border-bottom: 0 solid #763d3d;
		border-color: #763d3d;
		border-top: 0 solid #763d3d;
		box-shadow: none;
		margin: 8px -15px;
	}

	#meu_perfil ul.dropdown-menu{
		position: fixed;
		left: auto;
		right: 0;

	}

	#add_photo, #add_video{
		margin-right: 5px;
		margin-top: 5px;
		overflow: hidden;
		text-indent: 100px;
		width: 40px;
	}

	#add_photo i, #add_video i{
		text-indent: -186px !important;
	}

	.button_puclication_home{

	}

	.navbar-toggle {
		/*border: 1px solid rgba(255, 255, 255, 0.32) !important;*/
		border: none !important;
    	margin: 4px 18px 0;
    	padding-bottom: 8px;	
    }

	/* .navbar-brand {
	    margin: 1px 10px 0;
	} */

	.navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active{
		background: rgba(249, 249, 249, 0.13) !important;
	}

	#lista-contatos .contacts-table .name .user-name {
		font-size: 100%;
		font-weight: 400;
		max-width: 63%;
		overflow: hidden;
		padding-left: 3px;
		padding-top: 8px;
		white-space: nowrap;
	}
	

	.avatar .user-photo {
	  border-radius: 999999px;
	  display: block;
	  float: none !important;
	  margin: 0 auto;
	  padding: 4px;
	  text-align: center;
	  width: 130px;
	}

	.jumbotron textarea.editable-input {
		height: 70px;
		margin-top: -10px;
		min-width: auto;
		overflow: auto;
	}

	.parent-img{
		text-align: center;
	}

	.parentTop-imghover-change {
		display: inline-block;
		height: 100%;
		position: relative;
	}

}

.tab-content{
	border-top: 0 none;
}

div.container.no-padding.right-aligned-container {
	margin-right:5px;
}

#tab-forums {
	margin-right: 5px;
}

#tab-config #box-info .box-body .multilanguage-container {
	display: inline-block;
	width: 250px;
}

.course-header-container {
	width: 220px;
}

.course-resources {
	width: calc(100% - 220px);
    padding-left: 0px;
}

.course-resources tr.resource-disabled {
	background-color: var(--color-bg-disabled);
	opacity: 0.5;
	pointer-events: none;
}

.evaluation-viewer .questions-list .questions-list-pagination .pagination-buttons {
	padding: 5px;
	padding-bottom: 2px;
	padding-right: 0px;
}

.tabs-sidebar-backplane, .tabs-sidebar-backplane.visible {
	display: none;
}

button.btn-install-pwa {
	margin-right: -10px;
}

button.btn-install-pwa span {
	font-size: 28px;
	color: white;
}

.subscription-required-dialog {
	width: 450px;
}

.instructor-list {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.instructor-list .instructor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px;
    min-width: 45%;
    max-width: 50%;
    flex: 1 1;
    margin: 3px;
}

.instructor-list .instructor:hover {
	cursor: pointer;
	background-color: var(--color-bg-disabled);
}

.instructor-list .instructor > img {
	width: 50px;
    min-width: 50px;
	height: 50px;
}

.instructor-list .instructor .instructor-details {
    width: 100%;
	padding: 10px;
}

.instructor-list .instructor .instructor-details h3 {
	margin: 0;
}

.instructor-list .instructor .fa-calendar {
	font-size: 36px;
}

.instructors-table tr td {
	vertical-align: middle !important;
}

.instructors-table tr td:first-of-type {
	width: 117px;
	position: relative;
}

.instructors-table tr td:first-of-type a {
    opacity: 0;
    position: absolute;
    background: white;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
	cursor: pointer;
}

.instructors-table tr td:first-of-type:hover a {
    opacity: .8;
}

.instructors-table tr td:first-of-type img {
	border-radius: 50%;
}

@media screen and (max-width: 768px){

	.xs-absolute-pos { position: absolute; }
	.xs-scroll-y { overflow-y: scroll; }
	.xs-scroll-x { overflow-x: scroll; }
	.xs-full-width { width: 100%; }
	.xs-full-height { height: 100%; }
	.xs-transparent { opacity: 0; }

	body, html {
		margin: 0;
		padding: 0;
		min-height: unset !important;
		max-height: 100%;
		display: block;
		height: 100%;
		overflow: hidden;
		background-color: white !important;
	}

	body {
		margin-top: calc(var(--m-menubar-height) * 2);
		height: calc(100% - (var(--m-menubar-height) * 2));
	}
	
	body.xs-one-navbar {
		margin-top: 0;
		height: 100%;
	}

	body > div.active, body > div.active > div#conteudo_load { height: 100%; }

	.full-width-xs {
		width: 100%;
	}

	#conteudo_load {
		margin-top: 0;
	}

	.modal-open .modal {
		z-index: 5000 !important;
		float: none !important;
		position: fixed;
		max-height: 100%;
	}
	
	.modal-open .modal.lower-modal {
		z-index: 4000 !important;
	}

	.modal-dialog {
		max-height: 100%;
		height: 100%;
		float: none !important;
		position: fixed;
		top: 0;
		width: 100%;
		overflow-y: auto;
		margin: 0 !important;
	}
	
	.subscription-required-dialog {
		width: 100%;
	}

	#modal-open-event .modal-dialog{
		border-radius: 0 !important;
		height: calc(100% - 40px);
		margin: 0 !important;
		width: 100%;
	}

	#modal-open-event.with-top-bar .modal-dialog {
		margin: 40px auto 0 0 !important;
	}

	#modal-open-event .modal-header button.close {
		top: -10px !important;
		right: -14px !important;
		/* opacity: 0.8 !important; */
		width: fit-content !important;
		height: fit-content !important;
		padding: 5px 5px 5px 8px !important;
		border-radius: 0px 0 0px 15px !important;
	}

	.modal-dialog form {
		display: unset;
	}

	.modal .modal-vertical-align {
		display: table;
		height: 100%;
		width: 100%;
		float: none !important;
		position: fixed;
		max-height: 100%;
		overflow-y: auto;
	}

	.modal-content {
		height: 100% !important;
		max-height: 100%;
	}

	.modal-body {
		overflow-y: auto;
		height: calc(100% - 150px) !important;
		max-height: calc(100% - 150px);
	}

	.modal-dialog .modal-header {
		padding: 0 15px;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.modal-dialog .modal-header button.close {
		order: 2;
	}

	.modal-dialog .modal-footer {
		height: 70px;
	}

	.navbar-collapse {
	 	margin-top: 4px;
	}
	
	#formulario_pesquisa_usuario {
		clear: both;
		display: block;
		height: 40px;
		margin: 10px auto !important;
		padding: 0;
		position: relative !important;
		width: 90%;
	}

	#formulario_pesquisa_usuario .input-group:first-child{
		padding-left: 0;
	}

	.navbar-form{
		margin: 0;
	}
	#page-home{
		float: none !important;
		padding-right: 0;
	}

	.btn.btn-link.navbar-button {
		float: right;
		font-size: 22px;
		line-height: 1;
		color: white;
		padding-left: 8px;
		padding-right: 8px;
		position: relative;
		background-color: rgba(0,0,0,0.3);
		margin-top: 0px;
		padding-top: 9px;
		border-radius: 0;
	}

	.btn.btn-link.navbar-button.collapsed {
		background-color: unset !important;
	}

	.navbar-portal-name {
		color: white;
		font-size: 16pt;
		line-height: 40px;
		font-weight: 800;
		letter-spacing: 1px;
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
		text-align: center;
	}
	
	.navbar .dropdown-toggle.dropdown-navbar {
		margin: 8px;
		height: 28px;
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		border-color: rgba(0,0,0,0.3);
		margin-top: 0px;
		overflow: visible;
	}

	button.btn-install-pwa {
		margin-right: 0px;
		margin-left: -27px;
	}

	#main #main {
		padding-right: 0 !important;
	}

	#meu_perfil {
		padding: 0 10px;
	}

	#meu_perfil ul.dropdown-menu {
		position: fixed;
		left: 7px;
		right: auto;
		margin-top: -64px;
		border-radius: 2px;
		background-color: #506c8a;
		border: none;
		box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	}
	
	#meu_perfil ul.dropdown-menu a {
		color: white;
	}

	#meu_perfil ul.dropdown-menu li {
		color: #ddd;
	}

	#meu_perfil ul.dropdown-menu .profile.active {
    	background-color: #3b5069;
	}

	#meu_perfil div.new-post {
		margin: 5px 0px;
		padding: 0px 7px;
	}
	
	.dropdown-menu.dropdown-menu-portal-div.right-aligned-dropdown-menu {
		position: fixed;
		width: 100%;
		left: 0;
		margin-top: -55px;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		background-color: #e4ebf3;
	}

	select.mobile-select-tab, button.mobile-select-tab, button.mobile-select-tab:hover {
		display: block;
		width: calc(100% - 10px);
		background-color: white;
		border-radius: 3px;
		padding: 0 8px;
		height: 38px;
		-webkit-appearance: none;
		text-align: left;
		margin: 0 5px 5px 5px;
		border: 1px solid #DDD;
		font-size: large;
	}

	select.mobile-select-tab:focus {
		outline: none;
	}

	div.mobile-select-tab:before {
		content: "\e114";
		position: absolute;
		right: 14px;
		top: 10px;
		font-family: 'Glyphicons Halflings';
	}

	div.mobile-select-tab.one-item:before {
		display: none;
	}

	.mobile-tab-filter-buttons {
		text-align: right;
		margin-bottom: 5px;
	}

	.mobile-tab-filter-buttons .mobile-tab-filter-button span {
		font-size: 20pt;
	}

	.mobile-tab-filter-buttons .mobile-tab-filter-button span.active {
		color: #3C8DBC;
	}

	.mobile-tab-filter-buttons .mobile-tab-filter-button {
		background: none;
		border: none;
		padding: 4px 10px;
		width: unset;
	}

	.mobile-tab-filter-buttons button[disabled].mobile-tab-filter-button span {
		color: lightgrey;
	}

	.mobile-tab-filter-buttons .mobile-tab-filter-button span.fa-ellipsis-v {
		padding: 0px 5px;
	}

	.tab-filter .dropdown {
		padding-right: 5px !important;
	}

	.evaluation-list {
		padding-left: 4px;
	}

	.evaluation-viewer .questions-list {
		right: unset !important;
		bottom: 5px;
		width: calc(100% - 10px) !important;
		background-color: white;
	}

	.evaluation-actions {
		width: calc(100% - var(--m-menubar-height));
		display: flex;
		height: var(--m-menubar-height);
		top: 0 !important;
		left: 0;
	}
	
	.evaluation-actions button.btn {
		padding-left: 10px;
		padding-right: 10px;
		flex-grow: 1;
		border-radius: 0;
		border: 0;
		border-right: 1px solid var(--color-menu-separator);
	}
	
	.evaluation-actions button.btn[disabled] {
		opacity: 1;
		background-color: #BBB;
		border-color: #BBB;
	}

	.evaluation-content {
		overflow-x: unset !important;
		overflow-y: visible;
		margin-left: 0px !important;
		width: 100% !important;
		top: var(--m-menubar-height) !important;
		z-index: 5000 !important;
	}

	.evaluation-content > div:first-of-type {
		overflow-y: auto;
	}

	.evaluation-viewer .evaluation-viewer-container {
		padding-bottom: 140px;
		overflow-y: auto;
	}

	.evaluation-viewer .questions-list .legend div {
		display: inline-block;
		margin-right: 10px;
	}

	.evaluation-viewer .questions-list .pagination-title {
		padding: 5px !important;
	}

	.question-table .question-text .simple-text-answer {
		border: none;
		border-bottom: 1px solid #CCC;
	}

	table.table.associative-question-table-xs {
		border-left: 3px solid #CCC;
	}

	table.table.associative-question-table-xs td {
		border-top: none;
	}

	.evaluation-viewer .questions-list .questions-list-pagination .pagination-buttons {
		max-height: 63px;
		overflow: hidden;
		overflow-y: auto;
	}

	table.alternatives-table {
		width: 100% !important;
	}

	.questions-area {
		width: 100% !important;
		position: unset !important;
		text-align: justify;
	}

	.question-statement {
		margin-right: 10px;
	}

	.question-list {
		padding-left: 4px;
	}

	.documents {
		min-width: 315px;
	}

	.documents .document-container {
		background: #FCFCFC;
		border: 1px solid #EAEAEA;
	}

	.document-container .buttons2, .event-thumbnail .buttons2, .question-entry-in-list .buttons2, .listadeeventos .buttons2 {
		visibility: visible !important;
	}

	.document-container .buttons2 {
		top: 4px;
		right: 5px;
	}

	.document-container .buttons2 button, .event-thumbnail .buttons2 button, .question-entry-in-list .buttons2 button, .listadeeventos .buttons2 button {
		padding: 10px 14px;
		background-color: #EAEAEA;
		opacity: 0.85;
	}

	.documents .document-container:hover {
		background: #F8F8Fd;
	}

	.paging-row {
		text-align: center;
	}

	.paging-row paging.pull-right {
		float: unset !important;
	}

	.create-button-list {
		width: 100%;
		padding-right: 5px;
	}

	.create-button-list > button.btn {
		width: 100%;
	}

	.alternatives-table .multi-language textarea {
		min-width: 150px;
	}

	.question-entry-in-list {
		min-height: 52px;
	}

	#portais_link #drop4 {
	   	margin: 10px 10px;
	}

	.guillotine-canvas > *{
		display: block;
	}

	.buttons-action-left, .documents-treeview, .list-group{
		width: 100% !important;
	}

	#novo_grupo button{
		float: none !important;
		margin: 0 1px;
		display: block;
	}

	.documents-treeview, .list-group{
		width: 100%;
	}

	.buttons-action-left{
		width: 100%;
	}


	#formulario_pesquisa_usuario{
		position: fixed;
	}

	/*.dropdown-menu-portal li .col-md-4{
		width: 35%;
		float: left;
	}*/

	/*.dropdown-menu-portal li .col-md-4 img{
		width: 100px;
		height: auto;
	}*/

	.dropdown-menu-portal li a{
		text-align: center;
	}

	/*.dropdown-menu-portal li .col-md-8{
		width: 65%;
		float: left;
	}*/

	#formulario_pesquisa_usuario{
		display: none !important;
	}

	.parentTop-imghover-change img{
		width: 150px !important;
		height: auto;
	}

	.list-group-vertical li{
		width: 100%;
	}

	.list-group-item{
		width: 100%;
	}

	.abn-tree{
		width: 100%;
	}

	.list-group-vertical{
		padding: 0;
	}

	.buttons-action-left, .documents-treeview, .list-group {
	  display: block !important;
	  margin: 10px auto !important;
	  width: 90%;
	}

	.content-portal.portal-tabs > ul.nav-tabs {
		display: none !important;
	}

	#tab-myarea div.content-portal {
		margin-top: 4px;
	}

	#tab-myarea div.content-portal > ul.nav-tabs {
		display: none !important;
	}

	#tab-webconferencia .content-portal .nav-tabs:first-child {
		display: none !important;
	}

	.content-portal .nav-tabs:first-child{
		background: white;
		border: 1px solid var(--color-menu-separator);
		border-bottom: 0;
		display: block;
		margin-bottom: 20px;
		margin-top: 5px;
	}

	.content-portal .nav-tabs:first-child li a{
		border: 0 none !important;
	}

	.content-portal .nav-tabs:first-child li.active a{
		border: 0 none;
	}

	.content-portal .nav-tabs:first-child li a:hover{
		border: 0 none !important;
	}

	.content-portal ul.nav-tabs:first-child .active:last-child{
		border-bottom: 1px solid #DDDDDD !important;
	}

	.content-portal ul.nav-tabs:first-child li a{
		margin: 1px 0 !important;
	}

	.content-portal .nav-tabs:first-child li{
		width: 100%;
		display: block;
	}

	.content-portal .tab-content:first-child{
		border-top: 1px solid #DDDDDD !important;
	}

	.content-portal .nav-tabs > li {
		margin-bottom: 0;
		border-bottom: 1px solid var(--color-menu-separator);
	}

	.list-group-vertical{
		border: 0 none !important;
	}

	.multi-columns-row > div{
		/*float: left !important;
		width: 225px !important;*/
	}

	.portal-background-image-area {
		margin: 0;
		height: unset;
	}

	.portal-background-image-area img {
		max-width: 100% !important;
	}

	.background-image {
		position: unset;
		height: unset;
		order: 2;
	}

	.background-image.no-portal-images {
		display: none;
	}

	.portal-logo {
		order: 1;
	}

	.portal-logo .parent-img {
		margin: 0;
		grid-template-columns: 100% 0%;
	}

	.portal-logo .parent-img.no-portal-title {
		grid-template-columns: 100% 0%;
	}

	.portal-logo .parent-img:before {
		display: unset;
		content: unset;
	}

	.ctrl-background .background-clickable {
		padding: 0;
		display: grid;
	}

	.ctrl-background .background-carousel {
		order: 2;
	}
	
	.carousel-indicators {
		margin-bottom: -2px !important;
	}

	.carousel-indicators li {
		opacity: 0.5;
	}
	
	.carousel-inner>.item>img {
		min-height: auto;
	}
	
	.carousel-inner > .active {
		padding-left: 0px;
	}
	
	div.tab-resource-detail-area {
		width: 100%;
		padding: 0 0 0 5px;
	}

	.btn-fullscreen{
		display: none !important;
	}
	.ctrl-background{
		height: auto !important;
		margin-bottom: 4px;
		min-width: 350px;
	}
	.ctrl-background.hidden-xs.collapse.in {
		display: block !important;
	}
	.ctrl-background.no-portal-images {
		margin-bottom: 0;
		margin-top: 2px;
	}
	.backgroundName-companyTouch {
		width: 100% !important;
	}
	.backgroundName-companyTouch  h1{
		font-size: 24px;
		margin: 0;
		padding: 10px;
	}
	.background-change{
		opacity: 0.4;
		right: 4px;
		bottom: -38px;
		top: unset;
	}
	.background-change.no-portal-background {
		bottom: 2px;
	}
	.parent-img {
		display: flex;
		flex-flow: column nowrap;
		margin: 3px 0;
		background-color: #f1f1f1;
	}
	#imagem_changed {
		margin: 2px;
		width: 100% !important;
	}
	.parentTop-imghover-change{
		z-index: 10;
		order: unset;
		margin: 0;
		min-width: 10% !important;
		width: 100%;
		max-width: 150px;
		margin: 0 auto;
	}
	.parentTop-imghover-change.no-portal-title{
		margin: 0 auto;
	}
	.parentTop-imghover-change .div {
		text-align: left;
		padding-left: 3px;
		width: 100%;
		float: left;
	}
	.vertical-align-middle {
		display: table;
		height: 100%;
	}
	.vertical-align-middle h1 {
		display: table-cell !important;
		vertical-align: middle;
	}
	div#carousel-background {
		position: relative !important;
		margin-top: 0 !important;
	}

	.modal-dialog .modal-body button.btn {
		width: 100% !important;
		text-align: left;
		margin-left: 0 !important;
		margin-bottom: 2px;
		margin-top: 3px;
	}

	.modal-dialog .modal-body div#ep_publiclink input.form-control {
		float: none !important;
		width: 100% !important;
	}

	.list-group-vertical li{
		width: 100%;
	}
	.dropdown-menu-portal{
		max-height: 150px !important;
	}
	.dropdown-menu-portal-div{
		width: 100%;
	}

	.open > .dropdown-menu-groups {
		position: absolute;
		margin-top: -35px;
		margin-left: 90px;
	}

	.tab-filter > div {
		margin-bottom: 5px;
		width: 100% !important;
	}

	.tab-filter .text-filter {
		padding-right: 9px !important;
	}

	.tab-filter .text-filter.forums {
		padding-right: 0px !important;
	}

	.tab-filter > div > button {
		width: 100%;
	}

	.tab-filter > div > .dropdown {
		margin-right: 0;
	}

	.tab-filter > div.text-filter > div.input-group {
		margin-right: -4px;
	}

	.tab-filter > div.text-filter.forums > div.input-group {
		margin-right: 0;
	}

	.dashboard li.gridster-item {
		width: calc(100% - 9px) !important;
		position: unset;
		margin: 5px !important;
	}

	.dashboard .widget .close {
		display: none;
	}

	.dashboard .widget .widget-box {
		margin-bottom: 5px;
	}

	.dashboard .widget .widget-box .select-chart-type-container {
		display: none;
	}

	div.new-post {
		padding: 0px 7px;
	}

	div.timeline-container {
		padding-left: 2px;
		padding-right: 7px;
	}

	#page-home .timeline:before {
		left: 11px !important;
	}

	/* .timeline:before {
		border: 0 !important;
		left: 2px !important;
	} */

	.timeline > li > .timeline-item {
		margin-left: 27px;
		/* padding-left: 5px !important; */
	}

	.timeline > li > .timeline-item > div {
    	margin-top: 30px;
	}

	.timeline > li > .timeline-item > div:last-child {
		margin-top: unset;
	}
	
	.timeline > li > .timeline-item:before {
		height: 6px;
		top: 20px;
		width: 6px;
		left: -4px;
	}

	.timeline > li .timeline-comment {
		margin-left: 60px;
	}
	
	.timeline > li:last-of-type > .fa {
		top: 0 !important;
	}

	#page-home .timeline > li > .timeline-item:before {
		height: 5px;
		top: 20px;
		width: 5px;
		left: -4px;
	}

	div.profile-info-container {
		padding-left: 2px;
		padding-right: 2px;
	}

	div.profile-info-container .form-horizontal .form-group, div.profile-info-container #default_profile {
		margin-left: -9px;
	}

	.jumbotron.avatar {
		padding: 5px;
		overflow: -webkit-paged-y;
	}

	.jumbotron.avatar .pull-left {
		float: unset !important;
    	text-align: center;
	}

	.jumbotron.avatar h1 {
		margin: 0 !important;
	}

	.jumbotron.avatar h1.text-muted {
		line-height: 32px !important;
	}

	.jumbotron.avatar h1.text-muted button {
		margin-top: 10px !important;
	}

	.jumbotron.avatar textarea.editable-input {
		margin-top: 50px;
	}

	.jumbotron.avatar form {
		float: unset !important;
    	margin-left: unset !important;
    	margin-top: unset !important;
	}

	.jumbotron.avatar form span.editable-textarea {
		width: 100%;
	}

	.fc-widget-content .fc-day-grid-container.fc-scroller {
		height: 336px !important;
	}

	.table-responsive {
		border: none;
	}

	.btn-group .btn + .btn {
		margin-left: 0;
		margin-bottom: 1px;
	}

	.dataTables_wrapper table {
		min-width: 900px;
	}

	.dataTables_wrapper .pull-left.float-center-xs {
		float: unset !important;
		width: 100%;
		position: absolute;
	}

	.dataTables_wrapper .pull-right.float-center-xs {
		float: unset !important;
		position: absolute;
		width: 100%;
		margin-top: 30px;
	}

	.dataTables_wrapper .pagination-margin-xs {
		margin-bottom: 46px;
		width: 100%;
		height: 28px;
	}

	.dataTables_wrapper div.dt-buttons {
		text-align: left;
		margin: 2px 0;
	}

	.dataTables_length {
		margin-right: 4px;
	}

	.course .resource-container {
		display: flex;
		flex-direction: column;
	}

	.resource-details {
		width: 100% !important;
		order: 10;
	}

	.resource-details .tab-content {
		padding: 0px 15px;
	}

	div.course-classes {
		width: 100%;
		border-top: 1px solid #DDD;
		margin-top: 28px;
		padding: 0 10px;
	}

	.course .author .author-abstract {
		text-align: left !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.course .author .author-abstract p {
		text-align: justify;
	}

	.course .author .author-image {
		float: left;
	}

	.course .author .author-name {
		margin-bottom: 16px;
		max-width: calc(100% - 115px);
		overflow-x: auto;
		overflow-y: hidden;
	}

	.course-contents-bar {
		top: 0 !important;
		width: 100%;
		height: var(--m-menubar-height);
		display: flex;
		left: 0 !important;
	}

	.course-contents-bar.close-button {
		width: calc(100% - var(--m-menubar-height));
	}

	.course-contents-bar > button.btn.btn-warning {
		flex-grow: 1;
		border-radius: 0;
	}

	.course-contents-bar > button.btn.btn-warning[disabled] {
		opacity: 1;
		color: rgba(255,255,255,0.4);
		background-color: #a25f3e !important;
		border-color: rgba(0,0,0,0.3) !important;
	}

	div.resource-title-container {
		text-align: center;
	}

	div.resource-image-container {
		margin-left: auto;
		margin-right: auto;
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
	}

	#page-contatos-side .contact{
		padding-right: 20px;
	}

	/*#meu_idioma, #separador_portais_idioma {
		display: block;
		float: none !important;
		text-align: center;
	}*/

	#meu_idioma a.btn-link {
		width: 38px;
		height: 28px;
		background-color: rgba(0,0,0,0.4);
		border-radius: unset;
		padding: 3px !important;
	}

	#formulario_pesquisa_usuario {
	  	margin: 0;
	}

	#separador_portais_idioma{
		display: none !important;
	}
	
	#meu_perfil {
		float: unset !important;
		position: unset;
		display: flex;
		background-color: unset !important;
		border-bottom: 1px solid #eee;
		padding: 0;
		min-height: 63px;
	}

	#meu_perfil > span.pull-right > i {
		font-size: 18pt;
		transition: .35s ease;
		margin: 19px 15px;
	}

	#meu_perfil.collapsed > span.pull-right > i {
		transform: rotateX(180deg);
	}

	#meu_perfil hr {
		border-top: 1px solid #eee;
	}

	#meu_perfil .user-name {
		display: inline-block;
		color: black;
		vertical-align: top;
		line-height: 22px;
		padding: 9px 10px;
		width: 100%;
	}

	#meu_perfil > div:first-of-type > div:first-of-type {
		font-size: 14pt;
		font-weight: bold;
		letter-spacing: 1px;
	}

	#meu_perfil .user-name.no-profiles {
		line-height: 44px !important;
	}

	#meu_perfil .profile-image {
		min-width: 56px;
		width: 56px;
		height: 56px;
		margin: 2px 6px;
	}
	
	.sidebar-portals .profile-dropdown {
		padding: 0;
		margin: 0 0 0 20px;
		font-size: 18px;
		text-align: left;
		list-style: none;
		position: unset;
		width: unset;
		float: none;
		border: none;
		border-top: 1px solid var(--color-menu-separator);
		box-shadow: unset;
		transition: height .3s ease;
	}
	
	.sidebar-portals .profile-dropdown ul > li > a {
		display: block;
		padding: 4px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		white-space: nowrap;
		border-bottom: 1px solid var(--color-menu-separator);
	}
	
	.sidebar-portals .profile-dropdown ul > li > a.profile.active {
		font-weight: bold;
	}
	
	.sidebar-portals .profile-dropdown ul > li > a.profile {
		border-bottom: 1px solid #eee;
		margin-left: 15px;
	}
	
	.sidebar-portals .profile-dropdown ul > li > a.profile > i {
		margin-right: 5px;
	}
	
	.sidebar-portals .profile-dropdown ul > li:last-of-type > a.profile {
		border: none;
	}

	.sidebar-portals .profile-dropdown .profiles-list {
		max-height: 242px;
	}

	.imghover-change {
		margin: 0 auto;
		position: relative;
		right: 27px;
		top: 3px;
	}

	.imghover-change-edit{
		height: 38px;
		left: 23px;
		top: -35px;
	}

	.img-thumbnail{
		width: 60px !important;
		border: 1px solid #CCCCCC !important;
		padding: 0 !important;
	}

	.list-group-item{
		width: 100%;
	}

	.buttons-action-left, .documents-treeview, .list-group {
	  display: block !important;
	  margin: 0 auto !important;
	  width: 90%;
	}
	
	.dropdown-menu-portal {
	    width: 100%;
	}
	
	.dropdown-menu .portal-name {
		font-size: 15px;
	}

	#formulario_pesquisa_usuario .dropdown-menu {
	  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	  position: fixed;
	  top: 100% !important;
	  width: 87%;
	  z-index: 2300;
	}

	.buttons-action-left-top{
		margin-top: -3px;
	}

	#page-home .nav li a{
		padding: 15px 5px;
	}

	.sidebar .well {
		padding: 0;
		margin: 0;
		overflow-y: scroll;
		height: 100%;
	}
	
	.sidebar-portals {
		position: fixed;
		margin-top: calc(var(--m-menubar-height) * 2);
		height: calc(100% - (var(--m-menubar-height) * 2));
		max-height: calc(100% - (var(--m-menubar-height) * 2));
		width: 100%;
		background-color: white;
		top: 0;
		left: 110%;
		z-index: 1020;
		display: block !important;
		transition: left .3s ease-out;
	}
	
	.sidebar-portals.visible { left: 0; }

	.sidebar-portals #portais_link {
		padding: 5px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		overflow: hidden;
	}

	.sidebar-portals > div > div {
		display: flex;
		flex-direction: column;
	}

	.sidebar-portals #portais_link h2 {
		font-size: 16px;
		margin: 8px 10px;
		width: 68px;
	}

	.sidebar-portals #portais_link .header input {
		width: calc(100% - 97px);
	}

	.sidebar-portals #portais_link .header {
		padding: 0;
		border: none;
		flex: 0 1 auto;
	}

	.sidebar-portals #portais_link > div:last-of-type {
		max-height: 100%;
		flex: 1 1 auto;
		overflow-y: scroll;
	}

	.sidebar-portals #portais_link .header h2, #portais_link .header input {
		display: inline-block;
	}

	.sidebar-portals #portais_link #drop4 {
		text-align: center;
		display: block;
		float: none !important;
		margin: 10px auto !important;
		padding: 12px !important;
		width: 90%;
		height: 40px !important;
	}

	.sidebar-portals #portais_link ul {
		list-style: none;
		padding-left: 0;
	}

	.sidebar-portals #portais_link ul li {
		padding-top: 5px;
		display: table;
		width: 100%;
	}

	.sidebar-portals .profile-dropdown ul li {
		padding: 0;
	}

	.sidebar-portals #portais_link ul li a {
		display: table;
		width: 100%;
		font-size: 20px;
	}

	.sidebar-portals #portais_link ul li div { display: table-cell; }

	.sidebar-portals #portais_link ul li img {
		width: var(--m-portal-avatar-size);
		height: var(--m-portal-avatar-size);
		border: 1px solid rgba(0,0,0,0.1);
		margin-right: 5px;
	}

	.sidebar-portals #portais_link span.badge {
		float: right;
		font-size: 16px;
		border-radius: 20px;
	}
	
	.sidebar-chat {
		position: fixed;
		margin-top: calc(var(--m-menubar-height) * 2);
		height: calc(100% - (var(--m-menubar-height) * 2));
		max-height: calc(100% - (var(--m-menubar-height) * 2));
		width: 100%;
		background-color: white;
		top: 0;
		left: 110%;
		z-index: 1010;
		display: block !important;
		transition: left .3s ease-out;
	}
	
	.sidebar-chat.visible { left: 0; }

	.sidebar-chat > div, .sidebar-portals > div, .sidebar-portals > div > div { height: 100%; }

	.sidebar-chat .chat-main-tabs .chat-btn-contacts {
		width: 50%;
		float: left;
	}

	.sidebar-chat .chat-main-tabs div.active {
		background-color: var(--color-menu-highlight);
	}

	.sidebar-chat .chat-main-tabs > div {
		padding: 7px;
		background-color: var(--color-menu-bg);
		color: white;
		font-weight: bold;
		letter-spacing: 1px;
	}

	.sidebar-chat .chat-main-tabs {
		text-align: center;
		font-size: 1.5em;
		margin-left: -5px;
		margin-right: -5px;
		background-color: var(--color-menu-bg);
	}

	.sidebar-chat .well {
		overflow-y: scroll;
		max-height: calc(100% - 44px);
		padding-bottom: 0;
		margin: 0;
	}

	.sidebar-chat .well .recent-chat {
		border-bottom: 1px solid var(--color-menu-separator);
		height: 60px;
		max-height: 60px;
	}

	.sidebar-chat .well .recent-chat img {
		width: 48px;
		display: inline-block;
		margin: 5px;
		margin-right: 10px;
		vertical-align: top;
		border-radius: 24px;
	}

	.sidebar-chat .well .recent-chat > div {
		display: inline-block;
		padding-top: 8px;
		max-width: calc(100% - 100px);
	}

	.sidebar-chat .well .recent-chat div > p {
		margin: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.sidebar-chat .well .recent-chat div > p:first-of-type {
		font-size: 18px;
	}

	.sidebar-chat .well .recent-chat.unread div > p:first-of-type {
		font-weight: bold;
	}

	.sidebar-chat .well .recent-chat div > p:last-of-type {
		font-size: 12px;
	}

	.sidebar-chat .well .recent-chat > span.badge {
		margin-top: 22px;
		position: absolute;
		right: 10px;
	}

	.cke_toolbox_collapser.cke_toolbox_collapser_min {
		margin-right: 40px !important;
	}
	
	.cke_toolbox_collapser {
		padding: 3px !important;
	}

	.hide-on-resize-xs.collapse:not(.in) {
		display: none !important;
	}

	#tab-forums {
		margin-right: 0;
	}

	#canais {
		padding-right: 2px;
		padding-left: 0;
	}

	.treeview span.text-area {
		width: unset !important;
		line-height: 0.7cm;
		max-width: calc(100vw - (4 * 0.3cm) - 2.2cm);
		overflow-x: auto;
		text-overflow: clip;
	}

	.treeview span.text-area span.text {
		width: auto !important;
		max-width: unset !important;
	}

	.treeview span.icon, .treeview span.tree-icon {
		width: 0.3cm !important;
		height: 0.6cm;
	}

	.treeview span.icon:before, .treeview span.tree-icon:before {
		line-height: 0.8cm;
		font-size: 0.4cm;
	}

	.treeview span.tree-icon {
		padding-right: 0.6cm;
	}

	.treeview span.indent {
		margin-left: 0.15cm !important;
	}

	.treeview span.tree-icons {
		opacity: 0.6;
		bottom: 9px !important;
	}

	#tab-documentos .treeview span.text-area {
		max-width: calc(100vw - (4 * 0.3cm) - 115px);
	}

	#tab-config #box-info .box-body .multilanguage-container {
		display: block;
		width: 100%;
		padding-left: 12px;
		padding-right: 5px;
	}

	#tab-config #box-info .box-body select {
		width: calc(100% - 17px) !important;
		margin-left: 12px;
	}

	#tab-config #box-info .box-body select,
	#tab-config .box-email .form-group input[type=text] {
		width: calc(100% - 17px) !important;
		margin-left: 12px;
	}

	#tab-config #box-info .box-body .input-color-picker {
		display: block;
		margin-left: 25px;
	}
	
	#tab-config #box-info {
		box-shadow: none;
		border: none;
	}

	#tab-config .box .box-header {
		display: none;
	}

	#tab-config .box-email .form-group input[type=text] {
		border: 1px solid #ddd;
	}

	.myregister-tab .tab-content {
		border: 0;
	}

	.myregister-tab ul.nav.nav-tabs {
		margin: 0;
		border-bottom: 0;
		border-top: 0;
		border-left: 0;
	}

	.widget-box.number-widget .value {
		font-size: 23.5px !important;
	}

	.pagination > li > a, .pagination > li > span {
		padding: 6px 10px;
	}

	.pagination > li:first-of-type a, .pagination > li:last-of-type a {
		padding-right: 4px;
		padding-left: 4px;
	}

	.course-header-container {
		width: unset !important;
		padding: 0 5px;
	}	

	.course-header-container > img.img-responsive {
		margin-left: auto;
		margin-right: auto;
	}

	.course-resources {
		width: 100%;
		padding: 0 5px;
	}
	
	.course-resources .tab-content .table {
		margin-bottom: 0;
	}

	.resource-title {
		text-align: center;
	}

	#modal-criarEvento .schedule-container {
		margin-left: -2px;
		margin-right: -12px;
	}

	#modal-criarEvento .schedule-container input[type="datetime"] {
		max-width: calc(50% - 53px);
		display: inline-block;
		margin-left: -3px;
	}

	#modal-criarEvento .schedule-container input[readonly] {
		background-color: white;
	}

	#modal-criarEvento .schedule-container button, #modal-criarEvento button.btn-add-schedule {
		width: unset;
	}

	.tabs-sidebar-backplane {
		position: fixed;
		height: calc(100% - (var(--m-menubar-height) * 2));
		width: 100%;
		background-color: rgba(0,0,0,0);
		top: calc(var(--m-menubar-height) * 2);
		left: -100%;
		z-index: 1028;
		display: block !important;
		transition: background-color .2s ease-out;
	}

	body.xs-one-navbar .tabs-sidebar-backplane {
		height: calc(100% - var(--m-menubar-height));
		top: calc(var(--m-menubar-height));
	}

	.tabs-sidebar-backplane.visible {
		background-color: rgba(0,0,0,0.5);
		left: 0;
	}

	.tabs-sidebar {
		position: fixed;
		left: -200%;
		width: 300px;
		height: calc(100% - (var(--m-menubar-height) * 2));
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
		background-color: white;
		transition: left .2s ease-out;
	}

	body.xs-one-navbar .tabs-sidebar {
		height: calc(100% - var(--m-menubar-height));
	}

	.tabs-sidebar.visible {
		left: 0px;
	}
	
	.tabs-sidebar > div {
		max-height: 100%;
		overflow-y: scroll;
	}
	
	.tabs-sidebar a {
		display: block;
		padding: 8px 12px;
		border-bottom: 1px solid var(--color-menu-separator);
		font-size: large;
	}

	.tabs-sidebar a span.glyphicon, .tabs-sidebar a span.fa {
		margin-right: 5px;
		width: 23px;
		text-align: center;
	}

	.tabs-sidebar a.active span.glyphicon, .tabs-sidebar a.active span.fa {
		margin-left: -4px;
	}

	.tabs-sidebar a.active {
		border-left: 4px solid var(--color-menu-bg);
	}

	#modal-criarconta .modal-footer {
		display: flex;
	}

	#modal-criarconta .modal-footer div.form-group {
		text-align: left;
	}

}

@media (max-width: 782px) {
	.tab-resource-categories-area {
		width: 100% !important;
	}
}

.event-thumbnail img{
	/*height: 170px !important;
	width: 220px !important;*/
}

.documents-treeview{
	padding-top: 0;
}

.force-no-border{
	border: 0 none !important;
}

#formulario_pesquisa_usuario .form-control:focus{
	border: 1px solid #cccccc !important;
}

.new-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    height: 185px;
    width: 185px;
}

.documents .new-button{
	width: 100% !important;
	height: 100% !important;
	margin-top: 0 !important;
}

.new-button:hover {
	opacity: 1;
}

.new-button .icon {
	font-size: 40px;
} 

.new-button .text {
	font-size: 18px;
} 

.event-thumbnail{
	position: relative;
	margin-bottom: 30px;
	/*text-align: center;*/
}

div.event-thumbnail > a {
	position: relative;
	display: inline-block;
}

.document-container .buttons2,
.event-thumbnail .buttons2,
.question-entry-in-list .buttons2 {
	visibility: hidden;
}

.document-container:hover .buttons2,
.event-thumbnail:hover .buttons2,
.question-entry-in-list:hover .buttons2 {
	visibility: visible;
}
.buttons2 {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.new-item {
	font-size: 13px;
    background-color: red;
	padding: 2px 6px;
}

.event-thumbnail img {
  margin: 0 auto;
}

.event-thumbnail img.unavailable {
	opacity: 0.2;
}

.fixed-event-tab .event-thumbnail img.unavailable {
	cursor: default;
}

.event-thumbnail .unavailable-message {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    top: calc(50% - 12px);
    color: white;
    font-size: 16px;
	background-color: #B94949;
}

.event-thumbnail .subscription-message {
	background-color: #516c8a;
}

.event-thumbnail .subscription-message.subscription-expires {
	top: calc(50% - 22px);
}

.event-thumbnail .subscription-message .subscription-expires-message {
	font-size: 12px;
}

.event-thumbnail .subscription {
	opacity: 0.5;
}

.translucent {
	opacity: 0.2;
}

.training-expired {
    position: absolute;
    text-align: center;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    top: calc(50% - 12px);
    color: white;
	font-size: 24px;
	background-color: #B94949;
}

ul.pagination  {
	cursor: pointer;
}

.list-group-relatorios{
	width: 94.9%;
}

.treeselectedportalgrupos{
	width: 100%;
}

.group-members{
	margin: -11px 7px;
}

.group-name{
	padding: 0;
}

.permission-select {
	width: 200px;
	display: inline-block;
    vertical-align: top;
	margin-bottom: 5px;
	margin-right: 5px;
}

.permission-select.date-filter {
	width: 130px;
	vertical-align: bottom;
}

.permission-select.date-filter label {
	font-weight: normal;
	font-size: 100%;
	margin-bottom: 0px;
}

.restriction-schedule-box {
	display: inline-block;
}

.restriction-schedule {
	margin-bottom: 5px;
}

.restriction-schedule input {
	height: 34px;
	text-align: center;
}

.restriction-schedule .start-schedule {
	margin-right: 5px;
}

.restriction-schedule-box .add-schedule-link {
	cursor: pointer;
}
	
.restriction-schedule-box .add-schedule-link .glyphicon {
	margin-right: 5px;
}

.course .play-layer {
	position: absolute;
	top: 0;
	width: 100%;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	height: 100%;
	background-color: black;
	opacity: 0.40;
	cursor: pointer;
}

.course .play-layer .play-button {
	font-size: 225px;
	text-align: center;
	color: #f5f5f5;
	height: 100%;
}

.course .play-layer .play-button #play-course-button {
	top: calc(50% - 115px);
	top: -webkit-calc(50% - 115px);
	top: -moz-calc(50% - 115px);
}

.course .author {
	margin-bottom: 10px;
}

.course .author .author-image {
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}

.course .author .author-abstract {
	margin: 10px;
	display: inline-block;
	text-align: justify;
    max-width: calc(100% - 150px);
}

.course .author .author-name {
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;	
}

.resource-title {
	margin-top: 10px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: normal;
}

.resource-details {
	padding-left: 0px;
    padding-right: 0px;
}

.resource-details img {
	max-width: 100%;
}

.class-resources {
	margin-top: 8px;
	position: absolute;
	right: 10px;
	top: -10px;
	width: fit-content;
	padding: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,.4);
	display: none;
	background-color: white;
	z-index: 10;
}

.class-resources .class-resource-name {
    font-weight: bold;
}

.class-resources .class-resource-date {
    display: flex;
    justify-content: space-between;
}

.class-has-resources {
	position: relative;
}

.class-has-resources:hover + .class-resources,
.class-resources:hover {
	display: inline-flex;

}

.class-resources .class-resource-card {
    width: 200px;
    padding: 5px;
    height: 190px;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    margin: 5px;
}
	
.CodeMirror ul li,
.course .course-details ul li {
	list-style: disc !important;
}

.CodeMirror ol li,
.course .course-details ol li {
	list-style: decimal !important;
}

.product-details .tab-content,
.trail-details .tab-content,
.course .course-details .tab-content,
.course-resources .tab-content {
    border: 0;
}

.course-progress {
    background: #f4f4f4;
	border: 1px solid #d7d7d7;
    border-radius: 4px;
	text-align: center;
	margin-top: 5px;
}

.value-details-box {
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #D6D3D3;
	margin-bottom: 10px;
}

.price-information .text {
	color: #777;
	font-size: 18px;
	text-align: center;
}

.price-information .price {
	width: 100%;
	padding: 10px;
	color: #ff9938;
	font-size: 25px;
	text-align: center;
}

.input-color-picker {
    border: 0px;
    color: white;
    text-align: center;
    width: 80px;
	cursor: pointer;
}

.colorpicker colorpicker-preview {
    height: 0px;
}

.custom-colors .disabled,
.notifications-email .disabled,
.widget-options .disabled {
	opacity: 0.7;
}

.fc-button {
    display: inline-block;
    padding: 6px 12px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #516C8A;
    border-color: #3B5169;
    text-shadow: none;
    height: auto !important;
}

.fc-button:hover,
.fc-button.fc-state-active {
    background-color: #3B5169;
    border-color: #3B5169;
}

.fc .fc-toolbar > * > *,
.fc .fc-button-group > * {
    margin-left: 2px;
}

.fc-content .new-item {
    font-size: 11px;
    padding: 2px 4px;
    position: absolute;
    right: 1px;
}

.fc-toolbar {
	margin-bottom: 0px;
}

.treeview .badge {
	background-color: #fff;
	border: 1px solid #777;
	color: #777;
}

.calendar-filter-dropdown .dropdown-menu {
	width: 225px;
	padding: 10px;
}

.calendar-filter-dropdown .dropdown-menu .dropdown-title {
	text-align: center;
}

.calendar-filter-dropdown .dropdown-menu .dropdown-buttons {
	height: 34px;
	margin-top: 5px;
	text-align: center;
}

.calendar-filter-dropdown .dropdown-menu li {
    height: 30px;
}

.calendar-filter-dropdown .dropdown-menu input {
    height: 25px;
    width: 125px;
    display: inline-block;
    float: right;
}

.calendar-filter-dropdown .dropdown-menu .filter-clear {
	color: #516C8A;
	cursor: pointer;
	margin: 5px;
}

.calendar-filter-dropdown .dropdown-menu .filter-clear:hover,
.calendar-filter-dropdown .dropdown-menu .filter-clear:active,
.calendar-filter-dropdown .dropdown-menu .filter-clear:focus {
	color: #3B5169;
}

.has-attachment{
	border: 1px solid #ccc !important;
	margin: 5px 45px !important;
	padding: 6px 15px 15px 12px !important;
}
#canais .has-attachment{
	margin: 0 0 15px !important;
}

#canais .section-title:not(:first-of-type) {
    margin-top: 15px;
}

#canais .section-title {
    pointer-events: none;
    border: none;
}

#canais .section-title a {
	color: var(--color-menu-bg);
	font-weight: bold;
}

#canais li:not(.section-title) > a {
	padding-left: 20px;
}

#canais li:not(.section-title):first-of-type > a {
	padding-left: 10px;
}

#canais .fc-widget-content {
	cursor: pointer;
}

#canais #modal-edit-calendar-event .modal-body {
	padding: 10px;
}

#canais #modal-edit-calendar-event fieldset {
	margin-top: 15px;
}

#canais #modal-edit-calendar-event fieldset > legend {
	margin-bottom: 5px;
}

#canais #modal-edit-calendar-event .ui-select-container > div:first-child {
	display: flex;
	flex-direction: column;
}

#canais #modal-edit-calendar-event .group-item-container {
    display: flex;
    flex-wrap: wrap;
}

#canais #modal-edit-calendar-event .group-item-button {
    background-color: #fafafa;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 5px 5px 0 0;
    padding-left: 5px;
    display: flex;
    align-items: center;
}

#canais #modal-edit-calendar-event .btn-remove {
    padding: 0 5px;
    cursor: pointer;
}

#canais #modal-edit-calendar-event .btn-remove:hover {
    background-color: #01010120;
}

#social-events-calendar .fc-event-container {
	cursor: pointer;
}

.has-attachment textarea{
	border-top: 0 none !important;
	border-right: 0 none !important;
	border-left: 0 none !important;
	padding: 0;
}
.publication-images .thumbnail + .thumbnail {
    margin-left: 15px;
}
::-webkit-input-placeholder {
   color: #999 !important;
   font-weight: 300;
}
:-moz-placeholder {
   color: #999 !important;
   font-weight: 300;
}
::-moz-placeholder {
   color: #999 !important;
   font-weight: 300;
}
:-ms-input-placeholder {  
   color: #999 !important;
   font-weight: 300;
}
#profile-group-trees .group-tree > ul > li:first-child .tree-icon{
	display: none;
}
#main #main{
	padding-right: 5px;
}

.groups .treeview .list-group-item:after, .groups .treeview .list-group-item:before, .group-tree.treeview .list-group-item:after, .group-tree.treeview .list-group-item:before{
	content: " ";
	display: table;
}
.groups .treeview .list-group-item:after, .group-tree.treeview .list-group-item:after{
	clear: both;
}
.groups .treeview .icon, .group-tree.treeview .icon{
	float: left;
}
.text-overflow {
	clear: left;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 75%;
}

.text-overflow.user-name {
	clear: none !important;
	width: 100%;
	max-width: calc(100% - 24px) !important;
}
.text-overflow.user-name.invited {
	max-width: 100% !important;
}

/*.sidebar-wrapper {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.sidebar-wrapper .well {
	height: 100%;
	margin-right: -17px !important;
	overflow-x: hidden;
	overflow-y: scroll;
}*/

.media-body, .media-left, .media-right {
	display: table-cell;
	vertical-align: top;
}
.media-left, .media > .pull-left {
	padding-right: 10px;
}
.media-body {
	width: 10000px;
}
.media, .media .media {
  margin-top: 0;
}

.contacts-table{
	padding-bottom: 5px;
}

.contacts-table .media:hover {
	background-color: #eee;
}

.contacts-table .media {
	display: flex;
	min-height: 25px;
	padding: 6px; 
	border: 1px solid #ddd;
	height: 32px;
	cursor: pointer;
}

.contacts-table .media + .media {
	border-top-width: 0px;
}

.contacts-table .media .user-name {
	display: inline-block;
	display: -moz-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none !important;
	color: #555 !important;
	max-width: 100%;
	max-width: calc(100% - 25px);
}

.contacts-table .media.hasEdit:hover .user-name {
	max-width: calc(100% - 25px - 15px);
}

.contacts-table .media.hasRemove:hover .user-name {
	max-width: calc(100% - 25px - 25px);
}

.contacts-table .media.hasEdit.hasRemove:hover .user-name {
	max-width: calc(100% - 25px - 26px - 26px);
}

.contacts-table .media .glyphicon-pencil,
.contacts-table .media button {
	display: none;
}
.contacts-table .media:hover .glyphicon-pencil,
.contacts-table .media:hover button {
	display: inline-block;
}

#page-contatos-full .contacts-table {
	padding-bottom: 0px;
}

#page-contatos-full .contacts-table .media {
	display: flex;
    min-height: 25px;
    padding: 11px;
	border: unset;
	height: unset;
	cursor: pointer;
	border-top: 1px solid #EEE;
}

#page-contatos-full .contacts-table .media .media-body {
	line-height: 18px;
}

#page-contatos-full .contacts-table .media .media-body p {
	display: inline-block;
	margin: 0;
	margin-right: calc(100% - 160px);
	line-height: 18px;
	font-size: 14px;
	min-width: 110px;
}

#page-contatos-full .contacts-table .user-image {
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

#page-contatos-full .contacts-table .media .user-name {
	font-size: 20px;
	margin-top: 4px;
}

#page-contatos-full .contacts-table .media .user-name.unread {
	font-weight: bold;
}

#page-contatos-full .contacts-table .status {
	margin-top: -8px;
}

#page-contatos-full .contacts-table .media button {
	margin-top: -12px;
}
/*
100%
- 25px online status
- 24px botao excluir
- 24px botao reenviar convite
*/

.input-error input,
.input-error select,
.input-error textarea,
input.input-error,
.profile-error {
	border: 1px solid red;
}

.moderator-error .ui-select-bootstrap .ui-select-match,
.input-error .ui-select-bootstrap .ui-select-match {
	border: 1px solid red;
}
.nav-tabs > li > a .btn-fullscreen {
	display: none;
	line-height: 0;
}
.nav-tabs > li.active > a .btn-fullscreen{
	display: inline-block;
	vertical-align: top;
}

.tab-fullscreen {
	background-color: #fff;
	height: calc(100% - 40px);
	left: 0;
	padding-top: 2px !important;
	position: fixed;
	top: 40px;
	width: 100%;
    z-index: 999;
	overflow-y: auto;
}
.backgroundName-companyTouch h1{
	display: inline-block;
}

.modal .modal-vertical-align {
	display: table;
    height: 100%;
    width: 100%;
}
	
.modal .modal-vertical-align .modal-dialog {
	display: table-cell;
	vertical-align: middle;
}

.modal .modal-vertical-align .modal-content {
	width: inherit;
	height: inherit;
	margin: 0 auto;
}

.portal-list-select {
	text-align: center;
}

.portal-list-select .portal-select-option {
	width: 175px;
    margin: 5px;
    padding: 5px;
    display: inline-block;
	vertical-align: middle;
    cursor: pointer;
	border: 2px solid white;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.portal-list-select .portal-select-option.selected-portal {
	border-color: #777;
}
	
.portal-list-select .portal-img {
	width: 100%;
	height: auto;
	opacity: 0.75;
}

.portal-list-select .selected-portal .portal-img {
    opacity: 1;
}
	
.portal-list-select .portal-name {
    font-size: 18px;
	margin-bottom: 10px;
}

.portal-tabs > .tab-content {
	min-height: 800px;
}

.portal-tabs .btn-fullscreen {
	color: #555;
	font-size: 13px;
	padding-right: 0px;
}

.portal-tabs .btn-fullscreen:focus,
.portal-tabs .btn-fullscreen:hover {
	text-decoration: none;
	color: #555;
}

.portal-tabs .btn-fullscreen .glyphicon-resize-small,
.portal-tabs.tab-fullscreen .btn-fullscreen .glyphicon-resize-full {
	display: none;	
}

.portal-tabs .btn-fullscreen .glyphicon-resize-full,
.portal-tabs.tab-fullscreen .btn-fullscreen .glyphicon-resize-small {
	display: block;
}

.full-screen .modal-dialog {
	margin-top: 86px; /* 30px margin-top + 56px barra do topo*/
}

.login-error {
	margin-bottom: -5px;
	text-align: center;
}

.login-error .message {
	color: red;
}

/*768px 992px*/
@media (max-width: 992px) {
	.backgroundName-companyTouch  h1{
		font-size: 30px;
	}
}

.portal-modal .modal-body {
	padding: 0px;
}

.portal-modal .tab-content {
    margin-left: 8px;
    margin-right: 8px;
	border: 0;
}

.portal-modal .content-portal .tab-content {
    margin-left: 0px;
    margin-right: 0px;
}

.portal-modal .nav-tabs > li.active > a,
.portal-modal .nav-tabs > li.active > a:hover,
.portal-modal .nav-tabs > li.active > a:focus {
    border-top-color: transparent;
}

.dt-bootstrap .dt-buttons {
	vertical-align: initial;
}

.CodeMirror {
    height: 160px;
    padding: 2px;
}

.CodeMirror, .CodeMirror-scroll {
    min-height: 150px;
}

.CodeMirror .CodeMirror-code {
	color: #555;
}

.CodeMirror-lines {
	padding: 1px 0;
}

.CodeMirror .CodeMirror-placeholder {
	opacity: 0.4;
}

.editor-toolbar:before,
.editor-toolbar:after {
	margin-top: 0px;
}

.editor-toolbar a {
	width: 28px;
	height: 27px;	
}

.editor-toolbar a:before {
	line-height: 25px;	
}

#modal-editCourse .cke_contents,
.question-modal .cke_contents {
    height: 130px !important;
}

.associative-question .CodeMirror {
    height: 90px;
}

.associative-question .CodeMirror,
.associative-question .CodeMirror-scroll {
    min-height: 90px;
}

#modal-image-preview img {
	max-width: 100%;
	height: auto;
}

#modal-image-preview .close-button {
	height: 20px;
	margin-bottom: 5px;
	margin-right: -5px;
	margin-top: -10px;
}

.permissions-table .disabled {
	opacity: 0.5;
}

.permissions-table th {
	vertical-align: bottom;
}

.permission-filter {
	width: 20px;
    display: inline-block;
	vertical-align: middle;
}

.permission-filter .datetimepicker,
.permission-filter .ui-select-bootstrap .ui-select-match,
.permission-filter .ui-select-bootstrap .ui-select-match .ui-select-toggle {
    width: 26px;
	height: 25px;
	border-color: #bbb;
}

.permission-filter .ui-select-bootstrap .ui-select-search {
	height: 25px;
	font-weight: normal;
    position: relative;
    z-index: 99;
}

.permission-filter .ui-select-bootstrap.open .ui-select-search {
	width: 160px;
	padding: 5px;
}
	
.permission-filter .ui-select-bootstrap .caret {
	right: 8px;
}

.permission-filter .datetimepicker {
    width: 26px;
    cursor: pointer;
    color: transparent;
}

.permission-filter .date-caret {
	position: absolute;
    margin-top: -15px;
    margin-left: 9px;
    pointer-events: none;
}

.permission-filter-text {
	font-weight: normal;
	margin-top: 5px;
}

.permission-filter-text .btn-xs {
	padding: 0px;
}

.stages-tab .create-content-item a,
.stages-tab .create-stage-item a {
	cursor: pointer !important;
}

.course-contents-bar {
    position: fixed;
    top: 3px;
    left: 50%;
    left: calc(50% - 100px);
    z-index: 9999;
}

.resource-disabled {
	cursor: default;
}

.evaluation-content {
	z-index: 9999;
    position: fixed;
    left: 0px;
    top: 38px;
    margin-left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 38px);
    padding: 5px;
    background-color: white;
    overflow-x: auto;
}

.evaluation-content.countdown-enabled {
	height: calc(100% - 82px);
}

button.close.close-evaluation {
    z-index: 9999999;
	background-color: #DA6161;
    border-radius: 25px;
    color: #fff7f7 !important;
	width: 25px;
    height: 25px;
    opacity: 1;
    position: fixed;
    right: -3px !important;
    top: 23px !important;
}

button.close.close-evaluation:hover {
	background-color: #C45050;
}

.evaluation-actions {
    position: fixed;
    top: 2px;
    z-index: 9999;
}

.tab-resource-categories-area {
	width: 250px;
}

.tab-resource-detail-area {
	width: calc(100% - 250px);
	padding: 0px 0px 0px 4px;
}

@media screen and (max-width: 991px) {
	.tab-resource-detail-area {
		width: 100%;
	}
}

.left-bordered-list-group {
	border-left-color: #ddd;
	border-left-style: solid;
	border-left-width: 1px;
}

.container.right-aligned-container {
	margin-right: 75px;
}

.container .my-profile-dropdown {
    margin: 2px;
    padding: 1px 4px;
}

.container .my-profile-dropdown.open,
.container .my-profile-dropdown:hover {
	background-color: rgba(0,0,0,0.3);
}

.container .my-profile-dropdown.open .dropdown-toggle {
	box-shadow: none;
}

.my-profile-dropdown .profile-image {
    vertical-align: sub;
    display: inline-block;
    border: 0 none;
}

.my-profile-dropdown .dropdown-menu .profile {
	word-wrap: break-word;
	white-space: normal;
	padding: 3px 10px;
}

.my-profile-dropdown .dropdown-menu .profile:hover {
	color: #333;
    background-color: #f3f4f5;	
}

.my-profile-dropdown .dropdown-menu .profile.active {
	background-color: #ddd;
}

.dropdown-menu-portal-div.right-aligned-dropdown-menu {
	right: 145px;
}

.question-entry-in-list {
	position: relative;
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	max-height: 100px;
    overflow: hidden;
}

.question-entry-in-list:hover {
	background-color: #eee;
}

table.table-bordered.dataTable th {	
    vertical-align: middle;
    border-bottom-width: 0;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
	padding: 5px;
}

table.table-hover.dataTable > tbody > tr:not(.row-click-disabled):hover > td {
	background-color: #ddd;
	cursor: pointer;
}

table.dataTable > tbody > tr.selected,
table.dataTable > tbody > tr.selected > td,
table.dataTable > tbody > tr.selected > th {
	background-color: #ddd;
}

table.dataTable .select-checkbox {
    padding: 10px !important;
    text-align: center;
}

table.dataTable .select-checkbox.disabled:after,
table.dataTable .select-checkbox.disabled:before {
	content: none;
}

table.dataTable > tbody td.select-checkbox:before {
	border: 1px solid #777;
}

table.dataTable tr.selected td.select-checkbox:after {
	text-shadow: none;
}

table.table-hover.dataTable > tbody > tr:hover > td.actionsColumn {
	cursor: default;
}

table.dataTable > tbody > tr.in-progress td.actionsColumn {
    display: flex;
    flex-direction: column;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after {
	bottom: 4px;
    bottom: calc(50% - 10px);
}

table.dataTable tfoot > tr {
    font-weight: 700;
    background-color: #e8e8e8;
}

table.dataTable {
	margin-bottom: 3px !important;
}

table.dataTable .btn.btn-datatable {
	font-size: 13px;
	padding: 2px 6px;
    width: 100%;
    display: block;
}

table.dataTable .actionsColumn button.btn.btn-datatable:not(:first-of-type) {
	margin-top: 5px;
}

.dataTables_wrapper.disabled table.dataTable,
.dataTables_wrapper.disabled .dataTables_length,
.dataTables_wrapper.disabled .dt-buttons {
	opacity: 0.4;
}

.dataTables_wrapper .dataTables_processing {
	margin-top: 10px !important;
	border-color: #bbb;
}

.dataTables_wrapper .dataTables_paginate .pagination {
	margin: 0px !important;
}

.dataTables_wrapper .dataTables_length label {
	margin-top: 5px;
	margin-bottom: 5px;
}

.table-responsive {
	overflow: auto;
}

.table-bordered,
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #eaeaea;
}

.table-bordered.dataTable tbody td .markdown {
	max-height: 100px;
	overflow-y: auto;
}

.table-bordered.dataTable tbody td .markdown > p {
	margin: 0px;
}

.table-bordered.dataTable tbody .progressColumn canvas {
	vertical-align: text-bottom;
}

.carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}

/* Sombra para visibilidade em fundo branco */
.carousel-indicators li {
	box-shadow: 0px 0px 1px black inset;
}

.multi-language {
	position: relative;
}

.multi-language textarea {
	width: 100%;
	height: 80px;
	resize: none;
}

.associative-question .multi-language textarea {
	height: 122px;
}
	
.multi-language .dropdown {
	position: absolute;
	top: 2px;
	right: 2px;
}

.multi-language .dropdown-toggle {
	padding: 0px 4px;
}

.multi-language .dropdown-toggle img {
	vertical-align: initial;
}

.multi-language .dropdown-toggle .caret {
	margin-top: -2px;	
}

.multi-language .dropdown-menu {
	min-width: 30px;
	margin-top: 0px;
	padding: 0px;
}

.multi-language .dropdown-menu > li {
	cursor: pointer;
}

.multi-language .dropdown-menu > li:hover {
	background-color: #e0e0e0;	
}

.multi-language .dropdown-menu > li > span {
	padding: 0px 8px;
}

.multi-language .dropdown-menu > li > span > img {
	margin-top: -2px;
}

.alternatives-table .multi-language textarea {
	height: 50px;
	padding: 2px;
}

.answers-box {
    width: 600px;
    margin-top: 15px;
	padding-top: 5px;
    border-top: 1px solid #eaeaea;
}

.questions-area {
	position: absolute;
	width: calc(100% - 20px);
}

.questions-area.one-question {
	width: calc(100% - 320px);
    overflow-x: auto;
}

.evaluation-viewer .questions-list {
	position: absolute;
	width: 305px;
	right: 5px;
}

.evaluation-viewer .questions-list .pagination-title {
    font-size: 20px;
    padding: 10px;
    background-color: #F5F5F5;
}

.evaluation-viewer .questions-list .questions-list-pagination {
	margin-bottom: 5px;
    border: 1px solid #eaeaea;
}

.evaluation-viewer .questions-list .question-status {
	display: inline-block;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 3px;
}

.evaluation-viewer .questions-list .question-status-index {
	padding: 2px 10px;
	background-color: #999;
	color: white;
	border-radius: 5px 0 0 5px;
}
	
.evaluation-viewer .questions-list .question-status-icon {
    display: inline-block;
	height: 22px;
	width: 25px;
    padding: 0px 6px;
    margin-left: -4px;
    border-radius: 0px 5px 5px 0;
    border: 1px solid #999;
    border-left: 0px;
}

.question-table .question-index {
	width: 30px;
	font-size: 24px;
	background-color: #999;
	color: white;
	border-radius: 5px 0 0 5px;
	border-top: none;
}

.question-table .question-text {
	background-color: #F5F5F5;
	border: 1px solid #eaeaea;
	border-radius: 0px 5px 5px 0px;
	padding: 0px;
}

.question-table .question-text p {
	margin-bottom: 1px; 
}

.question-table .question-text .alternatives-table td {
    padding: 4px;
}

.question-table .question-feedback .alert {
	padding: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
	margin-left: 0px;
}

.question-level-input {
	width: 60px;
}

.question-level-label {
	font-weight: normal;
	margin-right: 5px;
	margin-bottom: 0px;	
}

.evaluation-result {
	text-align: center;
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #F5F5F5;
    border: 1px solid #D6D6D6;
}

.evaluation-result .result-title {
	font-size: 20px;
	margin-bottom: 5px;
}

.cloze-question .cloze-question-item {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #eee;
	padding: 3px;
	border-radius: 5px;
}

.cloze-question .cloze-question-item .text-item {
	display: inline-block;
	width: 220px;
}

.cloze-question .cloze-question-item .gap-item {
	display: inline-block;
	width: 120px;
	height: 32px;
	border-bottom: 1px solid #ccc;
	margin-left: 5px;
	margin-bottom: 2px;
	vertical-align: middle;
	text-align: center;
}

.profile-dropdown {
	width: 220px;
}

.profile-dropdown ul {
	list-style: none;
	padding: 0;
}

.profile-dropdown ul li a {
	display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.profile-dropdown ul li a:hover {
	background-color: #f3f4f5;
}

.profile-dropdown ul li a.close-dropdown:hover {
	background-color: #0066a1;
	color: #fff;
}

.profile-dropdown .profiles-list {
	max-height: 202px;
	overflow-y: auto;
}

.certificates-table-line:hover {
	background-color: #f5f5f5;
}

.libraries-table-cell {
	cursor: pointer
}

#certificate-keywords-table .keyword-text-cell {
	width: 210px;
}

.report-action-btn.open-user-subscriptions {
	padding: 0px;
}

.gridster-preview-holder {
	background-color: #aaa !important;
}

.dashboard {
	margin-left: -5px;
	margin-top: -5px;	
}

.dashboard .widget {
	border: 1px solid #ddd;
	cursor: move;
}

.dashboard .widget-header {
	text-align: center;
}

.dashboard .widget-header .widget-title {
	margin: 10px 15px;
}

.dashboard .widget-box.number-widget {
	display: table;
	width: 100%;
	text-align: center;
    margin-top: -5px;
}

.dashboard .widget-box.number-widget .value {
	display: table-cell;
    vertical-align: middle;
}

.dashboard .widget .close {
	position: absolute;
    right: 10px;
    top: 10px;
}

.dropdown-menu a {
	cursor: pointer;
}

@media screen and (max-width: 768px){

	.contacts-table .media {
		border: none;
		border-top: 1px solid #eee;
		border-top-width: 1px !important;
		font-size: 20px;
		height: 50px;
		line-height: 43px;
	}

	.contacts-table .status {
		margin-top: 13px;
	}

	#chat-content {
		z-index: 4000;
		width: 100%;
	}

	#chat-content .chat-panel {
		height: 100%;
		width: 100% !important;
	}

	#chat-content .chat-panel .row {
		height: 100%;
	}

	#chat-content .panel {
		height: calc(100% - var(--m-menubar-height));
		margin-top: var(--m-menubar-height);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		border: none;
	}

	#chat-content .panel .panel-heading {
		height: var(--m-menubar-height);
		padding: 3px 7px 0px;
		font-size: 24px;
		background-color: var(--color-menu-bg);
		border-color: var(--color-menu-bg);
	}

	#chat-content .panel .panel-footer {
		padding-bottom: 7px;
	}

	#chat-content .panel .panel-heading .go-back {
		display: inline-block !important;
		width: 35px;
		margin-left: -7px;
		text-align: center;
	}

	#chat-content .panel .panel-heading .go-back .fa-arrow-left:before {
		position: relative;
		top: -3px;
	}

	#chat-content .panel .panel-heading .pull-right .glyphicon {
		margin-top: 4px;
	}

	#chat-content .panel .panel-heading .friend_name {
		width: calc(100% - 160px) !important;
		line-height: 20px;
		font-size: 18px;
		margin-top: 7px;
	}

	#chat-content .panel-body {
		height: calc(100% - 87px);
	}

	#chat-content .panel-footer form {
		display: table;
	}

	#chat-content .panel-footer #chat-input {
		width: 100% !important;
		font-size: 20px;
		height: 35px;
		margin-right: 3px;
	}

	#chat-content .panel-footer button {
		font-size: 18px;
		margin-left: 2px;
		padding: 3px 7px;
		border-radius: 3px;
		margin-top: 0;
	}

	#chat-content .panel-footer button #btn-chat {
		padding: 4px 8px 2px 6px;
	}

	.contacts-table .media .user-name {
		font-size: 16px;
		line-height: 37px;
	}

	.contacts-table .media .user-name .badge {
		position: absolute;
		margin-top: 9px;
		right: 0;
		margin-right: 40px;
	}

	.contacts-table .media .user-name.unread {
		font-weight: bold;
	}

	#modal-image-preview button.close span:first-of-type {
		font-size: 34pt;
	}

	.tab-pane .loading-circle .spinner {
		z-index: 999 !important;
	}

	.timeline > li .comment-container {
		margin-left: 26px !important;
	}

	#mobile-page-selector {
		position: fixed;
		top: var(--m-menubar-height);
		min-height: var(--m-menubar-height);
		max-height: var(--m-menubar-height);
		background-color: var(--color-menu-bg);
		z-index: 1030;
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}

	#mobile-page-selector div.loading {
		height: var(--m-menubar-height);
		position: absolute;
		background-color: var(--color-menu-bg);
		z-index: 1031;
	}

	#mobile-page-selector ul {
		padding: 0;
		margin: 0;
	}

	#mobile-page-selector li {
		display: inline-block;
		width: calc(100% / 4);
		text-align: center;
		padding: 0;
		font-size: 28px;
		color: white;
	}

	#mobile-page-selector li.active {
		background-color: var(--color-menu-highlight);
	}

	#mobile-page-selector li > span.badge {
		top: 1px;
		background-color: red;
		position: absolute;
		float: right;
	}

	.item-box-container {
		width: calc(100% / 3) !important;
		max-width: 100% !important;
		float: left;
		padding-right: 5px !important;
		margin: 0 0 30px 0;
		padding-top: 0 !important;
		height: auto !important;
	}

	ul.documents .item-box-container {
		width: calc((100% / 3) - 5px) !important;
		margin: 0 5px 15px 0;
		padding-right: 0 !important;
	}

	.documents .icon {
		font-size: 82px;
	}

	.documents .new-button span.icon {
		font-size: 40px;
	}

	.item-box-container .event-thumbnail {
		margin-bottom: 10px;
	}

	.item-box-container img, .item-box-container a {
		width: 100% !important;
		min-width: 100% !important;
	}

	.item-box-container .new-button {
		width: 100%;
		height: 100%;
		margin-top: 0;
	}

	.item-box-container .new-button img {
		padding-bottom: 12px;
	}

	.item-box-container .new-button span.icon {
		top: calc(50% - 40px);
	}

	.item-box-container .new-button div.text {
		top: calc(50% + 10px);
	}

	.item-box-container .new-item {
		position: absolute;
		margin-top: -28px;
		margin-left: 3px;
	}

	.item-box-container.document-container .new-item {
		left: 0;
		margin-top: -10px;
	}

	@media screen and (max-width: 629px){

		.item-box-container {
			width: 50% !important;
		}

		ul.documents .item-box-container {
			width: calc(50% - 5px) !important;
		}
	}

	@media screen and (max-width: 474px){

		.item-box-container {
			width: 100% !important;
		}

		ul.documents .item-box-container {
			width: calc(100% - 5px) !important;
		}

		.item-box-container .new-button {
			width: 100%;
			height: 70px !important;
		}

		.item-box-container .new-button span.icon {
			position: absolute;
			top: calc(50% - 20px);
			left: 15px;
		}

		.item-box-container .new-button div.text {
			position: absolute;
			top: calc(50% - 12px);
			left: 65px;
		}

		ul.documents .item-box-container .new-button {
			width: 100%;
			height: 70px !important;
			margin-top: 10px;
			display: block;
			flex-flow: unset;
		}

		ul.documents .item-box-container .new-button span.icon, ul.documents .item-box-container .new-button div.text {
			position: unset;
			float: left;
		}

		ul.documents .item-box-container .new-button div.text {
			margin-top: 8px;
			margin-left: 10px;
		}
	}

	.item-box-container .event-thumbnail .caption h4 a {
		font-size: 20px !important;
	}

	.item-box-container .event-thumbnail .caption h4 {
		margin-bottom: 5px;
	}

	.new-button .text {
		font-size: 16px;
	}

	div#conteudo_load {
    	overflow: auto;
	}
	
	.portal-tabs > .tab-content {
		min-height: unset;
		border: 0;
	}

	#modal-banner-ios .modal-body  span {
		display: block;
		text-align: center;
		font-size: 1.5em;
	}

	#modal-banner-ios .modal-body {
		text-align: center;
		height: calc(100% - 75px) !important;
		max-height: calc(100% - 75px);
	}

	#modal-banner-ios .modal-body img {
		max-width: 90%;
	}

	#modal-banner-ios .modal-body img#appicon {
		width: 0.8in;
		height: 0.8in;
	}

	.xs-bottom-banner {
		height: 50px;
		background-color: white;
		position: fixed;
		bottom: 0;
		width: 100%;
		box-shadow: 0 0 12px rgba(0,0,0,0.4);
		display: flex;
	}

	.xs-bottom-banner img { height: 48px; }

	.xs-bottom-banner div.close {
		min-width: 48px;
		text-align: center;
		font-size: 28px;
		font-weight: 100;
		line-height: 44px;
	}

	.ios-install-banner {
		padding: 1px;
		line-height: 48px;
	}
	
	.ios-install-banner a.text {
		width: 100%;
		color: var(--color-menu-bg);
	}
	
	.products-area .product .col-sm-3 {
		margin: 0 auto;
	}

	.course-contents .breadcrumb-box {
		padding: 0 5px 0 0;
	}

	button.close.close-evaluation {
		top: 0 !important;
		right: 0 !important;
		z-index: 1040;
		border-radius: 0;
		height: var(--m-menubar-height);
		width: var(--m-menubar-height);
	}

	#modal-editCourse input[type=number] {
		border: 1px solid var(--color-input-border);
	}

	/* Ocultar abas dos modais
	#modal-editCourse .tab-content .tab-pane {
		display: block;
	}
	#modal-editCourse .nav-tabs {
		display: none;		
	}
	.portal-modal .modal-body .tab-pane h5 {
		font-weight: bold;
		text-align: center;
		font-size: 14px;
		text-transform: uppercase;
	}
	.portal-modal .modal-body .tab-pane:not(:first-of-type) h5 {
		margin: 40px 0 15px 0;
		padding-top: 5px;
		border-top: 1px solid var(--color-menu-separator);
	} */

	/* Conteúdo das abas sempre exposto
	.resource-details .nav-tabs {
		display: none !important;
	}

	.resource-details .tab-content .tab-pane {
		display: block;
	}

	.resource-details .tab-content .tab-pane h4 {
		margin-top: 25px;
		padding-top: 10px;
		margin-left: -5px;
		border-top: 1px solid var(--color-menu-separator);
		font-weight: bold;
	}

	.resource-details .tab-content .tab-pane table.table {
		display: flex;
		border: none;
	} */

	#live-events-calendar .fc-agendaDay-view .fc-time-grid-container.fc-scroller,
	#live-events-calendar .fc-agendaWeek-view .fc-time-grid-container.fc-scroller {
		height: 370px !important;
	}

	#live-events-calendar .fc-toolbar h2 {
		font-size: 28px;
	}

	.cke_dialog .ImagePreviewBox {
		width: 180px !important;
	}

	body > div.cke_4 > .cke_dialog {
		top: 0 !important;
	}

	body > div.cke_4 {
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 10010;
		overflow: auto;
	}

	.cke_dialog_body {
		background-color: white !important;
	}
	
	.cke_ltr .cke_dialog_ui_hbox_first,
	.cke_dialog_ui_input_text,
	.cke_dialog_ui_select,
	.cke_dialog_ui_input_select {
		width: 100% !important;
	}
	
	.cke_ltr .cke_dialog_ui_hbox_child,
	.cke_ltr .cke_dialog_ui_hbox_first,
	.cke_ltr .cke_dialog_ui_vbox_child,
	.cke_ltr .cke_dialog_ui_vbox_first {
		padding-right: 5px;
	}

	.cke_ltr .cke_dialog_ui_vbox_child .cke_dialog_ui_hbox_first,
	.cke_ltr .cke_dialog_ui_vbox_child .cke_dialog_ui_vbox_child .cke_dialog_ui_hbox_first{
		padding: 0 !important;
	}

	.cke_resizer {
		visibility: hidden;
	}

	.cke_dialog_contents > tbody > tr:last-of-type {
		position: fixed;
		bottom: 0;
		width: 100%;
		display: table;
	}

	.cke_dialog_contents > tbody > tr:first-of-type > td {
		padding-bottom: 40px;
		height: calc(100vh - 60px) !important;
	}

	.report-filters .filter-container {
		min-width: 223px;
	}

	#modal-send-attachment .modal-body button.btn {
		width: unset !important;
		padding: 7px 12px;
		margin: 1px;
	}
	
	#modal-send-attachment .modal-body .tab-resource-detail-area table,
	#modal-send-attachment .modal-body .tab-resource-detail-area tr td
	{
		border: 0;
	}
	
	#modal-send-attachment .modal-body .tab-resource-detail-area tr
	{
		border: 1px solid;
		border-color: var(--color-menu-separator);
		margin: 0;
	}
	
	#modal-send-attachment .modal-body ul {
		margin-bottom: 10px !important;
	}
	
	#modal-send-attachment .modal-body .tab-resource-detail-area > table > tbody > tr > td:first-of-type {
		width: calc(100vw - 77px) !important;
		overflow-x: scroll;
		max-width: calc(100vw - 77px);
		white-space: nowrap;
		user-select: none;
	}
	
	#modal-send-attachment .modal-body .tab-resource-detail-area > table > tbody > tr > td:nth-child(2) {
		width: unset !important;
		padding: 0;
	}

}

@media all and (display-mode: standalone) {
	/* Quando está rodando como um aplicativo */
}

#toast-container > div {
	opacity: 0.95;
}

.subscriptions-banner-background-left {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.subscriptions-banner-background-right {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0px;
	right: 0px;
}

.correct-alt-color {
	color: rgb(123, 199, 59);
}

.correct-background {
	background-color: rgb(223, 240, 216);
}

.error-background {
	background-color: rgb(242, 222, 222);
}

.offline-message {
    text-align: center;
    margin: 15px;
    font-size: 16px;
}

.offline-list-item {
    padding: 10px;
    border: 1px solid #00000020;
    background-color: #0000000a;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.course-progress.offline {
    opacity: 0.4;
}

.both-sides {
    display: flex;
    justify-content: space-between;
}

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

.course-classes .presential-lesson-container h5 {
    font-weight: bold;
    font-size: 12pt;
}

.course-classes .presential-lesson-container > div {
    font-size: 10pt;
}

.no-shadow,
.no-shadow:active,
.no-shadow:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.class-presential-lesson-float {
    position: fixed;
    background: white;
    z-index: 999;
    right: 10px;
    padding: 10px;
    width: 795px;
    box-shadow: 0 0 20px #01010144;
    display: none;
    flex-wrap: wrap;
	overflow-y: scroll;
	cursor: pointer;
}

.btn-show-presential-lessons:hover + .class-presential-lesson-float,
.class-presential-lesson-float:hover {
    display: flex;
    animation-name: hint-appear;
    animation-timing-function: ease-in;
    animation-duration: 1s;
    animation-iteration-count: 1;
    top: calc(50% + 25px);
    transform: translate(0, -50%);
    max-height: calc(100vh - 80px);
}

.btn-show-presential-lessons {
    color: var(--color-menu-bg);
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: -10px;
    background: transparent;
}

.class-presential-lesson-float .presential-lesson-container {
    width: 380px;
    padding: 0 5px;
}

.class-presential-lesson-float .presential-lesson-container .table-bordered td,
.class-presential-lesson-float .presential-lesson-container .table-bordered th {
    padding: 4px;
}

.ios-notification-code {
	font-size: 3em;
	letter-spacing: .5em;
	padding-top: .3em;
	text-align: center;
}

#modal-mobile-portal-login .modal-body label {
	width: 100%;
}

@keyframes hint-appear {
	0% {
		opacity: 0;
		pointer-events: none;
	}
	75% {
		opacity: 0;
		pointer-events: all;
	}
	100% {
		opacity: 1;
	}
}

#certificate-result {
	margin: -15px;
}

@media print {
	#modal-certificate {
		background-color: #fff !important;
		/* display: none !important; */
	}
	#modal-certificate .modal-header,
	#modal-certificate .modal-footer {
		display: none;
	}
}