@import '~antd/dist/antd.css'; @import "./colors"; /* Pantera Makers -- tema por defecto. Paleta tomada de panteramakers.com: negro tinta + ambar de accion. El tema Grovity anterior se conserva mas abajo en .grovity. */ :root { // colors___________________________ --primary-color: #fbbf18; --primary-hover-color: #ffd132; --secondary-color: #fff; --secondary-hover-color: #3a3a3a; --primary-text-color: #1a1a1a; --secondary-text-color: #6b6b6b; --tertiary-text-color: #a3a3a3; --light-color: #e8e8e8; --paper-color: white; --mobiscroll-color: #fbbf18; --mobiscroll-hover-color: #ffd132; --color-alternativo: #ff7f00; // Fondos de marca. Antes cada pantalla de acceso (login, registro, cambio de // clave, enlace) traia su propia foto con veladura azul de Grovity, repetida // en 21 reglas. Ahora las dos superficies viven aca y cada tema las puede // redefinir. --fondo-marca: radial-gradient(circle at 22% 18%, rgba(251, 191, 24, 0.22) 0%, rgba(251, 191, 24, 0) 45%), radial-gradient(circle at 82% 88%, rgba(255, 127, 0, 0.16) 0%, rgba(255, 127, 0, 0) 50%), linear-gradient(140deg, #1a1a1a 0%, #0f0f0f 60%, #000000 100%); --panel-marca: radial-gradient(circle at 30% 25%, rgba(251, 191, 24, 0.28) 0%, rgba(251, 191, 24, 0) 55%), linear-gradient(160deg, #1f1f1f 0%, #0f0f0f 100%); --fondo-marca-color: #0f0f0f; --sidebar-color: var(--secondary-color); --ant-background-color: #f0f2f5; --card-enti1: #7c00ff; --card-enti2: #ff0068; --card-enti3: #00a4ff; --card-enti4: #ff5500; --card-enti5: #00ffe0; --card-enti6: #ffda00; // --primary-color: #e7561c; // --primary-hover-color: #f37941; // --secondary-color: #40005d; // --secondary-hover-color: #a02bb8; // --primary-text-color: #07881c; // --secondary-text-color: #30c555; // --tertiary-text-color: #14a04a; // --light-color: #a8d4a4; // --paper-color: white; // --mobiscroll-color: #b80f71; // --mobiscroll-hover-color: #eb11c6; // --color-alternativo: #ffd000; //___________fonts___________________________________ --extra: ObjectiveExtra; --bold: ObjectiveBold; --medium: ObjectiveMedium; --reg: ObjectiveRegular; --reg-italic: ObjectiveItalic; --light-font: ObjectiveLight; --light-italic: ObjectiveLightItalic; --thin: ObjectiveThin; --paragraph-font: var(--reg); --h5-font: var(--medium); --primary-btn-font: var(--medium); --secondary-btn-font: var(--reg); } /* Pantera -- clase que App.js le pone al por defecto. */ .pantera { --secondary-color: #0f0f0f; --secondary-hover-color: #3a3a3a; } /* Grovity -- tema anterior. Se conserva completo por si alguna entidad necesita seguir viendo la marca vieja; hoy no lo aplica nadie. */ .grovity { --primary-color: #95c11f; --primary-hover-color: #a8d634; --secondary-color: #00495d; --secondary-hover-color: #066c88; --primary-text-color: #242728; --secondary-text-color: #567277; --tertiary-text-color: #8ba2a5; --light-color: #e5e9ea; --mobiscroll-color: #79a802; --mobiscroll-hover-color: #a8d634; --color-alternativo: #FF8C00; } /* Davivienda's theme -- another theme */ .davivienda { --primary-color: #3f4246; --primary-hover-color: #77777a; --secondary-color: #ff671b; --secondary-hover-color: #ff8346; --primary-text-color: #111820; --secondary-text-color: #77777a; --tertiary-text-color: #a7a9ab; --light-color: #e6e9e9; --paper-color: white; // --mobiscroll-color: #ED1C24; --mobiscroll-color: #77777a; --mobiscroll-hover-color: #77777a; --color-alternativo: #ffcf01; --sidebar-color: white; --card-enti1: var(--color-alternativo); --card-enti2: var(--color-alternativo); --card-enti3: var(--color-alternativo); --card-enti4: var(--color-alternativo); --card-enti5: var(--color-alternativo); --card-enti6: var(--color-alternativo); --extra: SansaBold; --bold: SansaBold; --medium: SansaRegular; --reg: SansaRegular; --reg-italic: SansaItalic; --light-font: SansaLight; --light-italic: SansaLightItalic; --thin: SansaLight; --paragraph-font: var(--reg); --h5-font: var(--medium); --primary-btn-font: var(--medium); --secondary-btn-font: var(--reg); } td { vertical-align: middle !important; } .spinner { text-align: center; text-align: center; border-radius: 4px; margin-bottom: 20px; margin-top: 100px !important; padding: 30px 50px; margin: auto; .ant-spin { margin: auto; } } * { box-sizing: border-box; outline: none; padding: 0; margin: 0; text-decoration: none !important; } h2, h5 { color: white; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px white inset; box-shadow: 0 0 0 30px white inset; -webkit-text-fill-color: $primary; } html, body, #root, #app { background-color: #f0f2f5; height: 100%; --antd-wave-shadow-color: var(--secondary-color); } //____________________________________________________________ //___________fonts Grovity_______________________________ @font-face { font-family: 'ObjectiveBold'; src: local('ObjectiveBold'), url(../../assets/fonts/Objective-Bold.otf) format('opentype'); font-display: swap; } @font-face { font-family: 'ObjectiveExtra'; src: local('ObjectiveExtra'), url(../../assets/fonts/Objective-ExtraBold.otf) format('opentype'); font-display: swap; } @font-face { font-family: 'ObjectiveItalic'; src: local('ObjectiveItalic'), url(../../assets/fonts/Objective-Italic.otf) format('opentype'); font-display: swap; } @font-face { font-family: 'ObjectiveRegular'; src: local('ObjectiveRegular'), url(../../assets/fonts/Objective-Regular.otf) format('opentype'); font-display: swap; } @font-face { font-family: 'ObjectiveLight'; src: local('ObjectiveLight'), url(../../assets/fonts/Objective-Light.otf) format('opentype'); font-display: swap; } @font-face { font-family: 'ObjectiveLightItalic'; src: local('ObjectiveLightItalic'), url(../../assets/fonts/Objective-Light-Italic.otf) format('opentype'); font-display: swap; } @font-face { font-family: 'ObjectiveMedium'; src: local('ObjectiveMedium'), url(../../assets/fonts/Objective-Medium.otf) format('opentype'); font-display: swap; } @font-face { font-family: 'ObjectiveThin'; src: local('ObjectiveThin'), url(../../assets/fonts/Objective-Thin.otf) format('opentype'); font-display: swap; } //____________________________________________________________________________________________________ //___________________________________________________________________________________________________ //_______________________fonts davivienda_____________________________________________ @font-face { font-family: 'SansaBold'; src: local('SansationBold'), url(../../assets/fonts/davivienda/Sansation_Bold.ttf) format('truetype'); font-display: swap; } @font-face { font-family: 'SansaItalic'; src: local('SansationItalic'), url(../../assets/fonts/davivienda/Sansation_Italic.ttf) format('truetype'); font-display: swap; } @font-face { font-family: 'SansaRegular'; src: local('SansationRegular'), url(../../assets/fonts/davivienda/Sansation_Regular.ttf) format('truetype'); font-display: swap; } @font-face { font-family: 'SansaLight'; src: local('SansationLight'), url(../../assets/fonts/davivienda/Sansation_Light.ttf) format('truetype'); font-display: swap; } @font-face { font-family: 'SansaLightItalic'; src: local('SansationLightItalic'), url(../../assets/fonts/davivienda/Sansation_Light_Italic.ttf) format('truetype'); font-display: swap; } //__________________________________________________________________________________________________ //________________________________________________________________________________________________ #home { background-color: white !important; height: 100%; } body { background-image: url('https://i.ibb.co/Yj929PJ/bg.png'); overflow-x: hidden; } table #content { background: transparent !important; box-shadow: none !important; span { border: 1px solid rgba(0, 0, 0, .5); background: white !important; } span::after { border-color: #054759; } } //________________________________________________________________________________________________________________________________ //________________________________________________________________________________________________________________________________ //estilos genericos // botones primarios estilos basicos______________________ .btn-verde-basico { color: var(--paper-color); font-family: var(--primary-btn-font); background-color: var(--primary-color); border: none; border-radius: 2px; cursor: pointer; } .btn-verde-basico:hover { color: var(--paper-color); font-family: var(--primary-btn-font); background-color: var(--primary-hover-color); border: none; border-radius: 2px; cursor: pointer; } .btn-verde-basico:focus { color: var(--paper-color); font-family: var(--primary-btn-font); background-color: var(--primary-color); border: none; border-radius: 2px; cursor: pointer; } // botones secundarios estilos basicos____________________________ .btn-azul-basico { color: var(--paper-color); font-family: var(--secondary-btn-font); background-color: var(--secondary-color); border: none; border-radius: 2px; cursor: pointer; } .btn-azul-basico:hover { color: var(--paper-color); font-family: var(--secondary-btn-font); background-color: var(--secondary-hover-color); border: none; border-radius: 2px; cursor: pointer; } .btn-azul-basico:focus { color: var(--paper-color); font-family: var(--secondary-btn-font); background-color: var(--secondary-color); border: none; border-radius: 2px; cursor: pointer; } // botones rojos estilos basicos____________________________ .btn-danger-basico { color: var(--paper-color); font-family: var(--primary-btn-font); border: none; border-radius: 2px; cursor: pointer; } // botones calendario estilos basicos____________________________ .btn-calendar-basico { background-color: var(--mobiscroll-color); color: var(--paper-color); font-family: var(--primary-btn-font); border: none; border-radius: 2px; cursor: pointer; } .btn-calendar-basico:hover { background-color: var(--mobiscroll-hover-color); color: var(--paper-color); font-family: var(--primary-btn-font); border: none; border-radius: 2px; cursor: pointer; } .btn-calendar-basico:focus { background-color: var(--mobiscroll-color); color: var(--paper-color); font-family: var(--primary-btn-font); border: none; border-radius: 2px; cursor: pointer; } // font family para parrafos genericos__________________________ p { font-family: var(--paragraph-font); } // font family para h5 genericos__________________________________ h5 { font-family: var(--h5-font); } // modals ______________________________________________________________________ .ant-modal-close-x { svg{ color: var(--paper-color); } } .ant-modal-header { color: var(--paper-color); font-family: var(--bold); background-color: var(--secondary-color); .ant-modal-title { color: var(--paper-color); font-family: var(--bold); font-size: 160%; } } .icons { color: var(--primary-color); } .icons2 { color: var(--secondary-color); } .ant-spin-dot-item { background-color: var(--secondary-color); } // botones busqueda antd______________________________________ .ant-input-search-button { background-color: var(--secondary-color); border: none; } .ant-input-search-button:hover { background-color: var(--secondary-hover-color); border: none; } .ant-input-search-button:focus { background-color: var(--secondary-color); border: none; } //ant datepicker____________________________________________ .ant-picker-panel { .ant-picker-cell-selected .ant-picker-cell-inner { background-color: var(--secondary-color); } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background-color: var(--secondary-color); color: var(--paper-color); } .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { border: 1px solid var(--secondary-color); } .ant-picker-footer { .ant-picker-ranges { .ant-picker-ok { .ant-btn { background-color: var(--primary-color); border: none; } .ant-btn:hover { background-color: var(--primary-hover-color); border: none; } .ant-btn:focus { background-color: var(--primary-color); border: none; } } } } } //mobiscroll calendario principal y calendario agendar ______________________________________________________________________ .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content { background-color: var(--secondary-color); } .mbsc-mobiscroll .mbsc-segmented-content { border: 1px solid var(--secondary-color); color: var(--secondary-color); } .mbsc-ios .mbsc-cal-txt { background-color: var(--mobiscroll-color); color: var(--paper-color); } .mbsc-ios .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt { background-color: var(--secondary-color); color: var(--paper-color); border: none; } .mbsc-ios .mbsc-cal-today { color: var(--secondary-color); } .mbsc-mobiscroll .mbsc-fr-hdr, .mbsc-mobiscroll .mbsc-fr-btn { color: var(--secondary-color); } .mbsc-mobiscroll .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt { color: var(--paper-color); background-color: var(--secondary-color); } .mbsc-mobiscroll .mbsc-cal-days>div { border-bottom: solid 1px var(--secondary-color); color: var(--secondary-color); } .mbsc-mobiscroll .mbsc-event-list .mbsc-lv-gr-title { color: var(--secondary-color); } .mbsc-mobiscroll .mbsc-cal-today { color: var(--secondary-color) } .mbsc-ios .mbsc-fr-btn { color: var(--secondary-color); } .mbsc-mobiscroll.mbsc-rating .mbsc-progress-track { color: var(--secondary-color); } //tablas y modales viejos _____________________________________________________________________ input.form-control:focus, textarea.form-control:focus { background-color: var(--paper-color); } input.form-control, textarea.form-control { background-color: var(--paper-color); } .sign-up-form .form-group input, .sign-up-form .form-group textarea { color: var(--primary-text-color); } #text-filter-column-nombre_evento, #text-filter-column-nombre_archivo, #text-filter-column-nombre_creador{ color: var(--primary-text-color); } //____________________________________________________________________________________________________________________________ //____________________________________________________________________________________________________________________________ .customInput { span { background: transparent !important; } > label { margin: 0 !important; padding: 0; :first-child { left: 0 !important; } > span { color: rgba(93, 108, 112, 0.6); > input { padding-left: 0 !important; color: rgba(93, 108, 112, 0.6) !important; } } } } div .customInput { width: auto; padding: 0; } .customInput2 { span { background: white !important; color: rgba(93, 108, 112, 0.6); } } .customInput3 { span { background: #fafafa !important; color: rgba(93, 108, 112, 0.6); } > label { margin: 0 !important; padding: 0; :first-child { left: 0 !important; } > span { color: rgba(153, 158, 155, 0.6); padding-left: 3% !important; > input { padding-left: 3% !important; color: rgb(48, 49, 48) !important; } } } } div .customInput2 { width: auto; padding: 0; ::placeholder { color: black; } } div .customInput3 { width: 100% !important; padding: 0; color: $primary-green !important; ::placeholder { color: rgb(156, 154, 154); } } div .customInput3 { ::value { color: $primary-green; } } *:focus, *:active { text-shadow: none; box-shadow: none; outline: none; } a { color: inherit; } h2 { margin: 0 !important; } .flecha { display: none; } .buttoncomprarplanes { width: 100% !important; margin: 1rem 0; } div #content { background-color: white; align-items: center; min-height: 100%; display: flex; .example { background-color: white; } .h1-login { font-weight: bold; color: var(--secondary-color); } .form-login { background-color: #95C11F; border-radius: 5px; h1 { text-align: center; } .account-options { background-color: rgba(5, 73, 92, .05); padding: 0.5rem !important; border-radius: 5px; p, a { text-align: center; display: block; color: white !important; width: 100%; } } input { background-color: transparent; border: 0; border-bottom: 2px solid white; border-radius: 0; color: white; } .input-icon { position: relative; input { padding-right: 1.5em !important; } i { position: absolute; line-height: 1.5em; right: 0; top: 0; } } button { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; background-color: var(--secondary-color); border: 0; } ::placeholder { color: rgba(255, 255, 255, .6); } } } div #content-report { width: calc(100%); background-color: #F2F2F2; align-items: center; min-height: 100%; display: flex; float: right; .example { background-color: white; } .h1-login { font-weight: bold; color: var(--secondary-color); } .form-login { background-color: #95C11F; border-radius: 5px; h1 { text-align: center; } .account-options { background-color: rgba(5, 73, 92, .05); padding: 0.5rem !important; border-radius: 5px; p, a { text-align: center; display: block; width: 100%; } } input { background-color: transparent; border: 0; border-bottom: 2px solid white; border-radius: 0; color: white; } .input-icon { position: relative; input { padding-right: 1.5em !important; } i { position: absolute; line-height: 1.5em; right: 0; top: 0; } } button { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; background-color: var(--secondary-color) ; border: 0; } ::placeholder { color: rgba(255, 255, 255, .6); } } } .titulomentorias { font-size: 2.5rem !important; } .textomentorias { font-size: 1.5rem !important; padding-bottom: 5% !important; padding-top: 5% !important; } #formlogin { padding: 2rem 1rem; > div { width: 100%; > input { padding: .5rem; width: 100%; } } .opt_crear_cuenta { text-align: center; p, a { width: 100%; } } } .formp { > input { margin: 1rem 0 0 0 !important; width: 100% !important; } > input:last-child { margin-bottom: 1rem !important; } } #topbar { background-color: var(--secondary-color); position: fixed; line-height: 60px; text-align: right; max-height: 60px; min-height: 60px; padding: 1rem; z-index: 999; width: 100%; .nombre_entidad { right: calc(2rem + 40px); position: absolute; line-height: 60px; color: white; top: 0; } .circle_logo { background-color: rgba(0, 0, 0, .3); line-height: calc(60px - 1rem); height: calc(60px - 1rem); width: calc(60px - 1rem); text-align: center; position: absolute; border-radius: 50%; right: 1rem; top: .5rem; span { color: white; } } } .authenticated { padding-top: 60px; } div #content { box-shadow: inset 3px 0 1px rgba(0, 0, 0, .3); } .change_password { box-shadow: inset 3px 0 1px rgba(0, 0, 0, .3); .form_change_password { box-shadow: 0 0 10px rgba(0, 0, 0, .8); margin: 20%; } input[type='submit'] { transition: all .5s; } input[type='submit']:hover { background-color: var(--secondary-color); } } .btns_lista_mentoria button { width: 100%; } #tableUsers { overflow-wrap: break-spaces; table-layout: fixed; td { overflow-x: hidden !important; } } table td:nth-child(n+2), table th:nth-child(n+2) { display: none; } thead { background-color: var(--secondary-color); color: white; } .table_with_buttons button { width: 100%; } #formedit { color: $primary; h2 { color: $primary; } #inputedit { padding: .5rem 0; background-color:#f0f2f5; color: rgb(39, 41, 44); } } .i_entidad { margin: 0 !important; .bar_right { .row { flex-direction: column-reverse; margin: 0; * { text-align: center; } } } .opts { button, a { width: 100% !important; } .row { margin: 0 !important; } } } .imagen_modelo { width: calc((100% - 30px) - 2rem); position: absolute; border-radius: 50%; left: 2rem; top: 1rem; } .mentor { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); text-align: center; position: relative; max-width: 300px; padding: 1rem; margin: auto; img { width: 100%; } .title { color: grey; font-size: 18px; } button { border: none; outline: 0; display: inline-block; padding: 8px; color: white; background-color: var(--secondary-color); text-align: center; cursor: pointer; width: 100%; font-size: 18px; margin-top: 1rem; position: relative; } p { position: relative; margin: 0; } } .indicador { display: flex; justify-content: space-between; align-items: center; } .indicadoresInput { width: -webkit-fill-available; ::placeholder { color: grey !important; } } input.form-control, textarea.form-control { background-color: var(--paper-color); border-radius: 0; border: 0; border-bottom: 1px solid grey; color: var(--primary-text-color); &:focus { background-color: var(--paper-color); border-bottom: 1px, solid $border-primary; } } #indicadores_mentor { div > label > span:nth-child(1) { max-width: calc(100% - .875em); text-overflow: ellipsis; overflow: hidden; } } // Extra small devices (portrait phones, less than 576px) // No media query since this is the default in Bootstrap // Small devices (landscape phones, 576px and up) @media (max-width: 1000px) { .change_password { box-shadow: inset 3px 0 1px rgba(0, 0, 0, .3); .form_change_password { box-shadow: 0 0 10px rgba(0, 0, 0, .8); margin: 10%; } input[type='submit'] { transition: all .5s; } input[type='submit']:hover { background-color: var(--paper-color); } } .customeractions { width: 140px !important; background: #95C11F; color: white; border: none; } .customeractions2 { background: #95C11F; padding: 1%; color: white; font-weight: bold; align-self: center; margin-right: 1rem; margin-bottom: 2%; border: none; } .customeractionsCrear { background: #52ccc4 !important; border: none; width: 160px !important; color: white; font-weight: bold; } #mlb2-2405245.ml-form-embedContainer .ml-form-align-center { position: relative; left: 0px; top: 0px; width: 100%; .ml-form-embedBody.ml-form-embedBodyDefault.row-form { .ml-form-embedContent { margin-bottom: 1%; h4{ font-size: 3.5vw; } p{ font-size: 2.5vw; } } .ml-block-form .ml-form-formContent { label { font-size: 2.8vw; } input { height: 25px; } } .ml-block-form .ml-form-checkboxRow { label .checkbox { input { height: 10px; width: 10px; } .label-description { font-size: 1.5vw; } } } } } .indicadores-form { h2 { color: #0c5460; } .form-group { padding-bottom: 20px; .row { display: block; } input, textarea { font-size: 20px; color: black; width: 100% !important; } div { padding: 0; } label { margin-bottom: 0 ; margin-top: 10% ; } .fecha { border: none; } #id_indicador { width: 100% !important; } } button { width: 100%; font-size: 20px; font-weight: bold; padding: 15px; border-radius: 50px; margin-top: 20px; background: #94c11f; border: 1px solid #94c11f; .spinner-border { width: 25px; height: 25px; } } } .post { grid-template-columns: 1fr; } .post a, .post button { padding: 0.3rem 0.4rem; } #home > header > div.logo-wrapper > i { background: url('/static/imgs/nuevo_home/large/bitmap.png') no-repeat center; display: inline-block; height: 75px; margin-top: 20px; margin-left: 0 !important; } #menu > div > div:nth-child(3) > div > button { margin-right: 2% !important; } #home > header > div.login-wraper, .bm-burger-button { margin-top: -20px; } #home > header > div.logo-wrapper > span, #app > header > div.logo-wrapper > span:nth-child(4), #app > header > div.logo-wrapper > span:nth-child(2) { display: none !important; } #home > div > div > h1 { font-size: 15px !important; top: 7% !important; } #home > div > div > p { display: none; } #home > div > div > a > button { top: 0% !important; margin-left: 50%; width: 35% !important; img { width: 15px !important; } } #home > div > div > a > button > span { font-size: 10px !important; } // banner section .banner { &-text-wrapper { width: 40%; padding-right: 114px; height: 265px; position: absolute; margin: auto; top: 0; bottom: 0; } h1 { font-size: 3vw; position: absolute; width: 45%; top: 4%; left: 6% !important; color: white; font-family: ObjectiveBold; padding-top: 18%; padding-bottom: 10%; } p { font-size: 2vw; position: absolute; width: 40%; top: 4%; left: 6% !important; margin-top: 1%; color: white; font-family: ObjectiveThin; padding-top: 25%; padding-bottom: 22%; } button { position: absolute; font-weight: bold; color: white; font-size: 1.5vw; width: 20%; height: 2%; padding-left: 8px; top: 4%; left: 6% !important; background: transparent; border: 1px solid $primary-green; font-family: ObjectiveBold; margin-top: 30%; img { width: 10%; margin-left: 5%; } } } // footer .sectionFooter { display: grid; width: 100%; .logo img { width: 50%; height: auto; padding-top: 3%; padding-left: 5%; } .navPage { padding-left: 3%; padding-top: 3%; .ant-row { display: flex; .ant-col { width: 40%; padding-bottom: 3%; h5 { font-family: "ObjectiveMedium"; font-size: 1.4vw; color: #b2dde7; padding-top: 10%; } .redes { padding-top: 10%; margin-bottom: 0; } p { font-family: "ObjectiveRegular"; font-size: 1.2vw; color: #7fb5be; padding: 0%; margin: 0; } img { width: 20%; padding-left: 3%; } } } } .copyRight { height: 20px !important; .ant-col { h6 { font-family: "ObjectiveRegular"; color: white; padding-top: 1%; font-size: 0.7vw; img { width: 1.8%; } } } } } // thanks pagaes banner .banner-thanks { svg { display: block; margin-left: -30px; padding-top: 20%; } > div { display: inline-block; } &-text-wrapper { width: 40%; padding-right: 114px; height: 265px; position: absolute; margin: auto; top: 0; bottom: 0; p { font-size: 2vw; margin: 50px 0 60px; font-family: "ObjectiveBold"; } a { display: inline-block; .ant-btn { height: 40px; font-size: 16px; border-radius: 20px; padding: 10px 24px; &:hover { box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4); transform: translateY(-4px); } } } } h1 { font-size: 4vw; text-align: center; position: absolute; width: 57%; top: 5% !important; left: 23% !important; color: white; font-family: ObjectiveExtra; padding-top: 12%; padding-bottom: 10%; } .submsg { font-size: 2.5vw; text-align: center; position: absolute; width: 60%; top: 2% !important; left: 21% !important; margin-top: 1%; color: white; font-family: ObjectiveLight; padding-top: 25%; padding-bottom: 3%; } .submsg2 { font-size: 2vw; text-align: center; position: absolute; width: 40%; top: 7% !important; left: 32% !important; margin-top: 1%; color: white; font-family: ObjectiveLight; padding-top: 25%; padding-bottom: 2% !important; } button { position: absolute; text-align: left; font-weight: bold; color: white; font-size: 2vw !important; width: 16% !important; height: 3.5% !important; top: 10% !important; left: 43% !important; margin-top: 1%; background: transparent; border: 2px solid $primary-green; font-family: ObjectiveBold; margin-top: 30%; img { display: none; width: 30% !important; margin-left: 7%; } } } // login section .fondo-login { background-color: var(--fondo-marca-color); background-image: var(--fondo-marca); width: 100%; // Antes: height fijo de 900px. El formulario se desbordaba de la tarjeta // blanca y los enlaces del pie quedaban sobre el fondo, ilegibles. min-height: 100vh !important; height: auto !important; padding-bottom: 40px; background-size: cover !important; .back-arrow { display: block; margin-left: 13%; margin-top: 5%; .anticon-arrow-left { color: white; font-size: 6vw; } } .main-row { display: flex; justify-content: center; .loginContainer { width: 80% !important; height: auto; // padding: 0% !important; // border-radius: 15px; // box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.55); .secondary-row{ display: block !important; .login-pic { background-color: var(--fondo-marca-color); background-image: var(--panel-marca); background-size: cover; width: 100% !important; height: 250px !important; border-radius: 15px 15px 0px 0px !important; box-shadow: 3px 0px 7px rgba(0, 0, 0, 0.6); z-index: 1; .logo-login { width: 60%; } h2 { position: absolute; font-family: "ObjectiveMedium"; font-size: 3.5vw !important; top: 85% !important; left: 8%; } } .login-form-col { background-color: white; width: 100% !important; height: auto !important; padding-bottom: 28px !important; padding: 0% !important; border-radius: 0px 0px 15px 15px !important; box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.55); } } } } } // login form .login-form-container { justify-content: center; width: 100%; padding-top: 40px; .ant-row { display: flex; justify-content: center; align-items: center; .ant-col { .ant-switch { margin-left: 10%; padding-left: 20%; padding-right: 20%; background-color: $primary; } h2 { color: $primary; font-family: "ObjectiveBold"; font-size: 5.5vw; text-align: center; position: relative; padding-top: 10%; } .sing-in-social-networks { padding-top: 8%; padding-bottom: 8%; } p { text-align: center; font-family: "ObjectiveLight"; font-size: 3vw; color: #567277; } } Form { width: 70%; padding-top: 5%; .login-form-forgot { text-align: center; font-family: "ObjectiveLight"; color: #567277; font-size: 2vw; } hr { margin-bottom: 0px; margin-top: 0px; } .login-form-button { background-color: $primary-green; border: none; margin-bottom: 5%; } } } } // Escuela de juntas // nav bar escuela juntas .header-escuela { position: fixed; z-index: 1000; height: 64px; padding: 0; width: 100%; background: transparent; &.show-shadow { background: #FDFDFD; box-shadow: 0 2px 8px rgba(229, 229, 229, 0.5); } .logo { background: url('../../assets/images/escuelaJuntas/small/Artboard\ 5@0\,25x.png') no-repeat center; display: inline-block; width: 120px; height: 75px; margin-top: 0px; margin-left: 0px; &-wrapper { display: inline-block; height: 100%; line-height: 64px; } } .login-wraper { display: inline-block; vertical-align: top; position: fixed; height: 30px; right: 70px; top: 15px; font-size: 20px; span { color: white; font-size: 2.5vw; } #lineWhite { border-left: 1px solid #05ddd7; padding-left: 15px; height: 10px; margin-right: -5px; margin-left: 10px; margin-top: 60px; } } } .header-scroll-escuela { position: fixed; z-index: 1000; height: 120px; padding: 0; width: 100%; background: rgba(255, 255, 255, 0.7); &.show-shadow { background: #FDFDFD; box-shadow: 0 2px 8px rgba(229, 229, 229, 0.5); } .logo { background: url('../../assets/images/escuelaJuntas/small/Artboard\ 5\ copy@0\,25x.png') no-repeat center; display: inline-block; width: 120px; height: 45px; margin-top: 65px; margin-left: 0px; &-wrapper { display: inline-block; height: 100%; line-height: 64px; } } .login-wraper { display: inline-block; vertical-align: top; position: fixed; height: 30px; right: 70px; top: 70px; font-size: 20px; span { color: #2b2b2b; font-size: 2.5vw; } #lineWhite { border-left: 1px solid #05ddd7; padding-left: 15px; height: 10px; margin-right: -5; margin-left: 10px; margin-top: 60px; } } } // banner escuela juntas .banner-escuela-juntas { svg { display: block; margin-left: -30px; padding-top: 20%; } > div { display: inline-block; } &-text-wrapper { width: 40%; padding-right: 114px; height: 265px; position: absolute; margin: auto; top: 0; bottom: 0; p { font-size: 2vw; margin: 50px 0 60px; font-family: "ObjectiveBold"; } a { display: inline-block; .ant-btn { height: 40px; font-size: 16px; border-radius: 20px; padding: 10px 24px; &:hover { box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4); transform: translateY(-4px); } } } } h1 { font-size: 3vw; position: absolute; width: 40%; top: 0%; left: 6% !important; margin-top: 11%; color: white; font-family: ObjectiveBold; padding-top: 12%; padding-bottom: 10%; } p { font-size:1.8vw; position: absolute; width: 40%; top: 0%; left: 6% !important; margin-top: -5%; color: #05ddd7; font-family: ObjectiveThin; padding-top: 25%; padding-bottom: 3%; } } #mlb2-2542961.ml-form-embedContainer .ml-form-align-center { position: relative; left: 0%; top: 34%; } #mlb2-2882482.ml-form-embedContainer .ml-form-align-center { position: relative; left: 0%; top: 34%; } // descripcion juntas .descripcion-escuela { background: white; color: $primary; font-family: ObjectiveMedium; display: flex; justify-content: center; .ant-col { padding: 4%; p { font-family: "ObjectiveBold"; color: #454545; font-size: 100%; text-align: center; text-justify: inter-word; } } } //con juntas podra .con-juntas-podra { background: #2b2b2b; .containerJuntasPodra { width: 90%; } .ant-col { background-color: #2b2b2b; padding: 2%; .ant-row.title { position: relative; display: flex; justify-content: center; margin-top: 1.5%; margin-bottom: 2%; h2 { color: #05ddd7; padding-bottom: 3%; font-family: "ObjectiveMedium"; font-size: 3.5vw; } hr { position: absolute; z-index: 1; border-width: 1px; border-color: #05ddd7; width: 55% !important; margin-top: 6% !important; } } .ant-row { display: flex; justify-content: space-around; width: 100%; .ant-col { width: 19%; padding-bottom: 5%; padding-top: 3%; padding-left: 30%; img { margin-left: 32%; background-color: white; } p { display: block; text-align: center; color: white; font-family: ObjectiveLight; font-size: 2.5vw; padding-bottom: 6%; padding-top: 20%; } } } } } // aprendera escuela juntas .aprendera-escuela { background: #686866; .containerAprendera { width: 90%; } .ant-col { background-color: #686866; padding: 2%; .ant-row.title { position: relative; display: flex; justify-content: center; margin-top: 3%; margin-bottom: 2%; h2 { color: #05ddd7; padding-bottom: 2%; font-family: "ObjectiveMedium"; font-size: 3.5vw; } hr { position: absolute; border-width: 1px; border-color: #05ddd7; width: 35%; margin-top: 6%; } } p { margin-left: 14%; font-size: 2.5vw; font-family: "ObjectiveLight"; color: white; text-align: left; text-justify: inter-word; padding-top: 0%; padding-right: 7%; } } } // contador escuela juntas .fondo-contador-escuela { background-color: white; text-align: center; //padding-bottom: 3%; .mentores-section2 { margin: auto; padding-top: 2%; background-color: white; .contador { position: relative; display: flex; justify-content: space-around; margin-top: 0%; h1 { font-family: 'ObjectiveBold'; font-size: 6vw !important; color: #686866; } h3 { font-family: 'ObjectiveBold'; font-size: 4vw !important; color: #05ddd7; } } .ant-row { margin-top: 2%; justify-content: center; .ant-col { hr { margin-bottom: 5%; border-color: #686866; } h4 { color: #686866; font-family: ObjectiveMedium; font-size: 110% !important; margin-bottom: 2%; margin-top: 3%; } h5 { color: #05ddd7; font-family: 'ObjectiveBold'; font-size: 170% !important; margin-bottom: 3%; } h6 { color: #bababa; font-family: "ObjectiveRegular"; //opacity: 60%; font-size: 2.8vw; } p { color: #686866; font-family: ObjectiveThin !important; font-size: 90% !important; } } } } .boton-contador-escuela { align-items: center; align-self: center; justify-content: center; .menu-item { .button-call { background-color: #05ddd7; border-radius: 8px; border-width: 0px; padding: 3%; margin-bottom: 10%; width: 105%; height: 25%; span { color: white; font-size: 100% !important; font-family: ObjectiveMedium; } } } } } // trainers escuela juntas .escuela-trainers { background: #ededed; .containerEscuelaTrainers { width: 90%; } .ant-col { background-color: #ededed; padding: 2%; .ant-row.title { position: relative; display: flex; justify-content: center; margin-top: 1.5%; //margin-bottom: 2%; h2 { color: #2b2b2b; padding-bottom: 2%; font-family: "ObjectiveMedium"; font-size: 1vw !important; } hr { position: absolute; z-index: 1; border-width: 1px; border-color: #2b2b2b; width: 35%; margin-top: 7%; } } .trainer-item { //padding: 3%; display: flex; justify-content: center; margin-top: 3%; .card { background-color: transparent; border-width: 0px; #img-1 { margin: auto; //margin-top: 8%; width: 180px; height: 180px; border-radius: 50%; box-shadow: -5px -5px #2b2b2b, 5px 5px #05ddd7; } .card-body { text-align: center; } } .nombre { font-family: "ObjectiveRegular"; color: #05ddd7; margin-bottom: 0%; margin-top: 3%; font-size: 2.8vw; } .apellidos { font-family: "ObjectiveRegular"; color: #2b2b2b; margin-bottom: 7%; font-size: 3vw; } .subtitulos { font-family: "ObjectiveLightItalic"; font-size: 2.5vw; color: #567277; } } } } // call to action escuela juntas .fondo-call-escuela { background-color: white; text-align: center; padding-bottom: 3%; .mentores-section2 { margin: auto; padding-top: 2%; .ant-row { margin-top: 2%; justify-content: center; .ant-col { h4 { color: #686866; font-family: ObjectiveMedium; font-size: 115%; margin-bottom: 4%; } h1 { color: #2b2b2b; font-family: ObjectiveBold; font-size: 170%; margin-bottom: 0; } } } } .call-to-action-escuela { align-items: center; align-self: center; justify-content: center; .menu-item { .button-call { background-color: #05ddd7; border-radius: 8px; border-width: 0px; padding: 3%; margin-bottom: 5%; width: 101%; height: 25%; span { color: white; font-size: 100%; font-family: ObjectiveMedium; } } } } } //footer escuela juntas .sectionFooterJuntas { display: grid; width: 100%; background-color: #2b2b2b; .title{ display: grid; justify-items: center; padding-top: 3%; h2 { color: white; text-align: center; font-size: 4vw; } } .logos { justify-content: space-around; .logo img { justify-self: center; margin-left: 0% !important; } } .copyRight { background-color: #191919; height: 40px !important; align-items: center; .ant-col { h6 { font-family: "ObjectiveRegular"; color: white; padding-top: 1%; font-size: 1.7vw !important; img { width: 1.8%; } } } } } // bootcamp emprendedores // banner bootcamp .banner-bootcamp { svg { display: block; margin-left: -30px; padding-top: 20%; } > div { display: inline-block; } &-text-wrapper { width: 40%; padding-right: 114px; height: 265px; position: absolute; margin: auto; top: 0; bottom: 0; p { font-size: 2vw; margin: 50px 0 60px; font-family: "ObjectiveBold"; } a { display: inline-block; .ant-btn { height: 40px; font-size: 16px; border-radius: 20px; padding: 10px 24px; &:hover { box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4); transform: translateY(-4px); } } } } h1 { font-size: 4vw; position: absolute; width: 50%; top: 0%; left: 6% !important; margin-top: 11%; color: white; font-family: ObjectiveBold; padding-top: 12%; padding-bottom: 10%; } p { font-size:2.3vw; position: absolute; width: 40%; top: 0%; left: 6% !important; margin-top: -5%; color: white; font-family: ObjectiveThin; padding-top: 25%; padding-bottom: 3%; } } #mlb2-2405245.ml-form-embedContainer .ml-form-align-center { position: relative !important; left: 0% !important; top: 34%; } //descripcion bootcamp .descripcion-bootcamp { background: white; color: $primary; font-family: ObjectiveMedium; display: flex; justify-content: center; .ant-col { padding: 4%; p { font-family: "ObjectiveBold"; color: #00495d; font-size: 100% !important; text-align: center; text-justify: inter-word; } } } // bootcamp podra .bootcamp-podra { //background: #2b2b2b; .containerBootcampPodra { width: 90%; } .ant-col { background-color: white; padding-top: 2%; .ant-row.title { position: relative; display: flex; justify-content: center; margin-top: 1.5%; margin-bottom: 2%; margin-right: 0px; h2 { color: #00495d; padding-bottom: 1%; font-family: "ObjectiveMedium"; font-size: 3.8vw; } } .ant-row { display: flex; justify-content: space-evenly; width: 100%; margin: 0px; .bootcamp-1 { background-color: #567277; //height: 100%; h1 { text-align: center; color: white; font-family: "ObjectiveExtra"; margin-top: 10%; } } .bootcamp-2 { background-color: #012a33; h1 { text-align: center; color: white; font-family: "ObjectiveExtra"; margin-top: 10%; } } .bootcamp-3 { background-color: #00495d; h1 { text-align: center; color: white; font-family: "ObjectiveExtra"; margin-top: 10%; } } .bootcamp-4 { background-color: #8dbb1f; h1 { text-align: center; color: white; font-family: "ObjectiveExtra"; margin-top: 10%; } } .ant-col { width: 25%; padding-bottom: 3%; padding-top: 2%; //padding-left: 30%; img { margin-left: 32%; background-color: white; } p { display: block; text-align: center; color: white; font-family: ObjectiveLight; font-size: 2.5vw; padding-bottom: 6%; padding-top: 10%; padding-left: 7%; padding-right: 7%; } } } } } // aprendera bootcamp .aprendera-bootcamp { background: #686866; .containerBootcamp { width: 90%; } .ant-col { background-color: white; padding: 2%; .ant-row.title { position: relative; display: flex; justify-content: center; margin-top: 3%; margin-bottom: 2%; h2 { color: #00495d; padding-bottom: 2%; font-family: "ObjectiveMedium"; font-size: 3.5vw; } hr { position: absolute; border-width: 1px; border-color: #00495d; width: 35%; margin-top: 6%; } } p { margin-left: 14%; font-size: 2.8vw !important; font-family: "ObjectiveLight"; color: #567277; text-align: left; text-justify: inter-word; padding-top: 0%; padding-right: 7%; } } } // contador bootcamp .fondo-contador-bootcamp { background-color: white; text-align: center; //padding-bottom: 3%; .mentores-section2 { margin: auto; padding-top: 2%; background-color: #00495d; .contador { position: relative; display: flex; justify-content: space-around; margin-top: 0%; h1 { font-family: 'ObjectiveBold'; font-size: 6vw !important; color: #8dbb1f; } h3 { font-family: 'ObjectiveBold'; font-size: 4vw !important; color: white; } } .ant-row { margin-top: 2%; justify-content: center; .ant-col { h4 { color: white; font-family: ObjectiveMedium; font-size: 120% !important; margin-bottom: 2%; margin-top: 3%; } h5 { color: #8dbb1f; font-family: 'ObjectiveBold'; font-size: 210% !important; margin-bottom: 3%; } h6 { color: #0792a0; font-family: "ObjectiveRegular"; //opacity: 50%; font-size: 2.8vw; } p { color: white; font-family: ObjectiveThin !important; font-size: 90% !important; } } } } .boton-contador-escuela { align-items: center; align-self: center; justify-content: center; .menu-item { .button-call { background-color: #8dbb1f; border-radius: 8px; border-width: 0px; padding: 3%; margin-bottom: 10%; width: 105%; height: 25%; span { color: white; font-size: 100% !important; font-family: ObjectiveMedium; } } } } } // trainers bootcamp .bootcamp-trainers { background: #ededed; .containerBootcampTrainers { width: 90%; } .ant-col { background-color: #012a33; padding: 2%; //justify-content: center; .ant-row.title { position: relative; display: flex; justify-content: center; margin-top: 1.5%; //margin-bottom: 2%; h2 { color: #8dbb1f; padding-bottom: 1%; font-family: "ObjectiveMedium"; font-size: 3.5vw !important; } hr { position: absolute; z-index: 1; border-width: 1px; border-color: #8dbb1f; width: 35%; margin-top: 5% !important; } } .trainer-item { //padding: 3%; display: flex; justify-content: center; margin-top: 3%; .card { background-color: transparent; border-width: 0px; #img-1 { margin: auto; //margin-top: 8%; width: 180px !important; height: 180px !important; border-radius: 50%; box-shadow: -5px -5px #00495d, 5px 5px #8dbb1f; } .card-body { text-align: center; } } .nombre { font-family: "ObjectiveRegular"; color: white; margin-bottom: 0%; margin-top: 3%; font-size: 2.7vw !important; } .apellidos { font-family: "ObjectiveRegular"; color: #8dbb1f; margin-bottom: 7%; font-size: 3vw !important; } .subtitulos { font-family: "ObjectiveLightItalic"; font-size: 2.5vw !important; color: white; } } } } //call to action bootcamp .fondo-call-bootcamp { background-color: white; text-align: center; padding-bottom: 3%; .mentores-section2 { margin: auto; padding-top: 2%; .ant-row { margin-top: 2%; justify-content: center; .ant-col { h4 { color: #567277; font-family: ObjectiveMedium; font-size: 115% !important; margin-bottom: 2%; } h1 { color: #00495d; font-family: ObjectiveBold; font-size: 170% !important; margin-bottom: 0; } } } } .call-to-action-bootcamp { align-items: center; align-self: center; justify-content: center; .menu-item { .button-call { background-color: #8dbb1f; border-radius: 8px; border-width: 0px; padding: 3%; margin-bottom: 5%; width: 101%; height: 25%; span { color: white; font-size: 100% !important; font-family: ObjectiveMedium; } } } } } } // Medium devices (tablets, 768px and up) @media (min-width: 768px) { .i_entidad { padding-left: 6rem !important; .bar_right { background-color: #004b61; padding: 1rem 3rem; position: relative; color: white; width: 100%; .row { flex-direction: initial; } img { height: calc(100% + 8rem); position: absolute; border-radius: 50%; top: -4rem; } .borde { height: calc(100% + 10rem); left: -.0rem; top: -5rem; } .imagen_modelo { width: auto; left: 1rem; } } } .btns_lista_mentoria button { width: 30%; } .post { grid-template-columns: 1fr; } .post a, .post button { padding: 0.3rem 0.4rem; } table td:nth-child(n+2), table th:nth-child(n+2) { display: table-cell; } .table_with_buttons button { width: auto; } #contformsmentor { margin: auto !important; width: 800px !important; height: auto !important; margin-left: 5% !important; } #formedit { max-width: 750px !important; background-color: #f0f2f5; padding: .5rem 2rem; position: relative; margin: 0 auto; color: gray; } .customeractions2 { background: #95C11F; padding: 1%; color: white; font-weight: bold; align-self: center; margin-right: 1rem; border: none; } .formp { > input { margin: 0 1rem 0 0 !important; width: auto !important; } > input[type="submit"] { margin: 0 !important; } } .flecha { display: block; } #content2 { background-color: var(--paper-color); min-width: -webkit-fill-available !important; align-items: center; min-width: 100% !important; min-height: 50%; } .buttoncomprarplanes { width: 65% !important; } #formlogin { .opt_crear_cuenta { p { float: left; } p, a { width: auto !important; } } } } // Large devices (desktops, 992px and up) @media (min-width: 922px) { .cards-home .col { min-width: 0 !important; } .customeractionsCrear { background: #52ccc4 !important; border: none; width: 160px !important; height: 40px !important; color: white; font-weight: bold; text-align: center; } #content { .row { height: 100%; } .table_filter .row { height: auto !important; } .h1-login { font-size: 4rem; } .form-login { h1 { text-align: center; } h1, input, > div { margin-bottom: 2rem !important; } > div:last-child { margin-bottom: 0 !important; } .account-options { justify-content: space-between; display: flex; p, a { width: auto; } } button { font-weight: bolder !important; padding: .5rem !important; padding-right: 6rem !important; position: relative; right: -3rem; } } } .titulomentorias { font-size: 3.5rem !important; } .textomentorias { font-size: 2.5rem !important; padding-bottom: 0% !important; padding-top: 0% !important; margin-bottom: 0% !important; } .descriptionmentor { margin: 0 auto; } /*Inicia sección registro */ #formregister2 { background-color: var(--paper-color); margin-top: 0%; padding-top: 5%; width: 900px; text-align: center !important; margin-bottom: 2% !important; } #formregister { background-color: #05495c; color: white; margin-top: 0 !important; height: 100%; width: 900px; margin: auto !important; margin-bottom: 2% !important; } #titleregister { font-size: 2.7em !important; padding: 0% !important; padding-top: 4% !important; } #inputregister { margin: 2% !important; width: 95%; background-color: var(--paper-color); color: white; border-left: white; border-right: white; border-top: white; border-radius: 0%; font-size: 1.3em; } #registropersonatext { text-align: center; font-size: 0.8em; margin: 2%; margin-top: 5%; padding: 0 !important; font-size: 1.5em !important; } #registropersonatext2 { font-weight: bold; text-decoration: underline; text-align: center; color: white; margin-top: 0% !important; } #buttonregistro { background-color: #95C11F; font-weight: bold; margin: auto !important; width: 45% !important; border: none; padding: 1%; font-size: 1.5em; } #circles { border-radius: 50%; background: repeating-linear-gradient( -45deg, #94c11f, transparent 10px, #94c11f 10px, transparent 20px ); width: 80px !important; height: 80px !important; text-align: right; margin-left: 85% !important; margin-top: -18% !important; margin-bottom: 0 !important; } /*Termina sección registro */ /*Inicia sección home institucional */ #rowsHomeInst { height: 300px !important; } #contentInst { margin-top: 5%; } /*Inicia sección home institucional */ /*Inicia sección mentoria data detail institucional */ #colmentoriadetail2 { display: inline-block; padding-top: 0; margin-top: 0; text-align: justify !important; } .mentorship-data { margin-top: 8%; margin-left: 10% !important; width: 800px; text-align: left !important; height: auto !important; } #colmentoriadetail { position: relative; display: inline-block; text-align: center; margin-top: 0% !important; height: inherit; } .customers-actions { text-align: center !important; margin-top: 5%; } #uservolver { width: 17% !important; font-size: 20px; font-weight: bold; padding: 10px; border-radius: 10px; margin-top: 20px; background: #94c11f; border: 1px solid #94c11f; } /*Termina sección mentoria data detail institucional */ /*Inicia sección mentor data detail institucional */ #mentoraction { width: 200px; margin-top: 6%; background: #95C11F; border-radius: 10%; } /*Termina sección mentor data detail institucional */ /*Inicia sección forms editar-crear mentor-emprendedor */ #contformsmentor { margin: auto !important; width: 800px !important; height: auto !important; } #formedit { background-color: #f0f2f5; width: 800px !important; color: $primary; } #inputedit { width: 100%; background-color: #f0f2f5; border-left: white; border-right: white; border-top: white; border-radius: 0%; font-size: 1.3em; padding: 2% 0 !important; } .customeractions { width: 240px !important; background: #95C11F; color: white; border: none; } #circles2 { border-radius: 50%; background: repeating-linear-gradient( -45deg, #94c11f, transparent 10px, #94c11f 10px, transparent 20px ); pointer-events: none; height: 80px !important; width: 80px !important; position: absolute; text-align: right; z-index: 998; right: -40px; top: 40px; } #circles3 { background: repeating-linear-gradient( -45deg, #94c11f, transparent 10px, #94c11f 10px, transparent 20px ); pointer-events: none; height: 80px !important; width: 80px !important; position: absolute; border-radius: 50%; text-align: right; z-index: 998; bottom: 40px; left: -40px; } .customers-actions { margin-top: -5% !important } /*Termina sección forms editar-crear mentor-emprendedor */ /*Inicia sección tabla listado usuarios */ #content3 { margin: auto; height: auto; } #tableUsers { margin: 0 !important; td { overflow-x: hidden !important; } } .pinicio { display: inline-block; text-align: center !important; padding-left: 20%; } #img_inicio_sesion { width: 130%; height: 90%; margin-top: 4.9%; display: inline-block !important; } .row_inicio_sesion { margin-left: 0% !important; } .contform_inicio_sesion { margin: auto !important; width: 800px !important; height: auto !important; margin-left: 5% !important; } #formlogin { background-color: $primary; position: relative; padding: 2rem; color: $primary; } #contentHomeUser { margin: auto !important; } .botones { background: #95C11F; color: white; font-weight: bold; width: 35% !important; padding: 1%; //border-radius: 8px; margin-bottom: 2%; } .alert_div { margin-left: 10% !important; margin-right: 10% !important; margin-bottom: 0% !important; } .form_inte { width: 450px !important; } .customeractions2 { background: #95C11F; padding: 1%; color: white; font-weight: bold; align-self: center; margin-right: 1rem; border: none; } .customeractions_delete { background: red; padding: 1% !important; color: white; font-weight: bold; align-self: center; margin-right: 1rem; width: 7%; border: none; } .customeractionsCrear { padding: 1% !important; color: white; font-weight: bold; align-self: center; margin-right: 1rem; width: 7%; border: none; } .customeractions_post { background: #95C11F; padding: 1.5% !important; color: white; font-weight: bold; border-radius: 8px; align-self: center; margin-right: 1rem; width: 10% !important; } .customeractions_like { background: grey; padding: 1% !important; color: white; font-weight: bold; align-self: center; margin-right: 1rem; width: 10% !important; border: none; } div .customeractions2:last-child { margin: 0; } .btns_lista_mentoria button { margin-right: 1rem; } .btns_lista_mentoria button:last-child { margin: 0; } .btns_lista_mentoria { text-align: right !important; } .btns_lista_mentoria button { width: 32%; } .titulosListados3 { color: #94c11f; font-weight: bold; position: relative; text-align: center; } #content2 { width: calc(100% - 60px); background-color: #05495c; align-items: center; min-height: 50%; width: 100% !important; } /*Inicia sección posts */ .lead { font-size: 1.5rem; margin-bottom: 1rem; } .round-img { border-radius: 50%; } .post .comment-count { background: var(--light-color); color: var(--primary-color); padding: 0.1rem 0.2rem; border-radius: 5px; font-size: 0.8rem; } .post-form .post-form-header { background: var(--primary-color); padding: 0.5rem; } .post { display: grid; grid-template-columns: 1fr 4fr; grid-gap: 2rem; align-items: center; } .post > div:first-child { text-align: center; } .post img { width: 100px; } .post .comment-count { background: var(--light-color); color: var(--primary-color); padding: 0.1rem 0.2rem; border-radius: 5px; font-size: 0.8rem; } .post .post-date { color: #aaa; font-size: 0.8rem; margin-bottom: 0.5rem; } button.btn_registro { background: #94c11f; position: absolute; display: inline !important; margin: 0; margin-bottom: 10% !important; } } #hpi { float: right; margin: 0 0 0 15px; } #divModificado { padding: 0.75rem; } #ppi { margin-bottom: 15px; } #colorGraphBackground { background: #ffffff; } #sizeInfoGraph { height: 31.13%; } #sizeInfoDate { height: 88.97%; } #sizeInfostart { height: 88.97%; padding: 2.75rem; } #lineHeigthDate { line-height: 3.5em; } .bg-modified { color: rgb(5, 73, 92); background: rgb(148, 193, 31); } .bg-modified-star { color: rgb(5, 73, 92); background: #ffffff; } .bg-modified-2 { color: rgb(5, 73, 92); background: #F2F2F2 } .bg-modified-graph { color: rgb(5, 73, 92); background: #ffffff; } .bg-modified-title { color: rgb(5, 73, 92); } #rowWhiteBackground { background: #ffffff; }