::selection {
  background: #F4E23E;
  color: #423F40;
}
::-moz-selection {
  background: #F4E23E;
  color: #423F40;
}

.container-fluid {
  border: 0 !important;
  padding: 0 !important;
}

.warper {
  padding: 15px 0 0 0 !important;
}


input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"]::-ms-clear {  display: none; width : 0; height: 0; }
input[type="number"]::-ms-reveal {  display: none; width : 0; height: 0; }

.reset-padding {
  padding: 0;
}
.reset-padding-left {
  padding-left: 0;
}

.reset-padding-right {
  padding-right: 0;
}
.centralizar{
  text-align:center;
}
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
  outline: none;
}

.row.no-gutter > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

.botao_icone > i{
  float:right;
  color:#fff
}
.form-control:focus{
  border-color: #F4E23E;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.col-menu-beibee {
  font-size: 24px;
  color: #f5c41a;
  margin: 10px 0px;
  cursor: pointer;
}
.texto_modal_esquerda{
  float: left;
}
button.botao_modal{
  width:100%;
  margin-top:7px;
}
.btn-regitro-atividade {
  background-color: #20be36!important;
  color: #fff!important;
  border: 0px!important;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: block;
  color: #afafaf;
}

.modal-title {
  color: #ffffff;
}

.btn-historico-mensagens {
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #9f9f9f;
  cursor: pointer;
  font-size: 12px;
  padding: 8px;
  opacity: 0.8;
  margin-top: 20px;
  text-align: center;
  transition-duration: 0.3s;
  width: 210px;
}
.btn-historico-mensagens:hover {
  opacity: 1;
}
.btn-historico-mensagens i {
  margin-top: -4px !important;
}

.historico_mensagens_respondidas {
  display: none;
  margin-top: 20px;
}
.historico_mensagens_respondidas p {
  font-size: 14px !important;
}

.loader-modal{
  padding: 40px 20px;
  color: #404040;
  font-size: 20px;
  height: 100%;
  width: 100%;
  left: 0;
  background-color: #fff;
  position: absolute;
  z-index: 999;
  top: 0;
  font-size: 30px;
}
.no-padding{
  padding: 0;
}
.btn-rounded{
  border-radius: 50px;
  float: left;
  min-width: 50px;
  min-height: 50px;
  background-color: #fff;
}
#botao_informacao{
  border-radius: 30px;
  width: 30px;
  height: 30px;
  position: fixed;
  right: 20px;
  top: 20px;
  background-color: #6B6B6B;
  color: #F4E23E;
  font-size: 1.66667rem;
  text-align: center;
  cursor: pointer;
  /* box-shadow: 1px 2px 3px #888; */
  z-index: 999;
  -webkit-transition-duration: 700ms;
  -moz-transition-duration: 700ms;
  -o-transition-duration: 700ms;
  transition-duration: 700ms;
  display: none;
}


#modalConfiguracao .configuracao_bloco:not(:last-child) {
  margin-bottom: 20px;
}
#modalConfiguracao .configuracao_bloco {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

#modalConfiguracao .configuracao_bloco [class*='col-'] {
  padding: 5px;
}

#modalConfiguracao .configuracao_bloco .configuracao_bloco_titulo {
  background-color: #e6e6e6;
  font-weight: 600;
  padding: 10px;
}

#modalConfiguracao .configuracao_bloco select {
  padding: 0px;
}

#botao_informacao:hover{
  background-color: #F4E23E;
  color: #6B6B6B;
}
#imgs_ajuda{
  max-width:130px;
  border-radius: 4px;
}

.btn-acao {
  letter-spacing: 1px;
  font-weight: 500;
  padding: 10px 15px;
  margin: 5px;
}
.btn-vermelho {
  background-color: #DD6B55 !important;
  color: #ffffff !important;
}

.introducao_modal{
  line-height:15px;
  margin-left:3px;
}
#accordionAndroid{
  cursor:pointer;
  color:#f5c41a;
}
#accordionAndroid:hover{
  color:#00AD9F;
}
#accordionIphone{
  cursor:pointer;
  color:#f5c41a;
}
#accordionIphone:hover{
  color:#00AD9F;
}
ul li{
  list-style:none;
}

