/** RESET AND ALL */

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #34495E;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1C2A39;
}

body {
	font-family: 'Lato', sans-serif;
	background-color: #F4F7F9;
	padding-right: 0px !important;
	margin-right: 0px !important;
}

a {
	color: #1297E0;
	transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
	outline: none !important;
}

a:hover {
	color: #29C5FF;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #ccc !important;
	font-size: 1.125em;
}

textarea {
	resize: none;
}

img{
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/** DEBUG */

.xdebug-var-dump {
	overflow: auto;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	z-index: 999999999;
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	margin: 1%;
	border: none;
	box-sizing: border-box !important;
}

/** FONTS */

.font-light {
	font-weight: 300 !important;
}

.font-normal {
	font-weight: normal !important;
}

.font-semibold {
	font-weight: 600 !important;
}

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

/** MARGINS */

.no-margin {
	margin: 0;
}

.no-margin-top {
	margin-top: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

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

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

.margin-bottom-15 {
	margin-bottom: 15px;
}

/** PADDING */

.no-padding-top {
	padding-top: 0;
}

.no-padding-bottom {
	padding-bottom: 0;
}

/** DISPLAY */

.d-block {
	display: block;
}

/** BACKGROUNDS */

.bg-green {
	color: #FFF !important;
	background-color: #1ABC9C !important
}

.bg-blue {
	color: #FFF !important;
	background-color: #004790 !important
}

.bg-red {
	color: #FFF !important;
	background-color: #D73C2C !important
}

.bg-orange {
	color: #FFF !important;
	background-color: #f39c12 !important
}

.bg-gray {
	color: #FFF !important;
	background-color: #8C9AA9 !important
}

.bg-gray-light {
	color: #FFF !important;
	background-color: #ECF0F1 !important
}

.bg-gray-dark {
	color: #fff !important;
	background-color: #2C3A49 !important
}

.bg-white {
	color: #333 !important;
	background-color: #FFF !important
}

.bg-black {
	color: #FFF !important;
	background-color: #000 !important
}

.bg-purple {
	color: #FFF !important;
	background-color: #4e046d;
}

.bg-pink {
	color: #FFF !important;
	background-color: #aa0c48;
}

.bg-yellow {
	color: #FFF !important;
	background-color: #f1c40f;
}

.bg-brown {
	color: #FFF !important;
	background-color: #7e4c2b;
}

/** TEXT COLORS */

.text-green {
	color: #1ABC9C !important
}

.text-blue {
	color: #004790 !important
}

.text-red {
	color: #D73C2C !important
}

.text-orange {
	color: #f39c12 !important
}

.text-gray {
	color: #8C9AA9 !important
}

.text-gray-light {
	color: #ECF0F1 !important
}

.text-gray-dark {
	color: #2C3A49 !important
}

.text-white {
	color: #FFF !important
}

.text-black {
	color: #000 !important
}

.text-purple {
	color: #4e046d;
}

.text-pink {
	color: #aa0c48;
}

.text-yellow {
	color: #f1c40f;
}

.text-brown {
	color: #7e4c2b;
}

/** CUSTON BOOTSTRAP */

.text-success {
	color: #1ABC9C !important;
}

.text-info {
	color: #004790 !important;
}

.text-danger {
	color: #C72C1C !important;
}

.text-warning {
	color: #D87400 !important;
}

.bg-success {
	color: #FFF !important;
	background-color: #1ABC9C !important;
}

.bg-info {
	color: #FFF !important;
	background-color: #004790 !important;
}

.bg-danger {
	color: #FFF !important;
	background-color: #C72C1C !important;
}

.bg-warning {
	color: #FFF !important;
	background-color: #D87400 !important;
}

/** ALERTS */

.alert {
	font-size: 1em;
	color: #fff;
	font-weight: bold;
	border: 1px solid transparent;
}

.alert-success {
	background-color: #1ABC9C;
}

.alert-info {
	background-color: #004790;
}

.alert-danger {
	background-color: #C72C1C;
}

.alert-warning {
	background-color: #D87400;
}

/** LABEL */

.label {
	font-size: 0.875em;
}

.label-success {
	background-color: #1ABC9C;
}

.label-info {
	background-color: #004790;
}

.label-danger {
	background-color: #C72C1C;
}

.label-warning {
	background-color: #D87400;
}

/** BUTTON */

.btn {
	height: 45px;
	padding: 0 15px;
	outline: none !important;
	background-color: #fff;
	color: #777;
	transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
}

.btn, .btn:focus, .btn, .btn:active, .btn:hover {
	outline: none !important;
	border: 1px solid transparent !important;
	font-weight: bold !important;
}

.btn-success, .btn-success:focus {
	color: #fff;
	background-color: #1ABC9C !important;
}

.btn-info, .btn-info:focus {
	color: #fff;
	background-color: #004790 !important;
}

.btn-danger, .btn-danger:focus {
	color: #fff;
	background-color: #C72C1C !important;
}

.btn-warning, .btn-warning:focus {
	color: #fff;
	background-color: #D87400 !important;
}

.btn-success:hover {
	background-color: #27CBC0 !important;
}

.btn-info:hover {
	background-color: #0287D0 !important;
}

.btn-danger:hover {
	background-color: #E74C3C !important;
}

.btn-warning:hover {
	background-color: #F9B32F !important;
}

.btn-primary, .btn-primary:focus {
	color: #fff !important;
	background-color: #2c3e50;
}

.btn-primary:hover {
	background-color: #34495e;
}

.btn-sm {
	height: 35px;
}

a.btn, .btn-file {
	line-height: 42px;
}

a.btn-sm {
	line-height: 33px;
}

.btn-default {
	background-color: #fff;
	border: 1px solid #ccc !important;
	outline: none !important;
}

.btn i {
	margin-right: 5px;
}

/** CLASSES DOS FORMULÁRIO */

.form-control {
	height: 45px;
	border-radius: 2px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	font-size: 1.125em;
}

.form-control.input-sm {
	height: 35px;
}

/** PANELS */

.panel {
	border: none;
}

.panel-success .panel-heading {
	border: 1px solid transparent;
	background-color: #1ABC9C;
	color: #fff;
}

.panel-danger .panel-heading {
	border: 1px solid transparent;
	background-color: #C72C1C;
	color: #fff;
}

/** PROGRESS BAR */

.progress {
	box-shadow: none;
	background-color: #fff;
}

.progress-bar-success {
	background-color: #1ABC9C;
}

.progress-bar-info {
	background-color: #004790;
}

.progress-bar-danger {
	background-color: #C72C1C;
}

.progress-bar-warning {
	background-color: #D87400;
}

/** PAGINATION */

.pagination li a {
	color: #7f8c8d;
}

.pagination .active a {
	background-color: #004790;
	border-color: #004790;
}

/** NAVTABS */

.nav-tabs a {
	color: #7f8c8d;
}

.nav-tabs li.active a {
	color: #34495e !important;
}

.tab-content {
	padding: 20px 0;
}

/** Dropdown menu */

.dropdown-menu>li>a {
	padding: 7px;
}

.dropdown-menu>li>a:hover {
	background-color: #1abc9c;
	color: #fff;
}

/** TABLE */

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

/** popover */

.popover {
	border-color: #004790;
	box-shadow: 0 4px 16px rgba(32, 41, 50, 0.12);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}

.popover.left .arrow::after {
	border-left-color: #004790 !important;
}

.popover.right>.arrow:after {
	border-right-color: #004790 !important;
}

.popover-title {
	background-color: #004790 !important;
	color: #fff;
	border-bottom: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	font-size: 0.875em;
	font-weight: bold;
	border: none;
}

/** BOX CONTAINER */

.full-section {
	float: left;
	width: 100%;
	clear: both;
}

.auto-section {
	width: auto;
}

/** WIDGET */

.widget-graphic {
	border: 2px dashed #C5D3E2;
	padding: 35px 35px 15px;
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.widget-count .media-body {
	text-align: right;
}

.widget-count .media-body h3 {
	margin: 0;
	font-weight: bold;
}

.widget-count .media-body span {
	color: #7C8A99;
	font-size: 0.875em;
	font-weight: bold;
}

/** PLUGINS */

.file-actions {
	display: none;
}

.kv-file-content img {
	max-height: 100px;
}

.file-preview-frame, .file-preview-frame:hover {
	box-shadow: none !important;
	background-color: #fff;
}

.file-caption-name {
	margin-top: 5px;
}

.full-spectrum {
	background-color: #fff;
}

/** HEADER */

.main-header {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}

.main-header-logo {
	float: left;
	text-align: center;
	background-image: url('images/bg-logo.png');
	background-size: cover;
	height: 60px;
	line-height: 60px;
}

.main-header-logo a {
	display: block;
	font-size: 1.875em;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
}

.main-header-container {
	float: right;
	border-bottom: 1px solid #cfdbe2;
	box-sizing: border-box;
}

.main-header-container ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	float: left;
}

.main-header-notification .badge {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 0.8em;
}

.main-header-notification>ul>li {
	float: left;
	display: inline-block;
}

.main-header-notification>ul>li>a {
	float: left;
	width: 60px;
	height: 59px;
	line-height: 60px;
	margin-right: 2px;
	text-align: center;
	color: #909090;
	font-size: 0.9em;
	position: relative;
	border-bottom: 3px solid transparent;
}

.main-header-notification>ul>li>a:hover {
	color: #1ABC9C;
	border-bottom-color: #1ABC9C;
}

.main-header-notification .list-group {
	margin-top: 5px;
	padding: 0;
	min-width: 270px;
	border: none;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	animation-duration: 0.4s;
	border: none;
}

.main-header-notification .list-group-item {
	border-radius: 0px;
	border-radius: 0px;
	border: none;
	border-top: 1px solid #eaeef1;
}

.main-header-notification .dropdown-menu-header {
	background-color: #f9fafc;
	border: none;
}

.main-header-notification .list-group-box {
	max-height: 300px;
	overflow: auto;
}

.main-header-notification .dropdown-menu-footer {
	text-align: center;
}

.main-header-notification .dropdown-menu-footer a {
	font-size: 0.9em;
}

.main-header-notification .media-heading {
	font-size: 0.9em;
	font-weight: bold;
}

.main-header-notification .list-group:after {
	position: absolute;
	top: -10px;
	left: 17px;
	content: "";
	width: 0;
	height: 0;
	border-top: none;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f9fafc;
	border-left: 10px solid transparent;
}

/** PAGE CONTAINER */

.main-container {
	padding-top: 60px;
}

/** ASIDE */

.main-aside {
	display: block;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: 60px;
	background-color: #1C2A39;
	z-index: 99;
	overflow: auto;
}

.main-aside-user {
	text-align: center;
	padding: 20px 0 0;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.main-aside-user-photo {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 2px dotted rgba(255, 255, 255, 0.3);
	padding: 3px;
}

.main-aside-user-photo>img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
}

.main-aside-user-photo span.loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.main-aside-user-photo .nivel {
	position: absolute;
	bottom: 0;
	right: 0;
}

.main-aside-user-manage span, .main-aside-user-manage a {
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
	margin: 0 1px 4px;
	background-color: #34495E;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.main-aside-user-manage span:hover, .main-aside-user-manage a:hover {
	cursor: pointer;
	background-color: #1ABC9C;
	color: #fff;
}

.main-aside-user-manage form {
	display: inline-block;
}

.main-aside-user-manage label input {
	display: none;
}

.main-aside-user-class {
	margin-top: 10px;
	font-weight: bold;
	font-size: 0.875em;
	color: #bdc3c7;
}

.main-aside-user-class span {
	color: #f1c40f;
}

.main-aside-user-level{
	margin-top: 20px;
}

.main-aside-user-level img{
	display: inline-block;
	max-width: 120px;
}

.main-aside-user-level span{
	color: #1ABC9C;
	font-size: 0.875em;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	margin-top: 10px;
}

.main-aside-user-level .progress{
	margin: 10px 20px;
	height: 5px;
}

.main-aside-user-star{
	margin-top: 20px;
	color: #f1c40f;
}

.main-aside-user-code{
	margin-top: 20px;
	padding: 20px 0;
	background-color: rgba(0, 0, 0, 0.2);
}

.main-aside-user-code span{
	color: #fff;
	font-size: 0.75em;
	font-weight: 700;
}
.main-aside-user-code h2{
	font-weight: 300;
	margin: 0;
	color: #1ABC9C;
}

.main-aside-navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-aside-navbar li {
	display: block;
}

.main-aside-navbar li a {
	display: block;
	padding: 15px 20px;
	text-decoration: none;
	color: #adb0b5;
	font-size: 1.1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	vertical-align: middle;
	position: relative;
}

.main-aside-navbar li span {
	font-size: 1.375em;
	margin-right: 10px;
	color: #5C6371;
	position: relative;
	top: 2px;
	transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
}

.main-aside-navbar li a.active, .main-aside-navbar li a:hover {
	color: #fff;
}

.main-aside-navbar li a.active span, .main-aside-navbar li a:hover span {
	color: #1ABC9C;
}

.main-aside-navbar li a.new:after {
	position: absolute;
	top: 30px;
	right: 10px;
	content: 'NOVO';
	font-size: 0.6em;
	font-weight: bold;
	color: #fff;
	border-radius: 50px;
	padding: 2px 7px;
	background-color: #1ABC9C;
}

/** ASIDE RIGHT */

.aside-right {
	position: fixed;
	top: 0;
	bottom: 0;
	margin-top: 0;
	z-index: 9999;
}

.aside-right-container {
	background-color: #07080B;
	height: 100%;
	overflow-y: auto;
}

.aside-right-box {
	margin-bottom: 25px;
	padding: 20px;
}

.aside-right h3 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	font-weight: bold;
	color: #657182;
	font-size: 0.9em;
	border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}

.aside-right-conections a {
	padding: 10px;
	display: block;
	margin-bottom: 2px;
	color: #1c75bf;
}

.aside-right-conections a:hover {
	background-color: #222;
	text-decoration: none;
}

.aside-right-conections h4 {
	margin: 2px 0;
	font-size: 0.95em;
}

/** PAGE */

.main-page-container {
	padding: 30px 30px 40px;
}

.main-page-title {
	padding: 30px;
	background-color: #fff;
	border-bottom: 1px solid #cfdbe2;
	position: relative;
}

.main-page-title h3 {
	float: left;
	font-size: 1.5em;
	margin: 0;
	color: #6C7A89;
	font-weight: normal;
}

.main-page-title .controllers {
	position: absolute;
	top: 24px;
	right: 30px;
}

.main-page-title .controllers .btn {
	float: left;
	margin-left: 5px;
}

/** LEVELS */
.main-levels header {
	margin-bottom: 20px;
}

.main-levels header h3 {
	margin: 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.6em;
	color: #6C7A89;
}
.main-levels ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.main-levels li{
	margin: 10px;
}

.main-levels img{
	max-width: 80px;
	display: block;
}

/** PERFORMANCE */

.main-performance header {
	margin-bottom: 20px;
}

.main-performance header h3 {
	margin: 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.6em;
	color: #6C7A89;
}

/** FEATURE */

.main-feature header {
	border-bottom: 3px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.main-feature header h3 {
	margin: 0;
	color: #6C7A89;
	font-weight: normal;
	font-size: 1.6em;
}

.main-feature header h3 a {
	font-size: 0.65em;
	margin-top: 8px;
	font-weight: bold;
	text-decoration: none;
}

.main-feature td {
	vertical-align: middle !important;
}

.main-feature .course {
	padding: 5px 10px;
	background-color: #f0f4f9;
	color: #7C8A99;
	border-radius: 5px;
}

.main-feature .note {
	padding: 5px 10px;
	background-color: #1ABC9C;
	color: #fff;
	border-radius: 5px;
}

/** SIMULATES */

.simulate header.title {
	text-align: center;
	border-bottom: 2px solid #eee;
	margin-bottom: 35px;
}

.simulate header.title h2 {
	color: #0287D0;
	font-weight: bold;
	margin-top: 0;
}

.simulate header.title p {
	color: #6C7A89;
	font-weight: bold;
	margin-bottom: 15px;
}

.simulate-info p {
	font-size: 1.375em;
	color: #7C8A99;
	line-height: 1.5em;
}

.simulate-info p:last-child {
	margin-bottom: 35px;
}

.simulate .simulate-box {
	background-color: #f4f4f4;
	border: 2px solid #eee;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	color: #5c6a79;
	text-align: center;
}

.simulate .simulate-box header {
	min-height: 85px;
	margin-top: 20px;
}

.simulate .simulate-box header h4 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.5em;
	margin: 0 0 10px;
	color: #4c5a69;
}

.simulate .simulate-box header span {
	font-weight: bold;
	font-size: 1em;
}

.simulate .simulate-box .date {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #fff;
	font-weight: 300;
	display: block;
	margin-top: 25px;
	font-size: 1.5em;
	color: #5c6a79;
	border-radius: 5px;
	transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
	border: 2px solid #eee;
}

.simulate-navegator {
	text-align: center;
}

.simulate-navegator span {
	display: block;
	color: #95a5a6;
	font-weight: bold;
	font-size: 0.875em;
	margin-bottom: 8px;
}

.simulate-navegator ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden;
	display: inline-block;
}

