.alinhamento-conteudo {
	margin-left: 10px !important;
}

i{
	text-transform: none !important;
}

.back-button-box{
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
}

.icones-top-bar{
  display: none;
  z-index: 1;
}

.icone-navbar{
  background-image: url(../img/favicon_lyceum.png);
  width: 28px;
  height: 28px;
  /* float: left; */
  background-size: cover;
  border-radius: 40px;
  margin-right: 15px;
  position: relative;
  margin: 1.5px 10px;
}

.toggle-top-bar-image-custom{
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  /* float: left; */
  background-size: cover;
  border-radius: 40px;
  margin-right: 15px;
  position: relative;
  margin: 1.5px 10px;
}

.back-button-box div{
  cursor: pointer;
}
.back-button-box div:hover{
  text-decoration: underline;
  color: #069;
}

.top-100 {
  top: 100px;
}

/* PLANO DIDATICO */

.plano-didatico-header{
  width: 100%;
  min-height: 75px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
}

.plano-didatico-item{
  display: flex;
  justify-content: flex-start;
  width: 50%;
  height: 30px;
  align-items: center;
}

.plano-didatico-item .plano-didatico-item-label{
  font-weight: bold;
  min-width: 80px;
}

.historico-cabecalho__planodidatico{
  margin-top: 15px !important;
  margin-left: 5px !important;
}

.historico-cabecalho__planodidatico .row{
  flex-direction: column;
  margin-bottom: 14px;
}

.historico-cabecalho__planodidatico .row div{
  padding: 0;
}