#botao_informacao > i{
  padding:6px;

}
.panel-default h4 {
  font-size: 16px;
  line-height: 2;
}
.panel-default > .panel-heading{
  background-color: #f5c41a;
  color:#fff;
  cursor: pointer;
}
.panel-default > .panel-heading:hover{
  background-color:#00AD9F;
}
html {
  width: 100%;
  height: 100%;
}
body {
  color: #464646;
  width: 100%;
  height: 100%;
  background-color: #f3f3f3 !important;
}

header {
  width: 100%;
  border:#fff  solid;
  background-color: #fff;
}
.lbl-title { font-size: 18px; color: #fff; margin: 0; margin-top: 30px; margin-bottom: 30px; }
.warper.container-fluid {
  border:#fff  solid;
  border-bottom: none;
}

#coluna_nome_user {
  color: #F4E23E;
  background-color: #6B6B6B;
  font-size: 1.2em;
  letter-spacing: 2px;
  line-height: 40px;
  font-weight: 700;
  border: #fff solid;
}
#instituicao_ensino{
  line-height:15px;
  margin-top: 10px;
  font-size: 0.9em;
}
#escola{
  line-height:50px;
  font-size: 2.1em;
  text-decoration: overline;
  text-transform: uppercase;
}

#turma{
  line-height:15px;
  font-size: 1em;
  margin-bottom: 10px;
  color: #6D6D6D;
  font-weight: 600;
}
#coluna_escola{
  border:#fff  solid;
  background-color: #fff;
  color:#fff;
  text-align:center;
  padding: 7px 0;
}

#coluna_menu{
  text-align: center;
  background-image: url("../images/background-header-modal.png");
  background-color: #E5E5E5;
  background-size: 100%;
}
#coluna_menu .nav-toolbar > li {
  margin:0px 2px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#coluna_menu .nav-toolbar > li > a  {
  background-color: #fff;
  color: #6B6B6B;
  font-size: 1.7em;
  margin: 0px 10px;
  height: 48px;
  width: 48px;
  transition-duration: 0.2s;
  border: none;
}
#coluna_menu .nav-toolbar > li > a:hover{
  color: #f5c41a;
}

#coluna_menu .nav-toolbar li,
#coluna_menu .nav-toolbar li a,
#coluna_menu .nav-toolbar li a i{
  float: left;
}

#row_mensagem_respondida {
  display: none;
}

#coluna_menu .nav-toolbar {
  margin: 0px;
  padding: 0px;
}

a {
  transition-duration: 0.3s;
}

a:hover, a:focus {
  color: #f5c41a;
}

.dashboard-stats.panel {
  padding: 10px 10px 10px 10px;
}

.dashboard-stats.panel h4 {
  line-height: 30px;
  font-size: 16px;
  vertical-align: middle;
}

.chosen-container{
  width: 100% !important;
}

.search-field {
  width: 100% !important;
}
.search-field .default {
  width: 100% !important;
}

.form-control {
  color: #4b4b4d;
}

.borda_redonda {
  border-radius: 4px !important;
}

.borda-modal-redonda{
  border-radius: 6px 6px 0px 0px;

}

.img{
  max-width: 30%;
}

.link_painel{
  opacity: 0.8;
  transition-duration:0.3s;
}
.panel-icon{
  color: #6B6B6B;
  margin-right: 10px;
  position: relative;
  box-shadow: 2px 1px 4px #ccc;
}
.panel-icon:hover{
  color: #f5c41a;
}
.link_painel:hover{
  opacity: 1;
}

fieldset{
  border-radius: 6px 6px 6px 6px;
  border:1px solid #b2b2b2;
  padding: 7px;
  margin: 0px;
}

legend{
  border-bottom: 0px solid #b2b2b2;
  width: 105px;
  height: 23px;
  border-radius: 6px 6px 6px 6px;
  font-size: 15px;
  margin-bottom:0px;
  text-align: left;
  padding-left:5px;
}

