/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');

body {
   font-family: 'Montserrat', sans-serif;
}

#block-beca-main-menu a {
   text-transform: uppercase;
   font-size: 13px;
   font-weight: 600;
}

#block-beca-main-menu ul {
   margin-top: 25px;
}

.logo {
   padding-top: 15px;
   padding-bottom: 15px;
}

#edit-next {
   display: block;
   /*width: 100%;*/
   margin-bottom: 50px;
   background-color: #00929c;
   border-radius: 0px;
   border-width: 0px;
   color: #FFFFFF;
   padding-top: 10px;
   padding-bottom: 10px;
   min-width: 200px;



}

#edit-back-button {
   background-color: #5d5a5b;
   float: left;
   margin-bottom: 20px;
   display: block;
   color: #FFFFFF;
   padding-top: 10px;
   padding-bottom: 10px;
   border-radius: 0px;
   border-width: 0px;
   width: 200px;

}

.step-label {
   background-color: #5d5a5b;
   border-radius: 0px;
   border-width: 0px;
   color: #FFFFFF;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 15px;
   margin-right: 10px;

   margin-bottom: 10px;
}

.multi-steps-label .active {
   background-color: #f26b21;
}

.multi-steps-label .step-label.active {
   color: #FFFFFF;
}


#producto-form {
   max-width: 500px;
   display: block;
   margin: 0 auto;
   padding: 40px;

   border: 2px solid;
   border-color: #e7e7e7;
}

#block-iniciodesesion {
   max-width: 500px;
   display: block;
   margin: 0 auto;
   padding: 40px;

   border: 2px solid;
   border-color: #e7e7e7;
}

#user-login-form {
   max-width: 500px;
   display: block;
   margin: 0 auto;
   padding: 40px;

   border: 2px solid;
   border-color: #e7e7e7;
}

#block-iniciodesesion #edit-submit {
   display: block;
   margin: 0 auto;
}

.request-password-link {
   display: none;
}

.form-submit {
   color: #fff;
   background-color: #f26b21;
   border-color: #f26b21;
   border-radius: 0px;
   margin-bottom: 10px;
}

.views-exposed-form .form-item {
   margin-right: 40px;
   margin-top: 10px;
}

.views-exposed-form label {
   width: 100px;
}

.view-principal {
   margin-top: 40px;
}

#block-iniciodesesion .btn-primary {
   color: #fff;
   background-color: #f26b21;
   border-color: #f26b21;
   border-radius: 0px;
}


.boton-completar {
   color: #fff !important;
   background-color: #f26b21;
   border-color: #f26b21 !important;
   ;
   border-radius: 0px !important;
   ;
}

.boton-completar:hover {

   background-color: #f26b21 !important;

}


#block-iniciodesesion ul {
   text-align: center;
   margin-top: 30px;
   list-style-type: none;
}

.page-header {
   text-transform: uppercase;
   font-size: 24px;
   text-align: center;
}


.workflow-transition-formulario_digital-container {
   padding: 30px;
   display: flow-root;
   background-color: #f8f8f8;
}

.formulario_digital_nuevo {
   background-color: #5DADE2;
   color: #FFFFFF;
   text-transform: uppercase;
   padding: 10px;
   text-align: center;
}

.formulario_digital_listo_para_enviar {
   background-color: #f4d35d;
   color: #FFFFFF;
   text-transform: uppercase;
   padding: 10px;
   text-align: center;
}

.formulario_digital_revisar {
   background-color: darkgreen;
   color: #FFFFFF;
   text-transform: uppercase;
   padding: 10px;
   text-align: center;
}

.formulario_digital_enviado {
   background-color: #2ECC71;
   color: #FFFFFF;
   text-transform: uppercase;
   padding: 10px;
   text-align: center;

}

.formulario_digital_pendiente {
   background-color: #909497;
   color: #FFFFFF;
   text-transform: uppercase;
   padding: 10px;
   text-align: center;

}

