/* ---------------------------------------------------------------------
PERFIL ACADÊMICO
--------------------------------------------------------------------- */

#perfilAcademicoComponent{ overflow: hidden; width: 100%;}

#perfilAcademicoComponent h2 {font-weight:normal;}
#perfilAcademicoComponent h2:before {background:url('../../images/perfilacademico/perfil-academico.png') left center no-repeat;}

#perfilAcademicoComponent ul,
#perfilAcademicoComponent ul li {padding:0; margin:0; list-style-type:none; text-decoration:none; list-style-image:none;}

#perfilAcademicoComponent .box-cadastro {overflow:inherit; padding-left:0; padding-right:0}
#perfilAcademicoComponent .box-cadastro input[type="text"], 
#perfilAcademicoComponent .box-cadastro input[type="email"], 
#perfilAcademicoComponent .box-cadastro input[type="password"] {height:50px; line-height:50px; padding:0 13px}

#perfilAcademicoComponent .paddings {padding-left:23px; padding-right:23px}

#perfilAcademicoComponent .form-item {position:relative;}
#perfilAcademicoComponent .form-item.topView {z-index:1;}

#perfilAcademicoComponent .clearfix {clear:both}
#perfilAcademicoComponent .nopadding {padding-left:0; padding-right:0}

#perfilAcademicoComponent a:link,
#perfilAcademicoComponent a:visited,
#perfilAcademicoComponent a:hover,
#perfilAcademicoComponent a:active {text-decoration:none}

/* INPUT TEXT */

#perfilAcademicoComponent .form-item .inputText input[type="text"].loading {background:#fff url('../../images/perfilacademico/preloader-checkbox.gif') right 15px center no-repeat;}

.ui-autocomplete {max-height: 260px; overflow-y:auto; overflow-x:hidden;}

/* CHECKBOX */

#perfilAcademicoComponent .checkboxFilds label {display:inline-block; position:relative; padding:2px 5px 0 2px; font-size:15px}
#perfilAcademicoComponent .checkboxFilds input {position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; opacity:0; cursor:pointer;}
#perfilAcademicoComponent .checkboxFilds input + span.fakeCheck {position:relative; z-index:0; display:inline-block; vertical-align:middle; width:24px; height:24px; border:1px solid #b1b1b1; background:#fff; margin-right:5px; cursor:pointer; top:-2px;}
#perfilAcademicoComponent .checkboxFilds input + span.fakeCheck:after {display:block; content:"\2714"; color:#009bd8; text-align:center; opacity:0}
#perfilAcademicoComponent .checkboxFilds input:checked + span.fakeCheck:after {opacity:1;}
#perfilAcademicoComponent .checkboxFilds input:focus + span.fakeCheck {color:#009bdd}

/* SELECT */

#perfilAcademicoComponent .select {height:50px; position:relative; z-index:0; overflow:hidden; border:1px solid #b1b1b1;}
#perfilAcademicoComponent .select i {display:block; width:50px; height:50px; background:#f6f6f6; position:absolute; right:0; top:0; color:#444; z-index:0; text-align:center; line-height:50px; font-size:22px; border-left:1px solid #b1b1b1;}
#perfilAcademicoComponent .select i.active {z-index:1;}
#perfilAcademicoComponent .select select {width:calc(100% + 17px); height:50px; padding:0 10px; background:transparent; border:0; position:relative; z-index:2; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:58px;}

#perfilAcademicoComponent .select select option:first-child {color:#ccc;}

@media all and (-ms-high-contrast:none)
{
    #perfilAcademicoComponent .select select {width:~"calc(100% + 30px)";} /* IE10 */
    #perfilAcademicoComponent .select select::-ms-backdrop {width:~"calc(100% + 30px)";} /* IE11 */
}

@supports (-ms-ime-align:auto)
{
    #perfilAcademicoComponent .select select {width:~"calc(100% + 30px)";}
}

/* SELECT MULTIPLES */

#perfilAcademicoComponent .selectMulti.focus {position:relative; z-index:1}