.modal-footer button {
  transition-duration: 0.3s;
}

.footer{
  clear: both;
}

.form-group.has-error .chosen-choices{
  border-color:#a94442;
}

.form-group.has-error .chosen-single{
  border-color:#a94442;

}

.menu_esquerda{
  float:left;
  margin-bottom:10px;
  margin-top: 15px;
  /*margin-left: 87px;*/
}

.menu_esquerda .nav-toolbar {
  left: 75px;
  top:275px;
  position: absolute;
}

.menu_esquerda .nav-toolbar > li > a {
  background-color: #e7e8e9;
  border: 9px solid #fff;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  color: #282425;
  font-size: 1.7em;
  padding-left: 3px;
  padding-top: 5px;
  margin-right: 10px;
  transition-duration: 0.2s;
}

.menu_esquerda .nav-toolbar > li > a:hover {
  color: #00AD9F;
}

.menu_esquerda .nav-toolbar .dropdown-menu .panel-body {
  padding-bottom: 0px;
}

.menu_esquerda .nav-toolbar .dropdown-menu a p {
  font-weight: 500;
  margin-bottom: 15px;
}

.dropdown-menu.arrow.arrow-top-left::after, .dropdown-menu.arrow.arrow-top-left::before,
.dropdown-menu.arrow.arrow-top-left::before {
  left: 17px;
}

.avatar_crianca {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #c9c9c9;
  border-radius: 40px;
  height: 40px;
  width: 40px;
  margin: 5px 10px 5px 0px;
  float:left;
}

.avatar_crianca_grande {
  border-radius: 80px;
  height: 80px;
  width: 80px;
}

/* Iframe do Zendesk */
#launcher {
  display: none;
}

#logo {
  width: 300px;
  padding:4px 0px 2px 0px;
  margin:0 42%;
}

#logo img {
  width: 224px;
}

/*#titulo {
  text-align: center;
  background-color:#E7E8E9;
  border:#fff 6px solid;
  border-radius: 30px;
  color:#00AD9F;
  line-height: 30px;
  vertical-align:middle;
  font-weight:600;
  padding:0 10px;
  position:absolute;
  top:295px;
  left: 156px;
}*/

.bloco_redondo {
  background-color: #ababab;
  color: #fff;
  line-height: 30px;
  vertical-align:middle;
  font-weight:600;
  padding:0 10px;
  transition-duration: 0.2s;
  margin-left: 14px;
  border-radius: 4px!important;
  margin-bottom: 8px;
  margin-top: 5px;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(185,185,185,0.65);
  -moz-box-shadow: 0px 0px 4px 1px rgba(185,185,185,0.65);
  box-shadow: 0px 0px 4px 1px rgba(185,185,185,0.65);
}
.btn-adicionar-grid {
  -webkit-box-shadow: 0px 0px 4px 1px rgba(185,185,185,0.65);
  -moz-box-shadow: 0px 0px 4px 1px rgba(185,185,185,0.65);
  box-shadow: 0px 0px 4px 1px rgba(185,185,185,0.65);
}
.bloco_redondo h4 {
  color: #fff;
}
.bloco_redondo.link_painel:hover,
.bloco_redondo.link_painel:hover .panel-icon {
  color: #f5c41a;
}
.bloco_redondo .wrap-class-icon {
  width: 84%;
  margin-left: 15px;
  cursor: pointer;
}

.grid-item-padrao {
  border-radius: 4px;
  background: #dedede;
  padding: 10px;
  height: 70px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
}

.grid-item-padrao-responsavel {
  border-radius: 4px;
  background: #dedede;
  padding: 10px;
  height: 50px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  word-break: break-all;
}

