|
|
@@ -0,0 +1,285 @@
|
|
|
+/* You can add global styles to this file, and also import other style files */
|
|
|
+@import "~@angular/material/prebuilt-themes/indigo-pink.css";
|
|
|
+
|
|
|
+html,
|
|
|
+body {
|
|
|
+ height: 100%;
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ font-family: Roboto, "Helvetica Neue", sans-serif;
|
|
|
+}
|
|
|
+
|
|
|
+.card-content-container {
|
|
|
+ height: calc(100vh - 265px);
|
|
|
+ padding: 16px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.table-header {
|
|
|
+ background-color: #EEE;
|
|
|
+ padding: 8px 16px;
|
|
|
+ border-radius: 8px 8px 0 0;
|
|
|
+ border-color: #CCC;
|
|
|
+ border-width: 1px;
|
|
|
+ border-style: solid;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+}
|
|
|
+
|
|
|
+.table-row-white {
|
|
|
+ padding: 8px 16px;
|
|
|
+ border-color: #CCC;
|
|
|
+ border-width: 0 1px 1px 1px;
|
|
|
+ border-style: solid;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+}
|
|
|
+
|
|
|
+.table-row-gray {
|
|
|
+ padding: 8px 16px;
|
|
|
+ border-color: #CCC;
|
|
|
+ border-width: 0 1px 1px 1px;
|
|
|
+ border-style: solid;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ background-color: #EEE;
|
|
|
+}
|
|
|
+
|
|
|
+.table-cell-header {
|
|
|
+ width: 100%;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.table-cell {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.table-container {
|
|
|
+ width: 100%;
|
|
|
+ overflow-y: auto;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.loader-container {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.loader-label {
|
|
|
+ margin-top: 16px;
|
|
|
+ animation-name: label-fade;
|
|
|
+ animation-duration: 2s;
|
|
|
+ animation-iteration-count: infinite;
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes label-fade {
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ 50% {
|
|
|
+ opacity: 0.5;
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.error-container {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.full-width {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.ml-8 {
|
|
|
+ margin-left: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.mr-8 {
|
|
|
+ margin-right: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.mt-8 {
|
|
|
+ margin-top: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.centre {
|
|
|
+ text-align: center !important;
|
|
|
+}
|
|
|
+
|
|
|
+footer {
|
|
|
+ background-color: #7c8cf4;
|
|
|
+ width: 100%;
|
|
|
+ padding: 20px;
|
|
|
+ z-index: 10;
|
|
|
+ text-align: center;
|
|
|
+ color: black;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.mat-tool-bar {
|
|
|
+ background-color: #7c8cf4;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 10000;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-align {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ -moz-transform: translate(-50%, -50%);
|
|
|
+ -webkit-transform: translate(-50%, -50%);
|
|
|
+ -ms-transform: translate(-50%, -50%);
|
|
|
+ -o-transform: translate(-50%, -50%);
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ padding: 10px 10px 30px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.headers-align .mat-expansion-panel-header-title,
|
|
|
+.headers-align .mat-expansion-panel-header-description {
|
|
|
+ flex-basis: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.headers-align .mat-expansion-panel-header-description {
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.headers-align .mat-form-field+.mat-form-field {
|
|
|
+ margin-left: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.module-options-container {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+}
|
|
|
+
|
|
|
+.module-option {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.mat-input-element:disabled,
|
|
|
+.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
|
|
|
+ color: rgb(71, 71, 71) !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*Scrollbar firefox*/
|
|
|
+* {
|
|
|
+ scrollbar-width: thin;
|
|
|
+}
|
|
|
+
|
|
|
+/* Estilos para la etiqueta card*/
|
|
|
+.card-normal {
|
|
|
+ width: 1300px;
|
|
|
+ padding: 0;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.card-small {
|
|
|
+ width: 1000px;
|
|
|
+ padding: 0;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.animated {
|
|
|
+ -webkit-animation-duration: 1s;
|
|
|
+ animation-duration: 1s;
|
|
|
+ -webkit-animation-fill-mode: both;
|
|
|
+ animation-fill-mode: both;
|
|
|
+}
|
|
|
+
|
|
|
+.fast {
|
|
|
+ -webkit-animation-duration: 0.4s;
|
|
|
+ animation-duration: 0.4s;
|
|
|
+ -webkit-animation-fill-mode: both;
|
|
|
+ animation-fill-mode: both;
|
|
|
+}
|
|
|
+
|
|
|
+/* Estilos para alinear*/
|
|
|
+
|
|
|
+.menu-align {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ -moz-transform: translate(-50%, -50%);
|
|
|
+ -webkit-transform: translate(-50%, -50%);
|
|
|
+ -ms-transform: translate(-50%, -50%);
|
|
|
+ -o-transform: translate(-50%, -50%);
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ padding: 10px 10px 30px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Estilos para las tablas y sus complementos */
|
|
|
+
|
|
|
+table {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.table-action {
|
|
|
+ width: 300px;
|
|
|
+}
|
|
|
+
|
|
|
+mat-paginator {
|
|
|
+ padding: 15px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Estilo para los botones de "Registrar y Cancelar"*/
|
|
|
+.divBotones {
|
|
|
+ margin: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.botonRC {
|
|
|
+ margin: 25px !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* Disabled */
|
|
|
+.mat-input-element:disabled,
|
|
|
+.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
|
|
|
+ color: rgb(71, 71, 71) !important;
|
|
|
+}
|
|
|
+
|
|
|
+footer {
|
|
|
+ background-color: #7c8cf4;
|
|
|
+ width: 100%;
|
|
|
+ padding: 20px;
|
|
|
+ z-index: 10;
|
|
|
+ text-align: center;
|
|
|
+ color: black;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ box-shadow: 15px 15px 15px 15px rgba(0, 0, 0, 0.2);
|
|
|
+}
|
|
|
+
|
|
|
+.mat-tool-bar {
|
|
|
+ background-color: #7c8cf4;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 10000;
|
|
|
+ top: 0;
|
|
|
+}
|
