.azul {
     padding-bottom: 0px;
     margin-bottom: 50px;
     margin-top: 0px;
     background-color: #CCDFF5;
     position: relative;
     -webkit-box-shadow: 5px 5px 5px rgba (0, 0, 0, 0.8);
     -moz-box-shadow: 5px 5px 5px rgba (0, 0, 0, 0.8);
     box-shadow: 5px 5px 5px rgba (0, 0, 0, 0.8);
 }
 
 .azul::after {
     content: "";
     position: absoluta;
     top: 0%;
     left: 0%;
     width: 0px;
     height: 0px;
     border-top: 160px solid #CCDFF5;
     border-left: 200px solid #FFFFFF;
     -Webkit-box-shadow: 7px 7px 7px rgba (0, 0, 0, 0.3);
     -moz-box-shadow: 7px 7px 7px rgba (0, 0, 0, 0.3);
     box-shadow: 7px 7px 7px rgba (0, 0, 0, 0.3);
 }
 
 .azul-light {
     padding-bottom: 0px;
     margin-bottom: 50px;
     margin-top: 0px;
     background-color: #CCDFF5;
     position: relative;
     -webkit-box-shadow: 5px 5px 5px rgba (0, 0, 0, 0.8);
     -moz-box-shadow: 5px 5px 5px rgba (0, 0, 0, 0.8);
     box-shadow: 5px 5px 5px rgba (0, 0, 0, 0.8);
 }
 
 .azul-light::after {
     content: "";
     position: absoluta;
     top: 0%;
     left: 0%;
     width: 0px;
     height: 0px;
     border-top: 160px solid #CCDFF5;
     border-left: 200px solid #FFFFFF;
     -Webkit-box-shadow: 7px 7px 7px rgba (0, 0, 0, 0.3);
     -moz-box-shadow: 7px 7px 7px rgba (0, 0, 0, 0.3);
     box-shadow: 7px 7px 7px rgba (0, 0, 0, 0.3);
 }
 
 .btn_inicio {
     margin-top: 20px;
     font-size: 1.5em;
     color: #2773CE;
     font-weight: bold;
     padding: 10px;
     border-radius: 5px;
     border-bottom: 1px solid #e6e6e6;
 }
 
 .btn_inicio:hover {
     background-color: #E6E6E6;
 }
 
 .perfil_subtitle {
     border-bottom: 1px solid #1F339B;
     margin-top: 85px;
     color: #1F339B;
 }
 
 .seccion_titulo_perfil {
     font-size: 1.0em;
     color: #2773CE;
     font-weight: 700;
 }
 
 .seccion_titulo_contrato {
     font-size: 1.7em;
     color: #3975CE;
     font-weight: 700;
     text-align: justify;
 }
 
 .seccion_titulo_subtitle {
     font-size: 1.2em;
     color: #000000;
     font-weight: 700;
     text-align: justify;
 }
 
 .seccion_contratos_linea_azul {
     border-bottom: 1px solid #CEDFF5;
     padding-top: 50px;
     margin-bottom: 20px;
 }
 
 .texto-blanco {
     color: #FFFFFF;
     font-size: 0.9em;
     text-align: center;
 }
 
 .texto_negro_titulo_perfil {
     color: #000000;
     font-size: 1.5em;
     font-weight: bold;
 }
 
 .texto-blanco-h1 {
     color: #FFFFFF;
     font-size: 2.5em;
 }
 
 .fondo_header_no_login {
     background-color: #25369B;
     padding: 80px 0px;
 }
 
 .pr-15 {
     padding-right: 15px;
 }
 
 .pl-15 {
     padding-left: 15px;
 }
 
 .mr-15 {
     margin-right: 15px;
 }
 
 .ml-15 {
     margin-left: 15px;
 }
 
 .mp-20 {
     padding-top: 20px;
 }
 
 .pt-10 {
     padding-top: 10px;
 }
 
 @media (max-width:769px) {
     .pr-15 {
         padding-right: 0px;
         margin-bottom: 5px;
     }
     .pl-15 {
         padding-left: 0px;
         margin-bottom: 5px;
     }
     .mr-15 {
         margin-right: 0px;
         margin-bottom: 5px;
     }
     .ml-15 {
         margin-left: 0px;
         margin-bottom: 5px;
     }
 }
 
 .panel-title {
     font-size: 1em;
     padding: 5px;
     background-color: #2773CE;
     color: #FFFFFF;
     border-radius: 5px;
 }
 
 .panel-heading {
     background-color: #E6E6E6;
     border-radius: 7px 7px 0px 0px;
     padding: 10px;
 }
 /* div circular con icono font center */
 
 .circular {
     text-align: center;
     color: #25369B;
     width: 2.1em;
     height: 2.1em;
     font-size: 1.4em;
     margin: 1em 0em;
     padding: 5px;
     border-radius: 50%;
     border: 3px solid #fff;
     background-color: #F2F2F2;
     box-shadow: 0 0 0 2px #fff;
     font-weight: 100;
 }
 
 .header-user-name {
     font-size: 1.2em;
     font-weight: bold;
     color: #000000;
 }
 
 .texto_titulo_escritorio {
     color: #25369B;
     font-size: 2.5em;
     font-weight: bold;
 }
 
 input.buscador {
     color: #FFFFFF;
     background-color: #4A83D3;
 }
 
 input.buscador::placeholder,
 input.buscador:-ms-input-placeholder,
 input.buscador::-ms-input-placeholder {
     color: #FFFFFF;
     opacity: 1;
     /* Firefox */
 }
 
 input::placeholder {
     font-weight: bold;
     opacity: 1.0;
     color: FFFFFF;
 }
 
 .texto-blanco_escritorio {
     color: #FFFFFF;
     text-align: left;
 }
 
 .bold {
     font-weight: bold;
 }
 
 .big {
     font-size: 2em;
 }
 
 .btn-info_escritorio {
     text-align: left !important;
     color: #000;
     font-weight: bold !important;
     background-color: #FFFFFF;
     border-color: #FFFFFF;
 }
 
 .btn-info_escritorio:hover {
     color: #FFF;
     background-color: #4A83D3;
 }
 
 .btn-info_escritorio_dark {
     text-align: left !important;
     color: #FFF;
     font-weight: bold !important;
     background-color: #25369B;
     border-color: #25369B;
 }
 
 .btn-info_escritorio_dark i {
     text-align: left !important;
     color: #25369B;
     background-color: #F2D14E;
     border-radius: 50%;
     padding: 7px;
 }
 
 .i-circular-btn {
     text-align: center;
     color: #25369B;
     width: 1.7em;
     height: 1.7em;
     padding: 5px;
     border-radius: 50%;
     padding: 7px;
     font-weight: 100;
 }
 
 .i-circular-btn::before {
     margin-left: -30%;
 }
 
 .listado_escritorio {
     list-style: none;
 }
 
 .listado_escritorio li {
     margin-top: 2em;
     margin-bottom: 2.5em;
 }
 
 .listado_escritorio h2 {
     font-weight: bold;
 }
 
 .listado_escritorio small {
     font-size: 0.6em;
 }