.grid-item-padrao .grid-item-padrao-icon {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  margin-right: 10px;
  margin-top: 5px;
}
.grid-item-padrao .grid-item-padrao-icon img {
  width: 60%;
  height: 60%;
  margin-top: 8px;
}
.grid-item-padrao-icon {
  float: left;
  background-size: cover;
  background-position: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #fff;
}
.grid-item-padrao-icon.adicionar {
  font-size: 18px;
  color: #7e7e7e;
  padding-top: 8px;
  text-align: center;
}
.grid-item-padrao-text{
  font-weight: 500;
  margin-right: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bloco_azul {
  background-color: #1377ff;
  color: #fff;
  cursor: default;
}

.texto_azul {
  color: #1377ff;
}

.more-itens {
  float: left;
  width: 10%;
  margin-top: 10px;
  padding-right: 6%;
  text-align: right;
  cursor: pointer;
}

.more-itens-crianca {
  float: right;
  cursor: pointer;
  padding: 15px;
}

.more-itens-crianca-responsavel {
  float: right;
  cursor: pointer;
  padding: 5px;
}

.more-itens-turma{
  float: right;
  cursor: pointer;
  padding: 15px;
}

.cd-timeline-img {
  background-color: #fff;
}

.cd-timeline::before {
  background-color:#e5e5e5 !important;
  width: 2px !important;
}

.titulo_modal{
  /*color:#fff;
  background-color:#00AD9F;*/
  color: #404040;
  background-color: #F4E23E;
  background-image: url("../images/background-header-modal.png");
  background-size: 100%;
}
button.btn-verde{
  background-color: #f5c41a;
  border-color: #f5c41a;
  font-weight: 600 !important;
  opacity: 0.8;
  color: #6b6b6b !important;
  transition-duration: 0.3s !important;
  letter-spacing: 1px;
}
button.btn-verde:hover{
  background-color: #f5c41a;
  opacity: 1;
}
button.btn-azul {
  background-color: #1377ff;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
}

.botoes_inferiores_bloco {
  text-align: right;
  margin-bottom: 15px;
}

.botoes_inferiores_bloco button {
  border: 0px;
  border-radius: 0px 0px 4px 4px;
  color: #464646;
  font-size: 11px;
  padding: 3px 6px;
  margin-right: 2px;
}
.botoes_inferiores_bloco button:last-child {
  margin-right: 15px;
}

.seta{
  position:fixed;
  right:2%;
  bottom:2%;
}

.loading {
  border: 5px solid #dedede;
  border-radius: 50%;
  border-top: 5px solid #1377ff;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.introjs-helperLayer {
  background-color: rgba(255,255,255,.5) !important;
  left:0px !important;
}

input[type="file"] {
  padding: 0px;
}

.fixed-action-btn{
  position: relative;
  bottom:6px;
  left: 9px;
  z-index:1;
}

.fixed-action-btn ul{
  position: absolute;
  bottom: 0px;
  text-align: justify;
  top:83px;
  left:6px;

}
.btn-floating {
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.btn-floating i {
  line-height: 44px;
  font-size: 1.4em;
}

.btn-large i{
  font-size: 1.6em;
}

.btn-floating.btn-large i {
  line-height: 58.5px;
}
.orange{
  color:orange;
}
.purple{
  color:purple;
}
.texto_menu_novo p > i > a{
  display:none;
  line-height: 40px;
  background-color: #E7E8E9;
  color:#00AD9F;
  border:#fff 6px solid;
  border-radius:30px;
  text-align: center;
  position: relative;
  margin-left:50px;
}
.texto_menu_novo p:hover{
  opacity:6;
  color:#000;
  text-align: center;
  margin-left:50px;
}

.img-logo-weekwee img {
  margin: 5px 0;
  width: 46px;
}

.contador-caracteres {
  float: right;
  margin-bottom: 15px;
  padding-right: 3px;
}
.reset-padding {
  padding: 0px;
}
.reset-padding-left {
  padding-left: 0px;
}
.reset-padding-right {
  padding-right: 0px;
}

.col-menu {
  width: 25%;
  float: left;
  margin-right: 30px;
}

#chart1div {
  width       : 100%;
  height      : 340px;
  font-size   : 11px;
}

#chart2div {
  width       : 100%;
  height      : 340px;
  font-size   : 11px;
}