/** PAGINATION */
.app-pagination{
  width: 375px;
  margin: auto;
}
.app-pagination span {margin: auto 10px; font-weight: bold; color: #666;}
.app-pagination button{border: none; border-radius: 3px; font-size: 1em; padding: 8px; cursor: pointer;}
.app-pagination button:hover{background: #069;  color: white;}
.app-pagination button:hover[disabled]{background: #e9e9e9;    color: #333;}

/* END'S PLANO DIDATICO */

.icon-horario-aula{
    top: 10% !important;
    height: 60% !important;
}

.item-horario-aula{
    margin-bottom: -10px;
    white-space: normal;
}

.hora-horario-aula{
  color: #827e7e;
  margin-bottom: 10px;
}

.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.filtro-extrato {

	margin-right: 22px !important;

}

.calendar-feature{
    position: relative;
}

.icon-visible-value{
    margin-left: 10px;
    font-size: 18px;
    cursor: pointer;
}

.calendar-feature .ui-datepicker-trigger{
    position: absolute;
    right: 6px;
    top: 27px;
    width: 28px;
    height: 28px;
    z-index: 99999999;
    cursor:pointer;
    transition: all ease 0.5s;
    opacity: 0.7;
}

.calendar-feature i:hover{
    color: #069;
}

/*
.colums-paracelamento.col-10{
		margin-bottom: 35px !important;
}

*/

.tab-cobranca {

	margin-top: -33px !important;


}

.content-pagamentos {

	margin-top: -10px;

}

.form-pag-error{
    color: red;
    display: block;
    font-size: 11px;
    font-weight: 600;
}


 .column-card-cobranca{
        margin-left: -23px !important;
   }


.hidden-file-input{
  opacity: 0;
  position: absolute;
  left: 0;
  z-index: -1; 
  width:60px; 
  height:0px;
}

.radio-language i.radio-icon.disable-pointer-events.icon.ion-checkmark {
    top: -18px;
}

 .top-desktop-bar{
     display:none;
}

.espacamento-vertical-padrao{
  margin-bottom:20px !important;
}

 .drop-open{
     display: block !important;
}

.button-nowrap {
	white-space: nowrap !important;
    margin-left: 10px !important;
}

.white-space-nowrap{
    white-space: nowrap
}
.white-space-normal p{
  white-space:normal;
}

.l-content{
    padding:0px !important;
}
.l-content-wrapper{
    margin-top:10px;
    margin-left: 20px;
}

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

.td-max-width--cadastro{
	float: left !important;
  	max-width:110px;
}

.btn-modal{
  width:96%;
  margin:auto;
}

.btn-modal-arrasto {
    width: 70%;
    margin: auto;
    margin-top: 10px;
}

.btn-wrapper{
  width:100%;
  float:left;
}

/* SIDEMENU */
 .fa.fa-key, .icon-handshake{
     color:white;
}
 .item{
     border-color: transparent !important;
     padding-left:30px;
}

.item-pgto{
    border-color: transparent !important;
    padding-left:15px;
    padding-top: 10px !important;
}

.ajuste-pos-aba{
    margin-right: 150px;
}

.menu-left .list .item a:hover i{color:white !important;}

.profile-image-left-component{
  margin-left: -22px !important; margin-right: 6px !important; height: 40px !important; width: 40px !important;
}

.info--default{
  line-height: 10px !important;  width: 135pt;
}

.item-novo {
     background: #003366;
}

.aviso-descricao--pull-left{
  float: left !important; min-height: auto !important;
}

.aviso-modal-desc img:first-child{
    width: auto;
}

.pb-35 {
  padding-bottom: 35px;
}

.hr-default{margin-top: 0px; margin-bottom: 0px; margin-left: -16pt;}


.bar-header {
     background: #003366 !important;
     color:white;
}

 .white-bar-header {
     background: #fff !important;
     color:white;
}

 .bar-header button{
     color:white;
}
 .title.title-center.header-item {
     background: #003366 !important;
}



.item-pgto-cartao--cobrancasapagar{
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
}

.bar-stable .button.button-clear{
    color: #fff;
}

.bar.bar-stable .title{
    color: #fff;
}

.item-pgto-card-pedido{
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 10px;
}

.bar-stable .button.button-clear{
    color: #fff;
}

.bar.bar-stable .title{
    color: #fff;
}

.radio-language .item-radio .radio-icon {
    top: -16px !important;

}

.col-260{ width:260px !important; }
.cron-hr{border-bottom: 1px solid #ccc !important;}
.selecionado{background-color:#ffffc1;}
/*.row--border-top:hover{background:#f3f3f3;}*/

.cobranca-component-adjs{
  margin: 13px 0px 0px 0px !important;
  padding-left: 0px !important;
}

.aviso-descricao--ajd{
  float: left;
  min-height: auto;
}

.item{padding-bottom:0px; padding-top:0px;}
.item-padding{padding: 16px !important;}
.historico-list-box .row--border-top:nth-child(odd){background:white}
.historico-list-box .row--border-top:nth-child(odd) .item{}
.historico-list-box .row--border-top:nth-child(odd) .item:nth-child(even), .historico-list-box .item:nth-child(even) .row{background: #f3f3f3;}

 .item-novo:hover{
     background:#069;
     color:#039 !important;
}
 .item-novo:hover a, .item-novo:hover a span, .item-novo:hover a i{
     color:white !important;
     text-decoration: none;
}
 .item:hover a i{
     color: #337ab7 !important;
}
 .item-novo > a span{
     font-family: 'Segoe UI', 'Open Sans', sans-serif;
     font-weight: 400;
}
 .item-novo > a span, .item-novo > a i.placeholder-icon{
     color:white;
}
 .fundo-cor2 {
     background: #bccee4;
}
 .fundo-cor3 {
     background: #f7f7f7;
}
 .item-novo2 {
     background: #bccee4;
}
 .side-menu-marca{
     width:100%;
     height:120px;
     background-image: url('../img/sidebar_logo.png');
     background-color: #003366;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     color: white;
     text-align: center;
     padding-bottom: 50px;
     margin-top: -20px;
}
.side-menu-marca-custom{
    width:100%;
    height:120px;
    background-color: #003366;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
    padding-bottom: 50px;
    margin-top: -20px;
}
 .sidebar-profile-info{
     width:100%;
     margin:10px auto auto auto;
     color:white;
     padding:20px;
     font-size: 'Open-sans';
     font-size:0.9em;
}
 .sidebar-profile-info span{
    display:block;
     margin-top:-2px;
}
 .sidebar-profile-info .indicador-status{
    margin-left:-4px;
}
 .sidebar-profile-info .indicador-status::before {
    content: "";
    color: green;
    margin-right: 5px;
    margin-top: 5px;
    font-weight: bold;
    position: absolute;
    background: green;
    height: 8px;
    padding: 0px 2px;
    left: 84px;
    overflow: hidden;
    display: block;
    width: 8px;
    border-radius: 4px;
}
 .sidebar-profile-info h3{
    margin-top:4px;
     font-weight:bold;
}
 .sidebar-profile-info h3, .sidebar-profile-info span{
     text-align: center;
}
 .sidebar-profile-info .profile-image{
     width:70px;
     height:70px;
     border-radius:40px;
     background-size: cover;
     margin: auto;
}

 .side-menu-marca{
    display:none;
}
/* Listagem de alunos - Turma */
 .listagem-alunos{
     float:left;
     margin:10px auto;
    /*width:90%;
    */
     border-bottom:1px solid #ccc;
}
 .listagem-alunos .img-turma-profile{
     width:60px;
     height:60px;
     background-size:cover;
     border-radius: 40px;
     background-color:#ccc;
     float:left;
}
 .img-turma-profile{
     float:left;
     margin-left:10px;
}

.img-turma-profile-aligment{
  align-items: center !important;
  display: flex !important;
  margin-right: 10px !important;
}

 .turma-info{
    /*float:left;
    */
     margin-left:10px;
     margin-top:5px;
     font-size: 0.8em;
     color:#333;
}

.turma-info-birthday{
  font-size: smaller;
}

 .aluno-item{
     float: left;
     width:100%;
     margin-bottom: 10px;
     border-bottom:1px solid #ccc;
     padding:8px;
}

.margem-abaixo-fixa{
   margin-bottom: 10px !important;
}

.margem-termo{
    margin-left: -11px !important;
    text-transform: initial;
}

 .aluno-round-letter-item{
     margin-left: 38% !important;
     margin-top: 16% !important;
     font-weight: bold !important;
     color: #f4ffff !important;
}

/* Modifica��es no menu */
 .menu-azul-bg{
     background:#003366;
}
/* Divider */
 .item-divider--line{
     width: 100%;
     background-color:white;
     min-height: 3px !important;
     border:none !important;
}
 .item.item-divider--line{
     border:none;
}
/* Customiza��o de componentes */
 .item a{
     background:transparent !important;
}
 .tab-pane{
     padding:15px;
     border-left:1px solid #ccc;
     border-right:1px solid #ccc;
     border-bottom:1px solid #ccc;
     float:left;
}

/* Extrato */
 .cron-tab-pane{
  padding-top:10px;
  width:100%;
 }
 .table-list{
  border:1px solid #ccc;
  margin-bottom:20px;
  padding-bottom:10px;
  border-radius: 5px;
 }
 .table-list tbody tr td{
  padding:2px 4px !important;
 }
 .table-list tbody tr:hover{
  background: #f5e25d;
 }

 .table-zebrada tr:nth-child(even) {
    background: #f3f3f3;
 }

 .box-shadow-top{
    border: 2px solid #ccc;
    box-shadow: 3px 5px 0 #e6e4e4;
 }

/* Legado */
 .fundo-cor {
     background: #fff;
}
/*form styles*/
 #msform {
     width: 400px;
     margin: 50px auto;
     text-align: center;
     position: relative;
}
 #msform fieldset {
     background: white;
     border: 0 none;
     border-radius: 3px;
     box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
     padding: 20px 30px;
     box-sizing: border-box;
     width: 80%;
     margin: 0 10%;
    /*stacking fieldsets above each other*/
     position: relative;
}
/*Hide all except first fieldset*/
 #msform fieldset:not(:first-of-type) {
     display: none;
}
/*inputs*/
 #msform input, #msform textarea {
     padding: 15px;
     border: 1px solid #ccc;
     border-radius: 3px;
     margin-bottom: 10px;
     width: 100%;
     box-sizing: border-box;
     font-family: montserrat;
     color: #2C3E50;
     font-size: 13px;
}
/*buttons*/
 #msform .action-button {
     width: 100px;
     background: #27AE60;
     font-weight: bold;
     color: white;
     border: 0 none;
     border-radius: 1px;
     cursor: pointer;
     padding: 10px 5px;
     margin: 10px 5px;
}
 #msform .action-button:hover, #msform .action-button:focus {
     box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
 .fs-title {
     font-size: 15px;
     text-transform: uppercase;
     color: #2C3E50;
     margin-bottom: 10px;
}
 .fs-subtitle {
     font-weight: normal;
     font-size: 13px;
     color: #666;
     margin-bottom: 20px;
}
/*progressbar*/
 #progressbar {
     margin-bottom: 30px;
     overflow: hidden;
     padding-top:30px;
    /*CSS counters to number the steps*/
     counter-reset: step;
}
 #progressbar li {
     list-style-type: none;
     color: #069;
     text-transform: uppercase;
     font-size: 9px;
     width: 33.3%;
     float: left;
     position: relative;
     cursor: pointer;
}
 #progressbar li strong{
     display: block;
     text-align: center;
     position: relative;
     width:100px;
     top: -53px;
     left:15px;
}
 #progressbar li:before {
     content: counter(step);
     counter-increment: step;
     width: 20px;
     line-height: 20px;
     display: block;
     font-size: 10px;
     background: #70a5da;
     border-radius: 3px;
     margin: 0 auto 5px auto;
     color: white;
     border-radius:40px;
}
/*progressbar connectors*/
 #progressbar li:after {
     content: '';
     width: 140%;
     height: 2px;
     background: #069;
     position: absolute;
     left: -70%;
     top: 9px;
     z-index: -1;
    /*put it behind the numbers*/
     color: white;
     border-radius:40px;
}
 #progressbar li:first-child:after {
    /*connector not needed before the first step*/
     content: none;
}
 #progressbar li:hover{
     color:#039;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
 #progressbar li.active:before, #progressbar li.active:after{
     background: #069;
     color: white;
     border-radius:40px;
}
 .cron-form-control{
     border: 1px solid #ccc !important;
     border-radius: 3px;
     margin-bottom: 10px;
     width: 100%;
     height:34px;
     padding: 6px 12px !important;
     box-sizing: border-box;
     font-family:'Segoe UI', 'Open Sans', sans-serif;
     color: #2C3E50;
     font-size: 13px;
     box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
     -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 .form-step-content{
     display: none;
}
 .form-step-content.step-active{
     display: block !important;
}
 .form-section-break{
     width: 100%;
     margin-top: 20px;
     float: left;
}
 .timeline h3 {
     padding-top: 20px;
}
 .cron-title-default{
     font-size: 1.5em !important;
     border-bottom: 1px solid #ccc;
     padding-bottom: 5px;
     margin-bottom:20px !important;
     color:#333;
     font-weight: 500;
     font-family: 'Open Sans', Sans-Serif;

}

 .andamento-solicitacao {
    font-size: 1.5em !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom:20px !important;
    color:#333;
    font-weight: 500;
    font-family: 'Open Sans', Sans-Serif;

}
 .divisor{
     border-bottom: 1px solid #ccc;
     margin-top: 15px;
     margin-bottom: 15px;
}
 .col-md-10--centerblock{
     float: none !important;
     margin:auto;
     padding-left: 0;
     padding-right: 0;
}
 .plain-form{
     width:100% !important
}
 .esp-vertical-subview{
     margin-top:40px;
}
 select.form-group, .ajt-margin-bottom-select{
    margin-bottom:10px !important;
}

.cron-form-control[disabled]{
    background-color: #eee !important;
}

/* Tela de avisos Mobile - Default */
 .timeline-box{
    display:none;
}
 .aviso-item{
     width:100%;
     margin-bottom:15px;
     float: left;
     position:relative;
     padding-left:0px;
     border-bottom: 1px solid #ccc;
     padding-bottom: 15px;
}

.senha-exp{
    font-size: 0.9em;
    font-weight: bold;
}

.aviso-anexo{
    font-size: 15px;
    margin-right: 10px;
}

 .aviso-item .aviso-head {
  background: #003366;
  padding-left:25px;
    padding-bottom:4px;
    overflow: hidden;
    height: 22px;
}
 .aviso-item .aviso-head span{
     color:white;
}
 .aviso-item .aviso-head i{
     position: absolute;
     top: 40px;
     left:-5px;
     color:white;
}
/* Dados cadastrais */
 .hidden-desktop{
     display: block;
}

.df {
  display: flex !important;
}

 .hidden-mobile{
     display:none;
}
 .btn-group-center{
     margin: 0 auto;
     display: table;
}
 .btn-group-center .btn.active{
     background:#069;
     color:white;
}
 .mobile-full-forms .cron-form-group-half{
     width: 98%;
     float: left;
     margin: 1%;
}
.mobile-full-forms .cron-form-group-half-box{
     width: 98%;
     margin: 1%;
     margin-bottom: 12px;
}

.mobile-full-forms .cron-form-card-checkout{
    width: 98%;
    float: left;
    margin: 1%;
}
.mobile-full-forms .cron-form-card-checkout-combo{
    width: 98%;
    margin: 1%;
    margin-bottom: 12px;
}

 .cadastro-seletor-view{
     padding:10px 20px;
}
/* Seletor Dados Cadastrais - Informa��es Acad�micas */
 .btn-group-info-academicas{
    margin-left:15%;
     margin-bottom:25px;
     float:left;
}
 .btn-group-info-academicas .btn{
     background:#006699;
     color: white;
     font-size:1em;
     font-weight:bold;
     cursor:pointer;
}
 .btn-group-info-academicas .btn.active{
     background: #084b6c;
}
 .btn-group-info-academicas .btn.active:focus{
     color:white !important;
}
 .form-steps-content .row{
     margin-left: 0px;
     margin-right: 0px;
}
 .tabela-servicos-solicitacao{
     display:none;
}
 .boletim-lista{
     float:left;
     width:100%;
     margin-bottom:5px;
     border-top:1px solid #ccc;
     border-bottom:1px solid #ccc;
     padding:10px;
     background:#f3f3f3;
}
 .boletim-lista h2{
     font-size:1em;
     background:white;
     padding:4px;
}
 .boletim-lista .status{
    float:right;
     font-size:0.9em;
     margin-top:4px;
     font-weight:bold;
}
 .boletim-lista .status.verde::before{
    /*content: ' *';
    */
     color:green;
}
 .boletim-lista .status.vermelho::before{
    /*content: '*';
    */
     color:#900;
}
 .azul{
     color:#069;
}
 .verde{
     color:green;
}
 .vermelho{
     color:#900;
}
 .lista-frequencia{
     width:100%;
     float: left;
     padding:10px;
     margin-top:-12px;
}
 .lista-frequencia .frequencia-item{
     width:100%;
     float: left;
     border:1px solid #ccc;
     padding:10px;
}
 .lista-frequencia .frequencia-item h3{
     margin-bottom: 0px;
}
 .lista-frequencia .frequencia-item .freq-info{
     float: left;
     display: block;
     width: 100%;
}
 .lista-frequencia .list-group .list-group-item{
    padding:8px 13px;
     cursor:pointer;
}
 .lista-frequencia .list-group .list-group-item.freq-heading, .panel-heading--padrao{
    background:#003366 !important;
     color:white !important;
     padding:4px 13px !important;
     font-family: 'Segoe UI', 'Open Sans', sans-serif;
}
.freqText {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
 .lista-frequencia .list-group .list-group-item:hover{
     background:#ffd983;
}
 .servico-item-head{
     position: relative;
}
 .servico-item-head .icon-detalhes-mobile{
     right:-28px;
     position: absolute;
     color:#333;
}
 .btn-payment-cartao, .btn-payment-boleto, .btn-payment-anexo{
    float:left;
     margin-right:4px;
}
 .btn-payment-cartao span{
    display:block;
     float:left;
}

/* TELA DE AVISOS */
 .avisos-box{
     width:100%;
     float: left;
     font-size: 'Open Sans', sans-serif !important;
}
 .aviso-item{
     float:left !important;
     border:1px solid #ccc;
     height:130px;
     border-radius:4px;
     margin-bottom: 15px !important;
     cursor:pointer;
     transition:all ease 0.6s;
     padding-left:0px !important;
     padding-bottom:0px;
     border-bottom: 1px solid #ccc;
}
 .aviso-item:hover{
     background-color: #f3f3f3;
}
 .aviso-item:hover .aviso-head{
    background: #003366;
}
 .aviso-head{
     background:#069;
     color: white;
     transition: all ease 0.6s;
     padding:4px 10px;
     font-weight:bold;
}
 .aviso-head span{
     color: white !important;
     transition: all ease 0.6s;
     padding:4px 10px;
     padding-left:0px !important;
}
 .aviso-head i {
     float: right;
     position:relative !important;
     top:0 !important;
     left:0 !important;
}
 .aviso-body{
    padding: 10px;
    height: 80px;
    font-size: 0.9em;
    color: #666;
    overflow: hidden;
}

/* Tarefas */
 .tarefa-item{
     float: left;
 }

 .panel-tarefas{
     margin-top:10px;
 }

 .panel-tarefas .panel-heading h3{
     font-size: 1em;
 }

 .listagem-tarefas {
    display: flex;
    height: auto;
 }

 .listagem-tarefas .icon-block{
     margin-top:20px;
 }

 .listagem-tarefas:hover{
     background: #fdebb8 !important;
 }

 .servico-item.listagem-geral.listagem-tarefas .servico-item-head,
  .servico-info-basicas .servico-info-itens{
    display: flex;
    flex-direction: column;
    width: 100%;
 }

 .servico-item.listagem-tarefas .servico-item-head .servico-info-basicas .servico-info-itens li{
     width:100%;
     font-size: 1em;
 }

/* Helpers */

.item__planodidatico{
    padding-left: 15px !important;
    padding-right: 0px;
}

.table-select-enable tbody tr {
	cursor:pointer;
}

.detalhes-extrato-btn{
	color:#069;
    font-weight:bold;
    float: right;
    margin-right: 15px;
}

.detalhes-extrato-btn:hover{
	text-decoration:underline;
}

.espacer-margin-right-10{
  margin-right:10px !important;
}

.max-width-0-adj {
  max-width: 0% !important;
}

.no-opacity{
  opacity:0 !important;
}
.espacer-padding-right-25{
  padding-right: 25px !important;
}

.pull-left-pagamentos{
  float: left !important; min-height: auto !important;
}
.full-height{
  height: 100px !important;
}

.margin-bottom-adjb0{margin-bottom: 0; margin-top:5px !important;}

.ajd-title-historico{
  margin-bottom:10px !important;
  border-bottom:1px solid #c3c3c3 !important;
  float:left;
  width:100%;
  padding-left:0px !important;
}

.clear{
  clear:both !important;
  float:none !important;
}

.width-full{
  width:100%;
}

.width-70{
  width:70%;
}

.margin-modal-extrato {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

.tab-content--noborder{
  border-top:0px !important;
  margin-top:0px !important;
  margin-bottom:0px !important;
}

.tab-content--matric{
    border-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    float: right;
  }

.border-bottom{
    border-bottom: solid 1px #ccc;
    display: flex;
    margin-top: 15px;
}

.no-border-bottom{
  border-bottom:0px !important;
}

.espacer-margin-extrato{
  margin: 15px 0px 25px 0px !important;
}

.espacer-margin-cobranca{
    margin: 20px 0px 10px 0px !important;
}

.espacer-top-10{
  margin-top:10px !important;
}

.form-group--center{
    width:80% !important;
    float:none !important;
    margin: auto !important;
}

.data-extrato{
    z-index: 99;
    position: relative;
}

.esp-helper{
  padding:10px !important; margin-bottom:10px !important;
}

.tabs-nobg{background:none !important;}

/* Tabs Acordo */
      .tab-nav a:nth-child(4) {
          border-radius:4px 4px 4px 0px;
      }

     .tab-item{
         border-radius:4px 4px 0px 0px !important;
         color: #23527c !important;
     }

     .buttom-mod-acordo {
     	 border-radius: 5px !important;
     	 height: 35px !important;
     	 max-width: 120px;
     }

     .tab-item:hover{
         background:#CCC;
         color:#333;
         text-decoration: none !important;
     }

      .tab-item > span, .tab-item:hover > span, .tab-item:hover > span a, .tab-item:hover > a{
          border:0px !important;
      }

       .tab-item:hover span, .tab-item:hover a, .tab-item:hover a span, .tab-item:hover a:hover span{
           text-decoration: none;
       }

     .tab-item.tab-item-active, .tab-item.tab-item-active a{
         background:white !important;
         color:#333 !important;
         border:1px solid #ccc !important;
         border-bottom: none !important;
     }

      .tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated{
          background:white !important;
          color:#333 !important;
          border:1px solid #ccc !important;
          border-bottom: none !important;
      }

     .tab-nav.tabs{
         width:300px;
     }

     .ion-tabs2{
        margin-left: -150px !important;
     }

     .tab-nav{
         background:none !important;
         border:none !important;
     }

     .tab-nav.tabs a{
         color:#333 !important;
     }

     .card-header, .item-divider{
         height:auto !important;
         min-height: auto !important;
     }

     .card-faltas{
     	padding-top:5px;
     	padding-bottom:5px;
     }

     .tabpane-view{
         border:1px solid #ccc;
         margin-top:43px;
         width:90%;
     }

     .tab-content{
         width:90%;
         border:1px solid #ccc;
         margin-top: 43px;
     }

     .tab-content-full-width{
        width: auto !important;
    }

     .tabs-striped.tabs-positive .tab-item, .tab-title{
    border-top:1px solid #ccc !important;
    border-left:1px solid #ccc !important;
    border-right:1px solid #ccc !important;
    color:#333;
    margin-top:0px !important;
     }

  .tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated, .tab-title{
    border-top:1px solid #ccc !important;
    border-left:1px solid #ccc !important;
    border-right:1px solid #ccc !important;
  }
  .tab-item > .tab-title{border-top:none !important; border-left:none !important; border-right:none !important;}
  .tab-item, .tab-title{color:#333 !important;}
  .tabs-striped.tabs-positive .tab-item{color: #333}

    .bg-card-cinza{
      background:#f3f3f3;
      padding-top:4px;
    }


    .servico-solicitacao-item--cardcomponent{
        width:100% !important;
    }

    .hist:nth-child(odd){
        background-color:#ffffc1;
    }

    .checkmark{
        top:15px !important;
        left:21px !important;
        position: absolute !important;
        z-index:1000 !important;
    }

    .checkmark-deal {
        top:7px !important;
        left:10px !important;
    }

	.checkmarkCartaoMobile{
		top:0px !important;
        left:0px !important;
    }
    .row--border-top{
        border-bottom:1px solid #ccc;
    }

.bar.bar-header.item-input-inset{display:none;}
.service-list-pull-left{
  float: left !important; min-height: auto !important;
}
.padding-adj{
  padding: 10pt 6pt 0pt 20pt !important;
}
.tab-content--nomargins{border:none !important;}
.row--border-top-adj{
  border:none; margin-left:0px !important;
}

.check-card-save-box{
    margin: 10px 10px 12px !important;
    width: 30px;
    height: 20px;
}

.combo-card--list {
    margin: 0 !important;
    padding: 0;
    display: block;
}

.hist-subtitle {
    border: none;
    font-weight: 600;
}

.msg-checkout-card {
  font-size: 13px;
  text-align: justify;
  padding-right: 20px;
}

.lgpd-aceite {
  margin: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Telas Desktop */
 @media (min-width: 1025px) {

    .card-selecao-end {
        position: relative;
        display: flex;
        margin: 0px 0px 25px 5px;
        height: 60px;
        width: 100%;
    }

    .container-check{
        justify-content: center;
    }

    .check-card-save{
      display: inline-flex;
      align-items: center;
      margin-bottom: 15px !important;
      justify-content: space-between;
      margin-left: 10px;
      width: 100%;
      justify-content: flex-start;
    }

    .check-card-rec {
      display: inline-flex;
      align-items: center;
      margin-bottom: 25px !important;
      justify-content: space-between;
      margin-left: 10px;
    }

    .bol-margin-val{
        margin-left: 10px;
    }

    .icon-cvv{
        width: 35px;
        position: absolute;
        margin-left: 265px;
        margin-top: -6px;
    }

    .buttom-cobranca-detail{
        float: right;
        border-radius: 5px !important;
        padding: 0px 20px;
        bottom: 20px;
        line-height: 0 !important;
        height: 30px !important;
        font-size: 14px;
        border: none;
        margin-top: -25px;
    }

    .title-pag{
        margin-top: 25px !important;
        margin-left: 15px;
        margin-right: 30px;
    }

    .sub-header-desktop {
        top: 97px;
    }

    .pagamento-card-msg {
        float: left;
        padding: 5px;
        display: block;
        float: left;
        position: relative;
    }


	.desktop-width-fix {
	    width: 440px !important;
	    margin-left: 20px;
	    float: left !important;
	    margin-right: 10px;
	}

	.modal-eviarDocumento{
	    height: 290px;
	    width: 800px;
	    margin: 0 auto;
	}

	.btModalEnviarDocumento{
	    width: 300px;
	    position:  relative;
	    float: left;
	}

	.content-pag--card {
      padding: 10px 40px;
    }

 	.historico-scroll{
        margin-right: 8px;
        overflow: scroll;
        bottom: 120px;
    }

 	.scroll-modal-extrato {
        /* overflow: scroll !important; */
	    position: absolute;
	    overflow-y: hidden;
	}

	.custom-card-pending-documents{
		width: 290px;
	}

     .block-params{
         width:48% !important;
         margin:1% !important;
         float:left !important;
    }
    .cart-menu{position:relative;}

    .carrinho-counter {
      font-size: 14px;
      font-family: sans-serif;
      background: red;
      color: white;
      display: block;
      position: absolute;
      top: 12pt;
      right: 50px;
      padding: 2px;
      border-radius: 10px 10px 10px 10px;
      width: 18px;
      text-align: center;
      font-weight: bold;
  }
     .listagem-alunos{
         float:none;
         margin:0px auto;
         width:100%;
         border-bottom:1px solid #ccc;
    }
     .turma-info{
        font-size: 0.9em !important;
    }
     .boletim-lista{
         float:left;
         width:100%;
         transition:all ease 0.5s;
    }
     .boletim-lista:hover{
         background:#ffecc3;
    }
     .cron-form-group-half{
         width: 48% !important;
         float: left;
         margin: 1%;
    }
    .cron-form-group-half-box{
         width: 48% !important;
         float: left;
         margin: 1%;
    }

    .cron-form-card-checkout {
        width: 48% !important;
        float: left;
        margin: 1%;
    }
    .cron-form-card-checkout-combo {
        width: 48% !important;
        float: left;
        margin: 1%;
    }
    .cron-form-card-checkout-e {
        width: 76% !important;
        float: left;
        margin: 1%;
    }
    .cron-form-card-checkout-number {
        width: 20% !important;
        float: left;
        margin: 1%;
    }

     .hidden-desktop{
         display:none;
    }
     .hidden-mobile, .view-avisos-busca-hidden{
         display:block;
    }
     .container--subview{
         width:960px;
         margin:auto 15px;
    }

    .container--subview-dadosCadastrais{
      width:960px;
      margin:auto 15px;
      margin-left: 12px;
    }

    .new-container--subview {
      width: 93%;
      margin: 30px 40px;
    }
    .container-view{
         width: 90%;
         margin:auto 15px;
         position: absolute;
    }
     .sidebar-profile-info{
         display:none;
    }
     .form-steps-content .row{
         margin-left: -15px;
         margin-right: -15px;
    }

    /* Ajustes Desktop no Ionic Modal */
     .side-menu-marca{
        display:block;
    }
     .modal{
         border-radius: 8px;
    }
     .modal .row.bar-header{
         margin-left:0;
    }
     .top-desktop-bar{
         display:block;
         width:100%;
         position: absolute;
         top: 0;
         z-index: 1000;
         border-bottom:1px solid #ccc;
         background:white;
         height: 8rem;
    }
     .top-desktop-bar-info{
         float:right;
         min-width:560px;
         min-height:67px;
         padding:6px;
         cursor:pointer;
         font-size: 11px;
         position:relative;
         display: flex;
    }

    .top-desktop-bar .user-counter {
      font-size: 16px;
      font-family: sans-serif;
      background: #069;
      color: white;
      display: block;
      position: absolute;
      top: 12pt;
      right: 410pt;
      padding: 0px;
      border-radius: 12px 12px 12px 12px;
      width: 22px;
      text-align: center;
      font-weight: bold;
  }

  .flex-row{
    display: flex;
  }
  .profile-info-box{
    display: flex;
  }

  .nome-aluno-info{
    width: 210px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .curso-aluno-info {
      width: 240px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .info p{
    font-size: 0.9em;
  }

     .top-desktop-bar-info p{
        margin-bottom: 0px;
        color:#666;
    }

   .top-desktop-bar-info i{
		margin-left:10px;
   }

     .top-desktop-bar-info-academica{
         min-width: 260px;
         float:left;
         padding-left: 1%;
         padding-top: 4px;
         margin-top: -6px;
    }

    .cart-menu {
       float: left;
         font-size: 35px;
       margin-right: 8px;
       border-right: 1px solid #666;
         height: 57px;
         padding-right: 20px;
    }
     .profile-image{
         width:55px;
         height:55px;
         float:left;
         background-size:cover;
         border-radius:50%;
         margin-right:15px;
         margin-top: 5px;
    }

    #conteiner {
      position: relative;
    }

    #conteiner .troca-foto {
      display: none;

    }

    #conteiner:hover .troca-foto{
      display:block;
      position: absolute;
      width: 45%;
      height: 45%;
      top: 0; bottom: 0;
      left: 0; right: 0;
      margin: auto;
      z-index: 999;
      display: flex;
      opacity: 0.7;
      justify-content: center;
      align-items: center;
    }

     .dropdown-user-menu{
      display:none;
      width: 560px;
      position: absolute;
      right: 12.1vh;
      top:65px;
      height: 91vh;
      overflow-x: hidden;
      overflow-y: auto;
      margin-right: 4.7%;
    }
     .dropdown-item{
        float: left;
        padding: 0px;
        background: white;
        border-bottom: 1px solid #ccc;
        margin: 1%;
        transition: all 0.1s;
        padding: 6px;
        border: 1px solid #f3f3f3;
    }
     .dropdown-item:hover{
         background:#003366;
    }
     .dropdown-item:hover > p, .dropdown-item:hover p strong, .dropdown-item:hover p{
         color:white !important;
    }

    /* TIMELINE */
     .timeline-box{
         display:block;
         background:#f3f3f3;
         margin-top:-20px !important;
    }
     .timeline-box h3{
        margin-top:0px;
    }
     .timeline {
         padding: 20px 0;
         width: 100%;
         margin-bottom: 40px;
    }
     .timeline:before {
         content: "";
         position: absolute;
         top: 90px;
         left: 37px;
         width: 2px;
         height: calc(85% - 80px);
         background: #069
    }
     .timeline .column-timeline {
         margin: 40px 40px 40px 40px;
    }
     .timeline .column-timeline .title{
         position:relative;
    }
     .timeline .column-timeline .title h4 {
         font-size: 16px;
         font-weight: bold;
         color: #069;
    }
     .timeline .column-timeline .title h4:before {
         content: "";
         position: absolute;
         left: -24px;
         top: 0px;
         width: 15px;
         height: 15px;
         border-radius:30px !important;
         background: #069;
         border: 3px solid #069;
    }
     .timeline .column-timeline .title h2 {
        /* margin-top: -60px;
         */
         font-size: 13px;
    }
     .timeline .column-timeline .description p {
         font-size: 13px;
         line-height: 20px;
         margin-left: 10px;
         margin-top: 10px;
    }
    /* Servi�os - Consulta / Cesta de servi�os */
     .servico-item{
         padding:0px !important;
         transition: all ease 0.8s;
         margin-bottom:15px !important;
    }
     .servico-item-head{
         padding:12px 10px;
    }
     .servico-item-head i{
         margin-left:8px;
         margin-right:3px;
    }
     .servico-item-head strong, .servico-item-head i{
         font-size:1.2em;
         color:#666;
    }
     .servico-solicitacao-item .servico-item .servico-item-head .servico-status strong{
         font-size:0.9em;
    }
     .servico-solicitacao-item .servico-item .servico-item-head .servico-status strong span.concluido{
         color:#339966;
    }
     .servico-info{
         float:left;
         margin-right:20px;
         font-size:0.9em;
         padding:0px 0px 0px 14px !important;
         color:#666;
    }
     .servico-info li{
         float:left;
         margin-right:15px;
    }
     .servico-payment{
        float:right;
    }
     .servico-solicitacao-item .servico-item .servico-item-head .servico-status{
         display:block !important;
         float:right;
    }
     .servico-item.listagem-geral .servico-item-head i {
         font-size:2.7em;
         float:left;
         margin-left:5px;
         margin-right: 5px;
    }
     .servico-payment i{
        font-size:1.2em !important;
    }
     .servico-item.listagem-geral .servico-info{
         float: left;
         display: block;
         width: 100%;
         margin-top:-18px;
         margin-bottom:0px;
         padding:0px 0px 0px 48px !important;
    }
     .servico-item.listagem-geral .servico-info li{
         float:left;
         width:220px;
    }
     .servico-info-item{
        width:142px !important;
    }
     .icon-block{
         width:40px;
         margin-left: 10px;
    }
     .btn-group-header{
         float:right;
         margin-bottom:20px;
    }
     i.fa-times{
        color:#900;
    }
     .total-servicos{
         padding: 5px 25px;
         border-radius:3px;
         background-color: #fff;
         margin-right: 10px;
         border:1px solid #666;
    }
    /* Ajuste tela de acordo / Cobran�a */
     .tabela-servicos-solicitacao{
         display:block !important;
    }

    .w-23 {
      width: 23% !important;
    }

    .link--saved-cards {
      cursor: pointer;
      display: flex;
      margin-top: 40px;
      align-items: center;
      padding-left: 10px;
    }

    .other-card {
      display: flex;
      margin: 30px 10px 10px;
      font-size: 16px;
      font-weight: 600;
    }
}

@media (max-width: 1024px){
  .plano-didatico-header, .plano-didatico-item{
    width: 100%;
    /* flex-direction: column; */
  }

  .card-selecao-end{
      height: 85px;
  }

  .msg-checkout-card {
    width: 90%;
  }

  /* .plano-didatico-item{
    margin-bottom: 10px;
  } */



  .icon-cvv{
    width: 35px;
    position: absolute;
    margin-left: 265px;
    margin-top: -6px;
  }

    .buttom-cobranca-detail{
        border-radius: 5px !important;
        padding: 0px 20px;
        bottom: 0px;
        line-height: 0 !important;
        margin-top: 20px;
        height: 30px !important;
        font-size: 14px;
        border: none;
        display: block;
    }

    .pagamento-card-msg{
        float: left;
        padding: 10px;
     }

     .largura-resp-full{
        width: 100%;
     }

	.scroll-modal-extrato {
	    overflow: scroll !important;
	    position: absolute;
	    overflow-y: hidden;
   }

   .link--saved-cards {
    cursor: pointer;
    display: flex;
    margin-top: 20px;
    align-items: center;
    margin-bottom: 20px;
  }

  .m-top--saved {
      margin-top: 20px !important;
  }

  .other-card {
    display: flex;
    margin: 10px 0px 10px;
    font-size: 16px;
    font-weight: 600;
  }
}

    .margin-left-pag{
        margin-left: 33px;
    }

    .font-cod-cobranca{
        font-size: 13px;
        padding: 1px;
    }

    .margin-right-pag{
        margin-right: 10px
    }

    .right-indicator{
        font-size: 30px;
        float: right;
        margin-top: -7px;
        right: 20px;
    }

    .download-bol-pag{
        margin-left: 10%;
        cursor: pointer;
    }

    .align-content {
      display: flex;
      align-items: center;
    }

    .space-1 {
      padding: 10px 0px;
      margin: 0px;
    }

    .space-top-1 {
      padding-top: 40px;
    }

    .alinhamento-vertifical{
      display: flex;
      flex-direction: column;
    }

    .padding-top-10 {
        padding-top: 10px;
    }

    .ico-chargeback {
      font-size: 20px;
      color: #dc502a;
    }

    .ico-charges {
      font-size: 20px;
      color: #dc502a;
      margin: 3px 5px 2px 0px;
    }

    .ico-rel-download {
      font-size: 25px;
      padding-left: 30px;
      cursor: pointer;
    }

    .item--ico-rel-download {
      position: absolute;
      margin-left: 89%;
      top: 363px;
      z-index: 777;
    }

    .msg-card-text{
        text-align: justify;
        margin-right: 5px;
    }

    .label-mr5 {
      margin-right: 5px;
    }

    .box-msg-card{
        width: 95%;
        margin-left: 15px;
        padding-left: 0;
    }

	.paragrafo-modal-acordo{
	    text-align: justify;
    	margin: 0 10px 10px;
	}

	.margin-left-0{
		margin-left: 0px;
	}

	.acordo-modal-title {
	    position: absolute;
	    top: 0;
	    overflow: hidden;
	    margin: 10px 15px 0 14px;
	    min-width: 30px;
	    height: 43px;
	    text-align: center;
	    line-height: 44px;
	    color: #4a4a4a;
	    font-size: 18px !important;
	    left: auto !important;
  }

  .container-fix{
      width: 100%;
  }

  .flex-align{
    display: flex;
    align-items: center;
    text-align: justify;
    padding-right: 0;
  }

  .check-serv-aceite{
      display: flex;
      height: 50px;
      margin-bottom: 20px;
  }

  .matricula-fix-side{
    padding-right: 17px;
  }

  .check-serv-aceite{
        display: flex;
        height: 55px;
        margin-left: 4px;
	}

	.termo-serv-html{
    text-align: justify;
    padding: 15px 40px;
    border: 1px solid #ccc;
    margin-left: 15px;
    width: 95%;
    height: auto;
    margin-bottom: 5px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}

	.label-check-serv{
        margin: 15px 5px 10px 20px;
        white-space: normal;
        font-size: 12px;
    }

    .matric-cad-pos{
        float: right;
        margin-bottom: 20px;
    }

  .contrato-pos{
    margin-left: 30px;
    margin-right: 16px;
  }

  .margin-30-neg{
    margin-left: -30px !important;
  }

  .flex-align p{
    margin: 0;
  }

  .pgto-msg-align{
        white-space: normal;
        display: inline-grid;
        align-items: center;
    }

/* Mobile only adjustments */
 @media (max-width: 480px){

    .card-mob-margin{
        margin-left: -20px;
        margin-right: -20px;
    }

    .hidden-mobile{
      display:none;
    }

    .bol-mob-column{
        display: flex;
        flex-direction: column;
        margin-left: -10px;
    }

    .download-bol-pag{
        margin-left: 0;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .grid-horario-aula {
    border-color: transparent !important;
    padding-left: 10px;
    }

    .termo-serv-html {
        text-align: justify;
        padding: 15px 40px;
        border: 1px solid #ccc;
        margin-left: 15px;
        margin-right: 15px;
        height: auto;
        margin-bottom: 5px;
        border-radius: 5px;
        display: flex;
        width: 92%;
        flex-direction: column;
    }


    .pgto-card-msg-desc{
        white-space: normal;
        display: flex;
        align-items: center;
    }

    .pgto-card-msg-ttl{
        white-space: normal;
        margin-bottom: 10px;
    }

    .ico-rel-download {
        font-size: 15px;
        padding-left: 0px;
        cursor: pointer;
    }

    .mob-dimension-matricula{
        white-space: normal !important;
        height: auto;
    }

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

	 .detalhe-servico-comentario{
	 	width: 75%;
	 	float:left;
	 }

 	.pull-left--fix {
	    width: 100%;
	    float: left !important;
	    margin-top: 10px;
	}
   .tab-content--margin-mobile{
	    margin-left:15px !important;
	    margin-top:10px !important;
   }

   .btn-modal-arrasto {
	    width: 40%;
	    margin: 10px 10px 0 20px;
	    float: left;
	}

   .column-card-cobranca{
        margin-left: -15px !important;
   }

   .item--acordo{
   	margin-bottom:10px;
   	border-bottom: 1px solid #ccc !important;
   }

  #agenda .fc-toolbar .fc-right{
    float: none;
    /* padding-top: 46px; */
    margin: 0 auto;
    /* width: 65%; */
    margin-bottom: 30px;
    display: table;
  }

  #agenda .fc-toolbar .fc-left {
  		float:none;
  		display: inline-block;
  		/* margin:auto;
  		width:75%; */
  	}
     .link-serv{
         width:100%;
         margin-bottom:10px;
    }

    .link-item-boleto{
        margin-bottom:10px;
    }

    .description-card{
      background-color: transparent !important;
      margin-bottom:10px;
    }

    .cartao-credito--title{
      margin-left:-10px;
    }

    .vertical-btn-default{
      background:#069;
      padding:2px;
      margin-bottom:10px;
    }
    .vertical-btn-default a{
      color:white !important;
        padding: 2px;
      width: 111%;
      margin-left: -6px;
      margin-bottom: 10px;
      text-decoration:none !important;

    }

    .relative{
      position:relative !important;
        margin-left: 92px;
      margin-top: 12px;
    }
    .carrinho-counter {
    font-size: 14px;
      font-family: sans-serif;
      background: red;
      color: white;
      display: block;
      position: absolute;
      top: 13pt;
      right: 133px;
      padding: 2px;
      border-radius: 10px 10px 10px 10px;
      width: 18px;
      text-align: center;
      font-weight: bold;
  }
  .clear{
    clear:both !important;
  }

    .cart-menu {
       float: left;
         font-size: 35px;
       margin-right: 20px;
         height: 57px;
         padding-right: 20px;
    }
     .margin-left-mobile{
         margin-left:10px !important;
    }
     .tab-item.tab-item-active{
        /*background:#069;
        */
         background:white !important;
         color:#333 !important;
         border:1px solid #ccc !important;
         border-bottom: none !important;
    }
     .btn-margin10{
         margin:5px auto;
    }
     .sem-borda-mobile{
         border:none !important;
    }
     .mobile-block{
         width:100% !important;
         margin-bottom:20px;
    }
     .btn-group-header .btn{
         width:100%;
         margin-bottom:5px;
    }
     .total-servicos{
         padding: 5px 25px;
         border-radius:3px;
         background-color: #fff;
         border:1px solid #666;
         width:100%;
         text-align:center;
    }
     #btConcluirSolicitacao{
         width:100%;
         margin-bottom:5px;
    }
     .linha{
         padding:0;
         font-size:0.9em;
    }
     .linha--espacada{
         padding-top:8px;
    }
}

.download-bol-ext{
    cursor: pointer;
}

.cursor-pointer{
    cursor: pointer;
}

.side-bar-menu-item-closed{
    margin-left: -10px;
}

.side-bar-menu-item-opened{
    margin-left: initial;
}

.side-bar-menu-icon-closed{
    margin-right: 15px;
}

.side-bar-menu-icon-opened{
    margin-right: initial;
}

.footer-bar-summary-agreements{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    background-color: white;
}

.footer-bar-adj{
	width:21% !important;
	margin:auto !important;
}

.toggle-button-left-side-bar{
  position: absolute;
    background-color: #003366;
    z-index: 999999;
    width: 37px;
    height: 44px;
    left: 275px;
    bottom: 0;
    font-size: 24pt;
    text-align: center;
    border-radius: 0px 21px 21px 0px;
}

.toggle-button-left-side-bar-icon{
  color: white;
}

.status-entregue{width:10px; height:10px; overflow:hidden; background:green;}
.status-nao-entregue{width:10px; height:10px; overflow:hidden; background:#900;}
.marginOpcaoIdiomaIcon{margin-top: -5px !important;}
.toggle-left-side-bar-image{
  background-image: url(../img/favicon_lyceum.png);
    width: 32px;
    height: 32px;
    /* float: left; */
    background-size: cover;
    border-radius: 40px;
    margin-right: 15px;
    position: relative;
    margin: 10px;
}

.toggle-left-side-bar-image-custom{
    width: 32px;
    height: 32px;
    /* float: left; */
    background-size: cover;
    border-radius: 40px;
    margin-right: 15px;
    position: relative;
    margin: 10px;
}

.side-menu-item-icon-color:hover a i{
  color: white !important;
}

.full-width{
  width: 100% !important;
}
.hidden{visibility: hidden !important;}
.top-modal40{top:40px !important;}
.heightCartaoList{height: 80% !important;}
.heightCartaoList > ion-content {height: 93% !important;}
.clear-both{clear: both !important;}

/* Mozilla Firefox only stylesheets rules */
@-moz-document url-prefix() {

 .overflow-ionic-for-browser-mirac-fix{
 	overflow-y:scroll;
 	margin-right: -16px;
 }

 .icon-cvv{
    width: 35px;
    position: absolute;
    margin-left: 275px;
    margin-top: -6px;
 }

}

.h3-top-margin-default{
	margin-top: 15px !important;
}

.ajuste-boleto-margin{
	margin: 15px 0 10px 0;
}

 .custom-card-pending-documents-default{
		box-shadow: 0 2px 5px rgba(0,0,0,0.30), 0 0px 0px rgba(0,0,0,0.22);
	    padding: 10px;
	    margin: 10px;
	    margin-left: 0;
    	margin-right: 0;
    	padding-left: 0;
    	padding-right: 0;
	}

.custom-card-summary-payment{
	padding: 5px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.custom-pos-summary{
	float: right;
}

.icon-card-pending-documents{
	font-size: 20pt;
	display: table-cell;
    vertical-align: middle;
    top: 32%;
    position: absolute
}

.not-delivery-icon{
	color: #900;
}

.container-row-document-cards{
	padding: 0px;
	margin: 0px;
}

.item-cell-document-cards{
	position: relative;
	height: 100%
}

.content-modal {

	margin-top: 15px !important;

}

 .scroll-modal {
 	overflow: scroll !important;
    position: absolute;
    overflow-y: hidden;
 }

 .iconfix {
    display: flex;
    width: 25px;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    float: left;
    padding-right: 0px !important;
    padding-top: 12px;
}

 .posicao-voltar-mobile {
 	padding-left: 30px !important;
 	position: absolute !important;
 }

.title-modal {
	background: white;
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    left: 0px;
    z-index: 0;
    overflow: hidden;
    margin: 0px;
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px!important;
    font-weight: 500;
    line-height: 44px;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom:20px !important;

}

.button-modal {

	position: absolute;
    top: 5px;
    right: 10px;
    bottom: 5px;
    font-size: 21px;
    color: black !important;
    font-weight: bold;
    margin-right: 4px;

}

.toggle-ion-navicon{
  color: white !important;
    font-size: 32px;
    line-height: 32px;
    margin-left: 7px;
}


/*Browser Not Supported CSS*/

html{
	height: 100%;
}
body{
	height: 100%;
}

.animate {
    -webkit-animation: DISPLAY-ELEMENT 5s;
    -moz-animation: DISPLAY-ELEMENT 5s;
    -o-animation: DISPLAY-ELEMENT 5s;
    animation: DISPLAY-ELEMENT 5s;
}
@keyframes DISPLAY-ELEMENT {
	0% {
    	opacity: 0;
  	}
  	99% {
  		opacity: 0;
  	}
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes DISPLAY-ELEMENT {
	0% {
    	opacity: 0;
  	}
  	99% {
  		opacity: 0;
  	}
    100% {
        opacity: 1;
    }
}
@-moz-keyframes DISPLAY-ELEMENT {
	0% {
    	opacity: 0;
  	}
  	99% {
  		opacity: 0;
  	}
    100% {
        opacity: 1;
    }
}
@-o-keyframes DISPLAY-ELEMENT {
	0% {
    	opacity: 0;
  	}
  	99% {
  		opacity: 0;
  	}
    100% {
        opacity: 1;
    }
}
@keyframes DISPLAY-ELEMENT {
	0% {
    	opacity: 0;
  	}
  	99% {
  		opacity: 0;
  	}
    100% {
        opacity: 1;
    }
}

.custom-file-doc {
    border: 1px solid red;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
    cursor: pointer;
    opacity: 0;
    width: 77px;
}
.align-text-center{
	text-align: center;
}

.align-text-middle{
	vertical-align: middle !important;
}

.icon-entregue-style{
	font-size: 18px;
	color: green;
}

.icon-empty-square-style{
	font-size: 18px;
}
.no-padding-right{
  padding-right: 0px !important;
  margin: 10px 10px 0px 0px;
}

.pl-10{
  padding-left: 10px !important;
}
.no-margin{
	margin: 0px !important;
}


.icon-pendente-style{
	font-size: 16px;
	color: #900d0d;
    margin-left: -2px;
}

.icon-upload-style{
	font-size: 22px;
    color: #003366;
    cursor:pointer
}

.icon-download-style{
	font-size: 22px;
    color: #003366;
    cursor:pointer
}

.custom-checkbox {
  min-height: 1rem;
  padding-left: 0;
  margin-right: 0;
  cursor: pointer;
}
  .custom-checkbox .custom-control-indicator {
    content: "";
    display: inline-block;
    position: relative;
    width: 30px;
    height: 10px;
    background-color: #818181;
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 16px;
    box-shadow: none;
  }
    .custom-checkbox .custom-control-indicator:after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 18px;
      height: 18px;
      background-color: #f1f1f1;
      border-radius: 21px;
      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
      left: -2px;
      top: -4px;
      -webkit-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
      transition: left .3s ease, background .3s ease, box-shadow .1s ease;
    }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #84c7c1;
    background-image: none;
    box-shadow: none !important;
  }
    .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:after {
      background-color: #84c7c1;
      left: 15px;
    }
  .custom-checkbox .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: none !important;
  }

  .margin-zero{
  	margin: 0px;
  }

  .motivo-recusa{
  	color: red;
  }
  .bordaVermelha{
  	border: 1px solid red !important;
  }
  .linhaParcelaAcordo{font-size: 13px;}
   .linhaParcelaAcordo b{width: 98px; float: left;}
   .nomeAlunoCabecalho{float: left; margin-right: 10px; max-width: 400px;}
   .borda-azul{border: 1px solid #069; border-radius: 5px;}

 .space-between-right{
   margin-right: 15px;
 }
 .space-between-left{
   margin-left: 15px;
 }
.space-between-bottom{
  margin-bottom: 15px;
}




/* EXIBIÇÃO DE CONTATO EM TELA [FIX]   */

.MsoTableGrid, .MsoTableGrid tr td{
  border: 1px solid rgb(51, 51, 51);
}

.WordSection1 {
  text-align: justify;
  font-family: serif !important;
}

.WordSection1 h2{
  font-family: serif;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
}

.MsoNormal ~ h1{
  text-align: right;
  line-height: 1pt;
}

.MsoNormal ~ h1 span{
  font-family: serif;
  font-size: 0.6em;
  font-style: italic;
}
@media (max-width: 480px){
  .MsoNormal ~ h1 span{
   line-height: 17pt;
  }

}

.MsoNormal ~ h1 ~ p{
  font-family: serif;
  font-size: 1em;
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .sem-borda-mobile{
    border: none !important;
  }

  .modal-cobranca-detalhe {
    width: 90%;
    left: 5%;
    border-radius: 5px;
  }

  .check-card-save{
    width: 100% !important;
    height: 50px;
    box-shadow: 0px 0px 2px 0px rgb(0,0,0,0.3);
    display: flex;
    align-items: center;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 35px 0px 35px 20px;
  }

  .check-card-rec {
    height: 100px;
    box-shadow: 0px 0px 2px 0px rgb(0,0,0,0.3);
    display: flex;
    align-items: center;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 35px 0px 35px 20px;
  }

  .form-control-selected-fix, .cron-form-group-half.form-control[name="mesSelected"]{
    margin-bottom: 20px !important;
  }

  .btn.btn-block.btn-success.btn-lg.w-15.espaco-top-25.button-center{
    width: 100% !important;
  }
}

.ion-chevron-left.icon-left::before{
  margin-right: 10px;
}

.check-card{
    width: 6%;
    height: 20px;
    box-shadow: none;
}

.container-check{
    display: flex;
    align-items: center;
    padding-left: 0;
    margin: 20px 0px 15px 0px;
}

.container-card-form{
    margin-left: 10px;
    margin-right: 10px;
}

.msg-sel-endereco {
    position: relative;
    display: flex;
    margin-left: 0px;
    width: 100%;
    padding-left: 10px;
    border-radius: 10px;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
    padding-top: 20px;
    text-align: center;
}

.p-left-15 {
    padding-left: 15px;
}

.pag-row {
    margin-left: -5px;
    margin-right: -15px;
}

.linha-1 {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0.5px solid #eee;
    display: flex;
}

.txt-rotulo-1 {
    margin-left: 15px;
    font-size: 14px;
    margin-bottom: 20px;
}

.area-modal-1 {
    border: 1px solid #eee;
    margin: 15px;
    border-radius: 5px;
    min-height: 100px;
    display: flow-root;
    padding: 15px 10px 25px 5px;
}

.area-modal {
  border: 1px solid #ccc;
  margin: 15px;
  border-radius: 5px;
  display: flow-root;
  padding: 15px 10px 25px 5px;
}

.txt-aceite {
  float: left;
  margin-top: 10px;
  font-size: 14px;
}

.align-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-matr-group {
    margin-bottom: 15px;
    width: 280px;
}

.value--pix {
    margin-right: 5px;
    font-size: 14px;
}

@media only screen and (max-width: 320px){
  .tab-nav.tabs{
    width: 279px;
  }

  .mdl-left {
    left: 0;
  }

}

@media only screen and (max-width: 414px){
  .checkmark-deal {
      top: 35px !important;
      left: 10px !important;
  }

  .modal-cobranca-detalhe {
      width: 100%;
      max-width: 100% !important;
      left: 0;
      border-radius: 0;
  }

  .acordo-itens-cards {
    border: 1px solid #ccc !important;
    margin: 5px;
    border-radius: 10px;
  }

  .mob-btn-mtop-10 {
    margin-top: 10px !important;
  }
}

@media only screen and (max-width: 320px){
  .tab-nav.tabs{
    width: 279px;
  }
}

@media only screen and (min-width: 481px) {
  .margin-left-mobile{
      margin-left: 15px !important;
  }
}

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

}

@media only screen and (min-width : 769px) {

}

/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-device-width:320px) and (max-device-width:768px) {
  body::-webkit-scrollbar {
      display: none;
  }
}*/

.contrato-scroll {
  overflow-y: auto;
  max-height: 100%;
}

.atendimentos-container--subview{
    width:960px;
  }