#perfilAcademicoComponent .selectMulti a.arrow {display:block; position:relative; height:50px; width:100%; line-height:50px; border:1px solid #b1b1b1; z-index:0; overflow:hidden; border:1px solid #b1b1b1;  cursor:default; font-size:15px}
#perfilAcademicoComponent .selectMulti a.arrow:hover {text-decoration:none;}
#perfilAcademicoComponent .selectMulti a.arrow span {color:rgba(0,0,0,0.65); font-size:16px; padding:0 60px 0 13px; position:relative; z-index:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
#perfilAcademicoComponent .selectMulti a.arrow i {display:block; width:50px; height:50px; background:#f6f6f6; position:absolute; right:0; top:0; color:#444; z-index:0; text-align:center; line-height:50px; font-size:22px; border-left:1px solid #b1b1b1;}
#perfilAcademicoComponent .selectMulti a.arrow i.active {z-index:1;}

#perfilAcademicoComponent .selectMulti .options {background:#fff; position:absolute; width:100%; display:none; overflow:auto; border:1px solid #333; box-shadow:3px 3px 10px rgba(0,0,0,0.3)}
#perfilAcademicoComponent .selectMulti .options .checkboxFilds {padding:0;}
#perfilAcademicoComponent .selectMulti .options .checkboxFilds li {padding:6px 10px 0px 10px; font-size:14px; transition:all 400ms ease;}
#perfilAcademicoComponent .selectMulti .options .checkboxFilds li:hover {background:#cce5ff}
#perfilAcademicoComponent .selectMulti .options.opened {max-height:260px; display:block;}

/* ERROS */

#perfilAcademicoComponent .form-item .inputText.error input {background:#fff5f2 url(../../images/perfilacademico/ico-erro.png) center right 10px no-repeat; border:1px solid #d02f26 !important;}
#perfilAcademicoComponent .form-item .inputText.error div.error-text {display:block;}

#perfilAcademicoComponent .form-item .select.error {border:1px solid #d02f26; background:#fff5f2;}
#perfilAcademicoComponent .form-item .select.error + div.error-text {display:block;}

#perfilAcademicoComponent .selectMulti.error a.arrow {border:1px solid #d02f26; background:#fff5f2;}
#perfilAcademicoComponent .selectMulti.error div.error-text {display:block;}

#perfilAcademicoComponent .form-item div.error-text {color:#b1200a; font-size:12px; padding-top:3px; display:none;}

#perfilAcademicoComponent .form-item div.error-text.nivesideensino {padding:15px 0 0px 12px; clear:both;}

/* FOCUS */

#perfilAcademicoComponent .form-item .select:focus-within {border:2px solid #0080b7;}
#perfilAcademicoComponent .form-item .inputText:focus-within input {border:2px solid #0080b7;}
#perfilAcademicoComponent .checkboxFilds label:focus-within {border:1px solid #0080b7;}
#perfilAcademicoComponent .selectMulti:focus-within a.arrow {border:2px solid #0080b7;}

/* DISABLEDS */

#perfilAcademicoComponent .form-item input:disabled {opacity:0.5;}

#perfilAcademicoComponent .form-item .select.disabled {opacity:0.5;}

#perfilAcademicoComponent .selectMulti.disabled {opacity:0.5;}

#perfilAcademicoComponent .form-item label.disabled {opacity:0.5;}
#perfilAcademicoComponent .form-item label.disabled span {color:#444444 !important;}

#perfilAcademicoComponent .form-item .inputText.disabled label {opacity:0.5;}
#perfilAcademicoComponent .form-item .inputText.disabled label span {color:#444444 !important;}
#perfilAcademicoComponent .form-item .inputText.disabled .info {opacity:0.4; color:#444444 !important;}

/* DINAMIC FIELDS */

#perfilAcademicoComponent .disciplinas .form-item {margin-bottom:10px}

#perfilAcademicoComponent .disciplinas .dinamicfields {padding:0 10px;}

#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li {width:100%;}
#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li a.removeThisItem {display:inline-block; border:1px solid #b1b1b1; text-align:center; transition:all 400ms ease; margin-right:10px;}
#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li a.removeThisItem span.icon {display:inline-block; width:48px; height:48px; background:#f6f6f6 url(../../images/perfilacademico/ico-trash.png) no-repeat center; vertical-align:middle;}
#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li a.removeThisItem span.text {display:none}
#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li a.removeThisItem:hover,
#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li a.removeThisItem:focus {border:1px solid #fe4a35; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#f6f6f6;}
#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li:first-child a.removeThisItem {display:none!important;}