.amcharts-graph-graph2 .amcharts-graph-stroke {
  stroke-dasharray: 4px 5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -28px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -28px;
  }
}

.lbl-grafico {
  text-align: center;
  color: #534f50;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

/*#coluna_crianca_detalhe .bloco_redondo {
    border: 0;
}
*/
#coluna_crianca_detalhe .dashboard-stats.panel {
  border-radius: 0px;
}
#coluna_menu .nav-toolbar li a i.fa-group {
  margin-left: -3px;
}

.ctn-three-bloc {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: -21px;
}
.ctn-three-bloc .col-xs-12 {
  /* Quem sentir falta dessa linha de css, por favor fale com a Ellen que tá ferrando o bootstrap */
  /*padding-left: 0px;*/
}

.ctn-three-bloc .col-space-reset {
  padding-right: 0px;
}
.ctn-three-bloc .panel {
  margin-bottom: 0px;
  border-radius: 0;
  border-left: 0;
}
.ctn-three-bloc .input-group-addon {
  bottom: 25px;
  width: 50px;
  height: 50px;
  padding: 9px 10px;
  border-color: #ffffff;
  background-color: #ffffff;
}
.ctn-three-bloc .input-group-addon:hover {
  border-color: #00AD9F;
}
.ctn-three-bloc .dashboard-stats.panel {
  padding-top: 15px;
  padding-bottom: 15px;
  border-color: #ffffff;
  margin-right: 15px;
}
.ctn-three-bloc #idicionar {
  padding: 5px 12px;
}
.btn-adicionar-grid {
  margin-left: 15px;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.btn-adicionar-grid h4{
  float:left;
  line-height: 12px;
  color: #fff;
}
.btn-adicionar-grid i{
  float:left;
  margin-right: 10px;
  margin-top: 2px;
  color: #fff;
}

.grid-list .grid-item.btn-adicionar-grid:hover{
  color: #f5c41a;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}

.grid-list .grid-item {
  color: #282425;
  line-height: 30px;
  vertical-align: middle;
  font-weight: 600;
  transition-duration: 0.2s;
  padding: 0;
  height: 100px;
  position: relative;
}

.grid-list .grid-item > .centered{
  display: inline-block;
  padding: 0 10px;
  width: 100%;
}
.centered-vertical {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  margin: auto;
}
.centered-vertical.box-add {
  margin-left: 15px;
}
.grid-list .grid-item .grid-crianca-nome{
  float: left;
  max-width: 50%;
}
.grid-list .avatar-crianca{
  width: 60px;
  height: 60px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
  background-size: cover;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}
.full-width{
  padding-left: 0px;
  padding-right: 0px;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: -15px;
}
.class-item{
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#adicionar-turma { cursor: pointer; }
.btn-adicionar-grid { cursor: pointer; }
#adicionar-turma h4{

}
#adicionar-turma h4 i{
  margin-right: 10px;
}
.wrap-class-icon{
  float: left;
}
.wrap-class-icon .panel-icon,
.wrap-class-icon h4{
  float: left;
}
.actions-list{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
.actions-list .panel-icon{
  margin-right: 0px;
}
.actions-list a{
  float: left;
  margin-right: 12px;
}
.actions-list a:last-child .panel-icon{
  margin-right: 0;
}
.actions-list .link-timeline{
  background: url(../images/icons/icon-timeline.png) no-repeat left center;
  background-size: 15px 19px;
  padding-left: 20px;
  width: 15px;
  height: 19px;
}
.btn-dia-timeline {
  padding: 8px;
  background: #fff;
  font-weight: normal;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
  border-radius: 4px;
  color: #9f9f9f;
  font-family: 'Montserrat', sans-serif;
  cursor: pointer;
}
.btn-dia-timeline i,
.btn-historico-mensagens i {
  float: left;
  margin-top: -1px;
  font-size: 24px;
  padding-left: 5px;
  color: #edb325;
}
.trigger-options-list{
  float: right;
}
.list-actions-options{
  position: absolute;
  top: 50px;
  padding: 10px;
  background: #fff;
  z-index: 999999;
  float: left;
  list-style: none;
}
.list-actions-options a{
  display: block;
  margin-bottom: 10px;
}

.modal-ajax-login-failed{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
}
.ajax-login-failed{
  margin: auto;
  display: table;
}
.ajax-login-failed .msg{
  margin: 0;
  padding: 10px;
  text-align: center;
  width: auto;
  font-size: 20px;
}
.first-message{
  background-color: rgb(0, 167, 157);
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.second-message,
.second-message a{
  color: rgb(0, 167, 157);
  background-color: rgb(221, 240, 237);
}
.second-message a:hover{
  color: #91D2BE;
}

/* MODAL EDIÇÃO CRIANÇA */
.wrap-input-btn-edita .form-control{
  float: left;
  width: 90%;
  margin: 0 10px 10px 0;
}
.wrap-input-btn-edita .btn-editar{
  float: left;
}
.icone_editar{
  color: #fff;
  cursor: pointer;
  background-color: #f5c41a;
  font-size: 1.2em;
  border-radius: 100%;
  line-height: 29px;
  width: 29px;
  text-align: center;
  float: right;
  opacity: 0.7;
  transition-duration: 0.3s;
  margin-top:2px;
  margin-right: 5px;
}
.icone_editar:hover {
  opacity: 1;
}
.bloco_redondo_novo_email {
  background-color:#fff;
  border:#ccc 1px dashed;
  border-radius: 4px;
  color: #282425;
  cursor: pointer;
  line-height: 30px;
  vertical-align:middle;
  font-weight:600;
  padding:0 10px;
  margin-top:10px;
  margin-bottom: 10px;
  transition-duration: 0.2s;
}

.bloco_redondo_novo_email.link_painel:hover {
  color: #f5c41a;
  background-color: #E7E8E9;
}

.input_novo_email{
  cursor: pointer;
  line-height: 30px;
  vertical-align:middle;
  margin-bottom: 10px;
}

.obs-foto-crianca{
  font-size: 12px;
}

.graph-no-infos{
  padding: 10px;
  background-color: #E5E5E5;
  color: #282425;
  text-align: center;
}

.steps .step .step-title{
  border-bottom: solid 1px #fff;
}
.col-login a {
  color: #6b6b6b;
}
.form-login .form-control {
  height: 52px;
}
.form-login .form-group {
  margin-bottom: 7px;
}
.form-login .btn-verde {
  padding: 15px 0px 15px 0px;
  margin-bottom: 30px;
}
.form-login .form-control:focus .form-login .input-group .input-group-addon {
  border-color: #F4E23E;
}
.form-login .input-group {
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
}
.form-login .input-group .input-group-addon {
  border-right: none;
  background-color: #fff;
}
.form-login .input-group input {
  border-left: none;
  letter-spacing: 1px;
}
.form-login .fa {
  color: #f5c41a;
  font-size: 20px;
}
.login-esqueci-senha {
  letter-spacing: 1px;
}
.bloco-v2 h4 {
  float: left;
  width: 50%;
  padding-right: 10px;
  word-wrap: break-word;

  color: #fff;
}
.bloco-v2 .avatar-crianca {
  margin-left: 10px;

}
.bloco-v2 i {
  float: right;
  margin-top: 7%;
  color: #fff;
  padding-right: 6%;
}
.fa-ellipsis-v {
  font-size: 24px;
  color: #464646;
}
.cd-iteration {
  width: 100%;
  float: left;
}
.cd-iteration a {
  color: #34353a;
  opacity: 0.8;
}
.cd-iteration a:hover {
  color: #34353a;
  opacity: 1;
}
.cd-iteration .cd-item-default {
 /* width: 50%;
  float: left;*/
  padding: 1em;
  text-align: center;
  /*height: 100%;*/
}
/*.cd-iteration .cd-item-default i {
  width: 100%;
  float: left;
}*/
.cd-iteration .cd-item-default span {
  font-size: 11px;
}
.cd-iteration .cd-anexo {
  background-color: #f5f5f5;
  cursor: pointer;
}
.cd-iteration .cd-replay {
  background-color: #dedede;
  cursor: pointer;
}
.cd-timeline-one {
  padding: 1em;
}
.btn-dia-timeline span {
  font-weight: normal;
}
.btn-new-default {
  border-radius: 4px!important;
  /*min-width: 115px!important;*/
  width: auto!important;
  height: auto!important;
  font-size: 16px!important;
  color: #9f9f9f!important;
  padding: 11px;
}
.coluna-menu-itens {
  float: left;
  width: 100%;
  background-color: rgba(0,0,0,0.1);
}

.msg-read {
  float: left;
  margin-top: 4px;
  font-size: 13px;
}
.msg-read i {
  color: #1377ff;
}

#modal-timeline-filtro .btn-modal-filtro-option {
  padding: 8px;
  background: #fff;
  font-weight: normal;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
  border-radius: 4px;
  color: #9f9f9f;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
  margin-top: 10px;
  cursor: pointer;
  opacity: 0.8;
}
#modal-timeline-filtro .btn-modal-filtro-option:hover {
  opacity: 1;
}

#modal-timeline-filtro i {
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
  margin-left: 5px;
}
#modal-timeline-filtro .modal-header .close {
  margin-top: -5px;
  font-size: 30px;
}

