body {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'Open Sans', Arial, sans-serif !important;
  color: #71777c;
}

a:hover {
	text-decoration: none;
}

.topo {
  background: #60d376;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0.9;
  height: 132px;
}

.bs-docs-nav .navbar-toggle .icon-bar {
  background-color: #525252;
}

.menu-principal {
  margin-top: 40px;
}

.menu-principal .nav {
  float: right;
}

.menu-principal ul li a {
  color: #525252;
  text-transform: uppercase;
  font-weight: bold;
}

.img-logo {
  margin-top: 20px;
}

.banner-home {
  overflow: hidden;
}

.banner-home img {
  width: 100%;
}

.how-it-works {
  padding: 110px 0 200px;
}

.how-it-works strong {
  display: block;
}

.title-how-it-works {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: -120px;
  position: relative;
  z-index: 1;
}

.bg-how-it-works-1 {
  background: url("../img/bg-teatchers.png") no-repeat 137px 77px;
  height: 365px;
  width: 515px;
}

.bg-how-it-works-2 {
  background: url("../img/bg-students.png") no-repeat 73px 9px;
  height: 365px;
  width: 515px;
}

.txt-how-it-works-1, .txt-how-it-works-2 {
  text-align: center;
  display: block;
  position: relative;
  top: 170px;
  text-transform: uppercase;
  font-size: 25px;
  left: 20px;
}

.advantages {
  background: url("../img/bg-advantages.jpg");
  height: 770px;
  background-size: cover;
  color: #ffffff;
  font-size: 13px;
  padding-top: 110px;
}