#perfilAcademicoComponent .disciplinas .dinamicfields .labels {padding-left:0; padding-right:0}
#perfilAcademicoComponent .disciplinas .dinamicfields .fields {float:left; padding-left:0; padding-right:0}
#perfilAcademicoComponent .disciplinas .dinamicfields .action {float:right; padding-left:0; padding-right:0; text-align:right;}

#perfilAcademicoComponent .disciplinas .dinamicfields .morefields {padding:10px 0 0 10px}
#perfilAcademicoComponent .disciplinas .dinamicfields .morefields a {display:inline-block; height:50px; line-height:50px; border:1px solid #b1b1b1; padding:0 15px 0 65px; color:#000; position:relative; font-size:16px; transition:all 400ms ease;}
#perfilAcademicoComponent .disciplinas .dinamicfields .morefields a span {display:block; height:48px; width:50px; border-right:1px solid #b1b1b1; background:#f6f6f6 url(../../images/perfilacademico/ico-plus.png) center no-repeat; position:absolute; left:0; top:0;}
#perfilAcademicoComponent .disciplinas .dinamicfields .morefields a:hover,
#perfilAcademicoComponent .disciplinas .dinamicfields .morefields a:focus {background:#f2f2f2; box-shadow:0 0 10px rgba(0,0,0,0.1); border:1px solid #009bdd;}

#perfilAcademicoComponent .addSchool {text-align:center; padding-bottom:20px;}
#perfilAcademicoComponent .addSchool a {display:inline-block; height:50px; line-height:50px; color:#fff; border-radius:3px; font-size:16px; padding:0 15px; transition:all 400ms ease;}
#perfilAcademicoComponent .addSchool a:hover {background:#0080b7;}

#perfilAcademicoComponent .addSchool a.addPerfilEducacional {background:#009bdd;}
#perfilAcademicoComponent .addSchool a.editPerfilEducacional {background:#007bff;}
#perfilAcademicoComponent .addSchool a.cancelPerfilEducacional {background:#6c757d;}

/* MINHAS ESCOLAS */

#perfilAcademicoComponent #MinhasEscolasList {position:relative; clear:both;}
#perfilAcademicoComponent #MinhasEscolasList h3 {padding:30px 0 20px 0; margin:20px 23px 0 23px; border-top:1px dashed rgba(0,0,0,0.2);}

#perfilAcademicoComponent #MinhasEscolasList dl p.noPerfil {padding-left:23px; padding-right:23px;}

#perfilAcademicoComponent #MinhasEscolasList dl dt {display:block; background:#f8f8f8; overflow:hidden; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:5px 0 5px 10px;}
#perfilAcademicoComponent #MinhasEscolasList dl dt a.OpenList:not(.remove) {display:inline-block; vertical-align:top; padding:5px 35px 5px 13px; float:left; width:calc(100% - 110px); font-size:14px; color:#464646; font-weight:600; border:1px solid rgba(0,0,0,0); border-right:1px solid rgba(0,0,0,0.2); cursor:pointer; transition:all 300ms ease;}
#perfilAcademicoComponent #MinhasEscolasList dl dt a.highlight.OpenList:not(.remove) {background:#d1ecf1;}
#perfilAcademicoComponent #MinhasEscolasList dl dt a.OpenList i {font-size:22px; position:relative; top:0; font-weight:700; float:right;}

#perfilAcademicoComponent #MinhasEscolasList dl dt a.OpenList:hover,
#perfilAcademicoComponent #MinhasEscolasList dl dt a.OpenList:focus  {border:1px solid rgba(0,0,0,0.2);}

