mirror of
https://github.com/ganglyglub2-gif/cotizador-impresion-3D.git
synced 2026-07-18 03:05:10 +00:00
Actualizar diseño visual del cotizador y corregir estilos
This commit is contained in:
ganglyglub2-gif
Vendored
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,13 @@
|
||||
/*
|
||||
Colores de date picker
|
||||
*/
|
||||
.ui-widget-header{ background-color:#D6D8DB;}
|
||||
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
|
||||
border: 1px solid #c5c5c5;
|
||||
background: #f7f7f8;
|
||||
}*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #ce0e2d; color: #fff;
|
||||
}
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
|
||||
border: 1px solid #004060; background: #006094;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
@@ -0,0 +1,153 @@
|
||||
/*
|
||||
Created on : 5/12/2018, 01:25:27 PM
|
||||
Author : Alejandro
|
||||
Indivisa Fonts
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'indivisa-title';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-BoldItalic.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-BoldItalic.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-BoldItalic.ttf') ,
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-BoldItalic.IndivisaTextSans-BoldItalic');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'indivisa-text';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Regular.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Regular.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Regular.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Regular.svg#IndivisaTextSans-Regular');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'indivisa-text-black';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Black.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Black.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Black.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Black.svg#IndivisaTextSans-Black');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'indivisa-text-bold';
|
||||
src: url('../fonts/indivisaFont/eot/IndivisaTextSans-Bold.eot');
|
||||
src:
|
||||
url('../fonts/indivisaFont/woff/IndivisaTextSans-Bold.woff'),
|
||||
url('../fonts/indivisaFont/ttf/IndivisaTextSans-Bold.ttf'),
|
||||
url('../fonts/indivisaFont/eot/IndivisaTextSans-Bold.svg#IndivisaTextSans-Bold');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.indivisa-display{font-family: 'indivisa-display' !important;}
|
||||
.indivisa-title{font-family: 'indivisa-title' !important;}
|
||||
|
||||
/* INGENIERIA FONT */
|
||||
@font-face {
|
||||
font-family: 'ingfont';
|
||||
src: url('../fonts/ingenieria/ingfont.eot?1fng03');
|
||||
src: url('../fonts/ingenieria/ingfont.eot?1fng03#iefix') format('embedded-opentype'),
|
||||
url('../fonts/ingenieria/ingfont.ttf?1fng03') format('truetype'),
|
||||
url('../fonts/ingenieria/ingfont.woff?1fng03') format('woff'),
|
||||
url('../fonts/ingenieria/ingfont.svg?1fng03#ingfont') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
|
||||
.ing-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.ing-2x{font-size:2em}.ing-3x{font-size:3em}.ing-8x{font-size:8em}
|
||||
.ing-fw{text-align:center;width:1.4em}/*1.25*/
|
||||
.ing-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.ing-ul>li{position:relative}.ing-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}
|
||||
.ing-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ing-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ing-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.ing-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.ing-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.ing-flip-both,.ing-flip-horizontal.ing-flip-vertical,.ing-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.ing-flip-both,.ing-flip-horizontal.ing-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .ing-flip-both,:root .ing-flip-horizontal,:root .ing-flip-vertical,:root .ing-rotate-90,:root .ing-rotate-180,:root .ing-rotate-270{-webkit-filter:none;filter:none}
|
||||
|
||||
[class^="ing-"], [class*=" ing-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ingfont' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;display: inline-block;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.ing-fb1:before {content: "\e932";}
|
||||
.ing-fb2:before { content: "\e933";}
|
||||
.ing-tw1:before { content: "\e912";}
|
||||
.ing-tw2:before { content: "\e900";}
|
||||
.ing-in1:before { content: "\e91a";}
|
||||
.ing-in2:before { content: "\e902";}
|
||||
.ing-instra1:before { content: "\e924";}
|
||||
.ing-instra2:before { content: "\e923";}
|
||||
.ing-youtube:before { content: "\e90e";}
|
||||
.ing-telefono:before { content: "\e911";}
|
||||
.ing-mail:before { content: "\e907";}
|
||||
.ing-link:before { content: "\e919";}
|
||||
.ing-ubicacion:before { content: "\e908";}
|
||||
.ing-puntos:before { content: "\e917";}
|
||||
.ing-usuario:before { content: "\e90d";}
|
||||
.ing-pass:before { content: "\e906";}
|
||||
.ing-menu:before { content: "\e901";}
|
||||
.ing-salir:before { content: "\e90f";}
|
||||
.ing-flecha:before { content: "\e905";}
|
||||
.ing-cambiar:before { content: "\e93c";}
|
||||
.ing-caret:before { content: "\e90b";}
|
||||
.ing-aceptar:before { content: "\e916";}
|
||||
.ing-cancelar:before { content: "\e910";}
|
||||
.ing-mas:before { content: "\e91d";}
|
||||
.ing-menos:before { content: "\e91e";}
|
||||
.ing-editar:before { content: "\e938";}
|
||||
.ing-buscar:before { content: "\e939";}
|
||||
.ing-ojo:before { content: "\e92a";}
|
||||
.ing-borrar:before { content: "\e942";}
|
||||
.ing-basura:before { content: "\e941";}
|
||||
.ing-camara:before { content: "\e909";}
|
||||
.ing-importante:before { content: "\e935";}
|
||||
.ing-bullet:before { content: "\e943";}
|
||||
.ing-home:before { content: "\e934";}
|
||||
.ing-formacion:before { content: "\e914";}
|
||||
.ing-empleo:before { content: "\e915";}
|
||||
.ing-insignia1:before { content: "\e920";}
|
||||
.ing-insignia2:before { content: "\e91f";}
|
||||
.ing-insignia3:before { content: "\e921";}
|
||||
.ing-insignia4:before { content: "\e922";}
|
||||
.ing-eventos:before { content: "\e90a";}
|
||||
.ing-reporte:before { content: "\e918";}
|
||||
.ing-catalogo:before { content: "\e936";}
|
||||
.ing-evalua-cartel:before { content: "\e913";}
|
||||
.ing-revision-cartel:before { content: "\e90c";}
|
||||
.ing-reporte-resultados:before { content: "\e929";}
|
||||
.ing-mi-cartel:before { content: "\e91b";}
|
||||
.ing-galeria1:before { content: "\e91c";}
|
||||
.ing-galeria2:before { content: "\e925";}
|
||||
.ing-iniciar-sesion:before { content: "\e926";}
|
||||
.ing-finalistas:before { content: "\e927";}
|
||||
.ing-comite:before { content: "\e92b";}
|
||||
.ing-administrador:before { content: "\e92c";}
|
||||
.ing-estrella1:before { content: "\e903";}
|
||||
.ing-estrella2:before { content: "\e904";}
|
||||
.ing-carga-archivo:before { content: "\e93d";}
|
||||
.ing-carga-multiple:before { content: "\e93e";}
|
||||
.ing-descarga:before { content: "\e928";}
|
||||
.ing-autorizar:before { content: "\e92d";}
|
||||
.ing-negar:before { content: "\e92e";}
|
||||
.ing-no-cargado:before { content: "\e92f";}
|
||||
.ing-alumnos:before { content: "\e91c";}
|
||||
.ing-cardex:before { content: "\e93f";}
|
||||
.ing-configuracion:before { content: "\e940";}
|
||||
.ing-listado-menus:before { content: "\e944";}
|
||||
.ing-mi-cuenta:before { content: "\e945";}
|
||||
.ing-ver:before { content: "\e946";}
|
||||
.ing-grafica:before {content: "\e930";}
|
||||
.ing-clic:before {content: "\e931";}
|
||||
.ing-guardar:before {content: "\e937";}
|
||||
.ing-regresar:before {content: "\e93a";}
|
||||
.ing-cuadrado:before {content: "\e93b";}
|
||||
.ing-imprimir:before {content: "\e947";}
|
||||
.ing-importante2:before {content: "\e948";}
|
||||
.ing-copiar:before {content: "\e949";}
|
||||
.ing-reloj:before {content: "\e94a";}
|
||||
Vendored
+7
File diff suppressed because one or more lines are too long
@@ -0,0 +1,190 @@
|
||||
.richText {
|
||||
position: relative;
|
||||
border: 1px solid #D6D8D8;
|
||||
background: #D6D8D8;
|
||||
width: 100%;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: left;/*center*/
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a {
|
||||
display: block;
|
||||
padding: 0.25rem 0.5rem;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color 0.4s;
|
||||
-moz-transition: color 0.4s;
|
||||
transition: color 0.4s;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a:hover {
|
||||
color: #006094;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .fa, .richText .richText-toolbar ul li a .fas, .richText .richText-toolbar ul li a .far, .richText .richText-toolbar ul li a svg {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li[data-disable="true"] {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li[data-disable="true"] a {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul:after {
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar:last-child {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar:after {
|
||||
display: block;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.richText .richText-form select {cursor: pointer;}
|
||||
|
||||
.richText .richText-editor {
|
||||
padding: 0.5rem;
|
||||
background-color: #FFFFFF;
|
||||
height: 15rem;
|
||||
outline: none;
|
||||
overflow-y: scroll;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
|
||||
position: relative;
|
||||
z-index:10;
|
||||
display: block;
|
||||
margin: 3% auto 0 auto;
|
||||
background-color: #D6D8D8;
|
||||
border: 0.1rem solid #777777;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.75rem;
|
||||
padding-top: 1.5rem;
|
||||
max-width: 90%;
|
||||
-webkit-box-shadow: 0 0 5px 0 #777777;
|
||||
-moz-box-shadow: 0 0 5px 0 #777777;
|
||||
box-shadow: 0 0 5px 0 #777777;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
|
||||
position: absolute;
|
||||
top: 0.25rem;
|
||||
right: 0.5rem;
|
||||
color: #CE0E2D;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close:hover {
|
||||
opacity: 0.5
|
||||
}
|
||||
|
||||
.richText-form-item{
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.richText .richText-form label {
|
||||
display: flex;
|
||||
align-items: left;/*center*/
|
||||
padding: 0.375rem 0.75rem;
|
||||
margin-bottom: 0;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
font-weight: 600;
|
||||
text-align: left;/*center*/
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.richText .richText-form input[type="text"], .richText .richText-form input[type="file"], .richText .richText-form input[type="number"], .richText .richText-form select {
|
||||
display: block;
|
||||
height: calc(1.5em + 0.75rem + 2px);
|
||||
padding: 0.375rem 0.75rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #777777;
|
||||
background-color: #FFFFFF;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #D6D8DB;
|
||||
border-radius: 0.25rem;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
width: 1%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {list-style: none;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {display: block;float: none;font-family: Calibri,Verdana,Helvetica,sans-serif;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {display: block;padding: 10px 15px;border-bottom: #EFEFEF solid 1px;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {background-color: #FFFFFF;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {margin: 10px 6px;float: left;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {display: block;padding: 0;margin: 0;border: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 10px 0 #999;-moz-box-shadow: 0 0 10px 0 #999;box-shadow: 0 0 10px 0 #999;}
|
||||
.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {display: block;height: 30px;width: 30px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
|
||||
|
||||
|
||||
.richText .richText-undo, .richText .richText-redo {
|
||||
float: left;
|
||||
display: block;
|
||||
padding: 0.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.richText .richText-undo.is-disabled, .richText .richText-redo.is-disabled {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.richText .richText-help {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*
|
||||
.richText .richText-initial {margin-bottom: -4px;padding: 10px;background-color: #282828;border: none;color: #33FF33;font-family: Monospace,Calibri,Verdana,Helvetica,sans-serif;max-width: 100%;min-width: 100%;width: 100%;min-height: 400px;height: 400px;}
|
||||
.richText .richText-editor ul, .richText .richText-editor ol {margin: 10px 25px;}
|
||||
.richText .richText-editor:focus {border-left: #3498db solid 2px;}
|
||||
.richText .richText-editor table {margin: 10px 0;border-spacing: 0;width: 100%;}
|
||||
.richText .richText-editor table td, .richText .richText-editor table th {padding: 10px;border: #EFEFEF solid 1px;}
|
||||
.richText .richText-help {float: right;display: block;padding: 10px 15px;cursor: pointer;}
|
||||
.richText .richText-help-popup a {color: #3498db;text-decoration: underline;}
|
||||
.richText .richText-help-popup hr {margin: 10px auto 5px auto;border: none;border-top: #EFEFEF solid 1px;}
|
||||
.richText .richText-list.list-rightclick {position: absolute;background-color: #FAFAFA;border-right: #EFEFEF solid 1px;border-bottom: #EFEFEF solid 1px;}
|
||||
.richText .richText-list.list-rightclick li {padding: 5px 7px;cursor: pointer;list-style: none;}*/
|
||||
@@ -0,0 +1,228 @@
|
||||
/*
|
||||
Created on : 5/12/2018, 01:34:49 PM
|
||||
Author : Alejandro
|
||||
*/
|
||||
|
||||
/* General */
|
||||
.container-fluid{padding: 0;}
|
||||
#logo{max-height: 64px;}
|
||||
body{font-family: 'indivisa-text', Arial; font-size: 16px !important; color:#001D68; background-color: white;}
|
||||
.bg-head{background-color: white;}
|
||||
.bg-info{background-color: #F0F0F0 !important;}/* SOBREESCRIBE BOOTSTRAP */
|
||||
.marco {max-width: 960px; width: 100%; margin-left: auto; margin-right: auto; }
|
||||
.marco-wide {max-width: 1366px; width: 100%; margin-left: auto; margin-right: auto; }
|
||||
.content{min-height: 480px; padding: 1em;}
|
||||
.menu {max-width: 960px; width: 100%; margin-left: auto; margin-right: auto; display: flex; padding:0 15px;}
|
||||
.menu-list .sistema:not(:last-child):after {content: "|"; margin-left: 10px; margin-right: 10px; }
|
||||
.sistema-active{color: #d21034 !important; font-weight: bold;}
|
||||
/*.font-small{font-size:14px;}*/
|
||||
|
||||
/* Contenidos */
|
||||
h1, h2, h3 {letter-spacing: 1px; position: relative;}
|
||||
h1{margin-bottom:40px;}
|
||||
.subtitle:before{ content: ''; position: absolute; bottom: -8px; left: 0; width: 80px; display: block; background: #d21034; height: 3px; }
|
||||
.main-title{font-size: 3.2rem; margin-bottom: 60px;}
|
||||
|
||||
/* Otros */
|
||||
.alert-heading .ing-caret, .card-header .ing-caret, .side-menu .ing-caret{ transition: .3s transform ease-in-out; }
|
||||
.alert-heading .collapsed .ing-caret, .card-header .collapsed .ing-caret { transform: rotate(90deg); }
|
||||
#accordionMenu .collapsed .ing-caret { transform: rotate(-90deg); }
|
||||
|
||||
.alert-heading .fa, .card-header .fa { transition: .3s transform ease-in-out; }
|
||||
.alert-heading .collapsed .fa, .card-header .collapsed .fa { transform: rotate(90deg); }
|
||||
#accordionMenu .collapsed .fa { transform: rotate(-90deg); }
|
||||
.border-mid:not(:last-child){border-bottom:1px dotted #ccc}
|
||||
.pointer{cursor: pointer;}
|
||||
|
||||
/* TABLAS */
|
||||
.table-white .thead-dark th {text-align: center; border-color:#fff; text-transform: uppercase;}
|
||||
.table-white tr td, .table-white tr th { border-left: 1px !important; border-color:#fff; border-style: solid;}
|
||||
.table-white tr td:first-child, .table-white tr th:first-child {border-left:0;}
|
||||
.table-nostriped tbody tr:nth-of-type(odd) { background-color:transparent; }
|
||||
.rotate-text {
|
||||
writing-mode: vertical-lr;
|
||||
transform: rotate(180deg);
|
||||
height: max-content;
|
||||
height: -moz-max-content;
|
||||
height: -webkit-max-content;
|
||||
height: -o-max-content;
|
||||
height: -ms-max-content;
|
||||
}
|
||||
|
||||
.icono-acciones span, .icono-acciones i{margin:0 3px; text-decoration:none !important;}
|
||||
.icono-acciones a:focus, .icono-acciones a:hover, .icono-acciones a:active{text-decoration:none !important;}
|
||||
|
||||
/* FORMAS */
|
||||
.form-box{margin-bottom:28px;}
|
||||
.form-box > .form-group{margin-bottom: 10px}
|
||||
.form-box > .form-group > label{font-weight:bold; text-align: right; color: #001d68; padding-left: 0}
|
||||
.form-box > .form-group > label.disabled{color: #969696;}
|
||||
.form-box > .form-group > label:before{ content: ''; position: absolute; top: -8px; right: 0px; width: 2px; height: calc(100% + 16px); display: block; background: #d21034;}
|
||||
.form-box > .form-group > label.disabled:before{background: #969696 !important;}
|
||||
|
||||
.form-box-info > .form-group > div{ background-color: #f7f7f7; padding-bottom:10px; padding-left:8px;}
|
||||
.form-box-info > .form-group > div:first-child{ margin-left:7px;}
|
||||
.form-box-info > .form-group:first-child > label{ padding-top:27px;}
|
||||
.form-box-info > .form-group:first-child > div{ padding-top:20px;}
|
||||
.form-box-info > .form-group:last-child > div{ padding-bottom:20px;}
|
||||
.form-box-info > .form-group.row{margin-bottom:0 !important;}
|
||||
.modal .form-box-info > .form-group > div{margin-left:0px;}
|
||||
|
||||
.radio-md{width:1em; height:1em;}
|
||||
.radio-lg{width:1.5em; height:1.5em;}
|
||||
.radio-xl{width:2em; height:2em;}
|
||||
select:disabled {color:#969696!important;}
|
||||
.input-info{color:#969696;}
|
||||
|
||||
.barra-right:before{ content: ''; position: absolute; top: -8px; right: 0px; width: 2px; height: calc(100% + 16px); display: block; background: #d21034;}/* Uso independiente */
|
||||
.barra-right.disabled:before{ background: #969696 !important;}/* Uso independiente */
|
||||
|
||||
textarea{resize: none; overflow-x: hidden; overflow-wrap: break-word; overflow-y: auto;}
|
||||
|
||||
.clock[readonly]{ background-color: #fff !important;}
|
||||
.hasDatepicker[readonly]{ background-color: #fff !important;}
|
||||
.badge {padding: 0.5em 1.4em; }
|
||||
.badge-blue {background-color:#00a8d1; color:white}
|
||||
.ui-autocomplete {max-height: 160px;overflow-y: auto;overflow-x: hidden; font-size: 90%}
|
||||
|
||||
/* Data list*/
|
||||
.datalist {position: relative; border:1px solid #969696; border-radius: .25rem;}
|
||||
.datalist-input {padding:6px 30px 6px 12px !important;background: #FFFFFF !important;border-radius: .25rem;cursor:pointer; border:0;}
|
||||
.datalist.disabled .datalist-input {background: #f7f7f7 !important; cursor:default; color:#969696;}
|
||||
.datalist.disabled .icono{opacity: 0;}
|
||||
.datalist .icono {position: absolute;font-size: 20px;right: 10px;top: 9px;color: #969696;transition: transform 0.2s ease;}
|
||||
/*.iconoAzul{color: #001D68 !important;} Usar text-primary*/
|
||||
.datalist>ul {position: absolute;margin: 0;padding: 0;width: 100%;max-height: 204px;top: 100%;left: 0;list-style: none;border-radius: 2px;background: #FFFFFF;border: 1px solid #001D68;overflow: hidden;overflow-y: auto;z-index: 100;}
|
||||
.datalist> ul li {display: flex;align-items: center;justify-content: start;padding: 0.3em 1em /*0.8em 1em 0.8em 1em*/;color: #969696;}
|
||||
.datalist> ul li:not(.not-selectable):hover{background: #D21034;color: #FFFFFF; cursor: pointer;}
|
||||
.datalist .selected{background: #D21034;color: #FFFFFF;}
|
||||
.datalist .not-selectable{text-align: center; font-weight: bold; cursor:default; color: #001d68;padding-left: 10px !important;}
|
||||
|
||||
.datalist-invalid{ border-color: #d21034;}
|
||||
.datalist-invalid .icono{color: #d21034 !important;}
|
||||
|
||||
/* Icono alerta */
|
||||
.alerta{color:#ffb700!important; text-shadow: -1px -1px 0 #3f2f06, 1px -1px 0 #3f2f06, -1px 1px 0 #3f2f06, 1px 1px 0 #3f2f06;}
|
||||
|
||||
/* Modal */
|
||||
.modal-content{border: 4px solid #001d68;}
|
||||
.modal-header{background-color: #001D68!important;color: #fff!important; border-top-left-radius: 0; border-top-right-radius: 0; padding:4px 8px 8px 8px;}
|
||||
.modal-title{font-weight: normal; text-align: center; padding:0 30px;}
|
||||
.modal-header .close{position:absolute; top:0; right:0;}
|
||||
.modal-header .close:focus{border: none;outline:none;}
|
||||
|
||||
/* The side navigation menu */
|
||||
#sidebar { width: 400px; position: fixed; top: 0; right: -400px; height: 100vh; z-index: 1023; transition: all 0.3s; overflow-y: auto; }
|
||||
#sidebar.active {right: 0;}
|
||||
.overlay {display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 1022; opacity: 0; transition: all 0.5s ease-in-out;}
|
||||
.overlay.active { display: block; opacity: 1;}
|
||||
#sidebar a:hover{text-decoration:none;color:#d12034 !important;}
|
||||
#sidebar a{transition: color 0.6s ease;}
|
||||
|
||||
/* ICONOS MENU */
|
||||
header{ padding: 20px 0; height: 110px; }
|
||||
header .logotipo{ float: left; clear: none; text-align: inherit; width: 20%;margin-left: 0; margin-right: 0;}
|
||||
header .logotipo:before {content: '';display: table;}
|
||||
header .logotipo img, aside .logotipo img {max-width: 200px;}
|
||||
.mainMenu{min-width: 85px;}
|
||||
.menu .nav-item{border-right: 1px solid #969696;}
|
||||
.menu .nav-item:last-child {border-right: 0;}
|
||||
.menu .nav-item > a, .menu .nav-item > span{color:#969696;padding: 1px 10px;}
|
||||
.menu .nav-item > a:hover{color:#D21034;text-decoration: none;}
|
||||
.menu .nav-item > a{transition: color 0.6s ease;}
|
||||
.max-h{ height: 45px !important; max-height: 45px;}
|
||||
.max-w{ width: 45px !important; max-width: 45px; }
|
||||
|
||||
.iconSesion{ margin-right: -20px; }
|
||||
.iconLogin, .iconOff{font-size: 16px;display: block;width: 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 30px 0 0 30px;}
|
||||
.iconOff:hover, .iconOff:active{text-decoration: none;background: #D21034;color: #FFFFFF !important;height: 40px;}
|
||||
.iconOff{color: #D21034 !important;}
|
||||
.iconLogin:hover, .iconLogin:active, .iconOff:hover, .iconOff:active{text-decoration: none;color: #FFFFFF !important;height: 40px;}
|
||||
.iconLogin{color: #339933;}
|
||||
.iconLogin:hover, .iconLogin:active{background: #339933;}
|
||||
.iconMenu{ font-size: 32px;}
|
||||
.menuicon:hover{color: #101097 !important;}
|
||||
.cerraricon{height: 40px !important;max-height: 40px;width: 40px !important;max-width: 40px;cursor: pointer;}
|
||||
.cerraricon:hover{background: #101097 !important;}
|
||||
|
||||
.fa-ul{list-style-type: none; margin-left: 2.5em; padding-left: 0;}
|
||||
|
||||
/* BUTTONS */
|
||||
/*.btn .fa-circle{color:rgba(255,255,255,0.15);}
|
||||
.btn .icon{font-weight: bold;}
|
||||
.btn-round{border-radius:30px; padding-left: 0.5rem!important; padding-right: 0.5rem!important;}*/
|
||||
|
||||
.btn-ing{position: relative;padding-right: 35px; padding-left: 20px;}
|
||||
.btn.arrow:after {content: "\e905";font-size: 14px;position: absolute;font-family: "ingfont";right: 14px;margin-top: 3px;font-weight: bold;-webkit-transition: 0.6s all ease;-moz-transition: 0.6s all ease;-o-transition: 0.6s all ease;-ms-transition: 0.6s all ease;transition: 0.6s all ease;vertical-align: middle;}
|
||||
|
||||
.btn-outline-secondary{border:0;}/* SOBREESCRIBE BOOTSTRAP */
|
||||
.btn-outline-primary.arrow:after {color: #D21034;}
|
||||
.btn-outline-danger.arrow:after {color: #001D68;}
|
||||
.btn-outline-secondary:hover.arrow:after {color: #D21034;}
|
||||
.btn-outline-info:hover.arrow:after {color: #001D68;}
|
||||
|
||||
/***** SCROLLBAR *****/
|
||||
div ::-webkit-scrollbar {width: 8px;}/*Ancho*/
|
||||
div ::-webkit-scrollbar-track {background: #f7f7f7;}/*Riel*/
|
||||
div ::-webkit-scrollbar-thumb {background: #969696;}/* Handle */
|
||||
div ::-webkit-scrollbar-thumb:hover { background: #001d68; }/*Hover Handle */
|
||||
|
||||
/***** FOOTER *****/
|
||||
footer{ font-size: 14px; color: #fff; }
|
||||
footer .footerTop { background: #001d68; padding: 15px 0; }
|
||||
footer .footerTop .logotipo { overflow: hidden; }
|
||||
footer .footerTop .logotipo h3 { display: inline-block; vertical-align: top; color: #fff; margin: 0; float: right; text-align: right; font-size: 25px; font-family: 'indivisa-text'}
|
||||
footer .footerTop .logotipo h3 span { display: block; }
|
||||
footer .footerTop .menuFooter h3 { font-size: 12px; font-family: 'indivisa-text'; color: #fff !important;}
|
||||
footer .footerTop .menuFooter ul { overflow: hidden;}
|
||||
footer ul { list-style: none; padding: 0; margin: 0; }
|
||||
footer .footerTop .menuFooter ul>li {*zoom: 1; float: left; clear: none; text-align: inherit; width: 16%; margin-left: 0; margin-right: 3%;}
|
||||
footer .footerTop .menuFooter ul>li ul li a{font-size:10px;}
|
||||
footer ul>li { display: inline-block; vertical-align: top;}
|
||||
.footerMore { position: relative; display: none; padding: 5px 0; }
|
||||
footer a { color: #fff;-webkit-transition: color 0.5s; transition: color 0.5s;}
|
||||
footer a:hover{color:#ce0e2d !important; text-decoration: none !important;}
|
||||
footer .footerTop .menuFooter ul>li ul li { display: block; width: 100%; margin-bottom: 0px;}
|
||||
|
||||
footer .ubicacion { margin-top: 20px; overflow: hidden; }
|
||||
footer .ubicacion .address {display: inline-block; /*width: 65%;*/ vertical-align: bottom; }
|
||||
footer .ubicacion .address h4, footer .ubicacion .address h4 a { color: #0fb7f1; font-size: 14px; margin: 0 0 0 -5px; position: relative;}
|
||||
footer .ubicacion .address h4 a { display: inline-block; }
|
||||
|
||||
footer .ubicacion .redes{display:inline-block;vertical-align:bottom;/*width:32%;text-align:right*/}
|
||||
footer .ubicacion .redes h4{display:inline-block;vertical-align:middle;margin:0;font-size:16px !important; font-weight: bold;}
|
||||
footer .ubicacion .redes ul{display:inline-block;vertical-align:middle}
|
||||
footer .ubicacion .redes ul li{margin-left:2px}
|
||||
|
||||
footer .footerMiddle { background: #071e58; overflow: hidden; }
|
||||
footer .footerMiddle nav ul { text-align: center; }
|
||||
footer .footerMiddle nav ul li { border-right: 1px solid #fff; padding: 1px 10px; display: inline-block; margin-bottom: 10px;}
|
||||
footer ul>li { display: inline-block; vertical-align: top;}
|
||||
|
||||
footer .footerBottom { background: #091941; overflow: hidden; padding: 15px 0;}
|
||||
.footerBottom .logotipos{display:inline-block;vertical-align:middle;width:20%}
|
||||
footer .footerBottom .logotipos a{display:inline-block;width:80px;margin-right:6px}
|
||||
footer .footerBottom .logotipos a.internacional{width:80px}
|
||||
footer .footerBottom .logotipos a.red{width:75px}
|
||||
footer .footerBottom .legales{text-align:right;float:right;width:60%;margin-right:0;margin-left:auto;padding-top:10px;padding-bottom:0}
|
||||
footer .footerBottom .legales ul li{border-right:1px solid #fff;padding:1px 10px}
|
||||
footer .footerBottom .legales ul li:last-child{border:0}
|
||||
footer .tab-pane p{font-size:12px; line-height: 18px;}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.menu, .subMenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iconoMenu {
|
||||
position: absolute;
|
||||
display: block;
|
||||
right: 20px;
|
||||
top:10px;
|
||||
}
|
||||
|
||||
.menuOculto{
|
||||
display: none;
|
||||
}
|
||||
.form-box-info > .form-group > div{ margin-left:0px;}
|
||||
}
|
||||
Reference in New Issue
Block a user