.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-1 {
  width: 8.33333%; }

.data-container {
  margin: 6px 0;
  float: left;
  width: 90%; }

.data-container div {
  color: #A0A0A0; }

.data-container input {
  border-radius: 4px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  color: #A0A0A0; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-11, .col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
  float: left; }

.data-container select {
  color: #A0A0A0;
  font-size: 14px;
  background-color: #f8f8f8;
  border: 0 none;
  border-radius: 5px;
  height: 25px; }

.data-container select option {
  background-color: #fff; }

.fa {
  color: #A0A0A0; }

header, footer {
  width: 100%;
  float: left; }

a, a:hover {
  text-decoration: none; }

.selectedColor .fas,
.unselectedColor .fas {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%; }

.unselectedColor {
  color: #A0A0A0; }

.unselectedColor .fas {
  color: #fff;
  background-color: #A0A0A0;
  border-color: #A0A0A0; }

.selectedColor {
  color: #58ABD3; }

.selectedColor .fas {
  color: #fff;
  background-color: #58ABD3;
  border-color: #58ABD3; }

header portal {
  border-bottom: 2px solid #DDD;
  float: left;
  width: 59%;
  margin-top: 3px; }

header portal > img {
  height: 115px;
  margin-left: 8%; }

header div {
  float: left;
  width: 50%; }

header div > img {
  float: left;
  height: 120px;
  margin-left: 16%; }

header span {
  float: left;
  font-size: 22px;
  margin: 3.5% 5%; }

header logo {
  background-color: #f8f8f8;
  border-bottom-left-radius: 166px;
  float: right;
  width: 41%;
  height: 165px; }

header logo > img {
  margin: 18px 0 18px 20%;
  max-height: 120px;
  max-width: 450px; }

logout {
  float: right;
  height: 29px;
  margin-right: 40px;
  margin-top: -10px;
  width: 68px; }

logout .fas {
  float: right;
  font-size: 20px; }

logout .btn-log-out {
  color: #A0A0A0;
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin: 2.5px 8px 0 0;
  text-transform: uppercase; }

logout:hover, logout:hover > span {
  cursor: pointer;
  color: #58abd3; }

.main-section {
  float: left;
  border-left: 10px solid #58ABD3;
  width: 100%;
  border-bottom: solid 2px #DDD;
  margin-top: -47px;
  min-width: 1260px; }

#menuIzquierdo {
  border-right: solid 1px #58ABD3;
  float: left;
  padding-right: 3%;
  margin: 70px 0;
  width: 26%;
  height: 372px; }

#menuIzquierdo > ul > li {
  float: left;
  font-size: 18px;
  list-style: none;
  width: 100%;
  margin: 20px 0; }

#menuIzquierdo > ul > li > span {
  width: 70%;
  float: left;
  text-align: center;
  color: #A0A0A0; }

#menuIzquierdo > ul > li > span > small {
  float: left;
  width: 100%;
  font-size: 14px; }

#menuIzquierdo > ul > li > span > b {
  float: left;
  width: 100%; }

#menuIzquierdo > ul > li > div > img {
  width: 45px;
  float: left; }

aside {
  float: left;
  margin-top: 5%;
  margin-left: 3%;
  width: 68%; }

aside > div {
  height: 325px; }

aside > section {
  margin-top: 15px;
  margin-bottom: 20px;
  width: 100%;
  float: left; }

aside > section > div > img {
  float: left;
  margin-left: 5%;
  width: 66%; }

aside > section > .btn-portal {
  width: 90px;
  text-align: center; }

aside > section > #btnSiguiente {
  float: right;
  margin-right: 5%; }

aside > section > #btnAtras {
  float: right;
  margin-right: 3%; }

#pasosCompletados {
  float: left;
  font-size: 12px;
  margin-left: 7%;
  width: 53%;
  color: #888; }

.btn-portal {
  color: #58ABD3;
  background-color: #fff;
  border: solid 1px #58ABD3;
  padding: 2px 10px; }

.btn-portal:hover {
  color: #fff;
  background-color: #58ABD3;
  cursor: pointer; }

.noDisplay {
  display: none; }

footer {
  float: left;
  width: 100%; }

footer > img {
  float: right;
  margin: 20px 9% 0 0; }

section .progress {
  width: 55%;
  float: left;
  height: 10px;
  margin-left: 5%;
  margin-bottom: 0; }

.progress-bar {
  background-color: #58ABD3; }

.progress-bar-striped-inversed {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

li .fa {
  border: 1px solid #A0A0A0;
  border-radius: 50%;
  font-size: 30px;
  height: 55px;
  padding: 10px;
  text-align: center;
  width: 59px;
  line-height: 35px; }

.class-tit {
  border-bottom: 1px solid;
  float: left;
  width: 45%;
  margin-bottom: 20px;
  margin-top: 15px;
  color: #58ABD3;
  font-size: 20px; }

.class-tit img {
  height: 32px;
  margin-right: 5px;
  margin-top: -10px; }

.class-sub-tit {
  border-bottom: 1px solid;
  float: left;
  width: 45%;
  margin-bottom: 20px;
  margin-top: 5px;
  color: #58ABD3;
  font-size: 18px; }

.class-sub-tit img {
  height: 20px;
  margin-right: 5px;
  margin-top: -10px; }

.data-container .required,
.data-respuesta .required {
  border: 1px solid #ff0000; }

#dialogRequisitos,
#dialogAlert,
#dialogAlertPortalEstudiantes,
#dialogCalendario {
  font-family: Helvetica Neue,sans-serif;
  font-size: 14px; }

.ui-dialog .ui-dialog-titlebar {
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  color: #58abd3;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: solid 1px #58ABD3; }

.ui-dialog small {
  font-size: 80%;
  line-height: 24px; }

#dialogRequisitos .class-margin-bottom {
  margin-bottom: 10px; }

#btnCerrarAlert, #btnCerrarAlertPortalEstudiantes {
  float: right;
  margin: 10px;
  width: 100px; }

#dialogLoading .fas {
  font-size: 18px;
  float: left; }

#dialogLoading .fas span {
  margin-left: 10px; }