#perfilAcademicoComponent #MinhasEscolasList dl dt a.removeThisEscola {display:inline-block; vertical-align:top; float:right; font-size:13px; width:40px; height:30px; line-height:30px; color:#3d719e; text-decoration:underline; background:#f6f6f6 url(../../images/perfilacademico/ico-trash.png) right 7px center no-repeat; border:1px solid rgba(0,0,0,0); padding-left:15px; margin-right:5px; position:relative; top:2px}
#perfilAcademicoComponent #MinhasEscolasList dl dt a.removeThisEscola span {display:none;}
#perfilAcademicoComponent #MinhasEscolasList dl dt a.removeThisEscola:hover {border:1px solid rgba(0,0,0,0.2);}
#perfilAcademicoComponent #MinhasEscolasList dl dt a.removeThisEscola:focus {border:1px solid #fe4a35;}

#perfilAcademicoComponent #MinhasEscolasList dl dt a.editThisEscola {display:inline-block; vertical-align:top; float:left; font-size:13px; width:40px; height:30px; line-height:30px; border:1px solid rgba(0,0,0,0); margin-left:15px; margin-right:5px; text-align:center; position:relative; top:2px}
#perfilAcademicoComponent #MinhasEscolasList dl dt a.editThisEscola i {font-size:23px; position:relative; top:2px; font-weight:700; color:#17a2b8}

#perfilAcademicoComponent #MinhasEscolasList dl dt a.editThisEscola:hover {border:1px solid rgba(0,0,0,0.2);}
#perfilAcademicoComponent #MinhasEscolasList dl dt a.editThisEscola:focus {border:1px solid #009bdd;}


#perfilAcademicoComponent #MinhasEscolasList dl dt.closed a.OpenList i.closed {display:inline-block;}
#perfilAcademicoComponent #MinhasEscolasList dl dt.closed a.OpenList i.opened {display:none;}

#perfilAcademicoComponent #MinhasEscolasList dl dt.opened a.OpenList i.opened {display:inline-block;}
#perfilAcademicoComponent #MinhasEscolasList dl dt.opened a.OpenList i.closed {display:none;}

#perfilAcademicoComponent #MinhasEscolasList dl dd {position:relative; overflow:hidden; transition:all 400ms ease; height:0; opacity:0;}
#perfilAcademicoComponent #MinhasEscolasList dl dd.opened {height:auto; opacity:1}
#perfilAcademicoComponent #MinhasEscolasList dl dd .description {padding:26px 80px 0 80px;}
#perfilAcademicoComponent #MinhasEscolasList dl dd .description p {padding:0 0 26px 0; margin:0; color:#363636; font-size:16px;}
#perfilAcademicoComponent #MinhasEscolasList dl dd .description p strong {font-weight:600}
#perfilAcademicoComponent #MinhasEscolasList dl dd .description p:focus {border:1px solid rgba(0,0,0,0.1);}

@media screen and (max-width : 992px)
{
	#perfilAcademicoComponent .box-cadastro.dados-pessoais label {font-size:14px}
	#perfilAcademicoComponent .box-cadastro.dados-pessoais span.info {font-size:13px}
	#perfilAcademicoComponent span.obrigatorio {font-size:14px}
}
@media screen and (max-width : 740px)
{
	#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li {padding-bottom:20px;}
	#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li a.removeThisItem span.icon {border-right:1px solid #b1b1b1;}
	#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li a.removeThisItem span.text {display:inline-block; vertical-align:middle; padding:0 13px; font-size:16px; color:#000}
	
	#perfilAcademicoComponent .disciplinas .dinamicfields .action {float:left; text-align:left; border-bottom:1px dashed rgba(0,0,0,0.2); padding:0 10px 20px 10px; overflow:hidden;}

	#perfilAcademicoComponent #MinhasEscolasList dl dt span:not(.remove) {font-size:13px;}
	#perfilAcademicoComponent #MinhasEscolasList dl dt i:not(.fa-pencil-square) {left:20px}

	#perfilAcademicoComponent #MinhasEscolasList dl dd .description {padding:20px 25px 0 25px;}
	#perfilAcademicoComponent #MinhasEscolasList dl dd .description p {font-size:14px; padding-bottom:20px;} 

}
@media screen and (max-width : 520px)
{
	#perfilAcademicoComponent .disciplinas .dinamicfields .listfields > li a.removeThisItem span.text,
	#perfilAcademicoComponent .disciplinas .dinamicfields .morefields a {font-size:14px;}
	#perfilAcademicoComponent .addSchool a.cancelPerfilEducacional {margin-top:20px}
}