#modal-timeline-filtro .btn-modal-filtro-filtrar {
  background: #20be36;
  color: #fff;
  border-radius: 0px 0px 4px 4px;
  height: 50px;
  cursor: pointer;
  opacity: 0.8;
}
#modal-timeline-filtro .btn-modal-filtro-filtrar:hover {
  opacity: 1;
}
#modal-timeline-filtro .btn-modal-filtro-filtrar span {
  float: left;
  width: 100%;
  margin-top: 15px;
}
#modal-timeline-filtro .filtro-option-select i  {
  color: #20be36;
}

#modal-timeline-filtro .filtro-option-select span  {
  color: #20be36;
}

.bloc-msg-bottom-mobile  { display: none; }
.bloc-msg-bottom { display: block; padding-right: 20px; }

.modal-footer {
  padding: 0!important;
  border-top: 0!important;
}
.modal-footer .btn-voltar {
  background-color: #e6e6e6;
  border-radius: 0px 0px 4px 4px;
  border-color: #e6e6e6;
  opacity: 0.8;
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: 1px;
  font-weight: 500;
}
.modal-footer .btn-voltar:hover {
  opacity: 1;
}
.modal-footer .btn-salvar-edicao {
  border-radius: 0px 0px 4px 0px;;
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: 1px;
  font-weight: 600px;
  width: 100%;
  background-color: #20be36;
  border-color: #20be36;
  color: #fff!important;
}
.modal-footer .btn-salvar-edicao:hover {
  background-color: #20be36;
  border-color: #20be36;
  color: #fff!important;
}
#cadastroTurma .modal-footer .col-sm-6 {
  width: 50%;
}