.formulario_digital_completo {
   background-color: #1A5276;
   color: #FFFFFF;
   text-transform: uppercase;
   padding: 10px;
   text-align: center;

}

.formulario_digital_marcado {
   background-color: #E74C3C;
   color: #FFFFFF;
   text-transform: uppercase;
   padding: 10px;
   text-align: center;

}


.formulario_digital_alerta {
   background-color: #F1C40F;
   color: #FFFFFF;
   text-transform: uppercase;
   padding: 10px;
   text-align: center;

}




.multi-steps-label {
   text-align: center;
}

#edit-field-producto {
   text-align: center;
}

.form-type-tel {
   display: block;

   margin-top: 25px;
}

#edit-field-beneficiarios-wrapper {

   margin-top: 40px;

}

#edit-field-producto .checkbox {
   display: inline;
   margin-right: 20px;
}

#block-filtros-principal .checkbox {
   display: block;
   margin-right: 20px;
}

#edit-field-producto-value--2--wrapper legend {
   display: none;
}

#edit-field-producto--wrapper legend {
   display: none;
}

.views-field-nothing {
   text-align: center;
}

.icono {
   font-size: 25px;
   color: #5d5a5b;
}

.view-formularios .icono-editar {
   font-size: 14px;
   color: #5d5a5b;
   border-style: solid;
   border-width: 1px;
   border-color: #5d5a5b;
   padding: 10px;
   border-radius: 10px;

   text-transform: uppercase;
}

.view-formularios .icono-editar:hover {
   color: #FFFFFF;
   background-color: #5d5a5b;
   padding: 10px;
   text-decoration: none;
}

.view-formularios .views-field {
   padding-top: 20px !important;
}

.page-header {
   border-bottom: none;
}

.page-node-type-formulario .nav-tabs {
   display: none;
   /* /revisions /workflow */
}

.page-node-type-formulario .page-header {
   display: none;
}

.panel-title {
   display: inline-block;
   max-width: 100%;
   font-weight: 700;
   font-size: 14px;
}

.page-node-type-formulario h4 {
   display: inline-block;
   max-width: 100%;
   font-weight: 700;
   font-size: 14px;
}

#persona-juridica {
   margin-bottom: 50px;
   padding-left: 0px;
   padding-right: 0px;
}

.page-node-type-formulario h3 {
   display: inline-block;
   max-width: 100%;
   font-weight: 700;
   font-size: 14px;
   padding-bottom: 10px;
   border-bottom: 1px solid #e5e5e5;
   margin-bottom: 10px;
}

.fieldset-legend {
   display: inline-block;
   max-width: 100%;
   font-weight: 700;
   font-size: 14px;
}

#edit-field-usted-ha-sido-diagnostico--wrapper {
   margin-top: 20px;
}

.description {
   max-width: 700px;
   text-align: justify;
}

.page-node-type-contrato .page-header {
   display: none;
}

.path-node .page-header {
   display: none;
}

.node-contrato-form #edit-actions {
   max-width: 900px;
   display: block;
   margin: 0 auto;
   text-align: center;

}


.contrato-texto h1 {
   text-transform: uppercase;
   font-size: 24px;
   text-align: center;
   padding-bottom: 9px;
   margin: 40px 0 20px;
}

.contrato-texto {
   max-width: 900px;
   display: block;
   margin: 0 auto;
   border-style: solid;
   border-width: 1px;
   border-color: #f26b21;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 60px;
   text-align: justify;
}


#edit-field-firma-wrapper {
   max-width: 900px;
   display: block;
   margin: 0 auto;
   padding: 30px;
   background-color: #E6E6E6;
}

.contrato-subtitulo {
   font-weight: bold;
   padding-top: 20px;
}

.view-formularios {
   max-width: 900px;
   display: block;
   margin: 0 auto;
}

.view-contrato {
   max-width: 900px;
   display: block;
   margin: 0 auto;
}

#edit-field-asesor-wrapper {
   max-width: 460px;
}

.tab-paso {
   display: block;
   /*margin-top: 20px;
   padding-bottom: 30px;*/

}