.simulate-navegator li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.simulate-navegator li a {
	display: block;
	width: 45px;
	height: 45px;
	background-color: #fff;
	color: #95a5a6;
	border-radius: 50%;
	text-align: center;
	font-size: 1.5em;
	line-height: 43px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #eee;
}

.simulate-navegator li a.active, .simulate-navegator li a:hover {
	border-color: transparent;
	background-color: #1abc9c;
	color: #fff;
}

.simulate-enunciation .page-header {
	margin-top: 0;
}

.simulate-enunciation .page-header h2 {
	margin: 0;
	color: #95a5a6;
	font-size: 1.5em;
}

.simulate-enunciation article {
	margin-bottom: 25px;
	width: 100%;
	overflow: hidden;
}

.simulate-enunciation article p, .simulate-enunciation article li {
	font-size: 1.125em;
	margin-bottom: 10px;
}

.simulate-enunciation {
	display: none;
}

.simulate-enunciation img {
	max-width: 100%;
}

.simulate-enunciation.active {
	display: block;
}

.simulate-alternatives {
	list-style: none;
	margin: 0;
	padding: 0;
}

.simulate-alternatives .well {
	border: 2px solid #fff;
}

.simulate-alternatives .well:hover {
	border: 2px solid #06c;	
}

.simulate-alternatives .well.correct-question {
	border: 2px solid #1abc9c !important;
	background-color: rgba(26, 188, 156, 0.3) !important;
}