.btn-amarelo {
  background-color: #f5c41a;
  border-color: #f5c41a;
  opacity: 0.8;
  letter-spacing: 1px;
  font-weight: 600;
  padding: 15px;

}
.btn-amarelo:hover {
  background-color: #f5c41a;
  border-color: #f5c41a;
  opacity: 1;

}

@media only screen and (min-width: 1199px) {
  .grid-list .col-lg-3 { width: 23.6%!important; }
}

@media only screen and (min-width: 768px) {
  .grid-list .col-sm-6 { width: 47.3%; }
}
@media only screen and (max-width: 768px) {
  .col-menu {
    width: 100%;
  }
}

@media only screen and (max-width: 700px) {
  .fixed-action-btn{
    bottom:1px;

  }
  .fixed-action-btn:hover{
    z-index: 1050;
  }
  body {
    background-size: 15% auto;
  }
  header {
    background-image: none;
  }
  #logo {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    width: 100%;
  }
  #logo img {
    width: 144px;
  }
  /*  #titulo {
      top: 228px;
      left: 150px;
    }*/
  #escola {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
  .menu_esquerda {
    margin-left: 0px;
  }
  .menu_esquerda .nav-toolbar {
    top:208px;
  }

  .nav-toolbar > li {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 620px) {
  .bloc-msg-left {
    float: left;
    width: 80%!important;
    min-height: 104px;
  }
  .cd-timeline-content p {
    min-height: 44px;
  }
  .cd-iteration {
    float: right;
    width: 20%;
    height: 52px!important;
  }
  .cd-iteration .cd-item-default {
    width: 100%;
    padding: 10px;
  }
  .cd-iteration .cd-anexo {
    border-radius: 0px;
  }
  .cd-iteration .cd-replay {
    border-radius: 0px 4px 0px 0px;
  }
}