.detalles {
   display: flow-root;
}

.field--widget-inline-entity-form-complex {
   display: block;
}

.titulo-seccion {
   display: block;
   margin: 0 auto;
   text-align: center;
   border-style: solid;
   border-color: #e7e7e7;
   ;
   border-width: 1px;
   border-top: none;
   border-left: none;
   border-right: none;
   padding-bottom: 20px;
}

.titulo-seccion h1 {
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;
   /*color: #5d5a5b;*/
   color: #00929c;
   ;

}

.titulo-seccion .instrucciones {
   font-size: 12px;
   text-transform: uppercase;
   color: #5d5a5b;
   max-width: 600px;
   display: block;
   margin: 0 auto;

}

#lososcios {
   display: block;
   margin-top: 20px;
}

.independiente {
   display: block;
   margin-top: 20px;
   margin-bottom: 20px;
}

#edit-field-sura-cb-wrapper {
   max-width: 600px;
   display: block;
   text-align: center;
   margin: 0 auto;
}

#edit-field-sura-afisa-wrapper {
   max-width: 600px;
   display: block;
   text-align: center;
   margin: 0 auto;
}

#edit-field-itrust-wrapper {
   max-width: 600px;
   display: block;
   text-align: center;
   margin: 0 auto;
}

#edit-field-ibrokers-wrapper {
   max-width: 600px;
   display: block;
   text-align: center;
   margin: 0 auto;
}

#edit-field-pershing-wrapper {
   max-width: 600px;
   display: block;
   text-align: center;
   margin: 0 auto;
}

#passwordless-help-link {
   display: none;
}

#views-bootstrap-firma-de-cotnrato-block-1 {
   max-width: 900px;
   display: block;
   margin: 0 auto;
   padding: 30px;
   background-color: #E6E6E6;
   font-weight: bold;
}

.seleccion {
   margin-bottom: 30px;
}

.separar {
   display: flow-root;
}

.form-item-field-titulares-form-0-field-participacion-accionaria-0-value {
   display: none;
}

.form-item-field-titulares-form-0-field-tipo-socio {
   display: none;
}

#toast-manual {
   width: 100%;
   left: 0px;
   font-weight: bold;
   display: flex;
   padding: 25px;
   justify-content: center;
   background-color: rgb(170, 70, 70);
   color: white;
   position: fixed;
   top: -1000px;
   z-index: 1500;
}

#toast-manual p {
   width: 80%;
}

.panel-btns {
   width: 100%;
   display: flex;
   justify-content: space-between;
}

.view-usuario {
   display: block;
   background-color: #5d5a5b;
   color: #E6E6E6;
   max-width: 400px;
   padding: 10px;
   margin-bottom: 35px;
   float: right;
   z-index: 20
}

#loading {
   width: 100%;
   height: 100%;
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: center;
   position: fixed;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 50000;
   top: 0px;
   left: 0px;
}

#loading h1 {
   font-size: 48pt;
   color: white;
   text-align: center;
}

@media only screen and (max-width: 768px) {
   .pestanasForm {
      display: flex;
      margin-top: 90px;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
   }
}


.pestana {
   display: inline-block;
   width: 100%;
   max-width: 168px;
   text-align: center;
   margin-bottom: 0;
   font-weight: normal;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   background-image: none;
   border: 1px solid transparent;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   border-radius: 4px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #fff;
   background-color: #f26b21;
   border-color: #f26b21;
   border-radius: 0px;
   margin-bottom: 10px;
}

#edit-field-producto-wrapper {
   display: none;
}

.view-producto-actual {
   float: left;
   padding: 10px;
   max-width: 200px;
   background: #00929c;
   color: white;
}

#block-views-block-usuario-block-1 {
   width: 40%;
   float: right;
}

#block-views-producto {
   width: 40%;
   float: left;
}

.file-size{
   display:none;
}

.file-link{
   border-right: solid;
   padding-right: 10px;
}

.panel-body{
   overflow: auto;
}