.simulate-alternatives .well.error-question {
	border: 2px solid #C72C1C !important;
	background-color: rgba(199, 44, 28, 0.3) !important;
}

.simulate-alternatives .well p:last-child {
	margin-bottom: 0;
}

.simulate-alternatives li {
	margin-bottom: 10px;
}

.simulate-alternatives label {
	cursor: pointer;
}

.simulate-alternatives .alternative {
	display: inline-block;
	margin-left: 10px;
	position: relative;
	top: 1px;
	font-size: 1.125em;
	font-weight: normal;
}

.simulate-alternatives li input {
	margin-right: 10px;
}

.simulate-time {
	text-align: center;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.375);
	display: inline-block;
	padding: 10px 50px;
	background-color: #f1c40f;
	border-radius: 5px;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	z-index: 999;
	cursor: move;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.simulate-time span.icon {
	display: block;
}

.simulate-time:hover {
	opacity: 0.5;
}

.simulate-seal {
	margin-top: 10px;
}

.simulate-seal ul {
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.simulate-seal li {
	width: auto;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
}

.simulate-seal li img {
	width: 60px;
	height: auto;
	float: left;
	margin: 0;
}

.simulate-seal li label {
	cursor: pointer;
	background-color: #fff;
	transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
	padding: 15px;
	border: 5px solid #eee;
	float: left;
	margin: 0;
}

.simulate-seal li label.sealactive, .simulate-seal li label:hover {
	border-color: #1abc9c;
}

.simulate-seal li input {
	display: none;
}

/** FORUNS */

.forum article {
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
}

.forum article header h2 {
	font-size: 1.375em;
	line-height: 1.5em;
	position: relative;
	padding: 0 0 5px;
	margin: 0 0 15px;
}

.forum article header h2:before {
	height: 2px;
	background-color: #ECF0F1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30%;
	content: '';
}

.forum article header h2 a {
	color: #0067B0;
}

.forum article header h2 a:hover {
	color: #3498DB;
	text-decoration: none;
}

.forum article.message {
	color: #34495E;
	font-size: 1.125em;
}

.forum article .media {
	padding: 0;
}

.forum article .media-left {
	padding: 20px;
	height: 100%;
}

.forum article .media-left img {
	padding: 3px;
	border: 1px solid #ddd;
}

.forum article .media-left span {
	display: block;
	font-size: 0.875em;
	color: #95A5A6;
	margin-top: 10px;
	line-height: 1.5em !important;
}

.forum article .media-body {
	padding: 20px;
}

.forum article .media-right {
	width: 200px;
	border-left: 1px solid #ECF0F1;
	height: 100%;
	padding: 20px;
}

.forum article .reply {
	border-bottom: 1px solid #ECF0F1;
	padding-bottom: 30px;
}

.forum article .reply span {
	background-color: #F39C12;
	color: #fff;
	padding: 7px 15px;
	border-radius: 5px;
	font-size: 1em;
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.forum article .reply span:before {
	content: '';
	border-top: 7px solid #F39C12;
	border-right: 10px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	left: 50%;
	bottom: -7px;
	margin-left: -10px;
}

.forum article .date {
	padding: 20px 0 0;
	color: #BDC3C7;
	font-weight: bold;
}

/** EVENTS */

.events-calendar {
	min-height: 600px;
	background-image: url(../../_images/loadings/default.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.events-colors {
	margin: 15px 0;
	overflow: hidden;
}

.events-colors ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.events-colors ul li {
	float: left;
	margin: 0 3px 3px 0;
}

.events-colors small {
	color: #777;
	display: block;
	margin-bottom: 5px;
}

.events-colors span {
	float: left;
	width: 24px;
	height: 24px;
	border: 3px solid #fff;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.events-colors span:hover, .events-colors span.active {
	border: 3px solid rgba(255, 255, 255, 0.5);
}

.events-created a {
	font-size: 0.8em;
	font-weight: 600;
	float: left;
	margin: 3px;
}

.events-trash-area {
	padding: 25px 0;
	color: #999;
	border: 5px dashed #999;
	text-align: center;
}

.events-trash-area.active {
	border-color: #DA4453;
	color: #DA4453;
}

/** FILES */

.file-folder {
	text-align: center;
}

.file-folder figure {
	margin-bottom: 15px;
}

.file-folder header {
	display: block;
	min-height: 75px;
}

.file-folder header h2 {
	line-height: 1.125em;
	margin: 0 0 5px;
	color: #95a5a6;
	font-size: 1.325em;
}

.file-folder header span {
	font-weight: bold;
	color: #D73C2C;
	font-size: 0.875em;
}

/** SCHEDULE STUDY */

.schedule-study-information p {
	font-size: 1.25em;
	margin-top: 10px;
}

.schedule-study-information h4 {
	margin-top: 0;
	color: #95a5a6;
	font-weight: bold;
}

.schedule-study-information figure {
	background-color: #eee;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	margin-right: 10px;
}

.schedule-study-information figure img {
	max-width: 100%;
	display: block;
}

.schedule-study-list .page-header, .schedule-study-list .page-header h3 {
	margin-top: 0;
}

.schedule-study-list ul {
	list-style: none;
	margin: 0;
	padding: 20px;
	min-height: 90px;
	border: 3px dotted #ddd;
}

.schedule-study-list ul li {
	font-size: 1.125em;
	cursor: move;
}

.schedule-study-list ul li:hover {
	border-color: #2196f3;
	background-color: #b3e5fc;
}

.schedule-study-list ul li:last-child {
	margin-bottom: 0;
}

.schedule-study-list small {
	margin-top: 5px;
	display: block;
	font-weight: bold;
}

.schedule-study-list .sortable-placeholder {
	padding: 20px;
	background-color: #fff59d;
	margin-bottom: 20px;
}

/** RESOLUTIONS */

.resolution-folder {
	text-align: center;
}

.resolution-folder figure {
	margin-bottom: 15px;
}

.resolution-folder header {
	display: block;
	min-height: 75px;
}

.resolution-folder header h2 {
	line-height: 1.125em;
	margin: 0 0 5px;
	color: #95a5a6;
	font-size: 1.325em;
}

.resolution-folder header span {
	font-weight: bold;
	color: #D73C2C;
	font-size: 0.875em;
}

.resolution-list header h3 {
	line-height: 1.125em;
	margin: 0 0 5px;
	color: #7f8c8d;
	font-size: 1.325em;
}

.resolution-list .table {
	margin: 0;
}

.resolution-list .table tr td {
	padding: 10px;
	vertical-align: middle;
}

.resolution-limit {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #f0f4f8;
}

.resolution-limit span {
	display: block;
	font-weight: bold;
	font-size: 1.3em;
}

/** PROFILE */

.profile-conquist {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.profile-conquist li {
	transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
	min-width: 150px;
	float: left;
	margin: 5px;
	padding: 20px 20px 15px;
	border: 3px solid #eee;
	text-align: center;
}

.profile-conquist li span {
	font-weight: bold;
	display: block;
	font-size: 0.875em;
	color: #7f8c8d;
	margin-top: 10px;
}

.profile-conquist li:hover {
	border-color: #1abc9c;
}

.profile-photo img {
	width: 100%;
	height: auto;
}

/** SCHOOL AND CLASS */

.school-shortname {
	height: 150px;
	text-align: center;
	background-image: url('images/bg-logo.png');
	background-size: cover;
	position: relative;
	color: #fff;
}

.school-shortname-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.school-shortname h3 {
	margin: 42px 0 0;
	padding: 0;
	font-weight: 300;
	font-size: 2.375em;
}

.school-shortname-classname {
	font-weight: bold;
	color: rgba(255, 255, 255, 0.7);
	display: block;
	margin-top: 10px;
	font-size: 1.125em;
}

.school-shortname-controllers {
	float: left;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	padding: 20px 10px 10px;
	transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.school-shortname-controllers h4 {
	text-align: center;
	color: #fff;
	margin: 0 0 5px;
	padding: 0;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

.school-shortname-controllers span.code {
	display: block;
	font-weight: bold;
	color: #6C7A89;
	margin-bottom: 20px;
	text-align: center;
	padding: 7px 10px;
	background-color: #f0f4f9;
}

.school-list header {
	padding: 15px;
	min-height: 70px;
}

.school-list header h4 {
	margin: 0;
	padding: 0;
}

.school-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.school-list li {
	float: left;
	margin: 2px;
}

.school-list li span {
	width: 32px;
	height: 32px;
	display: block;
	line-height: 32px;
	background-color: #8c9aa9;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	border-radius: 50%;
	text-align: center;
}

.school-list:hover .school-shortname-controllers {
	visibility: visible;
	opacity: 1
}

/** VIDEOS */

.video-content .media {
	width: 100%;
	display: table;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 25px;
}

.video-content .media-left {
	position: relative;
	width: 20%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.video-content .media-body {
	width: 80%;
	background-color: #fff;
}

.video-content .media-body article {
	padding: 30px;
}

.video-content .media-body article h2 {
	margin: 0 0 10px;
	font-size: 1.75em;
}

.video-content .media-body article p {
	font-size: 1.3em;
	color: #999;
}

.video-content .media-body a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 15px;
	text-align: center;
}

.video-content .bg {
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
}

.video-embed iframe {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** LOGIN */

.login {
	position: fixed;
	left: 0;
	top: 0;
	background-image: url('images/bg-icons.png');
	width: 100%;
	height: 100%;
	overflow: auto;
}

.login-container {
	overflow: auto;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.login-box-form {
	background-color: rgba(255, 255, 255, 0.2);
	width: 350px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -176px;
	padding: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.login-box-form figure {
	margin-bottom: 25px;
	text-align: center;
	margin-top: -80px;
}

.login-box-form figure img {
	width: 120px;
	height: 120px;
	padding: 3px;
	border: 3px dotted rgba(255, 255, 255, 0.5);
}

.login-box-form label {
	display: block;
	margin-bottom: 10px;
}

.login-box-form label span.datas {
	font-weight: bold;
	font-size: 0.875em;
	color: #fff;
	display: block;
}

.login-box-form label input[type=text], .login-box-form label input[type=email], .login-box-form label input[type=password] {
	text-transform: lowercase;
	outline: none;
	display: block;
	width: 100%;
	padding: 10px 10px 10px 35px;
	border: 3px solid #1ABC9C !important;
	color: #34495E;
	font-size: 1.375em;
	font-weight: normal;
	background-image: url('images/user.png');
	background-position: left 10px center;
	background-repeat: no-repeat;
}

.login-box-form button {
	margin-top: 20px !important;
	display: block;
	width: 100%;
	padding: 10px 0;
}

.login-box-form .remember span {
	color: #333;
	position: relative;
	top: 2px;
	margin-left: 5px;
}

.login-box-form .remember label {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px;
	margin: 0;
}

.login-box-form .remember label:hover {
	background-color: rgba(255, 255, 255, 0.6);
}

.login-box-form .recover {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}

.login-box-form .recover a {
	margin: 0 5px;
	background-color: rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	padding: 8px 20px;
	font-weight: bold;
	font-size: 1.125em;
	display: inline-block;
	text-decoration: none;
}

.login-box-form .recover a:hover {
	background-color: #16A085;
}

.login-footer {
	position: fixed;
	bottom: 25px;
	width: 100%;
	text-align: center;
	font-size: 1em;
	color: #fff;
}

/** COLABORATIONS */

.colaboration-progress h2 {
	margin: 0 0 10px;
	font-size: 1.125em;
	font-weight: bold;
}

.colaboration-progress .progress {
	height: 10px;
	margin-bottom: 0;
	background-color: #f0f4f9;
}

.colaboration-question-header {
	padding: 0;
	list-style: none;
	display: flex;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.colaboration-question-header li {
	margin-right: 20px;
}

.colaboration-question-statement {
	font-size: 1.125em;
}

.colaboration-question-statement li{
    margin-bottom: 10px;
}

.colaboration-question-alternatives {
	margin: 20px 0;
	list-style: none;
	padding: 0;
}

.colaboration-question-alternatives li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	background-color: #f4f6f8;
	padding: 15px;
	font-size: 1.125em;
}

.colaboration-question-alternatives .letter span {
	width: 30px;
	height: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
	background-color: #004790;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	line-height: 1em;
	margin-right: 20px;
}

.colaboration-question-alternatives .alternative .alert, 
.colaboration-question-alternatives .alternative p:last-child {
	margin-bottom: 0;
}

.colaboration-question-message p {
	margin-bottom: 20px;
	padding: 15px;
	border: 2px solid #f39c12;
	font-weight: bold;
	text-transform: uppercase;
	color: #f39c12;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.colaboration-avaliation {
	padding: 20px;
	background-color: #f4f6f8;
	border: 1px solid #eee;
}

.colaboration-download {
	text-align: center;
	margin-bottom: 30px;
	display: none;
}

.colaboration-download a {
	display: inline-block;
	background-color: #fff;
	border: 2px solid #0067B0;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding: 10px;
	text-decoration: none;
	margin: 0 20px;
}

.colaboration-download a span {
	display: block;
	font-weight: bold;
	color: #222;
}

.colaboration-download a:hover {
	border-color: #29C5FF;
}



/** NICESCROLL */
.nicescroll-rails{
    z-index: 99 !important;
}

/** OWL CAROUSEL */
.owl-dots{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 15px 0 0;
}

.owl-dots .owl-dot{
    margin: 0 3px !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background-color: #bdc3c7 !important;
}

.owl-dots .owl-dot.active{
    background-color: #1ABC9C !important;
}

/** RATY */
.raty-type-icon{
    font-size: 10px;
    color: #f1c40f;
}
.raty-type-icon i{
    margin: 0 1px;
}

/** MEDIA QUERIES */

@media (min-width:1200px) {
	/** MODAIS */
	.modal {
		text-align: center;
		padding: 0 !important;
		z-index: 999;
	}
	.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		border: none !important;
	}
	.modal-dialog {
		border: none;
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
	.modal-open {
		overflow: auto;
	}
	.modal-title {
		font-size: 1.125em;
	}
	.modal-footer {
		background-color: #F4F7F9;
	}
	.modal-full {
		width: 90%;
	}
	.modal-header {}
	.modal-title {
		padding: 20px 0;
		color: #4A4A4A;
		text-align: center;
		font-size: 1.5em;
	}
	.modal-body {
		padding: 30px;
		background-color: #F0F1F2;
		border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	}
	.modal-body hr {
		border-color: #ddd;
	}
	.modal-footer {
		padding-left: 30px;
		padding-right: 30px;
		background-color: #F0F1F2;
		border-top: 1px solid #ddd;
	}
	.main-header-logo {
		width: 220px;
	}
	.main-header-container {
		width: calc(100% - 220px);
	}
	.main-header-container .show-sidebar {
		display: none;
	}
	.main-page {
		padding-left: 220px;
	}
	.main-aside {
		width: 220px;
	}
	.main-aside-navbar {
		display: block !important;
	}
	.aside-right {
		width: 20%;
		right: -20%;
		display: block !important;
		transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
	}
	.aside-right-show {
		right: 0 !important;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	/** MODAIS */
	.modal {
		text-align: center;
		padding: 0 !important;
		z-index: 999;
	}
	.modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		border: none !important;
	}
	.modal-dialog {
		border: none;
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
	.modal-open {
		overflow: auto;
	}
	.modal-title {
		font-size: 1.125em;
	}
	.modal-footer {
		background-color: #F4F7F9;
	}
	.modal-full {
		width: 90%;
	}
	.modal-header {}
	.modal-title {
		padding: 20px 0;
		color: #4A4A4A;
		text-align: center;
		font-size: 1.5em;
	}
	.modal-body {
		padding: 30px;
		background-color: #F0F1F2;
		border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	}
	.modal-body hr {
		border-color: #ddd;
	}
	.modal-footer {
		padding-left: 30px;
		padding-right: 30px;
		background-color: #F0F1F2;
		border-top: 1px solid #ddd;
	}
	/** HEADER */
	.main-header-logo {
		width: 22%;
	}
	.main-header-container {
		width: 78%;
	}
	.main-header-container .show-sidebar {
		display: none;
	}
	.main-page {
		padding-left: 22%;
	}
	.main-aside {
		width: 22%;
	}
	.main-aside-navbar {
		display: block !important;
	}
	.aside-right {
		width: 22%;
		right: -22%;
		display: block !important;
		transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
	}
	.aside-right-show {
		right: 0 !important;
	}
}

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

	/** MODAIS */
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		border: none !important;
	}
	.modal-title {
		font-size: 1.125em;
	}
	.modal-footer {
		background-color: #F4F7F9;
	}
	.modal-title {
		padding: 20px 0;
		color: #4A4A4A;
		text-align: center;
		font-size: 1.5em;
	}
	.modal-body {
		padding: 30px;
		background-color: #F0F1F2;
		border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	}
	.modal-body hr {
		border-color: #ddd;
	}
	.modal-footer {
		padding-left: 30px;
		padding-right: 30px;
		background-color: #F0F1F2;
		border-top: 1px solid #ddd;
	}
	/** HEADER */
	.main-header-logo {
		width: 25%;
	}
	.main-header-container {
		width: 75%;
	}
	.main-header-container .show-sidebar {
		display: none;
	}
	.main-page {
		padding-left: 25%;
	}
	.main-aside {
		width: 25%;
	}
	.main-aside-navbar {
		display: block !important;
	}
	.login-container {
		padding: 10px;
		position: relative;
		top: 0;
		left: 0;
	}
	.login-box-form {
		position: relative;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		margin: 80px 0 0;
	}
	.login-footer {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		margin: 25px 0;
	}
	.events-trash {
		width: 100%;
	}
	.media-left, .media-body {
		width: 100%;
		display: block;
	}
	.btn {
		margin-top: 5px;
	}
	.widget-count .media-left, .widget-count .media-body {
		text-align: center;
	}
	.aside-right {
		width: 25%;
		right: -25%;
		display: block !important;
		transition: all 0.3s cubic-bezier(0.08, 0.67, 0.44, 0.99);
	}
	.aside-right-show {
		right: 0 !important;
	}
	.aside-right-conections .media-left {
		float: left;
		width: auto;
	}
	.aside-right-conections .media-body {
		overflow: hidden;
		width: auto;
	}
}

@media (max-width:767px) {
	body {
		overflow: auto;
	}
	/** MODAIS */
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		border: none !important;
	}
	.modal-title {
		font-size: 1.125em;
	}
	.modal-footer {
		background-color: #F4F7F9;
	}
	.modal-title {
		padding: 20px 0;
		color: #4A4A4A;
		text-align: center;
		font-size: 1.5em;
	}
	.modal-body {
		padding: 30px;
		background-color: #F0F1F2;
		border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	}
	.modal-body hr {
		border-color: #ddd;
	}
	.modal-footer {
		padding-left: 30px;
		padding-right: 30px;
		background-color: #F0F1F2;
		border-top: 1px solid #ddd;
	}
	/** HEADER */
	.main-header {
		height: auto;
		position: relative;
	}
	.main-header-logo {
		width: 100%;
	}
	.main-header-container {
		width: 100%;
	}
	.main-header-container .show-sidebar {
		display: block;
	}
	.main-header-container .dropdown.open {
		position: static;
	}
	.main-header-container .dropdown.open .dropdown-menu {
		display: table;
		width: 96%;
		text-align: left;
		left: 2%;
		right: 0;
	}
	.main-header-container .dropdown-menu>li {
		width: 100%;
		display: block;
	}
	.main-header-notification .list-group-item {
		text-align: left;
	}
	.main-header-notification .list-group:after {
		margin-left: 113px;
	}
	.main-aside {
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0;
		z-index: 1;
	}
	.main-aside-navbar {
		display: none;
		margin: 0;
		border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	}
	.main-page-title h3 {
		width: 100%;
		text-align: center;
	}
	.main-page-title .controllers {
		width: 100%;
		float: left;
		margin-top: 25px;
		text-align: center;
		position: relative;
		top: 0;
		right: 0;
	}
	.main-page-title .controllers .btn {
		width: 100%;
		margin-top: 5px;
		margin-left: 0;
	}
	.main-container {
		padding-top: 0;
	}
	.login-container {
		padding: 10px;
		position: relative;
		top: 0;
		left: 0;
	}
	.login-box-form {
		position: relative;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		margin: 80px 0 0;
	}
	.login-box-form .recover a {
		display: block;
		margin-bottom: 10px;
	}
	.login-footer {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		margin: 25px 0;
	}
	.events-trash {
		width: 100%;
	}
	.media-left, .media-body {
		width: 100%;
		display: block;
	}
	.widget-count .media-left, .widget-count .media-body {
		text-align: center;
	}
	.btn {
		margin-top: 5px;
	}
	.aside-right {
		width: 100%;
		top: 0;
		right: 0;
		position: relative;
		display: none;
	}
	.aside-right-container {
		width: 100%;
		top: 0;
		right: 0;
		position: relative;
	}
	.aside-right-conections .media-left {
		float: left;
		width: auto;
	}
	.aside-right-conections .media-body {
		overflow: hidden;
		width: auto;
	}
}

@media print {
	.main-header, .main-aside, .main-page-title .controllers, .table-performance img {
		display: none;
	}
	.main-page, .main-container, .main-page-container {
		padding: 0 !important;
	}
	.main-page-title {
		padding: 10px;
		border: none;
	}
	.table-performance td {
		padding: 5px !important;
	}
}