@media only screen and (max-width: 619px) {
  .msg-read {
    margin-left: 14px;
  }
  .bloc-msg-left {
    float: left;
    width: 100%!important;
    min-height: 104px;
  }
  .bloc-msg-bottom { display: none; padding-right: 20px; }
  .bloc-msg-bottom-mobile { display: block; padding-right: 20px; }
  .cd-replay-full { width: 100%!important; }
  .bloco_redondo { margin-bottom: 12px!important; }
  .btn-adicionar-grid { margin-bottom: 12px!important; }
}

@media only screen and (min-width: 864px) {
  .bloc-msg-left {
    width: 75%!important;
  }

  .cd-iteration {
    width: 25%;
  }
}

@media only screen and (min-width: 1065px) {
  .bloc-msg-left {
    width: 85%!important;
  }

  .cd-timeline-one {
    width: 100%;
  }

  .cd-iteration {
    width: 15%;
  }
}

@media (max-width: 600px) {
  .wrap-input-btn-edita .form-control{
    width: 80%;
  }
}

@media only screen and (max-width: 460px) {
  body {
    background-size: 20% auto;
  }

  #coluna_menu .nav-toolbar > li > a {
    width: 30px;
    height: 30px;
    padding: 8px;
    margin: 0px 5px;
  }
  #coluna_menu .nav-toolbar > li > a i {
    font-size: 14px;
  }
  .warper.container-fluid {
    background-size: 25%;
  }
  #coluna_nome_user {
    font-size: 1.0em;
  }

  .img-logo-weekwee img {
    width: 33px;
  }

  .col-menu-beibee {
    font-size: 16px;
  }
  .btn-dia-timeline i {
    font-size: 20px;
  }
  .btn-dia-timeline span {
    font-size: 12px;
  }
}

@media only screen and (max-width: 425px) {
  .cd-timeline-content { width: 80%; }
}
@media only screen and (max-width: 375px) {
  .cd-timeline-content .cd-date { font-size: 12px!important;}
  .msg-read { font-size: 12px;}
}
@media only screen and (max-width: 320px) {
  .cd-timeline-content .cd-date {
    float: left!important;
    text-align: left!important;
    left: 0!important;
  }
}

.loader_barra {
  height: 4px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #dedede;
  display: none;
}
.loader_barra:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #1377ff;
  animation: loading 2s linear infinite;
}

#loader_banner {
  position: fixed;
}

#loader_banner #centro_banner {
  width: 300px;
  height: 306px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loader_banner #centro_banner #imagens_banner {
    margin-top: 32px;
}
#loader_banner #centro_banner #imagens_banner .anuncio {
  display: none;
}

#loader_banner #centro_banner #imagens_banner .anuncio img {
  width: 300px;
}

#loader_banner #centro_banner #loader_bar {
  display: block;
  height: 6px;
}
#loader_banner #centro_banner #loader_bar:before{
  height: 6px;
}


@keyframes loading {
  from {left: -200px; width: 30%;}
  50% {width: 30%;}
  70% {width: 70%;}
  80% { left: 50%;}
  95% {left: 120%;}
  to {left: 100%;}
}

/*TROCA O AZUL "info" do Boostrap Switch para usar o azul padrão do sistema.*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
  background-color: #1377ff;
}