.bottom-btn {
  float: right;
  width: 27%;
  margin-right: 10px; }

.mensaje-aviso {
  float: left;
  width: 100%;
  text-align: center;
  margin: 20px 0;
  font-size: 14px;
  color: #58ABD3; }

.opciones-seleccion span {
  margin-left: 5px; }

.fondoPopup {
  background: #fff; }

#alerts {
  border-top: solid 1px #58ABD3 !important; }

.btnGrandeMain {
  border-bottom: 2px solid #ddd;
  float: right;
  height: 35px;
  margin: 0 1px;
  padding: 0 15px; }

#mensajealert {
  float: left;
  font-size: 14px;
  margin-top: 3px;
  text-align: left;
  width: 300px; }

#iconalert {
  color: #58ABD3;
  float: left;
  font-size: 50px;
  height: 50px;
  line-height: 50px;
  margin-left: 5px;
  width: 70px; }

#alerts, #dialogCerrar {
  border-top: solid 1px #58ABD3 !important; }

.btnGrandeMain:hover {
  border-color: #58ABD3;
  box-shadow: 0 3px 4px #AAAAAA;
  cursor: pointer; }

.btnGrandeMain:hover * {
  color: #58ABD3; }

.iconBtnGrandeMain {
  float: left;
  font-size: 22px;
  padding-top: 3px;
  width: 30px; }

.txtBtnGrandeMain {
  float: left;
  font-size: 13px;
  line-height: 35px; }

.ui-dialog .ui-dialog-title {
  font-size: 15px !important;
  font-weight: normal;
  color: #58ABD3;
  padding: 10px auto; }

.ui-front {
  z-index: 999 !important; }

.ui-dialog-content {
  margin-bottom: 5px; }

.ui-corner-all {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px !important; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px !important; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px !important; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px !important; }

.no-close .ui-dialog-titlebar-close {
  display: none; }

input:focus, textarea:focus {
  box-shadow: 0 0 7px #58abd3; }

/* POPUP */
.ui-widget-content {
  background: #fff !important; }

.ui-dialog {
  height: auto !important;
  z-index: 1000 !important;
  border: solid 1px #ddd !important; }

.ui-dialog-content {
  overflow: hidden !important; }

.ui-accordion-content {
  height: auto !important; }

.ui-accordion-header-active {
  border-top: solid 2px #58ABD3 !important; }

.ui-widget-header {
  background: none !important;
  border: 0px !important; }

body {
  background-color: #FFFFFF;
  padding: 0;
  margin: 0; }

/*# sourceMappingURL=Principal.css.map */