/* * Estilos generales para MDB * En la presente hoja se definen los estilos de la librería MDB adaptados al software Dialisoft. * Se estandarizan los siguientes apartados: * - Valores de variables css. * - Valores de atributos de clases css. */ /* Variables mdb */ :root { --mdb-floating-xy-sm: 24px; --mdb-floating-xy : 29px; --mdb-floating-xy-lg: 36px; --mdb-btn-shadow-xy : 0 4px 9px -4px; --mdb-breadcrumb-bg : #e9ecef; --mdb-border-color : #0000001a; --mdb-highlight-bg : #fcf8e3; /*primary*/ --mdb-primary-rgb : 0, 150, 136; --mdb-primary : #009688; --mdb-primary-hover : #007065; --mdb-primary-active : #00635a; --mdb-primary-text : #004e47; --mdb-primary-soft-bg : #cceae7; --mdb-primary-soft-bg-hover: #a6dbd6; --mdb-primary-striped-bg : #bee4e0; --mdb-primary-shadow : 0 8px 9px -4px rgba(var(--mdb-primary-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-primary-rgb), 0.2); /*secondary*/ --mdb-secondary-rgb : 108, 117, 125; --mdb-secondary : #6c757d; --mdb-secondary-hover : #5a6268; --mdb-secondary-active : #545b62; --mdb-secondary-text : #383d41; --mdb-secondary-soft-bg : #e2e3e5; --mdb-secondary-soft-bg-hover: #c8cbcf; --mdb-secondary-striped-bg : #dadbdd; --mdb-secondary-shadow : 0 8px 9px -4px rgba(var(--mdb-secondary-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-secondary-rgb), 0.2); /*success*/ --mdb-success-rgb : 76, 175, 80; --mdb-success : #4caf50; --mdb-success-hover : #409444; --mdb-success-active : #3d8b40; --mdb-success-text : #285b2a; --mdb-success-soft-bg : #dbefdc; --mdb-success-soft-bg-hover: #bbe1bd; --mdb-success-striped-bg : #c6e6c8; --mdb-success-shadow : 0 8px 9px -4px rgba(var(--mdb-success-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-success-rgb), 0.2); /*danger*/ --mdb-danger-rgb : 244, 67, 54; --mdb-danger : #f44336; --mdb-danger-hover : #f22112; --mdb-danger-active : #ea1c0d; --mdb-danger-text : #7f231c; --mdb-danger-soft-bg : #fdd9d7; --mdb-danger-soft-bg-hover: #fbb3af; --mdb-danger-striped-bg : #fcccca; --mdb-danger-shadow : 0 8px 9px -4px rgba(var(--mdb-danger-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-danger-rgb), 0.2); /*warning*/ --mdb-warning-rgb : 255, 87, 34; --mdb-warning : #ff5722; --mdb-warning-hover : #fb3c00; --mdb-warning-active : #ee3900; --mdb-warning-text : #852d12; --mdb-warning-soft-bg : #ffddd3; --mdb-warning-soft-bg-hover: #ffbda8; --mdb-warning-striped-bg : #ffd0c2; --mdb-warning-shadow : 0 8px 9px -4px rgba(var(--mdb-warning-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-warning-rgb), 0.2); /*info*/ --mdb-info-rgb : 3, 169, 244; --mdb-info : #03a9f4; --mdb-info-hover : #038fce; --mdb-info-active : #0286c2; --mdb-info-text : #02587f; --mdb-info-soft-bg : #cdeefd; --mdb-info-soft-bg-hover: #a0dffb; --mdb-info-striped-bg : #bfe9fc; --mdb-info-shadow : 0 8px 9px -4px rgba(var(--mdb-info-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-info-rgb), 0.2); /*light*/ --mdb-light-rgb : 245, 245, 245; --mdb-light : #f5f5f5; --mdb-light-hover : #e2e2e2; --mdb-light-active : gainsboro; --mdb-light-text : #7f7f7f; --mdb-light-soft-bg : #fdfdfd; --mdb-light-soft-bg-hover: #efefef; --mdb-light-shadow : 0 8px 9px -4px rgba(var(--mdb-light-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-light-rgb), 0.2); /*dark*/ --mdb-dark-rgb : 66, 66, 66; --mdb-dark : #424242; --mdb-dark-hover : #2f2f2f; --mdb-dark-active : #292929; --mdb-dark-text : #222222; --mdb-dark-soft-bg : #f5f5f5; --mdb-dark-soft-bg-hover: #6e6e6e; --mdb-dark--striped-bg : #878787; --mdb-dark-shadow : 0 8px 9px -4px rgba(var(--mdb-dark-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-dark-rgb), 0.2); /*orange*/ --mdb-orange-rgb : 240, 157, 85; --mdb-orange : #f09d55; --mdb-orange-hover : #ee8e3a; --mdb-orange-active : #e86c00; --mdb-orange-text : #ec8327; --mdb-orange-soft-bg : #fce9da; --mdb-orange-soft-bg-hover: #f7cca6; --mdb-orange-striped-bg : #fadcc2; --mdb-orange-shadow : 0 8px 9px -4px rgba(var(--mdb-orange-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-orange-rgb), 0.2); /*pink*/ --mdb-pink-rgb : 233, 30, 99; --mdb-pink : #e91e63; --mdb-pink-hover : #d81b60; --mdb-pink-active : #c2185b; --mdb-pink-text : #ad1457; --mdb-pink-soft-bg : #f8bbd0; --mdb-pink-soft-bg-hover: #f48fb1; --mdb-pink-striped-bg : #f06292; --mdb-pink-shadow : 0 8px 9px -4px rgba(var(--mdb-pink-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-pink-rgb), 0.2); /*blue*/ --mdb-blue-rgb : 33, 150, 243; --mdb-blue : #2196f3; --mdb-blue-hover : #1e88e5; --mdb-blue-active : #1976d2; --mdb-blue-text : #1565c0; --mdb-blue-soft-bg : #bbdefb; --mdb-blue-soft-bg-hover : #90caf9; --mdb-blue-striped-bg : #64b5f6; --mdb-blue-shadow : 0 8px 9px -4px rgba(var(--mdb-blue-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-blue-rgb), 0.2); /*indigo*/ --mdb-indigo-rgb : 63, 81, 181; --mdb-indigo : #3f51b5; --mdb-indigo-hover : #3949ab; --mdb-indigo-active : #303f9f; --mdb-indigo-text : #283593; --mdb-indigo-soft-bg : #c5cae9; --mdb-indigo-soft-bg-hover : #9fa8da; --mdb-indigo-striped-bg : #7986cb; --mdb-indigo-shadow : 0 8px 9px -4px rgba(var(--mdb-indigo-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-indigo-rgb), 0.2); /*purple*/ --mdb-purple-rgb : 156, 39, 176; --mdb-purple : #9c27b0; --mdb-purple-hover : #8e24aa; --mdb-purple-active : #7b1fa2; --mdb-purple-text : #6a1b9a; --mdb-purple-soft-bg : #e1bee7; --mdb-purple-soft-bg-hover : #ce93d8; --mdb-purple-striped-bg : #ba68c8; --mdb-purple-shadow : 0 8px 9px -4px rgba(var(--mdb-purple-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-purple-rgb), 0.2); /*red*/ --mdb-red-rgb : 244, 67, 54; --mdb-red : #f44336; --mdb-red-hover : #e53935; --mdb-red-active : #d32f2f; --mdb-red-text : #c62828; --mdb-red-soft-bg : #ffcdd2; --mdb-red-soft-bg-hover : #ef9a9a; --mdb-red-striped-bg : #e57373; --mdb-red-shadow : 0 8px 9px -4px rgba(var(--mdb-red-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-red-rgb), 0.2); /*yellow*/ --mdb-yellow-rgb : 255, 235, 59; --mdb-yellow : #ffeb3b; --mdb-yellow-hover : #fdd835; --mdb-yellow-active : #fbc02d; --mdb-yellow-text : #f9a825; --mdb-yellow-soft-bg : #fff9c4; --mdb-yellow-soft-bg-hover : #fff59d; --mdb-yellow-striped-bg : #fff176; --mdb-yellow-shadow : 0 8px 9px -4px rgba(var(--mdb-yellow-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-yellow-rgb), 0.2); /*green*/ --mdb-green-rgb : 76, 175, 80; --mdb-green : #4caf50; --mdb-green-hover : #43a047; --mdb-green-active : #388e3c; --mdb-green-text : #2e7d32; --mdb-green-soft-bg : #c8e6c9; --mdb-green-soft-bg-hover : #a5d6a7; --mdb-green-striped-bg : #81c784; --mdb-green-shadow : 0 8px 9px -4px rgba(var(--mdb-green-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-green-rgb), 0.2); /*teal*/ --mdb-teal-rgb : 0, 150, 136; --mdb-teal : #009688; --mdb-teal-hover : #00897b; --mdb-teal-active : #00796b; --mdb-teal-text : #00695c; --mdb-teal-soft-bg : #b2dfdb; --mdb-teal-soft-bg-hover : #80cbc4; --mdb-teal-striped-bg : #4db6ac; --mdb-teal-shadow : 0 8px 9px -4px rgba(var(--mdb-teal-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-teal-rgb), 0.2); /*cyan*/ --mdb-cyan-rgb : 0, 188, 212; --mdb-cyan : #00bcd4; --mdb-cyan-hover : #00acc1; --mdb-cyan-active : #0097a7; --mdb-cyan-text : #00838f; --mdb-cyan-soft-bg : #b2ebf2; --mdb-cyan-soft-bg-hover : #80deea; --mdb-cyan-striped-bg : #4dd0e1; --mdb-cyan-shadow : 0 8px 9px -4px rgba(var(--mdb-cyan-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-cyan-rgb), 0.2); /*gray*/ --mdb-gray-rgb : 108, 117, 125; --mdb-gray : #6c757d; --mdb-gray-hover : #5c636a; --mdb-gray-active : #495057; --mdb-gray-text : #343a40; --mdb-gray-soft-bg : #e9ecef; --mdb-gray-soft-bg-hover : #dee2e6; --mdb-gray-striped-bg : #ced4da; --mdb-gray-shadow : 0 8px 9px -4px rgba(var(--mdb-gray-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-gray-rgb), 0.2); /*gray-dark*/ --mdb-gray-dark-rgb : 52, 58, 64; --mdb-gray-dark : #343a40; --mdb-gray-dark-hover : #2c3034; --mdb-gray-dark-active : #23272b; --mdb-gray-dark-text : #1c1e21; --mdb-gray-dark-soft-bg : #d6d8db; --mdb-gray-dark-soft-bg-hover : #bfc1c4; --mdb-gray-dark-striped-bg : #a9abaf; --mdb-gray-dark-shadow : 0 8px 9px -4px rgba(var(--mdb-gray-dark-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-gray-dark-rgb), 0.2); /*deep-blue*/ --mdb-deep-blue-rgb : 52, 56, 94; --mdb-deep-blue : #34385e; --mdb-deep-blue-hover : #2e3153; --mdb-deep-blue-active : #292c4a; --mdb-deep-blue-text : #232541; --mdb-deep-blue-soft-bg : #aeb0c8; --mdb-deep-blue-soft-bg-hover : #8e91b5; --mdb-deep-blue-striped-bg : #6f74a3; --mdb-deep-blue-shadow : 0 8px 9px -4px rgba(var(--mdb-deep-blue-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-deep-blue-rgb), 0.2); /*cerulean-blue*/ --mdb-cerulean-blue-rgb : 59, 113, 202; --mdb-cerulean-blue : #3b71ca; --mdb-cerulean-blue-hover : #3563b0; --mdb-cerulean-blue-active : #305699; --mdb-cerulean-blue-text : #2a4b83; --mdb-cerulean-blue-soft-bg : #bbcfee; --mdb-cerulean-blue-soft-bg-hover : #9ab5e5; --mdb-cerulean-blue-striped-bg : #7a9cdd; --mdb-cerulean-blue-shadow : 0 8px 9px -4px rgba(var(--mdb-cerulean-blue-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-cerulean-blue-rgb), 0.2); /*chestnut-brown*/ --mdb-chestnut-brown-rgb : 128, 64, 40; --mdb-chestnut-brown : #804028; --mdb-chestnut-brown-hover : #733923; --mdb-chestnut-brown-active : #66321f; --mdb-chestnut-brown-text : #592b1a; --mdb-chestnut-brown-soft-bg : #dab8ad; --mdb-chestnut-brown-soft-bg-hover : #c59385; --mdb-chestnut-brown-striped-bg : #af6d5c; --mdb-chestnut-brown-shadow : 0 8px 9px -4px rgba(var(--mdb-chestnut-brown-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-chestnut-brown-rgb), 0.2); /*dark-magenta*/ --mdb-dark-magenta-rgb : 139, 0, 139; --mdb-dark-magenta : #8b008b; --mdb-dark-magenta-hover : #7d007d; --mdb-dark-magenta-active : #700070; --mdb-dark-magenta-text : #620062; --mdb-dark-magenta-soft-bg : #e4ace4; --mdb-dark-magenta-soft-bg-hover : #d381d3; --mdb-dark-magenta-striped-bg : #c256c2; --mdb-dark-magenta-shadow : 0 8px 9px -4px rgba(var(--mdb-dark-magenta-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-dark-magenta-rgb), 0.2); /*firebrick*/ --mdb-firebrick-rgb : 178, 34, 34; --mdb-firebrick : #b22222; --mdb-firebrick-hover : #a01f1f; --mdb-firebrick-active : #8e1c1c; --mdb-firebrick-text : #7c1919; --mdb-firebrick-soft-bg : #efb4b4; --mdb-firebrick-soft-bg-hover : #e28787; --mdb-firebrick-striped-bg : #d55b5b; --mdb-firebrick-shadow : 0 8px 9px -4px rgba(var(--mdb-firebrick-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-firebrick-rgb), 0.2); /*pumpkin*/ --mdb-pumpkin-rgb : 245, 124, 0; --mdb-pumpkin : #f57c00; --mdb-pumpkin-hover : #dd6f00; --mdb-pumpkin-active : #c46300; --mdb-pumpkin-text : #ac5700; --mdb-pumpkin-soft-bg : #ffe0b2; --mdb-pumpkin-soft-bg-hover : #ffcc80; --mdb-pumpkin-striped-bg : #ffb74d; --mdb-pumpkin-shadow : 0 8px 9px -4px rgba(var(--mdb-pumpkin-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-pumpkin-rgb), 0.2); /*teal-blue*/ --mdb-teal-blue-rgb : 0, 96, 128; --mdb-teal-blue : #006080; --mdb-teal-blue-hover : #005671; --mdb-teal-blue-active : #004d63; --mdb-teal-blue-text : #004455; --mdb-teal-blue-soft-bg : #ace1ec; --mdb-teal-blue-soft-bg-hover : #82d0e1; --mdb-teal-blue-striped-bg : #58c0d7; --mdb-teal-blue-shadow : 0 8px 9px -4px rgba(var(--mdb-teal-blue-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-teal-blue-rgb), 0.2); /*claret*/ --mdb-claret-rgb : 135, 12, 37; --mdb-claret : #870c25; --mdb-claret-hover : #780b21; --mdb-claret-active : #6a0a1d; --mdb-claret-text : #5b0919; --mdb-claret-soft-bg : #f0a2af; --mdb-claret-soft-bg-hover : #e3798b; --mdb-claret-striped-bg : #d75167; --mdb-claret-shadow : 0 8px 9px -4px rgba(var(--mdb-claret-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-claret-rgb), 0.2); /*dark-olive-green*/ --mdb-dark-olive-green-rgb : 58, 77, 19; --mdb-dark-olive-green : #3a4d13; --mdb-dark-olive-green-hover : #334410; --mdb-dark-olive-green-active : #2d3b0e; --mdb-dark-olive-green-text : #26320b; --mdb-dark-olive-green-soft-bg : #bccdb1; --mdb-dark-olive-green-soft-bg-hover : #98b688; --mdb-dark-olive-green-striped-bg : #749e60; --mdb-dark-olive-green-shadow : 0 8px 9px -4px rgba(var(--mdb-dark-olive-green-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-dark-olive-green-rgb), 0.2); /*purple-heart*/ --mdb-purple-heart-rgb : 85, 0, 85; --mdb-purple-heart : #550055; --mdb-purple-heart-hover : #4d004d; --mdb-purple-heart-active : #450045; --mdb-purple-heart-text : #3c003c; --mdb-purple-heart-soft-bg : #d0acd0; --mdb-purple-heart-soft-bg-hover : #bb8fbb; --mdb-purple-heart-striped-bg : #a672a6; --mdb-purple-heart-shadow : 0 8px 9px -4px rgba(var(--mdb-purple-heart-rgb), 0.3), 0 4px 18px 0 rgba(var(--mdb-purple-heart-rgb), 0.2); } /* Breadcrumbs */ .breadcrumb { border-radius: 0.25rem; padding : 0.75rem 1rem; } /* Botones */ .btn-floating { --mdb-btn-width : var(--mdb-floating-xy); --mdb-btn-height : var(--mdb-floating-xy); --mdb-btn-icon-width : var(--mdb-floating-xy); --mdb-btn-icon-line-height : var(--mdb-floating-xy); --mdb-btn-width-lg : var(--mdb-floating-xy-lg); --mdb-btn-height-lg : var(--mdb-floating-xy-lg); --mdb-btn-icon-width-lg : var(--mdb-floating-xy-lg); --mdb-btn-icon-line-height-lg: var(--mdb-floating-xy-lg); --mdb-btn-width-sm : var(--mdb-floating-xy-sm); --mdb-btn-height-sm : var(--mdb-floating-xy-sm); --mdb-btn-icon-width-sm : var(--mdb-floating-xy-sm); --mdb-btn-icon-line-height-sm: var(--mdb-floating-xy-sm); } .btn-primary { --mdb-btn-bg : var(--mdb-primary); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-primary); --mdb-btn-hover-bg : var(--mdb-primary-hover); --mdb-btn-focus-bg : var(--mdb-primary-hover); --mdb-btn-active-bg : var(--mdb-primary-active); --mdb-btn-disabled-bg : var(--mdb-primary); --mdb-btn-active-shadow : var(--mdb-primary-shadow); --mdb-btn-box-shadow-state: var(--mdb-primary-shadow); } .btn-secondary { --mdb-btn-color : var(--mdb-white); --mdb-btn-bg : var(--mdb-secondary); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-secondary); --mdb-btn-hover-bg : var(--mdb-secondary-hover); --mdb-btn-focus-bg : var(--mdb-secondary-hover); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-secondary-active); --mdb-btn-disabled-bg : var(--mdb-secondary); --mdb-btn-active-shadow : var(--mdb-secondary-shadow); --mdb-btn-box-shadow-state: var(--mdb-secondary-shadow); box-shadow : var(--mdb-btn-box-shadow); } .btn-tertiary, .btn-link { --mdb-btn-color : var(--mdb-primary); --mdb-btn-hover-color : var(--mdb-primary-hover); --mdb-btn-focus-color : var(--mdb-primary-hover); --mdb-btn-active-color: var(--mdb-primary-active); } .btn-success { --mdb-btn-bg : var(--mdb-success); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-success); --mdb-btn-hover-bg : var(--mdb-success-hover); --mdb-btn-focus-bg : var(--mdb-success-hover); --mdb-btn-active-bg : var(--mdb-success-active); --mdb-btn-disabled-bg : var(--mdb-success); --mdb-btn-active-shadow : var(--mdb-success-shadow); --mdb-btn-box-shadow-state: var(--mdb-success-shadow); } .btn-danger { --mdb-btn-bg : var(--mdb-danger); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-danger); --mdb-btn-hover-bg : var(--mdb-danger-hover); --mdb-btn-focus-bg : var(--mdb-danger-hover); --mdb-btn-active-bg : var(--mdb-danger-active); --mdb-btn-disabled-bg : var(--mdb-danger); --mdb-btn-active-shadow : var(--mdb-danger-shadow); --mdb-btn-box-shadow-state: var(--mdb-danger-shadow); } .btn-warning { --mdb-btn-bg : var(--mdb-warning); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-warning); --mdb-btn-hover-bg : var(--mdb-warning-hover); --mdb-btn-focus-bg : var(--mdb-warning-hover); --mdb-btn-active-bg : var(--mdb-warning-active); --mdb-btn-disabled-bg : var(--mdb-warning); --mdb-btn-active-shadow : var(--mdb-warning-shadow); --mdb-btn-box-shadow-state: var(--mdb-warning-shadow); } .btn-info { --mdb-btn-bg : var(--mdb-info); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-info); --mdb-btn-hover-bg : var(--mdb-info-hover); --mdb-btn-focus-bg : var(--mdb-info-hover); --mdb-btn-active-bg : var(--mdb-info-active); --mdb-btn-disabled-bg : var(--mdb-info); --mdb-btn-active-shadow : var(--mdb-info-shadow); --mdb-btn-box-shadow-state: var(--mdb-info-shadow); } .btn-light { --mdb-btn-bg : var(--mdb-light); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-light); --mdb-btn-hover-bg : var(--mdb-light-hover); --mdb-btn-focus-bg : var(--mdb-light-hover); --mdb-btn-active-bg : var(--mdb-light-active); --mdb-btn-disabled-bg : var(--mdb-light); --mdb-btn-active-shadow : var(--mdb-light-shadow); --mdb-btn-box-shadow-state: var(--mdb-light-shadow); } .btn-dark { --mdb-btn-bg : var(--mdb-dark); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-dark); --mdb-btn-hover-bg : var(--mdb-dark-hover); --mdb-btn-focus-bg : var(--mdb-dark-hover); --mdb-btn-active-bg : var(--mdb-dark-active); --mdb-btn-disabled-bg : var(--mdb-dark); --mdb-btn-active-shadow : var(--mdb-dark-shadow); --mdb-btn-box-shadow-state: var(--mdb-dark-shadow); } .btn-orange { --mdb-btn-bg : var(--mdb-orange); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-orange); --mdb-btn-hover-bg : var(--mdb-orange-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-orange-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-orange-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-orange); --mdb-btn-active-shadow : var(--mdb-orange-shadow); --mdb-btn-box-shadow-state: var(--mdb-orange-shadow); --mdb-btn-hover-box-shadow: var(--mdb-orange-shadow); } .btn-pink { --mdb-btn-bg : var(--mdb-pink); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-pink); --mdb-btn-hover-bg : var(--mdb-pink-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-pink-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-pink-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-pink); --mdb-btn-active-shadow : var(--mdb-pink-shadow); --mdb-btn-box-shadow-state: var(--mdb-pink-shadow); --mdb-btn-hover-box-shadow: var(--mdb-pink-shadow); } .btn-blue { --mdb-btn-bg : var(--mdb-blue); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-blue); --mdb-btn-hover-bg : var(--mdb-blue-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-blue-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-blue-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-blue); --mdb-btn-active-shadow : var(--mdb-blue-shadow); --mdb-btn-box-shadow-state: var(--mdb-blue-shadow); --mdb-btn-hover-box-shadow: var(--mdb-blue-shadow); } .btn-indigo { --mdb-btn-bg : var(--mdb-indigo); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-indigo); --mdb-btn-hover-bg : var(--mdb-indigo-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-indigo-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-indigo-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-indigo); --mdb-btn-active-shadow : var(--mdb-indigo-shadow); --mdb-btn-box-shadow-state: var(--mdb-indigo-shadow); --mdb-btn-hover-box-shadow: var(--mdb-indigo-shadow); } .btn-purple { --mdb-btn-bg : var(--mdb-purple); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-purple); --mdb-btn-hover-bg : var(--mdb-purple-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-purple-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-purple-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-purple); --mdb-btn-active-shadow : var(--mdb-purple-shadow); --mdb-btn-box-shadow-state: var(--mdb-purple-shadow); --mdb-btn-hover-box-shadow: var(--mdb-purple-shadow); } .btn-red { --mdb-btn-bg : var(--mdb-red); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-red); --mdb-btn-hover-bg : var(--mdb-red-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-red-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-red-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-red); --mdb-btn-active-shadow : var(--mdb-red-shadow); --mdb-btn-box-shadow-state: var(--mdb-red-shadow); --mdb-btn-hover-box-shadow: var(--mdb-red-shadow); } .btn-yellow { --mdb-btn-bg : var(--mdb-yellow); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-yellow); --mdb-btn-hover-bg : var(--mdb-yellow-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-yellow-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-yellow-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-yellow); --mdb-btn-active-shadow : var(--mdb-yellow-shadow); --mdb-btn-box-shadow-state: var(--mdb-yellow-shadow); --mdb-btn-hover-box-shadow: var(--mdb-yellow-shadow); } .btn-green { --mdb-btn-bg : var(--mdb-green); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-green); --mdb-btn-hover-bg : var(--mdb-green-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-green-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-green-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-green); --mdb-btn-active-shadow : var(--mdb-green-shadow); --mdb-btn-box-shadow-state: var(--mdb-green-shadow); --mdb-btn-hover-box-shadow: var(--mdb-green-shadow); } .btn-teal { --mdb-btn-bg : var(--mdb-teal); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-teal); --mdb-btn-hover-bg : var(--mdb-teal-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-teal-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-teal-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-teal); --mdb-btn-active-shadow : var(--mdb-teal-shadow); --mdb-btn-box-shadow-state: var(--mdb-teal-shadow); --mdb-btn-hover-box-shadow: var(--mdb-teal-shadow); } .btn-cyan { --mdb-btn-bg : var(--mdb-cyan); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-cyan); --mdb-btn-hover-bg : var(--mdb-cyan-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-cyan-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-cyan-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-cyan); --mdb-btn-active-shadow : var(--mdb-cyan-shadow); --mdb-btn-box-shadow-state: var(--mdb-cyan-shadow); --mdb-btn-hover-box-shadow: var(--mdb-cyan-shadow); } .btn-deep-blue { --mdb-btn-bg : var(--mdb-deep-blue); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-deep-blue); --mdb-btn-hover-bg : var(--mdb-deep-blue-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-deep-blue-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-deep-blue-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-deep-blue); --mdb-btn-active-shadow : var(--mdb-deep-blue-shadow); --mdb-btn-box-shadow-state: var(--mdb-deep-blue-shadow); --mdb-btn-hover-box-shadow: var(--mdb-deep-blue-shadow); } .btn-cerulean-blue { --mdb-btn-bg : var(--mdb-cerulean-blue); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-cerulean-blue); --mdb-btn-hover-bg : var(--mdb-cerulean-blue-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-cerulean-blue-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-cerulean-blue-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-cerulean-blue); --mdb-btn-active-shadow : var(--mdb-cerulean-blue-shadow); --mdb-btn-box-shadow-state: var(--mdb-cerulean-blue-shadow); --mdb-btn-hover-box-shadow: var(--mdb-cerulean-blue-shadow); } .btn-chestnut-brown { --mdb-btn-bg : var(--mdb-chestnut-brown); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-chestnut-brown); --mdb-btn-hover-bg : var(--mdb-chestnut-brown-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-chestnut-brown-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-chestnut-brown-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-chestnut-brown); --mdb-btn-active-shadow : var(--mdb-chestnut-brown-shadow); --mdb-btn-box-shadow-state: var(--mdb-chestnut-brown-shadow); --mdb-btn-hover-box-shadow: var(--mdb-chestnut-brown-shadow); } .btn-dark-magenta { --mdb-btn-bg : var(--mdb-dark-magenta); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-dark-magenta); --mdb-btn-hover-bg : var(--mdb-dark-magenta-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-dark-magenta-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-dark-magenta-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-dark-magenta); --mdb-btn-active-shadow : var(--mdb-dark-magenta-shadow); --mdb-btn-box-shadow-state: var(--mdb-dark-magenta-shadow); --mdb-btn-hover-box-shadow: var(--mdb-dark-magenta-shadow); } .btn-firebrick { --mdb-btn-bg : var(--mdb-firebrick); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-firebrick); --mdb-btn-hover-bg : var(--mdb-firebrick-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-firebrick-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-firebrick-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-firebrick); --mdb-btn-active-shadow : var(--mdb-firebrick-shadow); --mdb-btn-box-shadow-state: var(--mdb-firebrick-shadow); --mdb-btn-hover-box-shadow: var(--mdb-firebrick-shadow); } .btn-pumpkin { --mdb-btn-bg : var(--mdb-pumpkin); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-pumpkin); --mdb-btn-hover-bg : var(--mdb-pumpkin-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-pumpkin-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-pumpkin-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-pumpkin); --mdb-btn-active-shadow : var(--mdb-pumpkin-shadow); --mdb-btn-box-shadow-state: var(--mdb-pumpkin-shadow); --mdb-btn-hover-box-shadow: var(--mdb-pumpkin-shadow); } .btn-teal-blue { --mdb-btn-bg : var(--mdb-teal-blue); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-teal-blue); --mdb-btn-hover-bg : var(--mdb-teal-blue-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-teal-blue-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-teal-blue-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-teal-blue); --mdb-btn-active-shadow : var(--mdb-teal-blue-shadow); --mdb-btn-box-shadow-state: var(--mdb-teal-blue-shadow); --mdb-btn-hover-box-shadow: var(--mdb-teal-blue-shadow); } .btn-claret { --mdb-btn-bg : var(--mdb-claret); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-claret); --mdb-btn-hover-bg : var(--mdb-claret-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-claret-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-claret-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-claret); --mdb-btn-active-shadow : var(--mdb-claret-shadow); --mdb-btn-box-shadow-state: var(--mdb-claret-shadow); --mdb-btn-hover-box-shadow: var(--mdb-claret-shadow); } .btn-dark-olive-green { --mdb-btn-bg : var(--mdb-dark-olive-green); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-dark-olive-green); --mdb-btn-hover-bg : var(--mdb-dark-olive-green-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-dark-olive-green-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-dark-olive-green-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-dark-olive-green); --mdb-btn-active-shadow : var(--mdb-dark-olive-green-shadow); --mdb-btn-box-shadow-state: var(--mdb-dark-olive-green-shadow); --mdb-btn-hover-box-shadow: var(--mdb-dark-olive-green-shadow); } .btn-purple-heart { --mdb-btn-bg : var(--mdb-purple-heart); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-purple-heart); --mdb-btn-hover-bg : var(--mdb-purple-heart-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-purple-heart-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-purple-heart-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-purple-heart); --mdb-btn-active-shadow : var(--mdb-purple-heart-shadow); --mdb-btn-box-shadow-state: var(--mdb-purple-heart-shadow); --mdb-btn-hover-box-shadow: var(--mdb-purple-heart-shadow); } .btn-gray { --mdb-btn-bg : var(--mdb-gray); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-gray); --mdb-btn-hover-bg : var(--mdb-gray-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-gray-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-gray-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-gray); --mdb-btn-active-shadow : var(--mdb-gray-shadow); --mdb-btn-box-shadow-state: var(--mdb-gray-shadow); --mdb-btn-hover-box-shadow: var(--mdb-gray-shadow); } .btn-gray-dark { --mdb-btn-bg : var(--mdb-gray-dark); --mdb-btn-color : var(--mdb-white); --mdb-btn-box-shadow : var(--mdb-btn-shadow-xy) var(--mdb-gray-dark); --mdb-btn-hover-bg : var(--mdb-gray-dark-hover); --mdb-btn-hover-color : var(--mdb-white); --mdb-btn-focus-bg : var(--mdb-gray-dark-hover); --mdb-btn-focus-color : var(--mdb-white); --mdb-btn-active-bg : var(--mdb-gray-dark-active); --mdb-btn-active-color : var(--mdb-white); --mdb-btn-disabled-bg : var(--mdb-gray-dark); --mdb-btn-active-shadow : var(--mdb-gray-dark-shadow); --mdb-btn-box-shadow-state: var(--mdb-gray-dark-shadow); --mdb-btn-hover-box-shadow: var(--mdb-gray-dark-shadow); } /* Botones bordeados */ .btn-outline-primary { --mdb-btn-color : var(--mdb-primary); --mdb-btn-hover-color : var(--mdb-primary-hover); --mdb-btn-focus-color : var(--mdb-primary-hover); --mdb-btn-active-color : var(--mdb-primary-active); --mdb-btn-border-color : var(--mdb-primary); --mdb-btn-focus-border-color: var(--mdb-primary-hover); --mdb-btn-hover-border-color: var(--mdb-primary-hover); } .btn-outline-secondary { --mdb-btn-color : var(--mdb-secondary); --mdb-btn-hover-color : var(--mdb-secondary-hover); --mdb-btn-focus-color : var(--mdb-secondary-hover); --mdb-btn-active-color : var(--mdb-secondary-active); --mdb-btn-border-color : var(--mdb-secondary); --mdb-btn-focus-border-color: var(--mdb-secondary-hover); --mdb-btn-hover-border-color: var(--mdb-secondary-hover); } .btn-outline-success { --mdb-btn-color : var(--mdb-success); --mdb-btn-hover-color : var(--mdb-success-hover); --mdb-btn-focus-color : var(--mdb-success-hover); --mdb-btn-active-color : var(--mdb-success-active); --mdb-btn-border-color : var(--mdb-success); --mdb-btn-focus-border-color: var(--mdb-success-hover); --mdb-btn-hover-border-color: var(--mdb-success-hover); } .btn-outline-danger { --mdb-btn-color : var(--mdb-danger); --mdb-btn-hover-color : var(--mdb-danger-hover); --mdb-btn-focus-color : var(--mdb-danger-hover); --mdb-btn-active-color : var(--mdb-danger-active); --mdb-btn-border-color : var(--mdb-danger); --mdb-btn-focus-border-color: var(--mdb-danger-hover); --mdb-btn-hover-border-color: var(--mdb-danger-hover); } .btn-outline-warning { --mdb-btn-color : var(--mdb-warning); --mdb-btn-hover-color : var(--mdb-warning-hover); --mdb-btn-focus-color : var(--mdb-warning-hover); --mdb-btn-active-color : var(--mdb-warning-active); --mdb-btn-border-color : var(--mdb-warning); --mdb-btn-focus-border-color: var(--mdb-warning-hover); --mdb-btn-hover-border-color: var(--mdb-warning-hover); } .btn-outline-info { --mdb-btn-color : var(--mdb-info); --mdb-btn-hover-color : var(--mdb-info-hover); --mdb-btn-focus-color : var(--mdb-info-hover); --mdb-btn-active-color : var(--mdb-info-active); --mdb-btn-border-color : var(--mdb-info); --mdb-btn-focus-border-color: var(--mdb-info-hover); --mdb-btn-hover-border-color: var(--mdb-info-hover); } .btn-outline-light { --mdb-btn-color : var(--mdb-light); --mdb-btn-hover-color : var(--mdb-light-hover); --mdb-btn-focus-color : var(--mdb-light-hover); --mdb-btn-active-color : var(--mdb-light-active); --mdb-btn-border-color : var(--mdb-light); --mdb-btn-focus-border-color: var(--mdb-light-hover); --mdb-btn-hover-border-color: var(--mdb-light-hover); } .btn-outline-dark { --mdb-btn-color : var(--mdb-dark); --mdb-btn-hover-color : var(--mdb-dark-hover); --mdb-btn-focus-color : var(--mdb-dark-hover); --mdb-btn-active-color : var(--mdb-dark-active); --mdb-btn-border-color : var(--mdb-dark); --mdb-btn-focus-border-color: var(--mdb-dark-hover); --mdb-btn-hover-border-color: var(--mdb-dark-hover); } .btn-outline-orange { --mdb-btn-color : var(--mdb-orange); --mdb-btn-hover-color : var(--mdb-orange-hover); --mdb-btn-focus-color : var(--mdb-orange-hover); --mdb-btn-active-color : var(--mdb-orange-active); --mdb-btn-border-color : var(--mdb-orange); --mdb-btn-focus-border-color: var(--mdb-orange-hover); --mdb-btn-hover-border-color: var(--mdb-orange-hover); } .btn-outline-pink { --mdb-btn-color : var(--mdb-pink); --mdb-btn-hover-color : var(--mdb-pink-hover); --mdb-btn-focus-color : var(--mdb-pink-hover); --mdb-btn-active-color : var(--mdb-pink-active); --mdb-btn-border-color : var(--mdb-pink); --mdb-btn-focus-border-color: var(--mdb-pink-hover); --mdb-btn-hover-border-color: var(--mdb-pink-hover); } .btn-outline-blue { --mdb-btn-color : var(--mdb-blue); --mdb-btn-hover-color : var(--mdb-blue-hover); --mdb-btn-focus-color : var(--mdb-blue-hover); --mdb-btn-active-color : var(--mdb-blue-active); --mdb-btn-border-color : var(--mdb-blue); --mdb-btn-focus-border-color: var(--mdb-blue-hover); --mdb-btn-hover-border-color: var(--mdb-blue-hover); } .btn-outline-indigo { --mdb-btn-color : var(--mdb-indigo); --mdb-btn-hover-color : var(--mdb-indigo-hover); --mdb-btn-focus-color : var(--mdb-indigo-hover); --mdb-btn-active-color : var(--mdb-indigo-active); --mdb-btn-border-color : var(--mdb-indigo); --mdb-btn-focus-border-color: var(--mdb-indigo-hover); --mdb-btn-hover-border-color: var(--mdb-indigo-hover); } .btn-outline-purple { --mdb-btn-color : var(--mdb-purple); --mdb-btn-hover-color : var(--mdb-purple-hover); --mdb-btn-focus-color : var(--mdb-purple-hover); --mdb-btn-active-color : var(--mdb-purple-active); --mdb-btn-border-color : var(--mdb-purple); --mdb-btn-focus-border-color: var(--mdb-purple-hover); --mdb-btn-hover-border-color: var(--mdb-purple-hover); } .btn-outline-red { --mdb-btn-color : var(--mdb-red); --mdb-btn-hover-color : var(--mdb-red-hover); --mdb-btn-focus-color : var(--mdb-red-hover); --mdb-btn-active-color : var(--mdb-red-active); --mdb-btn-border-color : var(--mdb-red); --mdb-btn-focus-border-color: var(--mdb-red-hover); --mdb-btn-hover-border-color: var(--mdb-red-hover); } .btn-outline-yellow { --mdb-btn-color : var(--mdb-yellow); --mdb-btn-hover-color : var(--mdb-yellow-hover); --mdb-btn-focus-color : var(--mdb-yellow-hover); --mdb-btn-active-color : var(--mdb-yellow-active); --mdb-btn-border-color : var(--mdb-yellow); --mdb-btn-focus-border-color: var(--mdb-yellow-hover); --mdb-btn-hover-border-color: var(--mdb-yellow-hover); } .btn-outline-green { --mdb-btn-color : var(--mdb-green); --mdb-btn-hover-color : var(--mdb-green-hover); --mdb-btn-focus-color : var(--mdb-green-hover); --mdb-btn-active-color : var(--mdb-green-active); --mdb-btn-border-color : var(--mdb-green); --mdb-btn-focus-border-color: var(--mdb-green-hover); --mdb-btn-hover-border-color: var(--mdb-green-hover); } .btn-outline-teal { --mdb-btn-color : var(--mdb-teal); --mdb-btn-hover-color : var(--mdb-teal-hover); --mdb-btn-focus-color : var(--mdb-teal-hover); --mdb-btn-active-color : var(--mdb-teal-active); --mdb-btn-border-color : var(--mdb-teal); --mdb-btn-focus-border-color: var(--mdb-teal-hover); --mdb-btn-hover-border-color: var(--mdb-teal-hover); } .btn-outline-cyan { --mdb-btn-color : var(--mdb-cyan); --mdb-btn-hover-color : var(--mdb-cyan-hover); --mdb-btn-focus-color : var(--mdb-cyan-hover); --mdb-btn-active-color : var(--mdb-cyan-active); --mdb-btn-border-color : var(--mdb-cyan); --mdb-btn-focus-border-color: var(--mdb-cyan-hover); --mdb-btn-hover-border-color: var(--mdb-cyan-hover); } .btn-outline-deep-blue { --mdb-btn-color : var(--mdb-deep-blue); --mdb-btn-hover-color : var(--mdb-deep-blue-hover); --mdb-btn-focus-color : var(--mdb-deep-blue-hover); --mdb-btn-active-color : var(--mdb-deep-blue-active); --mdb-btn-border-color : var(--mdb-deep-blue); --mdb-btn-focus-border-color: var(--mdb-deep-blue-hover); --mdb-btn-hover-border-color: var(--mdb-deep-blue-hover); } .btn-outline-cerulean-blue { --mdb-btn-color : var(--mdb-cerulean-blue); --mdb-btn-hover-color : var(--mdb-cerulean-blue-hover); --mdb-btn-focus-color : var(--mdb-cerulean-blue-hover); --mdb-btn-active-color : var(--mdb-cerulean-blue-active); --mdb-btn-border-color : var(--mdb-cerulean-blue); --mdb-btn-focus-border-color: var(--mdb-cerulean-blue-hover); --mdb-btn-hover-border-color: var(--mdb-cerulean-blue-hover); } .btn-outline-chestnut-brown { --mdb-btn-color : var(--mdb-chestnut-brown); --mdb-btn-hover-color : var(--mdb-chestnut-brown-hover); --mdb-btn-focus-color : var(--mdb-chestnut-brown-hover); --mdb-btn-active-color : var(--mdb-chestnut-brown-active); --mdb-btn-border-color : var(--mdb-chestnut-brown); --mdb-btn-focus-border-color: var(--mdb-chestnut-brown-hover); --mdb-btn-hover-border-color: var(--mdb-chestnut-brown-hover); } .btn-outline-dark-magenta { --mdb-btn-color : var(--mdb-dark-magenta); --mdb-btn-hover-color : var(--mdb-dark-magenta-hover); --mdb-btn-focus-color : var(--mdb-dark-magenta-hover); --mdb-btn-active-color : var(--mdb-dark-magenta-active); --mdb-btn-border-color : var(--mdb-dark-magenta); --mdb-btn-focus-border-color: var(--mdb-dark-magenta-hover); --mdb-btn-hover-border-color: var(--mdb-dark-magenta-hover); } .btn-outline-firebrick { --mdb-btn-color : var(--mdb-firebrick); --mdb-btn-hover-color : var(--mdb-firebrick-hover); --mdb-btn-focus-color : var(--mdb-firebrick-hover); --mdb-btn-active-color : var(--mdb-firebrick-active); --mdb-btn-border-color : var(--mdb-firebrick); --mdb-btn-focus-border-color: var(--mdb-firebrick-hover); --mdb-btn-hover-border-color: var(--mdb-firebrick-hover); } .btn-outline-pumpkin { --mdb-btn-color : var(--mdb-pumpkin); --mdb-btn-hover-color : var(--mdb-pumpkin-hover); --mdb-btn-focus-color : var(--mdb-pumpkin-hover); --mdb-btn-active-color : var(--mdb-pumpkin-active); --mdb-btn-border-color : var(--mdb-pumpkin); --mdb-btn-focus-border-color: var(--mdb-pumpkin-hover); --mdb-btn-hover-border-color: var(--mdb-pumpkin-hover); } .btn-outline-teal-blue { --mdb-btn-color : var(--mdb-teal-blue); --mdb-btn-hover-color : var(--mdb-teal-blue-hover); --mdb-btn-focus-color : var(--mdb-teal-blue-hover); --mdb-btn-active-color : var(--mdb-teal-blue-active); --mdb-btn-border-color : var(--mdb-teal-blue); --mdb-btn-focus-border-color: var(--mdb-teal-blue-hover); --mdb-btn-hover-border-color: var(--mdb-teal-blue-hover); } .btn-outline-claret { --mdb-btn-color : var(--mdb-claret); --mdb-btn-hover-color : var(--mdb-claret-hover); --mdb-btn-focus-color : var(--mdb-claret-hover); --mdb-btn-active-color : var(--mdb-claret-active); --mdb-btn-border-color : var(--mdb-claret); --mdb-btn-focus-border-color: var(--mdb-claret-hover); --mdb-btn-hover-border-color: var(--mdb-claret-hover); } .btn-outline-dark-olive-green { --mdb-btn-color : var(--mdb-dark-olive-green); --mdb-btn-hover-color : var(--mdb-dark-olive-green-hover); --mdb-btn-focus-color : var(--mdb-dark-olive-green-hover); --mdb-btn-active-color : var(--mdb-dark-olive-green-active); --mdb-btn-border-color : var(--mdb-dark-olive-green); --mdb-btn-focus-border-color: var(--mdb-dark-olive-green-hover); --mdb-btn-hover-border-color: var(--mdb-dark-olive-green-hover); } .btn-outline-purple-heart { --mdb-btn-color : var(--mdb-purple-heart); --mdb-btn-hover-color : var(--mdb-purple-heart-hover); --mdb-btn-focus-color : var(--mdb-purple-heart-hover); --mdb-btn-active-color : var(--mdb-purple-heart-active); --mdb-btn-border-color : var(--mdb-purple-heart); --mdb-btn-focus-border-color: var(--mdb-purple-heart-hover); --mdb-btn-hover-border-color: var(--mdb-purple-heart-hover); } .btn-outline-gray { --mdb-btn-color : var(--mdb-gray); --mdb-btn-hover-color : var(--mdb-gray-hover); --mdb-btn-focus-color : var(--mdb-gray-hover); --mdb-btn-active-color : var(--mdb-gray-active); --mdb-btn-border-color : var(--mdb-gray); --mdb-btn-focus-border-color: var(--mdb-gray-hover); --mdb-btn-hover-border-color: var(--mdb-gray-hover); } .btn-outline-gray-dark { --mdb-btn-color : var(--mdb-gray-dark); --mdb-btn-hover-color : var(--mdb-gray-dark-hover); --mdb-btn-focus-color : var(--mdb-gray-dark-hover); --mdb-btn-active-color : var(--mdb-gray-dark-active); --mdb-btn-border-color : var(--mdb-gray-dark); --mdb-btn-focus-border-color: var(--mdb-gray-dark-hover); --mdb-btn-hover-border-color: var(--mdb-gray-dark-hover); } /* Inputs */ .form-control.disabled, .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; } .input-group > .form-control:focus, .form-control:focus { border-color: var(--mdb-primary); box-shadow : inset 0 0 0 1px var(--mdb-primary); } .form-outline .form-control:focus ~ .form-label { color: var(--mdb-primary); } .form-outline .form-control:focus ~ .form-notch .form-notch-middle { border-color: var(--mdb-primary); box-shadow : 0 1px 0 0 var(--mdb-primary); border-top : 1px solid transparent; } .form-outline .form-control:focus ~ .form-notch .form-notch-leading { border-color: var(--mdb-primary); box-shadow : -1px 0 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary); } .form-outline .form-control:focus ~ .form-notch .form-notch-trailing { border-color: var(--mdb-primary); box-shadow : 1px 0 0 0 var(--mdb-primary), 0 -1px 0 0 var(--mdb-primary), 0 1px 0 0 var(--mdb-primary); } /* Tablas */ .table-sm > :not(caption) > * > * { padding: 0.3rem; } .table { --mdb-table-striped-bg: rgba(0, 0, 0, 0.05); --mdb-table-active-bg : rgba(0, 0, 0, 0.3); --mdb-table-hover-bg : rgba(0, 0, 0, 0.055); } .table-primary { --mdb-table-bg : var(--mdb-primary-soft-bg); --mdb-table-striped-bg: var(--mdb-primary-striped-bg); --mdb-table-active-bg : var(--mdb-primary-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-primary-soft-bg-hover); } .table-secondary { --mdb-table-bg : var(--mdb-secondary-soft-bg); --mdb-table-striped-bg: var(--mdb-secondary-striped-bg); --mdb-table-active-bg : var(--mdb-secondary-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-secondary-soft-bg-hover); } .table-success { --mdb-table-bg : var(--mdb-success-soft-bg); --mdb-table-striped-bg: var(--mdb-success-striped-bg); --mdb-table-active-bg : var(--mdb-success-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-success-soft-bg-hover); } .table-danger { --mdb-table-bg : var(--mdb-danger-soft-bg); --mdb-table-striped-bg: var(--mdb-danger-striped-bg); --mdb-table-active-bg : var(--mdb-danger-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-danger-soft-bg-hover); } .table-warning { --mdb-table-bg : var(--mdb-warning-soft-bg); --mdb-table-striped-bg: var(--mdb-warning-striped-bg); --mdb-table-active-bg : var(--mdb-warning-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-warning-soft-bg-hover); } .table-info { --mdb-table-bg : var(--mdb-info-soft-bg); --mdb-table-striped-bg: var(--mdb-info-striped-bg); --mdb-table-active-bg : var(--mdb-info-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-info-soft-bg-hover); } .table-orange { --mdb-table-bg : var(--mdb-orange-soft-bg); --mdb-table-striped-bg: var(--mdb-orange-striped-bg); --mdb-table-active-bg : var(--mdb-orange-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-orange-soft-bg-hover); } .table-pink { --mdb-table-bg : var(--mdb-pink-soft-bg); --mdb-table-striped-bg: var(--mdb-pink-striped-bg); --mdb-table-active-bg : var(--mdb-pink-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-pink-soft-bg-hover); } .table-blue { --mdb-table-bg : var(--mdb-blue-soft-bg); --mdb-table-striped-bg: var(--mdb-blue-striped-bg); --mdb-table-active-bg : var(--mdb-blue-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-blue-soft-bg-hover); } .table-indigo { --mdb-table-bg : var(--mdb-indigo-soft-bg); --mdb-table-striped-bg: var(--mdb-indigo-striped-bg); --mdb-table-active-bg : var(--mdb-indigo-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-indigo-soft-bg-hover); } .table-purple { --mdb-table-bg : var(--mdb-purple-soft-bg); --mdb-table-striped-bg: var(--mdb-purple-striped-bg); --mdb-table-active-bg : var(--mdb-purple-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-purple-soft-bg-hover); } .table-red { --mdb-table-bg : var(--mdb-red-soft-bg); --mdb-table-striped-bg: var(--mdb-red-striped-bg); --mdb-table-active-bg : var(--mdb-red-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-red-soft-bg-hover); } .table-yellow { --mdb-table-bg : var(--mdb-yellow-soft-bg); --mdb-table-striped-bg: var(--mdb-yellow-striped-bg); --mdb-table-active-bg : var(--mdb-yellow-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-yellow-soft-bg-hover); } .table-green { --mdb-table-bg : var(--mdb-green-soft-bg); --mdb-table-striped-bg: var(--mdb-green-striped-bg); --mdb-table-active-bg : var(--mdb-green-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-green-soft-bg-hover); } .table-teal { --mdb-table-bg : var(--mdb-teal-soft-bg); --mdb-table-striped-bg: var(--mdb-teal-striped-bg); --mdb-table-active-bg : var(--mdb-teal-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-teal-soft-bg-hover); } .table-cyan { --mdb-table-bg : var(--mdb-cyan-soft-bg); --mdb-table-striped-bg: var(--mdb-cyan-striped-bg); --mdb-table-active-bg : var(--mdb-cyan-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-cyan-soft-bg-hover); } .table-deep-blue { --mdb-table-bg : var(--mdb-deep-blue-soft-bg); --mdb-table-striped-bg: var(--mdb-deep-blue-striped-bg); --mdb-table-active-bg : var(--mdb-deep-blue-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-deep-blue-soft-bg-hover); } .table-cerulean-blue { --mdb-table-bg : var(--mdb-cerulean-blue-soft-bg); --mdb-table-striped-bg: var(--mdb-cerulean-blue-striped-bg); --mdb-table-active-bg : var(--mdb-cerulean-blue-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-cerulean-blue-soft-bg-hover); } .table-chestnut-brown { --mdb-table-bg : var(--mdb-chestnut-brown-soft-bg); --mdb-table-striped-bg: var(--mdb-chestnut-brown-striped-bg); --mdb-table-active-bg : var(--mdb-chestnut-brown-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-chestnut-brown-soft-bg-hover); } .table-dark-magenta { --mdb-table-bg : var(--mdb-dark-magenta-soft-bg); --mdb-table-striped-bg: var(--mdb-dark-magenta-striped-bg); --mdb-table-active-bg : var(--mdb-dark-magenta-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-dark-magenta-soft-bg-hover); } .table-firebrick { --mdb-table-bg : var(--mdb-firebrick-soft-bg); --mdb-table-striped-bg: var(--mdb-firebrick-striped-bg); --mdb-table-active-bg : var(--mdb-firebrick-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-firebrick-soft-bg-hover); } .table-pumpkin { --mdb-table-bg : var(--mdb-pumpkin-soft-bg); --mdb-table-striped-bg: var(--mdb-pumpkin-striped-bg); --mdb-table-active-bg : var(--mdb-pumpkin-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-pumpkin-soft-bg-hover); } .table-teal-blue { --mdb-table-bg : var(--mdb-teal-blue-soft-bg); --mdb-table-striped-bg: var(--mdb-teal-blue-striped-bg); --mdb-table-active-bg : var(--mdb-teal-blue-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-teal-blue-soft-bg-hover); } .table-claret { --mdb-table-bg : var(--mdb-claret-soft-bg); --mdb-table-striped-bg: var(--mdb-claret-striped-bg); --mdb-table-active-bg : var(--mdb-claret-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-claret-soft-bg-hover); } .table-dark-olive-green { --mdb-table-bg : var(--mdb-dark-olive-green-soft-bg); --mdb-table-striped-bg: var(--mdb-dark-olive-green-striped-bg); --mdb-table-active-bg : var(--mdb-dark-olive-green-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-dark-olive-green-soft-bg-hover); } .table-purple-heart { --mdb-table-bg : var(--mdb-purple-heart-soft-bg); --mdb-table-striped-bg: var(--mdb-purple-heart-striped-bg); --mdb-table-active-bg : var(--mdb-purple-heart-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-purple-heart-soft-bg-hover); } .table-gray { --mdb-table-bg : var(--mdb-gray-soft-bg); --mdb-table-striped-bg: var(--mdb-gray-striped-bg); --mdb-table-active-bg : var(--mdb-gray-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-gray-soft-bg-hover); } .table-gray-dark { --mdb-table-bg : var(--mdb-gray-dark-soft-bg); --mdb-table-striped-bg: var(--mdb-gray-dark-striped-bg); --mdb-table-active-bg : var(--mdb-gray-dark-soft-bg-hover); --mdb-table-hover-bg : var(--mdb-gray-dark-soft-bg-hover); } /* Check-box */ .form-check-input { --mdb-check-shadow: var(--mdb-primary); } .form-check-input[type = "checkbox"]:checked, .form-check-input[type = "radio"]:checked::after, .form-check-input[type = "checkbox"]:checked:focus { background-color: var(--mdb-primary); } .form-check-input, .form-check-input:focus, .form-check-input:checked, .form-check-input:checked:focus { border-color : var(--mdb-primary); } .form-check-secondary { border-color : var(--mdb-secondary) !important; --mdb-check-shadow: var(--mdb-secondary); } .form-check-secondary[type = "checkbox"]:checked, .form-check-secondary[type = "radio"]:checked::after, .form-switch .form-check-secondary[type = "checkbox"]:checked::after { background-color: var(--mdb-secondary) !important; } .form-check-success { border-color : var(--mdb-success) !important; --mdb-check-shadow: var(--mdb-success); } .form-check-success[type = "checkbox"]:checked, .form-check-success[type = "radio"]:checked::after, .form-switch .form-check-success[type = "checkbox"]:checked::after { background-color: var(--mdb-success) !important; } .form-check-info { border-color : var(--mdb-info) !important; --mdb-check-shadow: var(--mdb-info); } .form-check-info[type = "checkbox"]:checked, .form-check-info[type = "radio"]:checked::after, .form-switch .form-check-info[type = "checkbox"]:checked::after { background-color: var(--mdb-info) !important; } .form-check-warning { border-color : var(--mdb-warning) !important; --mdb-check-shadow: var(--mdb-warning); } .form-check-warning[type = "checkbox"]:checked, .form-check-warning[type = "radio"]:checked::after, .form-switch .form-check-warning[type = "checkbox"]:checked::after { background-color: var(--mdb-warning) !important; } .form-check-orange { border-color : var(--mdb-orange) !important; --mdb-check-shadow: var(--mdb-orange); } .form-check-orange[type = "checkbox"]:checked, .form-check-orange[type = "radio"]:checked::after, .form-switch .form-check-orange[type = "checkbox"]:checked::after { background-color: var(--mdb-orange) !important; } .form-check-pink { border-color : var(--mdb-pink) !important; --mdb-check-shadow: var(--mdb-pink); } .form-check-pink[type = "checkbox"]:checked, .form-check-pink[type = "radio"]:checked::after, .form-switch .form-check-pink[type = "checkbox"]:checked::after { background-color: var(--mdb-pink) !important; } .form-check-blue { border-color : var(--mdb-blue) !important; --mdb-check-shadow: var(--mdb-blue); } .form-check-blue[type = "checkbox"]:checked, .form-check-blue[type = "radio"]:checked::after, .form-switch .form-check-blue[type = "checkbox"]:checked::after { background-color: var(--mdb-blue) !important; } .form-check-indigo { border-color : var(--mdb-indigo) !important; --mdb-check-shadow: var(--mdb-indigo); } .form-check-indigo[type = "checkbox"]:checked, .form-check-indigo[type = "radio"]:checked::after, .form-switch .form-check-indigo[type = "checkbox"]:checked::after { background-color: var(--mdb-indigo) !important; } .form-check-purple { border-color : var(--mdb-purple) !important; --mdb-check-shadow: var(--mdb-purple); } .form-check-purple[type = "checkbox"]:checked, .form-check-purple[type = "radio"]:checked::after, .form-switch .form-check-purple[type = "checkbox"]:checked::after { background-color: var(--mdb-purple) !important; } .form-check-red { border-color : var(--mdb-red) !important; --mdb-check-shadow: var(--mdb-red); } .form-check-red[type = "checkbox"]:checked, .form-check-red[type = "radio"]:checked::after, .form-switch .form-check-red[type = "checkbox"]:checked::after { background-color: var(--mdb-red) !important; } .form-check-yellow { border-color : var(--mdb-yellow) !important; --mdb-check-shadow: var(--mdb-yellow); } .form-check-yellow[type = "checkbox"]:checked, .form-check-yellow[type = "radio"]:checked::after, .form-switch .form-check-yellow[type = "checkbox"]:checked::after { background-color: var(--mdb-yellow) !important; } .form-check-green { border-color : var(--mdb-green) !important; --mdb-check-shadow: var(--mdb-green); } .form-check-green[type = "checkbox"]:checked, .form-check-green[type = "radio"]:checked::after, .form-switch .form-check-green[type = "checkbox"]:checked::after { background-color: var(--mdb-green) !important; } .form-check-teal { border-color : var(--mdb-teal) !important; --mdb-check-shadow: var(--mdb-teal); } .form-check-teal[type = "checkbox"]:checked, .form-check-teal[type = "radio"]:checked::after, .form-switch .form-check-teal[type = "checkbox"]:checked::after { background-color: var(--mdb-teal) !important; } .form-check-cyan { border-color : var(--mdb-cyan) !important; --mdb-check-shadow: var(--mdb-cyan); } .form-check-cyan[type = "checkbox"]:checked, .form-check-cyan[type = "radio"]:checked::after, .form-switch .form-check-cyan[type = "checkbox"]:checked::after { background-color: var(--mdb-cyan) !important; } .form-check-deep-blue { border-color : var(--mdb-deep-blue) !important; --mdb-check-shadow: var(--mdb-deep-blue); } .form-check-deep-blue[type = "checkbox"]:checked, .form-check-deep-blue[type = "radio"]:checked::after, .form-switch .form-check-deep-blue[type = "checkbox"]:checked::after { background-color: var(--mdb-deep-blue) !important; } .form-check-cerulean-blue { border-color : var(--mdb-cerulean-blue) !important; --mdb-check-shadow: var(--mdb-cerulean-blue); } .form-check-cerulean-blue[type = "checkbox"]:checked, .form-check-cerulean-blue[type = "radio"]:checked::after, .form-switch .form-check-cerulean-blue[type = "checkbox"]:checked::after { background-color: var(--mdb-cerulean-blue) !important; } .form-check-chestnut-brown { border-color : var(--mdb-chestnut-brown) !important; --mdb-check-shadow: var(--mdb-chestnut-brown); } .form-check-chestnut-brown[type = "checkbox"]:checked, .form-check-chestnut-brown[type = "radio"]:checked::after, .form-switch .form-check-chestnut-brown[type = "checkbox"]:checked::after { background-color: var(--mdb-chestnut-brown) !important; } .form-check-dark-magenta { border-color : var(--mdb-dark-magenta) !important; --mdb-check-shadow: var(--mdb-dark-magenta); } .form-check-dark-magenta[type = "checkbox"]:checked, .form-check-dark-magenta[type = "radio"]:checked::after, .form-switch .form-check-dark-magenta[type = "checkbox"]:checked::after { background-color: var(--mdb-dark-magenta) !important; } .form-check-firebrick { border-color : var(--mdb-firebrick) !important; --mdb-check-shadow: var(--mdb-firebrick); } .form-check-firebrick[type = "checkbox"]:checked, .form-check-firebrick[type = "radio"]:checked::after, .form-switch .form-check-firebrick[type = "checkbox"]:checked::after { background-color: var(--mdb-firebrick) !important; } .form-check-pumpkin { border-color : var(--mdb-pumpkin) !important; --mdb-check-shadow: var(--mdb-pumpkin); } .form-check-pumpkin[type = "checkbox"]:checked, .form-check-pumpkin[type = "radio"]:checked::after, .form-switch .form-check-pumpkin[type = "checkbox"]:checked::after { background-color: var(--mdb-pumpkin) !important; } .form-check-teal-blue { border-color : var(--mdb-teal-blue) !important; --mdb-check-shadow: var(--mdb-teal-blue); } .form-check-teal-blue[type = "checkbox"]:checked, .form-check-teal-blue[type = "radio"]:checked::after, .form-switch .form-check-teal-blue[type = "checkbox"]:checked::after { background-color: var(--mdb-teal-blue) !important; } .form-check-claret { border-color : var(--mdb-claret) !important; --mdb-check-shadow: var(--mdb-claret); } .form-check-claret[type = "checkbox"]:checked, .form-check-claret[type = "radio"]:checked::after, .form-switch .form-check-claret[type = "checkbox"]:checked::after { background-color: var(--mdb-claret) !important; } .form-check-dark-olive-green { border-color : var(--mdb-dark-olive-green) !important; --mdb-check-shadow: var(--mdb-dark-olive-green); } .form-check-dark-olive-green[type = "checkbox"]:checked, .form-check-dark-olive-green[type = "radio"]:checked::after, .form-switch .form-check-dark-olive-green[type = "checkbox"]:checked::after { background-color: var(--mdb-dark-olive-green) !important; } .form-check-purple-heart { border-color : var(--mdb-purple-heart) !important; --mdb-check-shadow: var(--mdb-purple-heart); } .form-check-purple-heart[type = "checkbox"]:checked, .form-check-purple-heart[type = "radio"]:checked::after, .form-switch .form-check-purple-heart[type = "checkbox"]:checked::after { background-color: var(--mdb-purple-heart) !important; } .form-check-gray { border-color : var(--mdb-gray) !important; --mdb-check-shadow: var(--mdb-gray); } .form-check-gray[type = "checkbox"]:checked, .form-check-gray[type = "radio"]:checked::after, .form-switch .form-check-gray[type = "checkbox"]:checked::after { background-color: var(--mdb-gray) !important; } .form-check-gray-dar { border-color : var(--mdb-gray-dar) !important; --mdb-check-shadow: var(--mdb-gray-dar); } .form-check-gray-dar[type = "checkbox"]:checked, .form-check-gray-dar[type = "radio"]:checked::after, .form-switch .form-check-gray-dar[type = "checkbox"]:checked::after { background-color: var(--mdb-gray-dar) !important; } .form-check-danger { border-color : var(--mdb-danger) !important; --mdb-check-shadow: var(--mdb-danger); } .form-check-danger[type = "checkbox"]:checked, .form-check-danger[type = "radio"]:checked::after, .form-switch .form-check-danger[type = "checkbox"]:checked::after { background-color: var(--mdb-danger) !important; } .form-check-light { border-color : var(--mdb-light) !important; --mdb-check-shadow: var(--mdb-light); } .form-check-light[type = "checkbox"]:checked, .form-check-light[type = "radio"]:checked::after, .form-switch .form-check-light[type = "checkbox"]:checked::after { background-color: var(--mdb-light) !important; } .form-check-dark { border-color : var(--mdb-dark) !important; --mdb-check-shadow: var(--mdb-dark); } .form-check-dark[type = "checkbox"]:checked, .form-check-dark[type = "radio"]:checked::after, .form-switch .form-check-dark[type = "checkbox"]:checked::after { background-color: var(--mdb-dark) !important; } .form-check-black { border-color : var(--mdb-black) !important; --mdb-check-shadow: var(--mdb-black); } .form-check-black[type = "checkbox"]:checked, .form-check-black[type = "radio"]:checked::after, .form-switch .form-check-black[type = "checkbox"]:checked::after { background-color: var(--mdb-black) !important; } /* Switch */ .form-switch .form-check-input:checked[type = "checkbox"]:after { background-color: var(--mdb-primary); } .form-switch .form-check-input:checked:focus:before { box-shadow: 3px -1px 0 13px var(--mdb-check-shadow); } .form-check-input:checked:focus:before { box-shadow: 0 0 0 13px var(--mdb-check-shadow); } /* Listados*/ .list-group-light { --mdb-list-group-light-active-bg : var(--mdb-primary-soft-bg); --mdb-list-group-light-active-color: var(--mdb-primary); } a.list-group-item, .list-group-item { --mdb-list-group-color : var(--mdb-dark); --mdb-list-group-bg-hover : var(--mdb-light-hover); --mdb-list-group-active-bg: var(--mdb-primary); color : var(--mdb-list-group-color); background-color : var(--mdb-list-group-bg); } .list-group-item.list-group-item-action:hover, .list-group-item.list-group-item-action:focus { color : var(--mdb-list-group-color); background-color: var(--mdb-list-group-bg-hover); } .list-group.list-group-light .list-group-item.active { color : var(--mdb-list-group-light-active-color); background-color: var(--mdb-list-group-light-active-bg); } .list-group-item.list-group-item-action.active, .list-group-item.active { color : var(--mdb-list-group-bg); background-color: var(--mdb-list-group-active-bg); } .list-group-item.list-group-item-primary { --mdb-list-group-color : var(--mdb-primary-text); --mdb-list-group-bg : var(--mdb-primary-soft-bg); --mdb-list-group-bg-hover : var(--mdb-primary-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-primary-soft-bg-hover); } .list-group-item.list-group-item-secondary { --mdb-list-group-color : var(--mdb-secondary-text); --mdb-list-group-bg : var(--mdb-secondary-soft-bg); --mdb-list-group-bg-hover : var(--mdb-secondary-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-secondary-soft-bg-hover); } .list-group-item.list-group-item-success { --mdb-list-group-color : var(--mdb-success-text); --mdb-list-group-bg : var(--mdb-success-soft-bg); --mdb-list-group-bg-hover : var(--mdb-success-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-success-soft-bg-hover); } .list-group-item.list-group-item-danger { --mdb-list-group-color : var(--mdb-danger-text); --mdb-list-group-bg : var(--mdb-danger-soft-bg); --mdb-list-group-bg-hover : var(--mdb-danger-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-danger-soft-bg-hover); } .list-group-item.list-group-item-warning { --mdb-list-group-color : var(--mdb-warning-text); --mdb-list-group-bg : var(--mdb-warning-soft-bg); --mdb-list-group-bg-hover : var(--mdb-warning-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-warning-soft-bg-hover); } .list-group-item.list-group-item-info { --mdb-list-group-color : var(--mdb-info-text); --mdb-list-group-bg : var(--mdb-info-soft-bg); --mdb-list-group-bg-hover : var(--mdb-info-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-info-soft-bg-hover); } .list-group-item.list-group-item-light { --mdb-list-group-color : var(--mdb-light-text); --mdb-list-group-bg : var(--mdb-light-soft-bg); --mdb-list-group-bg-hover : var(--mdb-light-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-light-soft-bg-hover); } .list-group-item.list-group-item-dark { --mdb-list-group-color : var(--mdb-dark-text); --mdb-list-group-bg : var(--mdb-dark-soft-bg); --mdb-list-group-bg-hover : var(--mdb-dark-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-dark-soft-bg-hover); } .list-group-item.list-group-item-orange { --mdb-list-group-color : var(--mdb-orange-text); --mdb-list-group-bg : var(--mdb-orange-soft-bg); --mdb-list-group-bg-hover : var(--mdb-orange-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-orange-soft-bg-hover); } .list-group-item.list-group-item-pink { --mdb-list-group-color : var(--mdb-pink-text); --mdb-list-group-bg : var(--mdb-pink-soft-bg); --mdb-list-group-bg-hover : var(--mdb-pink-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-pink-soft-bg-hover); } .list-group-item.list-group-item-blue { --mdb-list-group-color : var(--mdb-blue-text); --mdb-list-group-bg : var(--mdb-blue-soft-bg); --mdb-list-group-bg-hover : var(--mdb-blue-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-blue-soft-bg-hover); } .list-group-item.list-group-item-indigo { --mdb-list-group-color : var(--mdb-indigo-text); --mdb-list-group-bg : var(--mdb-indigo-soft-bg); --mdb-list-group-bg-hover : var(--mdb-indigo-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-indigo-soft-bg-hover); } .list-group-item.list-group-item-purple { --mdb-list-group-color : var(--mdb-purple-text); --mdb-list-group-bg : var(--mdb-purple-soft-bg); --mdb-list-group-bg-hover : var(--mdb-purple-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-purple-soft-bg-hover); } .list-group-item.list-group-item-red { --mdb-list-group-color : var(--mdb-red-text); --mdb-list-group-bg : var(--mdb-red-soft-bg); --mdb-list-group-bg-hover : var(--mdb-red-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-red-soft-bg-hover); } .list-group-item.list-group-item-yellow { --mdb-list-group-color : var(--mdb-yellow-text); --mdb-list-group-bg : var(--mdb-yellow-soft-bg); --mdb-list-group-bg-hover : var(--mdb-yellow-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-yellow-soft-bg-hover); } .list-group-item.list-group-item-green { --mdb-list-group-color : var(--mdb-green-text); --mdb-list-group-bg : var(--mdb-green-soft-bg); --mdb-list-group-bg-hover : var(--mdb-green-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-green-soft-bg-hover); } .list-group-item.list-group-item-teal { --mdb-list-group-color : var(--mdb-teal-text); --mdb-list-group-bg : var(--mdb-teal-soft-bg); --mdb-list-group-bg-hover : var(--mdb-teal-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-teal-soft-bg-hover); } .list-group-item.list-group-item-cyan { --mdb-list-group-color : var(--mdb-cyan-text); --mdb-list-group-bg : var(--mdb-cyan-soft-bg); --mdb-list-group-bg-hover : var(--mdb-cyan-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-cyan-soft-bg-hover); } .list-group-item.list-group-item-deep-blue { --mdb-list-group-color : var(--mdb-deep-blue-text); --mdb-list-group-bg : var(--mdb-deep-blue-soft-bg); --mdb-list-group-bg-hover : var(--mdb-deep-blue-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-deep-blue-soft-bg-hover); } .list-group-item.list-group-item-cerulean-blue { --mdb-list-group-color : var(--mdb-cerulean-blue-text); --mdb-list-group-bg : var(--mdb-cerulean-blue-soft-bg); --mdb-list-group-bg-hover : var(--mdb-cerulean-blue-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-cerulean-blue-soft-bg-hover); } .list-group-item.list-group-item-chestnut-brown { --mdb-list-group-color : var(--mdb-chestnut-brown-text); --mdb-list-group-bg : var(--mdb-chestnut-brown-soft-bg); --mdb-list-group-bg-hover : var(--mdb-chestnut-brown-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-chestnut-brown-soft-bg-hover); } .list-group-item.list-group-item-dark-magenta { --mdb-list-group-color : var(--mdb-dark-magenta-text); --mdb-list-group-bg : var(--mdb-dark-magenta-soft-bg); --mdb-list-group-bg-hover : var(--mdb-dark-magenta-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-dark-magenta-soft-bg-hover); } .list-group-item.list-group-item-firebrick { --mdb-list-group-color : var(--mdb-firebrick-text); --mdb-list-group-bg : var(--mdb-firebrick-soft-bg); --mdb-list-group-bg-hover : var(--mdb-firebrick-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-firebrick-soft-bg-hover); } .list-group-item.list-group-item-pumpkin { --mdb-list-group-color : var(--mdb-pumpkin-text); --mdb-list-group-bg : var(--mdb-pumpkin-soft-bg); --mdb-list-group-bg-hover : var(--mdb-pumpkin-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-pumpkin-soft-bg-hover); } .list-group-item.list-group-item-teal-blue { --mdb-list-group-color : var(--mdb-teal-blue-text); --mdb-list-group-bg : var(--mdb-teal-blue-soft-bg); --mdb-list-group-bg-hover : var(--mdb-teal-blue-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-teal-blue-soft-bg-hover); } .list-group-item.list-group-item-claret { --mdb-list-group-color : var(--mdb-claret-text); --mdb-list-group-bg : var(--mdb-claret-soft-bg); --mdb-list-group-bg-hover : var(--mdb-claret-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-claret-soft-bg-hover); } .list-group-item.list-group-item-dark-olive-green { --mdb-list-group-color : var(--mdb-dark-olive-green-text); --mdb-list-group-bg : var(--mdb-dark-olive-green-soft-bg); --mdb-list-group-bg-hover : var(--mdb-dark-olive-green-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-dark-olive-green-soft-bg-hover); } .list-group-item.list-group-item-purple-heart { --mdb-list-group-color : var(--mdb-purple-heart-text); --mdb-list-group-bg : var(--mdb-purple-heart-soft-bg); --mdb-list-group-bg-hover : var(--mdb-purple-heart-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-purple-heart-soft-bg-hover); } .list-group-item.list-group-item-gray { --mdb-list-group-color : var(--mdb-gray-text); --mdb-list-group-bg : var(--mdb-gray-soft-bg); --mdb-list-group-bg-hover : var(--mdb-gray-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-gray-soft-bg-hover); } .list-group-item.list-group-item-gray-dark { --mdb-list-group-color : var(--mdb-gray-dark-text); --mdb-list-group-bg : var(--mdb-gray-dark-soft-bg); --mdb-list-group-bg-hover : var(--mdb-gray-dark-soft-bg-hover); --mdb-list-group-active-bg: var(--mdb-gray-dark-soft-bg-hover); } /* Bordes */ .border-orange { border-color: var(--mdb-orange) !important; } .border-pink { border-color: var(--mdb-pink) !important; } .border-blue { border-color: var(--mdb-blue) !important; } .border-indigo { border-color: var(--mdb-indigo ) !important; } .border-purple { border-color: var(--mdb-purple) !important; } .border-red { border-color: var(--mdb-red) !important; } .border-yellow { border-color: var(--mdb-yellow) !important; } .border-green { border-color: var(--mdb-green) !important; } .border-teal { border-color: var(--mdb-teal) !important; } .border-cyan { border-color: var(--mdb-cyan) !important; } .border-deep-blue { border-color: var(--mdb-deep-blue) !important; } .border-cerulean-blue { border-color: var(--mdb-cerulean-blue) !important; } .border-chestnut-brown { border-color: var(--mdb-chestnut-brown) !important; } .border-dark-magenta { border-color: var(--mdb-dark-magenta) !important; } .border-firebrick { border-color: var(--mdb-firebrick) !important; } .border-pumpkin { border-color: var(--mdb-pumpkin) !important; } .border-teal-blue { border-color: var(--mdb-teal-blue) !important; } .border-claret { border-color: var(--mdb-claret) !important; } .border-dark-olive-green { border-color: var(--mdb-dark-olive-green) !important; } .border-purple-heart { border-color: var(--mdb-purple-heart) !important; } .border-gray { border-color: var(--mdb-gray) !important; } .border-gray-dark { border-color: var(--mdb-gray-dark) !important; } /* Textos */ .text-orange { color: var(--mdb-orange) !important; } a.text-orange:hover, a.text-orange:focus { color: var(--mdb-orange-active) !important; } .text-pink { color: var(--mdb-pink) !important; } a.text-pink:hover, a.text-pink:focus { color: var(--mdb-pink-active) !important; } .text-blue { color: var(--mdb-blue) !important; } a.text-blue:hover, a.text-blue:focus { color: var(--mdb-blue-active) !important; } .text-indigo { color: var(--mdb-indigo) !important; } a.text-indigo:hover, a.text-indigo:focus { color: var(--mdb-indigo-active) !important; } .text-purple { color: var(--mdb-purple) !important; } a.text-purple:hover, a.text-purple:focus { color: var(--mdb-purple-active) !important; } .text-red { color: var(--mdb-red) !important; } a.text-red:hover, a.text-red:focus { color: var(--mdb-red-active) !important; } .text-yellow { color: var(--mdb-yellow) !important; } a.text-yellow:hover, a.text-yellow:focus { color: var(--mdb-yellow-active) !important; } .text-green { color: var(--mdb-green) !important; } a.text-green:hover, a.text-green:focus { color: var(--mdb-green-active) !important; } .text-teal { color: var(--mdb-teal) !important; } a.text-teal:hover, a.text-teal:focus { color: var(--mdb-teal-active) !important; } .text-cyan { color: var(--mdb-cyan) !important; } a.text-cyan:hover, a.text-cyan:focus { color: var(--mdb-cyan-active) !important; } .text-deep-blue { color: var(--mdb-deep-blue) !important; } a.text-deep-blue:hover, a.text-deep-blue:focus { color: var(--mdb-deep-blue-active) !important; } .text-cerulean-blue { color: var(--mdb-cerulean-blue) !important; } a.text-cerulean-blue:hover, a.text-cerulean-blue:focus { color: var(--mdb-cerulean-blue-active) !important; } .text-chestnut-brown { color: var(--mdb-chestnut-brown) !important; } a.text-chestnut-brown:hover, a.text-chestnut-brown:focus { color: var(--mdb-chestnut-brown-active) !important; } .text-dark-magenta { color: var(--mdb-dark-magenta) !important; } a.text-dark-magenta:hover, a.text-dark-magenta:focus { color: var(--mdb-dark-magenta-active) !important; } .text-firebrick { color: var(--mdb-firebrick) !important; } a.text-firebrick:hover, a.text-firebrick:focus { color: var(--mdb-firebrick-active) !important; } .text-pumpkin { color: var(--mdb-pumpkin) !important; } a.text-pumpkin:hover, a.text-pumpkin:focus { color: var(--mdb-pumpkin-active) !important; } .text-teal-blue { color: var(--mdb-teal-blue) !important; } a.text-teal-blue:hover, a.text-teal-blue:focus { color: var(--mdb-teal-blue-active) !important; } .text-claret { color: var(--mdb-claret) !important; } a.text-claret:hover, a.text-claret:focus { color: var(--mdb-claret-active) !important; } .text-dark-olive-green { color: var(--mdb-dark-olive-green) !important; } a.text-dark-olive-green:hover, a.text-dark-olive-green:focus { color: var(--mdb-dark-olive-green-active) !important; } .text-purple-heart { color: var(--mdb-purple-heart) !important; } a.text-purple-heart:hover, a.text-purple-heart:focus { color: var(--mdb-purple-heart-active) !important; } .text-gray { color: var(--mdb-gray) !important; } a.text-gray:hover, a.text-gray:focus { color: var(--mdb-gray-active) !important; } .text-gray-dark { color: var(--mdb-gray-dark) !important; } a.text-gray-dark:hover, a.text-gray-dark:focus { color: var(--mdb-gray-dark-active) !important; } /* Links */ a { color: var(--mdb-primary); } a:hover { color: var(--mdb-primary-hover); } .breadcrumb-item a:hover { text-decoration: underline; } .link-primary { color: var(--mdb-primary) !important; } .link-primary:focus, .link-primary:hover { color: var(--mdb-primary-hover) !important; } .link-secondary { color: var(--mdb-secondary) !important; } .link-secondary:focus, .link-secondary:hover { color: var(--mdb-secondary-hover) !important; } .link-success { color: var(--mdb-success) !important; } .link-success:focus, .link-success:hover { color: var(--mdb-success-hover) !important; } .link-danger { color: var(--mdb-danger) !important; } .link-danger:focus, .link-danger:hover { color: var(--mdb-danger-hover) !important; } .link-warning { color: var(--mdb-warning) !important; } .link-warning:focus, .link-warning:hover { color: var(--mdb-warning-hover) !important; } .link-info { color: var(--mdb-info) !important; } .link-info:focus, .link-info:hover { color: var(--mdb-info-hover) !important; } .link-orange { color: var(--mdb-orange) !important; } .link-orange:focus, .link-orange:hover { color: var(--mdb-orange-hover) !important; } .link-pink { color: var(--mdb-pink) !important; } .link-pink:focus, .link-pink:hover { color: var(--mdb-pink-hover) !important; } .link-blue { color: var(--mdb-blue) !important; } .link-blue:focus, .link-blue:hover { color: var(--mdb-blue-hover) !important; } .link-indigo { color: var(--mdb-indigo) !important; } .link-indigo:focus, .link-indigo:hover { color: var(--mdb-indigo-hover) !important; } .link-purple { color: var(--mdb-purple) !important; } .link-purple:focus, .link-purple:hover { color: var(--mdb-purple-hover) !important; } .link-red { color: var(--mdb-red) !important; } .link-red:focus, .link-red:hover { color: var(--mdb-red-hover) !important; } .link-yellow { color: var(--mdb-yellow) !important; } .link-yellow:focus, .link-yellow:hover { color: var(--mdb-yellow-hover) !important; } .link-green { color: var(--mdb-green) !important; } .link-green:focus, .link-green:hover { color: var(--mdb-green-hover) !important; } .link-teal { color: var(--mdb-teal) !important; } .link-teal:focus, .link-teal:hover { color: var(--mdb-teal-hover) !important; } .link-cyan { color: var(--mdb-cyan) !important; } .link-cyan:focus, .link-cyan:hover { color: var(--mdb-cyan-hover) !important; } .link-deep-blue { color: var(--mdb-deep-blue) !important; } .link-deep-blue:focus, .link-deep-blue:hover { color: var(--mdb-deep-blue-hover) !important; } .link-cerulean-blue { color: var(--mdb-cerulean-blue) !important; } .link-cerulean-blue:focus, .link-cerulean-blue:hover { color: var(--mdb-cerulean-blue-hover) !important; } .link-chestnut-brown { color: var(--mdb-chestnut-brown) !important; } .link-chestnut-brown:focus, .link-chestnut-brown:hover { color: var(--mdb-chestnut-brown-hover) !important; } .link-dark-magenta { color: var(--mdb-dark-magenta) !important; } .link-dark-magenta:focus, .link-dark-magenta:hover { color: var(--mdb-dark-magenta-hover) !important; } .link-firebrick { color: var(--mdb-firebrick) !important; } .link-firebrick:focus, .link-firebrick:hover { color: var(--mdb-firebrick-hover) !important; } .link-pumpkin { color: var(--mdb-pumpkin) !important; } .link-pumpkin:focus, .link-pumpkin:hover { color: var(--mdb-pumpkin-hover) !important; } .link-teal-blue { color: var(--mdb-teal-blue) !important; } .link-teal-blue:focus, .link-teal-blue:hover { color: var(--mdb-teal-blue-hover) !important; } .link-claret { color: var(--mdb-claret) !important; } .link-claret:focus, .link-claret:hover { color: var(--mdb-claret-hover) !important; } .link-dark-olive-green { color: var(--mdb-dark-olive-green) !important; } .link-dark-olive-green:focus, .link-dark-olive-green:hover { color: var(--mdb-dark-olive-green-hover) !important; } .link-purple-heart { color: var(--mdb-purple-heart) !important; } .link-purple-heart:focus, .link-purple-heart:hover { color: var(--mdb-purple-heart-hover) !important; } .link-gray { color: var(--mdb-gray) !important; } .link-gray:focus, .link-gray:hover { color: var(--mdb-gray-hover) !important; } .link-gray-dark { color: var(--mdb-gray-dark) !important; } .link-gray-dark:focus, .link-gray-dark:hover { color: var(--mdb-gray-dark-hover) !important; } .link-light { color: var(--mdb-light) !important; } .link-light:focus, .link-light:hover { color: var(--mdb-light-hover) !important; } .link-dark { color: var(--mdb-dark) !important; } .link-dark:focus, .link-dark:hover { color: var(--mdb-dark-hover) !important; } /* Fondos */ .bg-orange { background-color: rgba(var(--mdb-orange-rgb), var(--mdb-bg-opacity)) !important; } .bg-pink { background-color: rgba(var(--mdb-pink-rgb), var(--mdb-bg-opacity)) !important; } .bg-blue { background-color: rgba(var(--mdb-blue-rgb), var(--mdb-bg-opacity)) !important; } .bg-indigo { background-color: rgba(var(--mdb-indigo-rgb), var(--mdb-bg-opacity)) !important; } .bg-purple { background-color: rgba(var(--mdb-purple-rgb), var(--mdb-bg-opacity)) !important; } .bg-red { background-color: rgba(var(--mdb-red-rgb), var(--mdb-bg-opacity)) !important; } .bg-yellow { background-color: rgba(var(--mdb-yellow-rgb), var(--mdb-bg-opacity)) !important; } .bg-green { background-color: rgba(var(--mdb-green-rgb), var(--mdb-bg-opacity)) !important; } .bg-teal { background-color: rgba(var(--mdb-teal-rgb), var(--mdb-bg-opacity)) !important; } .bg-cyan { background-color: rgba(var(--mdb-cyan-rgb), var(--mdb-bg-opacity)) !important; } .bg-deep-blue { background-color: rgba(var(--mdb-deep-blue-rgb), var(--mdb-bg-opacity)) !important; } .bg-cerulean-blue { background-color: rgba(var(--mdb-cerulean-blue-rgb), var(--mdb-bg-opacity)) !important; } .bg-chestnut-brown { background-color: rgba(var(--mdb-chestnut-brown-rgb), var(--mdb-bg-opacity)) !important; } .bg-dark-magenta { background-color: rgba(var(--mdb-dark-magenta-rgb), var(--mdb-bg-opacity)) !important; } .bg-firebrick { background-color: rgba(var(--mdb-firebrick-rgb), var(--mdb-bg-opacity)) !important; } .bg-pumpkin { background-color: rgba(var(--mdb-pumpkin-rgb), var(--mdb-bg-opacity)) !important; } .bg-teal-blue { background-color: rgba(var(--mdb-teal-blue-rgb), var(--mdb-bg-opacity)) !important; } .bg-claret { background-color: rgba(var(--mdb-claret-rgb), var(--mdb-bg-opacity)) !important; } .bg-dark-olive-green { background-color: rgba(var(--mdb-dark-olive-green-rgb), var(--mdb-bg-opacity)) !important; } .bg-purple-heart { background-color: rgba(var(--mdb-purple-heart-rgb), var(--mdb-bg-opacity)) !important; } .bg-gray { background-color: rgba(var(--mdb-gray-rgb), var(--mdb-bg-opacity)) !important; } .bg-gray-dark { background-color: rgba(var(--mdb-gray-dark-rgb), var(--mdb-bg-opacity)) !important; } /* Badges */ .badge-primary, .badge-primary i { color : var(--mdb-primary); background-color: var(--mdb-primary-soft-bg); } .badge-secondary, .badge-secondary i { color : var(--mdb-secondary); background-color: var(--mdb-secondary-soft-bg); } .badge-success, .badge-success i { color : var(--mdb-success); background-color: var(--mdb-success-soft-bg); } .badge-danger, .badge-danger i { color : var(--mdb-danger); background-color: var(--mdb-danger-soft-bg); } .badge-warning, .badge-warning i { color : var(--mdb-warning); background-color: var(--mdb-warning-soft-bg); } .badge-info, .badge-info i { color : var(--mdb-info); background-color: var(--mdb-info-soft-bg); } .badge-orange, .badge-orange i { color : var(--mdb-orange); background-color: var(--mdb-orange-soft-bg); } .badge-pink, .badge-pink i { color : var(--mdb-pink); background-color: var(--mdb-pink-soft-bg); } .badge-blue, .badge-blue i { color : var(--mdb-blue); background-color: var(--mdb-blue-soft-bg); } .badge-indigo, .badge-indigo i { color : var(--mdb-indigo); background-color: var(--mdb-indigo-soft-bg); } .badge-ppurple .badge-purple i { color : var(--mdb-purple); background-color: var(--mdb-purple-soft-bg); } .badgeredk, .badge-red i { color : var(--mdb-red); background-color: var(--mdb-red-soft-bg); } .badge-pyellow .badge-yellow i { color : var(--mdb-yellow); background-color: var(--mdb-yellow-soft-bg); } .badge-pgreen .badge-green i { color : var(--mdb-green); background-color: var(--mdb-green-soft-bg); } .badge-teal, .badge-teal i { color : var(--mdb-teal); background-color: var(--mdb-teal-soft-bg); } .badge-cyan, .badge-cyan i { color : var(--mdb-cyan); background-color: var(--mdb-cyan-soft-bg); } .badge-deep-blue, .badge-deep-blue i { color : var(--mdb-deep-blue); background-color: var(--mdb-deep-blue-soft-bg); } .badge-cerulean-blue, .badge-cerulean-blue i { color : var(--mdb-cerulean-blue); background-color: var(--mdb-cerulean-blue-soft-bg); } .badge-chestnut-brown, .badge-chestnut-brown i { color : var(--mdb-chestnut-brown); background-color: var(--mdb-chestnut-brown-soft-bg); } .badge-dark-magenta, .badge-dark-magenta i { color : var(--mdb-dark-magenta); background-color: var(--mdb-dark-magenta-soft-bg); } .badge-firebrick, .badge-firebrick i { color : var(--mdb-firebrick); background-color: var(--mdb-firebrick-soft-bg); } .badge-pumpkin, .badge-pumpkin i { color : var(--mdb-pumpkin); background-color: var(--mdb-pumpkin-soft-bg); } .badge-teal-blue, .badge-teal-blue i { color : var(--mdb-teal-blue); background-color: var(--mdb-teal-blue-soft-bg); } .badge-claret, .badge-claret i { color : var(--mdb-claret); background-color: var(--mdb-claret-soft-bg); } .badge-dark-olive-green, .badge-dark-olive-green i { color : var(--mdb-dark-olive-green); background-color: var(--mdb-dark-olive-green-soft-bg); } .badge-purple-heart, .badge-purple-heart i { color : var(--mdb-purple-heart); background-color: var(--mdb-purple-heart-soft-bg); } .badge-gray, .badge-gray i { color : var(--mdb-gray); background-color: var(--mdb-gray-soft-bg); } .badge-pgray-dark .badge-gray-dark i { color : var(--mdb-gray-dark); background-color: var(--mdb-gray-dark-soft-bg); } /* Alertas */ .alert { --mdb-alert-padding-x: 1.25rem; --mdb-alert-padding-y: 0.75rem; color : var(--mdb-alert-color); background-color : var(--mdb-alert-bg); } .alert .alert-link { color: var(--mdb-alert-color); } .alert .alert-link:hover, .alert i { color: var(--mdb-alert-link); } .alert-primary { --mdb-alert-color: var(--mdb-primary-text); --mdb-alert-bg : var(--mdb-primary-soft-bg); --mdb-alert-link : var(--mdb-primary-active); } .alert-secondary { --mdb-alert-color: var(--mdb-secondary-text); --mdb-alert-bg : var(--mdb-secondary-soft-bg); --mdb-alert-link : var(--mdb-secondary-active); } .alert-success { --mdb-alert-color: var(--mdb-success-text); --mdb-alert-bg : var(--mdb-success-soft-bg); --mdb-alert-link : var(--mdb-success-active); } .alert-danger { --mdb-alert-color: var(--mdb-danger-text); --mdb-alert-bg : var(--mdb-danger-soft-bg); --mdb-alert-link : var(--mdb-danger-active); } .alert-warning { --mdb-alert-color: var(--mdb-warning-text); --mdb-alert-bg : var(--mdb-warning-soft-bg); --mdb-alert-link : var(--mdb-warning-active); } .alert-info { --mdb-alert-color: var(--mdb-info-text); --mdb-alert-bg : var(--mdb-info-soft-bg); --mdb-alert-link : var(--mdb-info-active); } .alert-orange { --mdb-alert-color: var(--mdb-orange-text); --mdb-alert-bg : var(--mdb-orange-soft-bg); --mdb-alert-link : var(--mdb-orange-active); } .alert-pink { --mdb-alert-color: var(--mdb-pink-text); --mdb-alert-bg : var(--mdb-pink-soft-bg); --mdb-alert-link : var(--mdb-pink-active); } .alert-blue { --mdb-alert-color: var(--mdb-blue-text); --mdb-alert-bg : var(--mdb-blue-soft-bg); --mdb-alert-link : var(--mdb-blue-active); } .alert-indigo { --mdb-alert-color: var(--mdb-indigo-text); --mdb-alert-bg : var(--mdb-indigo-soft-bg); --mdb-alert-link : var(--mdb-indigo-active); } .alert-purple { --mdb-alert-color: var(--mdb-purple-text); --mdb-alert-bg : var(--mdb-purple-soft-bg); --mdb-alert-link : var(--mdb-purple-active); } .alert-red { --mdb-alert-color: var(--mdb-red-text); --mdb-alert-bg : var(--mdb-red-soft-bg); --mdb-alert-link : var(--mdb-red-active); } .alert-yellow { --mdb-alert-color: var(--mdb-yellow-text); --mdb-alert-bg : var(--mdb-yellow-soft-bg); --mdb-alert-link : var(--mdb-yellow-active); } .alert-green { --mdb-alert-color: var(--mdb-green-text); --mdb-alert-bg : var(--mdb-green-soft-bg); --mdb-alert-link : var(--mdb-green-active); } .alert-teal { --mdb-alert-color: var(--mdb-teal-text); --mdb-alert-bg : var(--mdb-teal-soft-bg); --mdb-alert-link : var(--mdb-teal-active); } .alert-cyan { --mdb-alert-color: var(--mdb-cyan-text); --mdb-alert-bg : var(--mdb-cyan-soft-bg); --mdb-alert-link : var(--mdb-cyan-active); } .alert-deep-blue { --mdb-alert-color: var(--mdb-deep-blue-text); --mdb-alert-bg : var(--mdb-deep-blue-soft-bg); --mdb-alert-link : var(--mdb-deep-blue-active); } .alert-cerulean-blue { --mdb-alert-color: var(--mdb-cerulean-blue-text); --mdb-alert-bg : var(--mdb-cerulean-blue-soft-bg); --mdb-alert-link : var(--mdb-cerulean-blue-active); } .alert-chestnut-brown { --mdb-alert-color: var(--mdb-chestnut-brown-text); --mdb-alert-bg : var(--mdb-chestnut-brown-soft-bg); --mdb-alert-link : var(--mdb-chestnut-brown-active); } .alert-dark-magenta { --mdb-alert-color: var(--mdb-dark-magenta-text); --mdb-alert-bg : var(--mdb-dark-magenta-soft-bg); --mdb-alert-link : var(--mdb-dark-magenta-active); } .alert-firebrick { --mdb-alert-color: var(--mdb-firebrick-text); --mdb-alert-bg : var(--mdb-firebrick-soft-bg); --mdb-alert-link : var(--mdb-firebrick-active); } .alert-pumpkin { --mdb-alert-color: var(--mdb-pumpkin-text); --mdb-alert-bg : var(--mdb-pumpkin-soft-bg); --mdb-alert-link : var(--mdb-pumpkin-active); } .alert-teal-blue { --mdb-alert-color: var(--mdb-teal-blue-text); --mdb-alert-bg : var(--mdb-teal-blue-soft-bg); --mdb-alert-link : var(--mdb-teal-blue-active); } .alert-claret { --mdb-alert-color: var(--mdb-claret-text); --mdb-alert-bg : var(--mdb-claret-soft-bg); --mdb-alert-link : var(--mdb-claret-active); } .alert-dark-olive-green { --mdb-alert-color: var(--mdb-dark-olive-green-text); --mdb-alert-bg : var(--mdb-dark-olive-green-soft-bg); --mdb-alert-link : var(--mdb-dark-olive-green-active); } .alert-purple-heart { --mdb-alert-color: var(--mdb-purple-heart-text); --mdb-alert-bg : var(--mdb-purple-heart-soft-bg); --mdb-alert-link : var(--mdb-purple-heart-active); } .alert-gray { --mdb-alert-color: var(--mdb-gray-text); --mdb-alert-bg : var(--mdb-gray-soft-bg); --mdb-alert-link : var(--mdb-gray-active); } .alert-gray-dark { --mdb-alert-color: var(--mdb-gray-dark-text); --mdb-alert-bg : var(--mdb-gray-dark-soft-bg); --mdb-alert-link : var(--mdb-gray-dark-active); } .alert-light { --mdb-alert-color: var(--mdb-light-text); --mdb-alert-bg : var(--mdb-light-soft-bg); --mdb-alert-link : var(--mdb-light-active); } .alert-dark { --mdb-alert-color: var(--mdb-dark-text); --mdb-alert-bg : var(--mdb-dark-soft-bg); --mdb-alert-link : var(--mdb-dark-active); } /* Navs */ .nav-tabs .nav-link { --mdb-nav-tabs-link-active-color : var(--mdb-primary); --mdb-nav-tabs-link-active-border-color: var(--mdb-primary); } .nav-pills.menu-sidebar .nav-link.active, .nav-pills.menu-sidebar .show > .nav-link { --mdb-scrollspy-menu-sidebar-active-color : var(--mdb-primary); --mdb-scrollspy-menu-sidebar-active-border-color: var(--mdb-primary); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { --mdb-nav-pills-link-active-color: var(--mdb-primary-active); --mdb-nav-pills-link-active-bg : var(--mdb-primary-soft-bg) } /* Fieldsets */ fieldset { padding : 0.25rem 0.5rem 0.5rem; border : 1px var(--mdb-light-text) solid; border-radius: 0.5rem; } legend { float : none; width : auto; margin-bottom: 0px; font-size : 10px; padding : 0 2px; } /* Paginadores */ .pagination { --mdb-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--mdb-primary-rgb), 0.25); --mdb-pagination-active-color : var(--mdb-primary-active); --mdb-pagination-active-bg : var(--mdb-primary-soft-bg-hover); } .page-item .page-link { color: var(--mdb-pagination-color); } /* h1-h6 */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; } /* Acordeones */ .accordion { --mdb-accordion-btn-focus-border-color: var(--mdb-primary); --mdb-accordion-active-color : var(--mdb-primary); --mdb-accordion-btn-icon : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E"); --mdb-accordion-btn-active-icon : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009688'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E"); } /* text-bg */ .text-bg-primary { background-color: RGBA(var(--mdb-primary-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-secondary { background-color: RGBA(var(--mdb-secondary-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-success { background-color: RGBA(var(--mdb-success-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-danger { background-color: RGBA(var(--mdb-danger-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-warning { background-color: RGBA(var(--mdb-warning-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-info { background-color: RGBA(var(--mdb-info-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-orange { color : var(--mdb-white) !important; background-color: RGBA(var(--mdb-orange-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-pink { color : var(--mdb-pink) !important; background-color: RGBA(var(--mdb-pink-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-blue { color : var(--mdb-blue) !important; background-color: RGBA(var(--mdb-blue-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-indigo { color : var(--mdb-indigo) !important; background-color: RGBA(var(--mdb-indigo-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-purple { color : var(--mdb-purple) !important; background-color: RGBA(var(--mdb-purple-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-red { color : var(--mdb-red) !important; background-color: RGBA(var(--mdb-red-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-yellow { color : var(--mdb-yellow) !important; background-color: RGBA(var(--mdb-yellow-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-green { color : var(--mdb-green) !important; background-color: RGBA(var(--mdb-green-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-teal { color : var(--mdb-teal) !important; background-color: RGBA(var(--mdb-teal-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-cyan { color : var(--mdb-cyan) !important; background-color: RGBA(var(--mdb-cyan-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-deep-blue { color : var(--mdb-deep-blue) !important; background-color: RGBA(var(--mdb-deep-blue-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-cerulean-blue { color : var(--mdb-cerulean-blue) !important; background-color: RGBA(var(--mdb-cerulean-blue-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-chestnut-brown { color : var(--mdb-chestnut-brown) !important; background-color: RGBA(var(--mdb-chestnut-brown-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-dark-magenta { color : var(--mdb-dark-magenta) !important; background-color: RGBA(var(--mdb-dark-magenta-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-firebrick { color : var(--mdb-firebrick) !important; background-color: RGBA(var(--mdb-firebrick-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-pumpkin { color : var(--mdb-pumpkin) !important; background-color: RGBA(var(--mdb-pumpkin-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-teal-blue { color : var(--mdb-teal-blue) !important; background-color: RGBA(var(--mdb-teal-blue-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-claret { color : var(--mdb-claret) !important; background-color: RGBA(var(--mdb-claret-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-dark-olive-green { color : var(--mdb-dark-olive-green) !important; background-color: RGBA(var(--mdb-dark-olive-green-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-purple-heart { color : var(--mdb-purple-heart) !important; background-color: RGBA(var(--mdb-purple-heart-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-gray { color : var(--mdb-gray) !important; background-color: RGBA(var(--mdb-gray-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-gray-dark { color : var(--mdb-gray-dark) !important; background-color: RGBA(var(--mdb-gray-dark-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-light { background-color: RGBA(var(--mdb-light-rgb), var(--mdb-bg-opacity, 1)) !important; } .text-bg-dark { background-color: RGBA(var(--mdb-dark-rgb), var(--mdb-bg-opacity, 1)) !important; } /* Notas */ .note-primary { background-color: var(--mdb-primary-soft-bg); border-color : var(--mdb-primary); } .note-secondary { background-color: var(--mdb-secondary-soft-bg); border-color : var(--mdb-secondary); } .note-success { background-color: var(--mdb-success-soft-bg); border-color : var(--mdb-success); } .note-danger { background-color: var(--mdb-danger-soft-bg); border-color : var(--mdb-danger); } .note-warning { background-color: var(--mdb-warning-soft-bg); border-color : var(--mdb-warning); } .note-info { background-color: var(--mdb-info-soft-bg); border-color : var(--mdb-info); } .note-orange { background-color: var(--mdb-orange-soft-bg); border-color : var(--mdb-orange); } .note-pink { background-color: var(--mdb-pink-soft-bg); border-color : var(--mdb-pink); } .note-blue { background-color: var(--mdb-blue-soft-bg); border-color : var(--mdb-blue); } .note-indigo { background-color: var(--mdb-indigo-soft-bg); border-color : var(--mdb-indigo); } .note-purple { background-color: var(--mdb-purple-soft-bg); border-color : var(--mdb-purple); } .note-red { background-color: var(--mdb-red-soft-bg); border-color : var(--mdb-red); } .note-yellow { background-color: var(--mdb-yellow-soft-bg); border-color : var(--mdb-yellow); } .note-green { background-color: var(--mdb-green-soft-bg); border-color : var(--mdb-green); } .note-teal { background-color: var(--mdb-teal-soft-bg); border-color : var(--mdb-teal); } .note-cyan { background-color: var(--mdb-cyan-soft-bg); border-color : var(--mdb-cyan); } .note-deep-blue { background-color: var(--mdb-deep-blue-soft-bg); border-color : var(--mdb-deep-blue); } .note-cerulean-blue { background-color: var(--mdb-cerulean-blue-soft-bg); border-color : var(--mdb-cerulean-blue); } .note-chestnut-brown { background-color: var(--mdb-chestnut-brown-soft-bg); border-color : var(--mdb-chestnut-brown); } .note-dark-magenta { background-color: var(--mdb-dark-magenta-soft-bg); border-color : var(--mdb-dark-magenta); } .note-firebrick { background-color: var(--mdb-firebrick-soft-bg); border-color : var(--mdb-firebrick); } .note-pumpkin { background-color: var(--mdb-pumpkin-soft-bg); border-color : var(--mdb-pumpkin); } .note-teal-blue { background-color: var(--mdb-teal-blue-soft-bg); border-color : var(--mdb-teal-blue); } .note-claret { background-color: var(--mdb-claret-soft-bg); border-color : var(--mdb-claret); } .note-dark-olive-green { background-color: var(--mdb-dark-olive-green-soft-bg); border-color : var(--mdb-dark-olive-green); } .note-purple-heart { background-color: var(--mdb-purple-heart-soft-bg); border-color : var(--mdb-purple-heart); } .note-gray { background-color: var(--mdb-gray-soft-bg); border-color : var(--mdb-gray); } .note-gray-dark { background-color: var(--mdb-gray-dark-soft-bg); border-color : var(--mdb-gray-dark); } .note-light { background-color: var(--mdb-light-soft-bg); border-color : var(--mdb-light); } .note-dark { background-color: var(--mdb-dark); border-color : var(--mdb-dark-soft-bg-hover); } /* Toast */ .toast-primary { background-color: var(--mdb-primary-soft-bg); border-color : var(--mdb-primary-soft-bg-hover); } .toast-primary, .toast-primary i { color: var(--mdb-primary-text); } .toast-secondary { background-color: var(--mdb-secondary-soft-bg); border-color : var(--mdb-secondary-soft-bg-hover); } .toast-secondary, .toast-secondary i { color: var(--mdb-secondary-text); } .toast-success { background-color: var(--mdb-success-soft-bg); border-color : var(--mdb-success-soft-bg-hover); } .toast-success, .toast-success i { color: var(--mdb-success-text); } .toast-danger { background-color: var(--mdb-danger-soft-bg); border-color : var(--mdb-danger-soft-bg-hover); } .toast-danger, .toast-danger i { color: var(--mdb-danger-text); } .toast-warning { background-color: var(--mdb-warning-soft-bg); border-color : var(--mdb-warning-soft-bg-hover); } .toast-warning, .toast-warning i { color: var(--mdb-warning-text); } .toast-info { background-color: var(--mdb-info-soft-bg); border-color : var(--mdb-info-soft-bg-hover); } .toast-info, .toast-info i { color: var(--mdb-info-text); } .toast-orange { background-color: var(--mdb-orange-soft-bg); border-color : var(--mdb-orange-soft-bg-hover); } .toast-orange, .toast-orange i { color: var(--mdb-orange-text); } .toast-pink { background-color: var(--mdb-pink-soft-bg); border-color : var(--mdb-pink-soft-bg-hover); } .toast-pink, .toast-pink i { color: var(--mdb-pink-text); } .toast-blue { background-color: var(--mdb-blue-soft-bg); border-color : var(--mdb-blue-soft-bg-hover); } .toast-blue, .toast-blue i { color: var(--mdb-blue-text); } .toast-indigo { background-color: var(--mdb-indigo-soft-bg); border-color : var(--mdb-indigo-soft-bg-hover); } .toast-indigo, .toast-indigo i { color: var(--mdb-indigo-text); } .toast-purple { background-color: var(--mdb-purple-soft-bg); border-color : var(--mdb-purple-soft-bg-hover); } .toast-purple, .toast-purple i { color: var(--mdb-purple-text); } .toast-red { background-color: var(--mdb-red-soft-bg); border-color : var(--mdb-red-soft-bg-hover); } .toast-red, .toast-red i { color: var(--mdb-red-text); } .toast-yellow { background-color: var(--mdb-yellow-soft-bg); border-color : var(--mdb-yellow-soft-bg-hover); } .toast-yellow, .toast-yellow i { color: var(--mdb-yellow-text); } .toast-green { background-color: var(--mdb-green-soft-bg); border-color : var(--mdb-green-soft-bg-hover); } .toast-green, .toast-green i { color: var(--mdb-green-text); } .toast-teal { background-color: var(--mdb-teal-soft-bg); border-color : var(--mdb-teal-soft-bg-hover); } .toast-teal, .toast-teal i { color: var(--mdb-teal-text); } .toast-cyan { background-color: var(--mdb-cyan-soft-bg); border-color : var(--mdb-cyan-soft-bg-hover); } .toast-cyan, .toast-cyan i { color: var(--mdb-cyan-text); } .toast-deep-blue { background-color: var(--mdb-deep-blue-soft-bg); border-color : var(--mdb-deep-blue-soft-bg-hover); } .toast-deep-blue, .toast-deep-blue i { color: var(--mdb-deep-blue-text); } .toast-cerulean-blue { background-color: var(--mdb-cerulean-blue-soft-bg); border-color : var(--mdb-cerulean-blue-soft-bg-hover); } .toast-cerulean-blue, .toast-cerulean-blue i { color: var(--mdb-cerulean-blue-text); } .toast-chestnut-brown { background-color: var(--mdb-chestnut-brown-soft-bg); border-color : var(--mdb-chestnut-brown-soft-bg-hover); } .toast-chestnut-brown, .toast-chestnut-brown i { color: var(--mdb-chestnut-brown-text); } .toast-dark-magenta { background-color: var(--mdb-dark-magenta-soft-bg); border-color : var(--mdb-dark-magenta-soft-bg-hover); } .toast-dark-magenta, .toast-dark-magenta i { color: var(--mdb-dark-magenta-text); } .toast-firebrick { background-color: var(--mdb-firebrick-soft-bg); border-color : var(--mdb-firebrick-soft-bg-hover); } .toast-firebrick, .toast-firebrick i { color: var(--mdb-firebrick-text); } .toast-pumpkin { background-color: var(--mdb-pumpkin-soft-bg); border-color : var(--mdb-pumpkin-soft-bg-hover); } .toast-pumpkin, .toast-pumpkin i { color: var(--mdb-pumpkin-text); } .toast-teal-blue { background-color: var(--mdb-teal-blue-soft-bg); border-color : var(--mdb-teal-blue-soft-bg-hover); } .toast-teal-blue, .toast-teal-blue i { color: var(--mdb-teal-blue-text); } .toast-claret { background-color: var(--mdb-claret-soft-bg); border-color : var(--mdb-claret-soft-bg-hover); } .toast-claret, .toast-claret i { color: var(--mdb-claret-text); } .toast-dark-olive-green { background-color: var(--mdb-dark-olive-green-soft-bg); border-color : var(--mdb-dark-olive-green-soft-bg-hover); } .toast-dark-olive-green, .toast-dark-olive-green i { color: var(--mdb-dark-olive-green-text); } .toast-purple-heart { background-color: var(--mdb-purple-heart-soft-bg); border-color : var(--mdb-purple-heart-soft-bg-hover); } .toast-purple-heart, .toast-purple-heart i { color: var(--mdb-purple-heart-text); } .toast-gray { background-color: var(--mdb-gray-soft-bg); border-color : var(--mdb-gray-soft-bg-hover); } .toast-gray, .toast-gray i { color: var(--mdb-gray-text); } .toast-gray-dark { background-color: var(--mdb-gray-dark-soft-bg); border-color : var(--mdb-gray-dark-soft-bg-hover); } .toast-gray-dark, .toast-gray-dark i { color: var(--mdb-gray-dark-text); } .toast-light { background-color: var(--mdb-light-soft-bg); border-color : var(--mdb-light-soft-bg-hover); } .toast-light, .toast-light i { color: var(--mdb-light-text); } .toast-dark { background-color: var(--mdb-dark); border-color : var(--mdb-dark-soft-bg-hover); } .toast-dark, .toast-dark i { color: var(--mdb-dark-soft-bg); } /* Range */ .range { --mdb-range-thumb-background: var(--mdb-primary); } .form-range::-webkit-slider-thumb:active { background-color: var(--mdb-primary-soft-bg); } .form-range::-moz-range-thumb:active { background-color: var(--mdb-primary-soft-bg); } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--mdb-primary-rgb), 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--mdb-primary-rgb), 0.25); } .form-range::-webkit-slider-thumb { background-color: var(--mdb-primary); } .form-range::-moz-range-thumb { background-color: var(--mdb-primary); } /* Dropdown */ .dropdown-menu .dropdown-item { color: var(--mdb-dropdown-color); } /* Progreso */ .progress { --mdb-progress-bar-bg: var(--mdb-primary); } /*Estilos adicionados a MDB*/ .vh-25 { height: 25vh !important; } .vh-50 { height: 50vh !important; } .vh-75 { height: 75vh !important; } .fs-sm { font-size: 0.875rem !important; } .fs-lg { font-size: large !important; } .sticky-top-2 { position: -webkit-sticky; position: sticky; top : 2.1rem; z-index : 1020; }