.title-advantages, .title-contact {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.title-item-advantages {
  font-weight: bold;
  text-transform: uppercase;
}

.box-advantages {
  margin-bottom: 35px;
}

.border-advantages {
  border-bottom: 1px dashed #ffffff;
  padding-top: 10px;
}

.contact {
  border-bottom: 55px solid #6a6fe4;
  padding-top: 110px;
}

.form-home {
  margin-top: 140px;
}

.form-home .form-group {
  border-bottom: 1px solid #c0af9f;
}

.form-home .form-group .form-control {
  border: none;
  box-shadow: none;
}

.form-home .radio {
  margin-bottom: 20px !important;
}

.form-home .text-left.radio-inline {
  padding-left: 0;
}

.form-home .row {
  padding-bottom: 20px;
}

footer {
  height: 400px;
  background: #333333;
}

.content-footer {
  height: 140px;
  border-bottom: 3px solid #48dc6c;
}

.logo-footer {
  margin: 40px 0 0 10px;
}

.icon-facebook {
  /*border-left: 2px solid #000000;*/
  display: block;
  padding-left: 5px;
  margin: 40px 10px 0 0;
}

.copyright {
  color: #555555;
  text-align: center;
  width: 680px;
  margin: 25px auto 0;
}

.text-left {
  text-align: left !important;
}


/* -------------------
TOPO LOGADO
------------------- */

.topo-logado {
	min-height: 90px;
	background: #f9f9f9;
	border-bottom: 1px dotted #dddddd;
}

.topo-logado .navbar-brand {
	height: 90px;
}

.topo-logado .img-logo {
	margin-top: 0;
}

.head-login a {
	line-height: 90px;
	float: right;
	padding: 0 15px;
}

.head-login a:hover {
	background: #f2f2f2;
	text-decoration: none;
}

.head-login a .glyphicon-triangle-bottom {
	font-size: 10px;
	padding-left: 5px;
}


/* -------------------
ÁREA LOGADO
------------------- */

.box-before-start {
	background: #fdf9e0;
	min-height: 50px;
	margin-top: 30px;
	border-radius: 3px;
	padding:20px;
}

.box-before-start a {
	color: #d4bf3e;
	text-decoration: underline;
}

.head-before-start {
	color: #d4bf3e;
	vertical-align: top;
}

.wrap-before-start {
	overflow: hidden;
	margin-top: 20px;
	font-size: 20px;
}

.wrap-before-start .a-before-start {
	color: #475564;
	text-decoration: underline;
	display: block;
}

.separador-before-start {
	width: 1px;
	border-right: 1px solid #dbd5ad;
}

.box-primario {
	background: #eff3f6;
	border-radius: 3px;
	padding: 15px 10px 25px;
}

.box-primario + .btn-success {
	margin: -20px auto 20px;
	display: block;
	padding: 8px 15px;
}

.box-secundario {
	border-radius: 3px;
	padding: 25px 10px;
}

.box-secundario .form-group {
	margin-bottom: 0;
}

.box-terciario {
	background: #eff3f6;
	border-radius: 3px;
	padding: 20px;
	margin-top: 20px;
}

h3.title {
	margin-top: 40px;
	margin-bottom: 20px;
	color: #475564;
	font-size: 26px;
	font-weight: bold;
}

label.label-padrao {
	display: block;
	color: #566473;
	font-size: 15px;
}

.box-date {
	line-height: 42px;
	font-size: 18px;
	color: #8e959c;
}

.teacher-feedback {
	background: #eff3f6;
	margin-top: 30px;
	padding: 5px 30px 20px;
}

.teacher-feedback .checkbox label {
	color: #8e959c;
	padding-left: 0;
}

h4.title {
	color: #566473;
	font-size: 15px;
	margin: 30px 0 10px;
}

p.subtitle {
	color: #8e959c;
	margin-top: -20px;
}

.btn-standart {
	padding: 5px 40px !important;
	margin-left: 5px;
}

.icheckbox_minimal-blue {
	background-color: #ffffff;
}

textarea {
	resize: none;
	overflow: hidden;
}

.textarea-teacher textarea {
	width: 100%;
	border-radius: 3px;
	border-color: #e7ebef;
	margin-bottom: 20px;
	padding: 10px;
}

.box-table {
	background: #ecf0f1;
	min-height: 100px;
	padding-top:15px;
}

.box-table-white {
	padding: 15px 0;
	background: #ffffff;
}

.box-table table {
	background: #ffffff;
	padding-top:15px;
	margin-bottom: 0;
}

.box-table table .icon-atencao {
	margin-right: 0;
}

.box-table table td {
	vertical-align: middle !important;
	text-align: center;
	max-width: 15px;
}

.box-table .icon-check, .box-table .icon-remove {
	display: block;
	margin: 0 auto;
}

.table-grey {
	background: #eff3f6;
	text-align: center;
	max-width: 15px;
}

.wrap-table-grey {
	background: #8895a2;
}

.wrap-table-tp {
	color: #566473;
	font-size: 12px;
	font-weight: bold;
}

.box-export {
	background: #eff3f6;
	border-radius: 3px;
	padding: 60px 0 20px;
}

.box-export-green .title-export {
	color: #36c77b;
	font-size: 17px;
}

.box-export-green .info-export {
	color: #36c77b;
	font-size: 14px;
}

.box-export-green .icon-export {
	color: #36c77b;
}

.title-export {
	margin-right: 20px;
	color:#c0c4c7;
	font-size: 14px;
	font-weight: bold;
}

.info-export {
	color:#c0c4c7;
	font-size: 11px;
	text-decoration: underline;
}

.info-export-separador {
	padding: 0 5px;
	text-decoration: none;
}

.alunos .box-before-start, .aluno-ajustado .box-before-start {
	padding: 10px 20px;
}

.alunos .icon-fechar-yellow, .aluno-ajustado .icon-fechar-yellow {
	vertical-align: middle;
}

.alunos .box-export {
  padding: 20px 0 20px;
}

.aluno-topic {
	padding: 25px 30px 15px;
	background: #ecf0f1;
	border-radius: 3px;
	margin-top: 15px;
}

.text-date {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #8e959c;
	line-height: 16px;
}

label.label-date {
	background: #566473;
	color: #ffffff;
	font-size: 11px;
	padding:0 20px;
	border-radius: 10px;
	line-height: 20px;
	float: left;
}

.box-secundario .label-date {
	margin-left: 20px;
	float: none;
}

.bold-blue {
	font-weight: bold;
	color: #566473;
}

.date-deadline {
	color: #8e959c;
	line-height: 40px;
}

.boxes-cliente {
	margin-top: 25px;
}

.head-boxes-cliente-1 {
	padding: 20px 10px;
	line-height: 40px;
	background: #36c77b;
	border-radius: 3px 3px 0 0;
}

.head-boxes-cliente-1 .btn-title {
	background: url('../img/sprite.png') no-repeat 530px -1033px #ffffff;
}

.head-boxes-cliente-1 .btn-title:hover {
	text-decoration: none;
}

.head-boxes-cliente-1 .form-control {
	background: url('../img/sprite.png') no-repeat 521px -1033px #ffffff;
}

.head-boxes-cliente-2 {
	height: 97px;
	background: #eff3f6;
	border-radius: 3px 3px 0 0;
}

.wrap-boxes-cliente {
	background: #eff3f6;}

.alunos .wrap-boxes-cliente {
	padding-bottom: 20px;
	border-radius: 0 0 3px 3px;
	background: #eff3f6;
}

.bg-boxes-cliente {
	margin: 0 10px;
	padding: 0 15px 15px;
	background: url("../img/separador-ajustado.png") repeat-y 550px 0 #ffffff;
	position: relative;
}

.alunos .bg-boxes-cliente {
	background: none;
}

.bg-serrilhado-top {
	position: absolute;
	background: url("../img/serrilhado-top.png") repeat-x;
	height: 11px;
	width: 100%;
	top: -10px;
	left: 0;
}

.bg-serrilhado-bottom {
	background: url("../img/serrilhado-bottom.png") repeat-x;
	height: 11px;
	margin:0 10px;
}

.alunos .bg-boxes-cliente {
	border: 1px solid #e7ebef;
	margin: 0;
	padding-bottom: 15px;
}

.item-boxes-cliente {
	margin-top: 15px;
}

.number-boxes-cliente {
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	border-radius: 25px;
	background: #c0c4c7;
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-right: 5px;
}

.item-area-cliente {
	overflow: auto;
    transition: all .2s linear;
	margin-top: 10px;
	background: url("../img/line-textarea.png") repeat-y center top;
	resize: none;
}

.item-area-cliente.textarea-big {
	background: url("../img/line-textarea-big.png") repeat-y center top;
}

.textarea-horizontal-big {
	min-height: 193px;
}

.btn-reset {
	background: #fbc02d;
	border-color: #fbc02d; 
}

.btn-reset:hover {
	background: #ecb52c;
	border-color: #ecb52c;
}

.img-form-ajustado {
	margin-left: 60px;
}

.btn-title {
	background: #ffffff;
	border-radius: 3px;
	border: 1px solid #e7ebef;
	margin-left: 15px;
	padding: 0 10px;
}

.btn-title:hover {
	text-decoration: none;
}

.box-teacher {
	background: #eff3f6;
	border-radius: 3px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.item-box-teacher span.sprite {
	margin-right: 5px;
}

.txt-expire {
	margin-left: 30px;
	margin-right: 15px;
}

.border-expire {
	border-left: 2px solid #bbc4cc;
	line-height: 90px;
	height: 90px;
}

.border-expire .label-date {
	margin-top: 35px;
}

.border-expire .btn-success {
	margin-top: 22px;
}

.check-copy-request .icheckbox_minimal-blue {
	margin-right: 5px;
}

.modal .modal-header {
	border-bottom: none;
}

.modal h3.title {
	margin-top: -15px;
}

.modal .feedback-professores {
  padding: 15px;
}

.modal .feedback-professores textarea {
	background: none #ffffff;
}

.modal .close {
	background: url('../img/sprite.png') no-repeat -1px -1996px !important;
	width: 16px;
	height: 16px;
	opacity: 1;
	position: relative;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.modal-padrao {
	padding: 15px;
}

.modal .label-spacing {
	margin-top: 7px;
}

.modal .circle-sup {
	margin-left: 5px;
}

.modal .text-right label, .modal label.text-center {
	margin-bottom: 0;
	white-space: nowrap;
}

.box-modal-padrao {
	margin-top: 10px;
	border-top:6px solid #7e8fa1;
	background: #eff3f6;
	padding: 20px 0;
}

.box-modal-title-1 {
	padding:20px 0 10px;
	margin-bottom: 20px;
}

.box-modal-title-1 .control-label {
	color: #8e959c;
	font-weight: normal;
}

.box-modal-title-2 {
	padding:20px 0 30px;
	margin-bottom: -20px;
}

.box-modal-title-1 input {
	background: none;
	box-shadow: none;
	border:none;
	border-bottom: 1px solid #b3c2d1;
	border-radius: 0;
	height: 35px;
}

.box-modal-title-1 input:focus {
	border: none;
	border-bottom: 1px solid #566473;
	box-shadow: none;
}

.popup-exclamacao {
	position: absolute;
	background: #566473;
	color: #ffffff;
	padding: 5px 30px;
	bottom: 30px;
	border-radius: 3px;
	left: -37px;
	display: none;
}

.hover-exclamacao:before {
	display: block;
	height: 10px;
	content:"";
}

.hover-exclamacao:hover .popup-exclamacao {
	display: block;
}

.popup-exclamacao:after {
	top: 100%;
	left: 50%;
	border-top: 5px solid #566473;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.circle-sup {
	color: #ffffff;
	font-size: 10px;
	background: #566473;
	border-radius: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin-left: 10px;
	padding: 0 5px;
	font-weight: normal;
}

.modal textarea {
	background: url("../img/line-textarea.png") repeat center top #ffffff;
	min-height: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.modal .icon-play, .modal .icon-list {
	margin-left: 5px;
}

.txt-ibaep {
	margin-left: 10px;
}

.box-load-diagram {
	background: #ffffff;
	border-radius: 3px;
	border: 1px solid #e7ebef;
	padding: 5px 10px;
}

.btn-file {
	position: relative;
}

.btn-file-opacity {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.line-drag-drop {
	line-height: 40px;
}


.bloco-graph-1 {
  overflow: hidden;
}

.bloco-graph-2 {
	margin-top: 20px;
}

.inner-arrows {
	margin-top: 24px;
}

.inner-arrows .icon-arrow-up:hover, .inner-arrows .icon-arrow-down:hover {
	opacity: 0.8;
}

.select-border .btn-default {
	border: 1px solid #e7ebef;
}

/* -------------------
ICONS - SPRITE
------------------- */

.sprite {
	background: url('../img/sprite.png') no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.icon-atencao {
	background-position: -1px -1px;
	width: 19px;
	height: 17px;
	margin-right: 5px;
}

.icon-fechar-yellow {
	background-position: -1px -79px;
	width: 7px;
	height: 7px;
	vertical-align: top;
	cursor: pointer;
}

.icon-date {
	background-position: -1px -146px;
	width: 14px;
	height: 15px;
	margin-right: 5px;
	margin-left: 10px;
}

.icon-star {
	background-position: -1px -222px;
	width: 15px;
	height: 15px;
}

.icon-check-green {
	background-position: -1px -298px;
	width: 17px;
	height: 17px;
}

.icon-filtro-green {
	background-position: -1px -376px;
	width: 17px;
	height: 17px;
}

.icon-comment-green {
	background-position: -1px -454px;
	width: 16px;
	height: 15px;
}

.icon-check {
	background-position: -1px -530px;
	width: 9px;
	height: 7px;
}

.icon-remove {
	background-position: -1px -599px;
	width: 7px;
	height: 7px;
}

.icon-comment-grey {
	background-position: -1px -667px;
	width: 16px;
	height: 15px;
}

.icon-export {
	background-position: -1px -743px;
	width: 12px;
	height: 17px;
	margin-right: 10px;
}

.icon-circle-dotted {
	background-position: -1px -821px;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.icon-check-white {
	background-position: -1px -899px;
	width: 14px;
	height: 11px;
	margin-right: 5px;
}

.icon-date-small {
	background-position: -1px -971px;
	width: 11px;
	height: 12px;
	margin-right: 3px;
}

.icon-export-green {
	background-position: -1px -1529px;
	width: 15px;
	height: 21px;
	margin-right: 10px;
}

.icon-play {
	background-position: -1px -1122px;
	width: 20px;
	height: 20px;
}

.icon-comment-white {
	background-position: -1px -1610px;
	width: 16px;
	height: 15px;
}

.icon-atencao-grey {
	background-position: -1px -1686px;
	width: 19px;
	height: 17px;
}

.icon-star-grey {
	background-position: -1px -1764px;
	width: 15px;
	height: 15px;
}

.icon-filtro-grey {
	background-position: -1px -1840px;
	width: 17px;
	height: 17px;
}

.icon-check-grey {
	background-position: -1px -1918px;
	width: 17px;
	height: 17px;
}

.icon-list {
	background-position: -1px -1203px;
	width: 20px;
	height: 20px;
}

.icon-exclamacao {
	background-position: -1px -1284px;
	width: 20px;
	height: 20px;
	position: relative;
}

.icon-foto {
	background-position: -1px -2073px;
	width: 24px;
	height: 22px;
	margin-top: 10px;
}

.icon-arrow-up {
	background-position: -1px -2156px;
	width: 32px;
	height: 20px;
	vertical-align: bottom;
	margin-top: 0;
}

.icon-arrow-down {
	background-position: -1px -2237px;
	width: 32px;
	height: 19px;
	vertical-align: top;
	margin-top: 0 !important;
}


/* -------------------
CSS MOBILE
------------------- */

@media (max-width: 768px) {
	.topo-logado .navbar-brand {float: none; display: block;}
	.topo-logado .navbar-brand .img-logo {margin: 0 auto;}
	.head-login a {float: none; display: block; text-align: center;}
	.wrap-before-start .a-before-start:first-of-type {margin-bottom: 1em;}
	.teacher-feedback .checkbox label {margin-bottom: 20px;}
	.btn-standart {width:100%; margin: 0 0 10px;}
	.box-table table {width: 900px;}
	.box-export .btn-success {margin-bottom: 10px;}
	.box-export .btn-reset {margin-bottom: 10px;}
	.head-boxes-cliente-1 .btn-title {background: url('../img/sprite.png') no-repeat 220px -1033px #ffffff;}
	.head-boxes-cliente-1 .form-control {background: url('../img/sprite.png') no-repeat 246px -1033px #ffffff;}
	.aluno-topic .selectpicker {margin-bottom: 10px;}
	.txt-export {margin-bottom: 15px;}
	.img-form-ajustado {margin-left: 0;}
	.bg-boxes-cliente {background: #ffffff;}
}