/*=============================================
CUSTOM CARDS USER 
=============================================*/

:root {
  --mpec:#a10840;
  --mpec2:#723147;
  --mpec--secondary: #FFBD59;
  --color--black: #000000;
  --color--cyan-bluish-gray: #abb8c3;
  --color--white: #ffffff;
  --color--pale-pink: #f78da7;
  --color--vivid-red: #cf2e2e;
  --color--luminous-vivid-orange: #ff6900;
  --color--luminous-vivid-amber: #fcb900;
  --color--light-green-cyan: #7bdcb5;
  --color--vivid-green-cyan: #00d084;
  --color--pale-cyan-blue: #8ed1fc;
  --color--vivid-cyan-blue: #0693e3;
  --color--vivid-purple: #9b51e0;
  --color--base-10: #202122;
  --color--base-20: #54595d;
  --color--base-30: #72777d;
  --color--base-50: #a2a9b1;
  --color--base-0: #000000;
  --color--base-70: #c8ccd1;
  --color--base-80: #eaecf0;
  --color--base-90: #f8f9fa;
  --color--base-100: #ffffff;
  --color--blue: #0063bf;
  --color--blue-aaa: #0C57A8;
  --color--blue-50: #3a25ff;
  --color--blue-70: #c3d8ef;
  --color--bright-blue: #049dff;
  --color--bright-blue-70: #c0e6ff;
  --color--dark-green: #305d70;
  --color--dark-green-70: #cbd6db;
  --color--blue-90: #eeeaff;
  --color--green-aaa: #246342;
  --color--green: #339966;
  --color--green-70: #cbe0d5;
  --color--bright-green: #71d1b3;
  --color--bright-green-70: #dbf3ec;
  --color--orange: #ee8019;
  --color--orange-70: #fbdfc5;
  --color--pink: #e679a6;
  --color--pink-70: #f9dde9;
  --color--purple: #5748b5;
  --color--purple-70: #d5d1ec;
  --color--red: #900;
  --color--red-aaa: #970302;
  --color--red-70: #e5c0c0;
  --color--red-50: #d40356;
  --color--red-90: #fbe9f1;
  --color--yellow: #f0bc00;
  --color--yellow-50: #fffd33;
  --color--yellow-70: #fbeebf;
  --color--yellow-90: #fef6e7;
  --color--bright-yellow: #e9e7c4;
  --color--bright-yellow-70: #f9f9f0;
  --color--light-blue: #effafd;
  --gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
  --gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
  --gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
  --gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
  --gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
  --gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
  --gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
  --gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
  --gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
  --gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
  --gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
  --gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
  --font-size--small: 14px;
  --font-size--medium: 20px;
  --font-size--large: 24px;
  --font-size--x-large: 42px;
  --font-size--xlarge: 32px;
  --font-size--jumbo: 40px;
  --spacing--20: 0.44rem;
  --spacing--30: 0.67rem;
  --spacing--40: 1rem;
  --spacing--50: 1.5rem;
  --spacing--60: 2.25rem;
  --spacing--70: 3.38rem;
  --spacing--80: 5.06rem;
  --shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);

  --lighterblue : #aed9ff;
  --lightblue : #5993c6;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray-light: #aaaaaa;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-family-sans-serif-custom: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !!important;
  --font-family-monospace-custom: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !!important;

}
  
  .color-mpec {
      color: var(--mpec) !important;
  }  
  .color-mpec-secondary {
      color: var(--mpec--secondary) !important;
  }  

  .color-lighterblue {
      color: var(--lighterblue) !important;
    }
  .color-lightblue {
      color: var(--lightblue) !important;
    }
  .color-blue {
      color: var(--blue) !important;
    }
  .color-indigo {
      color: var(--indigo) !important;
    }
  .color-purple {
      color: var(--purple) !important;
    }
  .color-pink {
      color: var(--pink) !important;
    }
  .color-red {
      color: var(--red) !important;
    }
  .color-orange {
      color: var(--orange) !important;
    }
  .color-yellow {
      color: var(--yellow) !important;
    }
  .color-green {
      color: var(--green) !important;
    }
  .color-teal {
      color: var(--teal) !important;
    }
  .color-cyan {
      color: var(--cyan) !important;
    }
  .color-white {
      color: var(--white) !important;
    }
  .color-gray-light {
      color: var(--gray-light) !important;
    }  
  .color-gray {
      color: var(--gray) !important;
    }
  .color-gray-dark {
      color: var(--gray-dark) !important;
    }
  .color-primary {
      color: var(--primary) !important;
    }
  .color-secondary {
      color: var(--secondary) !important;
    }
  .color-success {
      color: var(--success) !important;
    }
  .color-info {
      color: var(--info) !important;
    }
  .color-warning {
      color: var(--warning) !important;
    }
  .color-danger {
      color: var(--danger) !important;
    }
  .color-light {
      color: var(--light) !important;
    }
  .color-dark {
      color: var(--dark) !important;
    }
  .color-black{
    color: var(--color--black) !important;
  }
  .color-cyan-bluish-gray{
    color: var(--color--cyan-bluish-gray) !important;
  }
  .color-white{
    color: var(--color--white) !important;
  }
  .color-pale-pink{
    color: var(--color--pale-pink) !important;
  }
  .color-vivid-red{
    color: var(--color--vivid-red) !important;
  }
  .color-luminous-vivid-orange{
    color: var(--color--luminous-vivid-orange) !important;
  }
  .color-luminous-vivid-amber{
    color: var(--color--luminous-vivid-amber) !important;
  }
  .color-light-green-cyan{
    color: var(--color--light-green-cyan) !important;
  }
  .color-vivid-green-cyan{
    color: var(--color--vivid-green-cyan) !important;
  }
  .color-pale-cyan-blue{
    color: var(--color--pale-cyan-blue) !important;
  }
  .color-vivid-cyan-blue{
    color: var(--color--vivid-cyan-blue) !important;
  }
  .color-vivid-purple{
    color: var(--color--vivid-purple) !important;
  }
  .color-base-10{
    color: var(--color--base-10) !important;
  }
  .color-base-20{
    color: var(--color--base-20) !important;
  }
  .color-base-30{
    color: var(--color--base-30) !important;
  }
  .color-base-50{
    color: var(--color--base-50) !important;
  }
  .color-base-0{
    color: var(--color--base-0) !important;
  }
  .color-base-70{
    color: var(--color--base-70) !important;
  }
  .color-base-80{
    color: var(--color--base-80) !important;
  }
  .color-base-90{
    color: var(--color--base-90) !important;
  }
  .color-base-100{
    color: var(--color--base-100) !important;
  }
  .color-blue{
    color: var(--color--blue) !important;
  }
  .color-blue-aaa{
    color: var(--color--blue-aaa) !important;
  }
  .color-blue-50{
    color: var(--color--blue-50) !important;
  }
  .color-blue-70{
    color: var(--color--blue-70) !important;
  }
  .color-bright-blue{
    color: var(--color--bright-blue) !important;
  }
  .color-bright-blue-70{
    color: var(--color--bright-blue-70) !important;
  }
  .color-dark-green{
    color: var(--color--dark-green) !important;
  }
  .color-dark-green-70{
    color: var(--color--dark-green-70) !important;
  }
  .color-blue-90{
    color: var(--color--blue-90) !important;
  }
  .color-green-aaa{
    color: var(--color--green-aaa) !important;
  }
  .color-green{
    color: var(--color--green) !important;
  }
  .color-green-70{
    color: var(--color--green-70) !important;
  }
  .color-bright-green{
    color: var(--color--bright-green) !important;
  }
  .color-bright-green-70{
    color: var(--color--bright-green-70) !important;
  }
  .color-orange{
    color: var(--color--orange) !important;
  }
  .color-orange-70{
    color: var(--color--orange-70) !important;
  }
  .color-pink{
    color: var(--color--pink) !important;
  }
  .color-pink-70{
    color: var(--color--pink-70) !important;
  }
  .color-purple{
    color: var(--color--purple) !important;
  }
  .color-purple-70{
    color: var(--color--purple-70) !important;
  }
  .color-red;{
    color: var(--color--red) !important;
  }
  .color-red-aaa{
    color: var(--color--red-aaa) !important;
  }
  .color-red-70{
    color: var(--color--red-70) !important;
  }
  .color-red-50{
    color: var(--color--red-50) !important;
  }
  .color-red-90{
    color: var(--color--red-90) !important;
  }
  .color-yellow{
    color: var(--color--yellow) !important;
  }
  .color-yellow-50{
    color: var(--color--yellow-50) !important;
  }
  .color-yellow-70{
    color: var(--color--yellow-70) !important;
  }
  .color-yellow-90{
    color: var(--color--yellow-90) !important;
  }
  .color-bright-yellow{
    color: var(--color--bright-yellow) !important;
  }
  .color-bright-yellow-70{
    color: var(--color--bright-yellow-70) !important;
  }
  .color-light-blue{
    color: var(--color--light-blue) !important;
  }

/*=============================================
CUSTOM BACKGROUNDS PARBOTONES REDES SOCIALES
=============================================*/

.btn.link-redes.color-insta {
  background: linear-gradient(98deg, var(--pink) 49%, var(--red));
}

.bg-instagram {
  background: linear-gradient(98deg, var(--pink) 49%, var(--red));
}

.btn.bg-primary.link-redes.color-tmf {
  background: linear-gradient(-90deg, var(--primary) 0%, var(--info) 100%);
}

.btn.link-redes.color-twitter {
  background: var(--info);
}

.btn.link-redes.color-facebook {
  background: var(--primary);
}

.btn.link-redes.color-snapchat {
	color: var(--dark);
  background: var(--warning);
}

.btn.link-redes.color-whatsapp {
  background: var(--success);
}

.btn.link-redes.color-telegram {
  background: var(--info);
}

.btn.link-redes.color-mercado-libre {
	color: var(--dark);
  background: rgb(253,231,0);
  width: 32px;
}

.btn.link-redes.color-email {
  color: rgb(255,255,255);
  background: linear-gradient(120deg, black, #a2a8ae 100%), var(--gray-dark);
}

/* Gradients */

.bg-gradient-1,
.bg-gradient-2,
.bg-gradient-3,
.bg-gradient-4,
.bg-gradient-5,
.bg-gradient-6,
.bg-gradient-7,
.bg-gradient-8,
.bg-gradient-9 {
    background-color: transparent !important;
}

.bg-gradient-1 {
  background: radial-gradient(circle at 8.75% 8.45%, #003973, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #E5E5BE, transparent 100%),radial-gradient(circle at 50% 50%, #668cc2, #668cc2 100%)!important;
  color: white !important;
  border-color: white !important;    
}
.bg-gradient-1 .title-header{
  color: white !important;
}
.bg-gradient-1 .tile-content-wrapper{
  color: black !important;
}
.bg-gradient-1 .icono{
  color: white !important;
}
.bg-gradient-2 {
  background: radial-gradient(circle at 1.98% 3.00%, #348F50, transparent 100%),radial-gradient(circle at 98.02% 98.00%, #56B4D3, transparent 100%),radial-gradient(circle at 50% 50%, #668cc2, #668cc2 100%)!important;
  color: white !important;
  border-color: white !important;    
}
.bg-gradient-3 {
  background: radial-gradient(circle at 1.98% 74.02%, #E55D87, transparent 100%),radial-gradient(circle at 98.02% 35.97%, #5FC3E4, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%)!important;
  color: white !important;
  border-color: white !important;    
}
.bg-gradient-4 {
  background: radial-gradient(circle at 1.98% 2.00%, #B993D6, transparent 100%),radial-gradient(circle at 98.02% 92.01%, #8CA6DB, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%)!important;
  color: white !important;
  border-color: white !important;    
}
.bg-gradient-5 {
  background: radial-gradient(circle at 1.98% 89.01%, #7474BF, transparent 100%),radial-gradient(circle at 98.02% 21.98%, #348AC7, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%)!important;
  color: white !important;
  border-color: white !important;    
}
.bg-gradient-6 {
  background: radial-gradient(circle at 1.98% 40.96%, #00c6ff, transparent 100%),radial-gradient(circle at 98.02% 52.04%, #0072ff, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%)!important;
  color: white !important;
  border-color: white !important;    
}
.bg-gradient-7 {
  background: radial-gradient(circle at 1.98% 85.01%, #134E5E, transparent 100%),radial-gradient(circle at 98.02% 18.98%, #71B280, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%)!important;
  color: white !important;
  border-color: white !important;    
}
.bg-gradient-8 {
  background: radial-gradient(circle at 1.98% 20.98%, #4b6cb7, transparent 100%),radial-gradient(circle at 98.02% 20.98%, #182848, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%)!important;
  color: white !important;
  border-color: white !important;    
}
.bg-gradient-9 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=)!important;
    background: -moz-linear-gradient(-65deg, #008fe2 0, #00b29c 100%)!important;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #008fe2), color-stop(100%, #00b29c))!important;
    background: -webkit-linear-gradient(-65deg, #008fe2 0, #00b29c 100%)!important;
    background: -o-linear-gradient(-65deg, #008fe2 0, #00b29c 100%)!important;
    background: -ms-linear-gradient(-65deg, #008fe2 0, #00b29c 100%)!important;
    background: linear-gradient(154deg, #008fe2 0, #00b29c 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#00b29c', GradientType=1)!important;
    color: white !important;
    border-color: white !important;
}


.card-primary:not(.card-outline) > .card-header {
  background-color: #007bff;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-primary:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-primary.card-outline {
  border-top: 3px solid #007bff;
}

.card-primary.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-primary.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #007bff;
}

.bg-primary .btn-tool,
.bg-gradient-primary .btn-tool,
.card-primary:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-primary .btn-tool:hover,
.bg-gradient-primary .btn-tool:hover,
.card-primary:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-primary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #0067d6;
  color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3395ff;
  color: #fff;
}

.card-secondary:not(.card-outline) > .card-header {
  background-color: #6c757d;
}

.card-secondary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-secondary:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-secondary.card-outline {
  border-top: 3px solid #6c757d;
}

.card-secondary.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-secondary.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #6c757d;
}

.bg-secondary .btn-tool,
.bg-gradient-secondary .btn-tool,
.card-secondary:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-secondary .btn-tool:hover,
.bg-gradient-secondary .btn-tool:hover,
.card-secondary:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #596167;
  color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #868e96;
  color: #fff;
}

.card-success:not(.card-outline) > .card-header {
  background-color: #28a745;
}

.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-success:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-success.card-outline {
  border-top: 3px solid #28a745;
}

.card-success.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-success.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #28a745;
}

.bg-success .btn-tool,
.bg-gradient-success .btn-tool,
.card-success:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-success .btn-tool:hover,
.bg-gradient-success .btn-tool:hover,
.card-success:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget .table td,
.card.bg-success .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #208637;
  color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #34ce57;
  color: #fff;
}

.card-info:not(.card-outline) > .card-header {
  background-color: #17a2b8;
}

.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-info:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-info.card-outline {
  border-top: 3px solid #17a2b8;
}

.card-info.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-info.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #17a2b8;
}

.bg-info .btn-tool,
.bg-gradient-info .btn-tool,
.card-info:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-info .btn-tool:hover,
.bg-gradient-info .btn-tool:hover,
.card-info:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget .table td,
.card.bg-info .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #128294;
  color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #1fc8e3;
  color: #fff;
}

.card-warning:not(.card-outline) > .card-header {
  background-color: #ffc107;
}

.card-warning:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-warning:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-warning.card-outline {
  border-top: 3px solid #ffc107;
}

.card-warning.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-warning.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #ffc107;
}

.bg-warning .btn-tool,
.bg-gradient-warning .btn-tool,
.card-warning:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-warning .btn-tool:hover,
.bg-gradient-warning .btn-tool:hover,
.card-warning:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-warning .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #dda600;
  color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ffce3a;
  color: #1f2d3d;
}

.card-danger:not(.card-outline) > .card-header {
  background-color: #dc3545;
}

.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-danger:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-danger.card-outline {
  border-top: 3px solid #dc3545;
}

.card-danger.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-danger.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #dc3545;
}

.bg-danger .btn-tool,
.bg-gradient-danger .btn-tool,
.card-danger:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-danger .btn-tool:hover,
.bg-gradient-danger .btn-tool:hover,
.card-danger:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-danger .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #c62232;
  color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #e4606d;
  color: #fff;
}

.card-light:not(.card-outline) > .card-header {
  background-color: #f8f9fa;
}

.card-light:not(.card-outline) > .card-header,
.card-light:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-light:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-light.card-outline {
  border-top: 3px solid #f8f9fa;
}

.card-light.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-light.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #f8f9fa;
}

.bg-light .btn-tool,
.bg-gradient-light .btn-tool,
.card-light:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-light .btn-tool:hover,
.bg-gradient-light .btn-tool:hover,
.card-light:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget .table td,
.card.bg-light .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e0e5e9;
  color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: white;
  color: #1f2d3d;
}

.card-dark:not(.card-outline) > .card-header {
  background-color: #343a40;
}

.card-dark:not(.card-outline) > .card-header,
.card-dark:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-dark:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-dark.card-outline {
  border-top: 3px solid #343a40;
}

.card-dark.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-dark.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #343a40;
}

.bg-dark .btn-tool,
.bg-gradient-dark .btn-tool,
.card-dark:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-dark .btn-tool:hover,
.bg-gradient-dark .btn-tool:hover,
.card-dark:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #222629;
  color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #4b545c;
  color: #fff;
}

.card-lightblue:not(.card-outline) > .card-header {
  background-color: #3c8dbc;
}

.card-lightblue:not(.card-outline) > .card-header,
.card-lightblue:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-lightblue:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-lightblue.card-outline {
  border-top: 3px solid #3c8dbc;
}

.card-lightblue.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-lightblue.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #3c8dbc;
}

.bg-lightblue .btn-tool,
.bg-gradient-lightblue .btn-tool,
.card-lightblue:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-lightblue .btn-tool:hover,
.bg-gradient-lightblue .btn-tool:hover,
.card-lightblue:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #32769d;
  color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #5fa4cc;
  color: #fff;
}

.card-navy:not(.card-outline) > .card-header {
  background-color: #001f3f;
}

.card-navy:not(.card-outline) > .card-header,
.card-navy:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-navy:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-navy.card-outline {
  border-top: 3px solid #001f3f;
}

.card-navy.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-navy.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #001f3f;
}

.bg-navy .btn-tool,
.bg-gradient-navy .btn-tool,
.card-navy:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-navy .btn-tool:hover,
.bg-gradient-navy .btn-tool:hover,
.card-navy:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-navy .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #000b16;
  color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #003872;
  color: #fff;
}

.card-olive:not(.card-outline) > .card-header {
  background-color: #3d9970;
}

.card-olive:not(.card-outline) > .card-header,
.card-olive:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-olive:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-olive.card-outline {
  border-top: 3px solid #3d9970;
}

.card-olive.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-olive.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #3d9970;
}

.bg-olive .btn-tool,
.bg-gradient-olive .btn-tool,
.card-olive:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-olive .btn-tool:hover,
.bg-gradient-olive .btn-tool:hover,
.card-olive:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-olive .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #317c5b;
  color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #50b98a;
  color: #fff;
}

.card-lime:not(.card-outline) > .card-header {
  background-color: #01ff70;
}

.card-lime:not(.card-outline) > .card-header,
.card-lime:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-lime:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-lime.card-outline {
  border-top: 3px solid #01ff70;
}

.card-lime.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-lime.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #01ff70;
}

.bg-lime .btn-tool,
.bg-gradient-lime .btn-tool,
.card-lime:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-lime .btn-tool:hover,
.bg-gradient-lime .btn-tool:hover,
.card-lime:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-lime .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #00d75e;
  color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #34ff8d;
  color: #1f2d3d;
}

.card-fuchsia:not(.card-outline) > .card-header {
  background-color: #f012be;
}

.card-fuchsia:not(.card-outline) > .card-header,
.card-fuchsia:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-fuchsia:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-fuchsia.card-outline {
  border-top: 3px solid #f012be;
}

.card-fuchsia.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-fuchsia.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #f012be;
}

.bg-fuchsia .btn-tool,
.bg-gradient-fuchsia .btn-tool,
.card-fuchsia:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-fuchsia .btn-tool:hover,
.bg-gradient-fuchsia .btn-tool:hover,
.card-fuchsia:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #cc0da1;
  color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #f342cb;
  color: #fff;
}

.card-maroon:not(.card-outline) > .card-header {
  background-color: #d81b60;
}

.card-maroon:not(.card-outline) > .card-header,
.card-maroon:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-maroon:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-maroon.card-outline {
  border-top: 3px solid #d81b60;
}

.card-maroon.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-maroon.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #d81b60;
}

.bg-maroon .btn-tool,
.bg-gradient-maroon .btn-tool,
.card-maroon:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-maroon .btn-tool:hover,
.bg-gradient-maroon .btn-tool:hover,
.card-maroon:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #b41650;
  color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #e73f7c;
  color: #fff;
}

.card-blue:not(.card-outline) > .card-header {
  background-color: #007bff;
}

.card-blue:not(.card-outline) > .card-header,
.card-blue:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-blue:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-blue.card-outline {
  border-top: 3px solid #007bff;
}

.card-blue.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-blue.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #007bff;
}

.bg-blue .btn-tool,
.bg-gradient-blue .btn-tool,
.card-blue:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-blue .btn-tool:hover,
.bg-gradient-blue .btn-tool:hover,
.card-blue:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-blue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #0067d6;
  color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3395ff;
  color: #fff;
}

.card-indigo:not(.card-outline) > .card-header {
  background-color: #6610f2;
}

.card-indigo:not(.card-outline) > .card-header,
.card-indigo:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-indigo:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-indigo.card-outline {
  border-top: 3px solid #6610f2;
}

.card-indigo.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-indigo.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #6610f2;
}

.bg-indigo .btn-tool,
.bg-gradient-indigo .btn-tool,
.card-indigo:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-indigo .btn-tool:hover,
.bg-gradient-indigo .btn-tool:hover,
.card-indigo:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #550bce;
  color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #8540f5;
  color: #fff;
}

.card-purple:not(.card-outline) > .card-header {
  background-color: #6f42c1;
}

.card-purple:not(.card-outline) > .card-header,
.card-purple:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-purple:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-purple.card-outline {
  border-top: 3px solid #6f42c1;
}

.card-purple.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-purple.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #6f42c1;
}

.bg-purple .btn-tool,
.bg-gradient-purple .btn-tool,
.card-purple:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-purple .btn-tool:hover,
.bg-gradient-purple .btn-tool:hover,
.card-purple:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-purple .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #5d36a4;
  color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #8c68ce;
  color: #fff;
}

.card-pink:not(.card-outline) > .card-header {
  background-color: #e83e8c;
}

.card-pink:not(.card-outline) > .card-header,
.card-pink:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-pink:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-pink.card-outline {
  border-top: 3px solid #e83e8c;
}

.card-pink.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-pink.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #e83e8c;
}

.bg-pink .btn-tool,
.bg-gradient-pink .btn-tool,
.card-pink:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-pink .btn-tool:hover,
.bg-gradient-pink .btn-tool:hover,
.card-pink:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-pink .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e21b76;
  color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ed6ca7;
  color: #fff;
}

.card-red:not(.card-outline) > .card-header {
  background-color: #dc3545;
}

.card-red:not(.card-outline) > .card-header,
.card-red:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-red:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-red.card-outline {
  border-top: 3px solid #dc3545;
}

.card-red.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-red.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #dc3545;
}

.bg-red .btn-tool,
.bg-gradient-red .btn-tool,
.card-red:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-red .btn-tool:hover,
.bg-gradient-red .btn-tool:hover,
.card-red:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget .table td,
.card.bg-red .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #c62232;
  color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #e4606d;
  color: #fff;
}

.card-orange:not(.card-outline) > .card-header {
  background-color: #fd7e14;
}

.card-orange:not(.card-outline) > .card-header,
.card-orange:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-orange:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-orange.card-outline {
  border-top: 3px solid #fd7e14;
}

.card-orange.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-orange.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #fd7e14;
}

.bg-orange .btn-tool,
.bg-gradient-orange .btn-tool,
.card-orange:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-orange .btn-tool:hover,
.bg-gradient-orange .btn-tool:hover,
.card-orange:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-orange .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #e66a02;
  color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #fd9a47;
  color: #1f2d3d;
}

.card-yellow:not(.card-outline) > .card-header {
  background-color: #ffc107;
}

.card-yellow:not(.card-outline) > .card-header,
.card-yellow:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-yellow:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-yellow.card-outline {
  border-top: 3px solid #ffc107;
}

.card-yellow.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-yellow.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #ffc107;
}

.bg-yellow .btn-tool,
.bg-gradient-yellow .btn-tool,
.card-yellow:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-yellow .btn-tool:hover,
.bg-gradient-yellow .btn-tool:hover,
.card-yellow:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #dda600;
  color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #ffce3a;
  color: #1f2d3d;
}

.card-green:not(.card-outline) > .card-header {
  background-color: #28a745;
}

.card-green:not(.card-outline) > .card-header,
.card-green:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-green:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-green.card-outline {
  border-top: 3px solid #28a745;
}

.card-green.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-green.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #28a745;
}

.bg-green .btn-tool,
.bg-gradient-green .btn-tool,
.card-green:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-green .btn-tool:hover,
.bg-gradient-green .btn-tool:hover,
.card-green:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget .table td,
.card.bg-green .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #208637;
  color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #34ce57;
  color: #fff;
}

.card-teal:not(.card-outline) > .card-header {
  background-color: #20c997;
}

.card-teal:not(.card-outline) > .card-header,
.card-teal:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-teal:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-teal.card-outline {
  border-top: 3px solid #20c997;
}

.card-teal.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-teal.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #20c997;
}

.bg-teal .btn-tool,
.bg-gradient-teal .btn-tool,
.card-teal:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-teal .btn-tool:hover,
.bg-gradient-teal .btn-tool:hover,
.card-teal:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-teal .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #1aa67d;
  color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3ce0af;
  color: #fff;
}

.card-cyan:not(.card-outline) > .card-header {
  background-color: #17a2b8;
}

.card-cyan:not(.card-outline) > .card-header,
.card-cyan:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-cyan:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-cyan.card-outline {
  border-top: 3px solid #17a2b8;
}

.card-cyan.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-cyan.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #17a2b8;
}

.bg-cyan .btn-tool,
.bg-gradient-cyan .btn-tool,
.card-cyan:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-cyan .btn-tool:hover,
.bg-gradient-cyan .btn-tool:hover,
.card-cyan:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #128294;
  color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #1fc8e3;
  color: #fff;
}

.card-white:not(.card-outline) > .card-header {
  background-color: #fff;
}

.card-white:not(.card-outline) > .card-header,
.card-white:not(.card-outline) > .card-header a {
  color: #1f2d3d;
}

.card-white:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-white.card-outline {
  border-top: 3px solid #fff;
}

.card-white.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-white.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #fff;
}

.bg-white .btn-tool,
.bg-gradient-white .btn-tool,
.card-white:not(.card-outline) .btn-tool {
  color: rgba(31, 45, 61, 0.8);
}

.bg-white .btn-tool:hover,
.bg-gradient-white .btn-tool:hover,
.card-white:not(.card-outline) .btn-tool:hover {
  color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget .table td,
.card.bg-white .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #ebebeb;
  color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: white;
  color: #1f2d3d;
}

.card-gray:not(.card-outline) > .card-header {
  background-color: #6c757d;
}

.card-gray:not(.card-outline) > .card-header,
.card-gray:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-gray:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-gray.card-outline {
  border-top: 3px solid #6c757d;
}

.card-gray.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-gray.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #6c757d;
}

.bg-gray .btn-tool,
.bg-gradient-gray .btn-tool,
.card-gray:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-gray .btn-tool:hover,
.bg-gradient-gray .btn-tool:hover,
.card-gray:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gray .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #596167;
  color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #868e96;
  color: #fff;
}

.card-gray-dark:not(.card-outline) > .card-header {
  background-color: #343a40;
}

.card-gray-dark:not(.card-outline) > .card-header,
.card-gray-dark:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-gray-dark:not(.card-outline) > .card-header a.active {
  color: #1f2d3d;
}

.card-gray-dark.card-outline {
  border-top: 3px solid #343a40;
}

.card-gray-dark.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-gray-dark.card-outline-tabs > .card-header a.active {
  border-top: 3px solid #343a40;
}

.bg-gray-dark .btn-tool,
.bg-gradient-gray-dark .btn-tool,
.card-gray-dark:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-gray-dark .btn-tool:hover,
.bg-gradient-gray-dark .btn-tool:hover,
.card-gray-dark:not(.card-outline) .btn-tool:hover {
  color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
  border: none;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #222629;
  color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #4b545c;
  color: #fff;
}

.card {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
}

.card.bg-dark .card-header {
  border-color: #383f45;
}

.card.bg-dark,
.card.bg-dark .card-body {
  color: #fff;
}

.bg-primary {
  background-color: #007bff !important;
}

.bg-primary,
.bg-primary > a {
  color: #fff !important;
}

.bg-primary.btn:hover {
  border-color: #0062cc;
  color: #ececec;
}

.bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active {
  background-color: #0062cc !important;
  border-color: #005cbf;
  color: #fff;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-secondary,
.bg-secondary > a {
  color: #fff !important;
}

.bg-secondary.btn:hover {
  border-color: #545b62;
  color: #ececec;
}

.bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active {
  background-color: #545b62 !important;
  border-color: #4e555b;
  color: #fff;
}

.bg-success {
  background-color: #28a745 !important;
}

.bg-success,
.bg-success > a {
  color: #fff !important;
}

.bg-success.btn:hover {
  border-color: #1e7e34;
  color: #ececec;
}

.bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active {
  background-color: #1e7e34 !important;
  border-color: #1c7430;
  color: #fff;
}

.bg-info {
  background-color: #17a2b8 !important;
}

.bg-info,
.bg-info > a {
  color: #fff !important;
}

.bg-info.btn:hover {
  border-color: #117a8b;
  color: #ececec;
}

.bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active {
  background-color: #117a8b !important;
  border-color: #10707f;
  color: #fff;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-warning,
.bg-warning > a {
  color: #1f2d3d !important;
}

.bg-warning.btn:hover {
  border-color: #d39e00;
  color: #121a24;
}

.bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active {
  background-color: #d39e00 !important;
  border-color: #c69500;
  color: #1f2d3d;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-danger,
.bg-danger > a {
  color: #fff !important;
}

.bg-danger.btn:hover {
  border-color: #bd2130;
  color: #ececec;
}

.bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active {
  background-color: #bd2130 !important;
  border-color: #b21f2d;
  color: #fff;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-light,
.bg-light > a {
  color: #1f2d3d !important;
}

.bg-light.btn:hover {
  border-color: #dae0e5;
  color: #121a24;
}

.bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active {
  background-color: #dae0e5 !important;
  border-color: #d3d9df;
  color: #1f2d3d;
}

.bg-dark {
  background-color: #343a40 !important;
}

.bg-dark,
.bg-dark > a {
  color: #fff !important;
}

.bg-dark.btn:hover {
  border-color: #1d2124;
  color: #ececec;
}

.bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active {
  background-color: #1d2124 !important;
  border-color: #171a1d;
  color: #fff;
}

.bg-lightblue {
  background-color: #3c8dbc !important;
}

.bg-lightblue,
.bg-lightblue > a {
  color: #fff !important;
}

.bg-lightblue.btn:hover {
  border-color: #307095;
  color: #ececec;
}

.bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active {
  background-color: #307095 !important;
  border-color: #2d698c;
  color: #fff;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-navy,
.bg-navy > a {
  color: #fff !important;
}

.bg-navy.btn:hover {
  border-color: #00060c;
  color: #ececec;
}

.bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active {
  background-color: #00060c !important;
  border-color: black;
  color: #fff;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-olive,
.bg-olive > a {
  color: #fff !important;
}

.bg-olive.btn:hover {
  border-color: #2e7555;
  color: #ececec;
}

.bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active {
  background-color: #2e7555 !important;
  border-color: #2b6b4f;
  color: #fff;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-lime,
.bg-lime > a {
  color: #1f2d3d !important;
}

.bg-lime.btn:hover {
  border-color: #00cd5a;
  color: #121a24;
}

.bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active {
  background-color: #00cd5a !important;
  border-color: #00c054;
  color: #fff;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-fuchsia,
.bg-fuchsia > a {
  color: #fff !important;
}

.bg-fuchsia.btn:hover {
  border-color: #c30c9a;
  color: #ececec;
}

.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active {
  background-color: #c30c9a !important;
  border-color: #b70c90;
  color: #fff;
}

.bg-maroon {
  background-color: #d81b60 !important;
}

.bg-maroon,
.bg-maroon > a {
  color: #fff !important;
}

.bg-maroon.btn:hover {
  border-color: #ab154c;
  color: #ececec;
}

.bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active {
  background-color: #ab154c !important;
  border-color: #9f1447;
  color: #fff;
}

.bg-blue {
  background-color: #007bff !important;
}

.bg-blue,
.bg-blue > a {
  color: #fff !important;
}

.bg-blue.btn:hover {
  border-color: #0062cc;
  color: #ececec;
}

.bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active {
  background-color: #0062cc !important;
  border-color: #005cbf;
  color: #fff;
}

.bg-indigo {
  background-color: #6610f2 !important;
}

.bg-indigo,
.bg-indigo > a {
  color: #fff !important;
}

.bg-indigo.btn:hover {
  border-color: #510bc4;
  color: #ececec;
}

.bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active {
  background-color: #510bc4 !important;
  border-color: #4c0ab8;
  color: #fff;
}

.bg-purple {
  background-color: #6f42c1 !important;
}

.bg-purple,
.bg-purple > a {
  color: #fff !important;
}

.bg-purple.btn:hover {
  border-color: #59339d;
  color: #ececec;
}

.bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active {
  background-color: #59339d !important;
  border-color: #533093;
  color: #fff;
}

.bg-pink {
  background-color: #e83e8c !important;
}

.bg-pink,
.bg-pink > a {
  color: #fff !important;
}

.bg-pink.btn:hover {
  border-color: #d91a72;
  color: #ececec;
}

.bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active {
  background-color: #d91a72 !important;
  border-color: #ce196c;
  color: #fff;
}

.bg-red {
  background-color: #dc3545 !important;
}

.bg-red,
.bg-red > a {
  color: #fff !important;
}

.bg-red.btn:hover {
  border-color: #bd2130;
  color: #ececec;
}

.bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active {
  background-color: #bd2130 !important;
  border-color: #b21f2d;
  color: #fff;
}

.bg-orange {
  background-color: #fd7e14 !important;
}

.bg-orange,
.bg-orange > a {
  color: #1f2d3d !important;
}

.bg-orange.btn:hover {
  border-color: #dc6502;
  color: #121a24;
}

.bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active {
  background-color: #dc6502 !important;
  border-color: #cf5f02;
  color: #fff;
}

.bg-yellow {
  background-color: #ffc107 !important;
}

.bg-yellow,
.bg-yellow > a {
  color: #1f2d3d !important;
}

.bg-yellow.btn:hover {
  border-color: #d39e00;
  color: #121a24;
}

.bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active {
  background-color: #d39e00 !important;
  border-color: #c69500;
  color: #1f2d3d;
}

.bg-green {
  background-color: #28a745 !important;
}

.bg-green,
.bg-green > a {
  color: #fff !important;
}

.bg-green.btn:hover {
  border-color: #1e7e34;
  color: #ececec;
}

.bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active {
  background-color: #1e7e34 !important;
  border-color: #1c7430;
  color: #fff;
}

.bg-teal {
  background-color: #20c997 !important;
}

.bg-teal,
.bg-teal > a {
  color: #fff !important;
}

.bg-teal.btn:hover {
  border-color: #199d76;
  color: #ececec;
}

.bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active {
  background-color: #199d76 !important;
  border-color: #17926e;
  color: #fff;
}

.bg-cyan {
  background-color: #17a2b8 !important;
}

.bg-cyan,
.bg-cyan > a {
  color: #fff !important;
}

.bg-cyan.btn:hover {
  border-color: #117a8b;
  color: #ececec;
}

.bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active {
  background-color: #117a8b !important;
  border-color: #10707f;
  color: #fff;
}

.bg-white {
  background-color: #fff !important;
}

.bg-white,
.bg-white > a {
  color: #1f2d3d !important;
}

.bg-white.btn:hover {
  border-color: #e6e6e6;
  color: #121a24;
}

.bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active {
  background-color: #e6e6e6 !important;
  border-color: #dfdfdf;
  color: #1f2d3d;
}

.bg-gray {
  background-color: #6c757d !important;
}

.bg-gray,
.bg-gray > a {
  color: #fff !important;
}

.bg-gray.btn:hover {
  border-color: #545b62;
  color: #ececec;
}

.bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active {
  background-color: #545b62 !important;
  border-color: #4e555b;
  color: #fff;
}

.bg-gray-dark {
  background-color: #343a40 !important;
}

.bg-gray-dark,
.bg-gray-dark > a {
  color: #fff !important;
}

.bg-gray-dark.btn:hover {
  border-color: #1d2124;
  color: #ececec;
}

.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active {
  background-color: #1d2124 !important;
  border-color: #171a1d;
  color: #fff;
}

.bg-gray {
  background-color: #adb5bd;
  color: #1f2d3d;
}

.bg-gray-light {
  background-color: #f2f4f5;
  color: #1f2d3d !important;
}

.bg-black {
  background-color: #000;
  color: #fff !important;
}

.bg-white {
  background-color: #fff;
  color: #1f2d3d !important;
}

.bg-gradient-primary {
  background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
  color: #fff;
}

.bg-gradient-primary.btn.disabled, .bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-primary.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-primary.btn:hover {
  background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
  border-color: #0062cc;
  color: #ececec;
}

.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
  background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
  border-color: #005cbf;
  color: #fff;
}

.bg-gradient-secondary {
  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
  color: #fff;
}

.bg-gradient-secondary.btn.disabled, .bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-secondary.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-secondary.btn:hover {
  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
  border-color: #545b62;
  color: #ececec;
}

.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active {
  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
  border-color: #4e555b;
  color: #fff;
}

.bg-gradient-success {
  background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
  color: #fff;
}

.bg-gradient-success.btn.disabled, .bg-gradient-success.btn:disabled, .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-success.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-success.btn:hover {
  background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
  border-color: #1e7e34;
  color: #ececec;
}

.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active {
  background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
  border-color: #1c7430;
  color: #fff;
}

.bg-gradient-info {
  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
  color: #fff;
}

.bg-gradient-info.btn.disabled, .bg-gradient-info.btn:disabled, .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-info.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-info.btn:hover {
  background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
  border-color: #117a8b;
  color: #ececec;
}

.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active {
  background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
  border-color: #10707f;
  color: #fff;
}

.bg-gradient-warning {
  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-warning.btn.disabled, .bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-warning.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-warning.btn:hover {
  background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
  border-color: #d39e00;
  color: #121a24;
}

.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active {
  background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
  border-color: #c69500;
  color: #1f2d3d;
}

.bg-gradient-danger {
  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
  color: #fff;
}

.bg-gradient-danger.btn.disabled, .bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-danger.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-danger.btn:hover {
  background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
  border-color: #bd2130;
  color: #ececec;
}

.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active {
  background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
  border-color: #b21f2d;
  color: #fff;
}

.bg-gradient-light {
  background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-light.btn.disabled, .bg-gradient-light.btn:disabled, .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-light.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-light.btn:hover {
  background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
  border-color: #dae0e5;
  color: #121a24;
}

.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active {
  background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
  border-color: #d3d9df;
  color: #1f2d3d;
}

.bg-gradient-dark {
  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
  color: #fff;
}

.bg-gradient-dark.btn.disabled, .bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-dark.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-dark.btn:hover {
  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
  border-color: #1d2124;
  color: #ececec;
}

.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active {
  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
  border-color: #171a1d;
  color: #fff;
}

.bg-gradient-lightblue {
  background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important;
  color: #fff;
}

.bg-gradient-lightblue.btn.disabled, .bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-lightblue.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-lightblue.btn:hover {
  background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important;
  border-color: #307095;
  color: #ececec;
}

.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active {
  background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important;
  border-color: #2d698c;
  color: #fff;
}

.bg-gradient-navy {
  background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important;
  color: #fff;
}

.bg-gradient-navy.btn.disabled, .bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-navy.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-navy.btn:hover {
  background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
  border-color: #00060c;
  color: #ececec;
}

.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active {
  background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
  border-color: black;
  color: #fff;
}

.bg-gradient-olive {
  background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
  color: #fff;
}

.bg-gradient-olive.btn.disabled, .bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-olive.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-olive.btn:hover {
  background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
  border-color: #2e7555;
  color: #ececec;
}

.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active {
  background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
  border-color: #2b6b4f;
  color: #fff;
}

.bg-gradient-lime {
  background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-lime.btn.disabled, .bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-lime.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-lime.btn:hover {
  background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
  border-color: #00cd5a;
  color: #121a24;
}

.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active {
  background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
  border-color: #00c054;
  color: #fff;
}

.bg-gradient-fuchsia {
  background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important;
  color: #fff;
}

.bg-gradient-fuchsia.btn.disabled, .bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-fuchsia.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-fuchsia.btn:hover {
  background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important;
  border-color: #c30c9a;
  color: #ececec;
}

.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active {
  background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
  border-color: #b70c90;
  color: #fff;
}

.bg-gradient-maroon {
  background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important;
  color: #fff;
}

.bg-gradient-maroon.btn.disabled, .bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-maroon.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-maroon.btn:hover {
  background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important;
  border-color: #ab154c;
  color: #ececec;
}

.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active {
  background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
  border-color: #9f1447;
  color: #fff;
}

.bg-gradient-blue {
  background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
  color: #fff;
}

.bg-gradient-blue.btn.disabled, .bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-blue.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-blue.btn:hover {
  background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
  border-color: #0062cc;
  color: #ececec;
}

.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active {
  background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
  border-color: #005cbf;
  color: #fff;
}

.bg-gradient-indigo {
  background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
  color: #fff;
}

.bg-gradient-indigo.btn.disabled, .bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-indigo.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-indigo.btn:hover {
  background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
  border-color: #510bc4;
  color: #ececec;
}

.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active {
  background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
  border-color: #4c0ab8;
  color: #fff;
}

.bg-gradient-purple {
  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
  color: #fff;
}

.bg-gradient-purple.btn.disabled, .bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-purple.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-purple.btn:hover {
  background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
  border-color: #59339d;
  color: #ececec;
}

.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active {
  background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
  border-color: #533093;
  color: #fff;
}

.bg-gradient-pink {
  background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
  color: #fff;
}

.bg-gradient-pink.btn.disabled, .bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-pink.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-pink.btn:hover {
  background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
  border-color: #d91a72;
  color: #ececec;
}

.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active {
  background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
  border-color: #ce196c;
  color: #fff;
}

.bg-gradient-red {
  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
  color: #fff;
}

.bg-gradient-red.btn.disabled, .bg-gradient-red.btn:disabled, .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-red.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-red.btn:hover {
  background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
  border-color: #bd2130;
  color: #ececec;
}

.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active {
  background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
  border-color: #b21f2d;
  color: #fff;
}

.bg-gradient-orange {
  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-orange.btn.disabled, .bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-orange.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-orange.btn:hover {
  background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
  border-color: #dc6502;
  color: #121a24;
}

.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active {
  background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
  border-color: #cf5f02;
  color: #fff;
}

.bg-gradient-yellow {
  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-yellow.btn.disabled, .bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-yellow.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-yellow.btn:hover {
  background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
  border-color: #d39e00;
  color: #121a24;
}

.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active {
  background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
  border-color: #c69500;
  color: #1f2d3d;
}

.bg-gradient-green {
  background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
  color: #fff;
}

.bg-gradient-green.btn.disabled, .bg-gradient-green.btn:disabled, .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-green.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-green.btn:hover {
  background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
  border-color: #1e7e34;
  color: #ececec;
}

.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active {
  background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
  border-color: #1c7430;
  color: #fff;
}

.bg-gradient-teal {
  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
  color: #fff;
}

.bg-gradient-teal.btn.disabled, .bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-teal.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-teal.btn:hover {
  background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
  border-color: #199d76;
  color: #ececec;
}

.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active {
  background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
  border-color: #17926e;
  color: #fff;
}

.bg-gradient-cyan {
  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
  color: #fff;
}

.bg-gradient-cyan.btn.disabled, .bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-cyan.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-cyan.btn:hover {
  background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
  border-color: #117a8b;
  color: #ececec;
}

.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active {
  background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
  border-color: #10707f;
  color: #fff;
}

.bg-gradient-white {
  background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-white.btn.disabled, .bg-gradient-white.btn:disabled, .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-white.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-white.btn:hover {
  background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
  border-color: #e6e6e6;
  color: #121a24;
}

.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active {
  background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
  border-color: #dfdfdf;
  color: #1f2d3d;
}

.bg-gradient-gray {
  background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
  color: #fff;
}

.bg-gradient-gray.btn.disabled, .bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-gray.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-gray.btn:hover {
  background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
  border-color: #545b62;
  color: #ececec;
}

.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active {
  background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
  border-color: #4e555b;
  color: #fff;
}

.bg-gradient-gray-dark {
  background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
  color: #fff;
}

.bg-gradient-gray-dark.btn.disabled, .bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-gray-dark.btn.dropdown-toggle {
  background-image: none !important;
}

.bg-gradient-gray-dark.btn:hover {
  background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
  border-color: #1d2124;
  color: #ececec;
}

.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active {
  background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
  border-color: #171a1d;
  color: #fff;
}

[class^="bg-"].disabled {
  opacity: .65;
}

a.text-muted:hover {
  color: #007bff !important;
}

.link-muted {
  color: #5d6974;
}

.link-muted:hover, .link-muted:focus {
  color: #464f58;
}

.link-black {
  color: #6c757d;
}

.link-black:hover, .link-black:focus {
  color: #e6e8ea;
}

/*=============================================
CUSTOM PILLS DE TABS EN FT
=============================================*/
#ft-nav.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  /*background: #6c757d linear-gradient(180deg,#828a91,#6c757d) repeat-x!important; /* bg-gradient secondary */
  background: #17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x!important; /* bg-gradient-info */
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;/*shadow*/  
  /*background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important; /* bg-gradient-primary */
  /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;/*shadow*/
}

#ft-nav.nav-pills .nav-link:not(.active):hover  {
  /*box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;*/ /*shadow-lg*/
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;/*shadow*/
  background: var(--light) !important;
  /*background-color: #17a2b8;*/
}

#ft-nav.nav-pills .nav-link:not(.active):hover {
  color: var(--dark);
  /*color: #17a2b8;*/
}
#ft-nav.nav-pills .nav-link {
  color: var(--gray);
}
/*=============================================
CUSTOM BACKGROUNDS PAR CARDS EN HOME FT
=============================================*/
.border-cards-body-footer-outline{
  border-radius: 0px 0px 0px 0px !important;
}
.border-cards-body-footer{
  border-radius: 4px 4px 0px 0px !important;
}
.border-cards-body-header{
  border-radius: 0px 0px 4px 4px !important;
}
.border-cards-header{
  border-radius: 4px 4px 0px 0px !important;
}
.border-cards-footer{
  border-radius: 0px 0px 4px 4px !important;
}
.home-card-wh {
  width: 100%; 
  min-height: 167px !important;   
  background-color: #FFFFFF;
}
.home-card-bg-1 {
  background-color: #E6E6E6;
  background: url(bg/bg1.jpg) !important;  
  background-size: cover !important;  
}
.home-card-bg-2 {
  background-color: #E6E6E6;
  background-image: url(bg/bg2.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-3 {
  background-color: #E6E6E6;
  background-image: url(bg/bg3.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-4 {
  background-color: #E6E6E6;
  background-image: url(bg/bg4.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-5 {
  background-color: #E6E6E6;
  background-image: url(bg/bg5.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-6 {
  background-color: #E6E6E6;
  background-image: url(bg/bg6.jpg)!important;
  background-size: :cover !important;  
}
.home-card-bg-7 {
  background-color: #E6E6E6;
  background-image: url(bg/bg7.jpg)!important;
  background-size: :cover !important;  
}
.home-card-bg-8 {
  background-color: #E6E6E6;
  background-image: url(bg/bg8.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-9 {
  background-color: #E6E6E6;
  background-image: url(bg/bg9.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-10 {
  background-color: #E6E6E6;
  background-image: url(bg/bg10.gif)!important;
  background-size: cover !important;  
}
.home-card-bg-11 {
  background-color: #E6E6E6;
  background-image: url(bg/bg11.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-12 {
  background-color: #E6E6E6;
  background-image: url(bg/bg12.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-13 {
  background-color: #E6E6E6;
  background-image: url(bg/bg13.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-14 {
  background-color: #E6E6E6;
  background-image: url(bg/bg14.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-15 {
  background-color: #E6E6E6;
  background-image: url(bg/bg15.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-16 {
  background-color: #E6E6E6;
  background-image: url(bg/bg16.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-17 {
  background-color: #E6E6E6;
  background-image: url(bg/bg17.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-18 {
  background-color: #E6E6E6;
  background-image: url(bg/bg18.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-19 {
  background-color: #E6E6E6;
  background-image: url(bg/bg19.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-20 {
  background-color: #E6E6E6;
  background-image: url(bg/bg20.jpg)!important;
  background-size: cover !important;  
}
.home-card-bg-21 {
  background-color: #E6E6E6;
  background-image: url(bg/bg_a.png) !important;
  background-size: cover !important;  
}
.home-card-bg-22 {
  background-color: #E6E6E6;
  background-image: url(bg/bg_b.png) !important;
  background-size: cover !important;  
}
.home-card-bg-23 {
  background-color: #E6E6E6;
  background-image: url(bg/bg_c.png) !important;
  background-size: cover !important;  
}
.home-card-bg-24 {
  background-color: #E6E6E6;
  background-image: url(bg/bg_d.png) !important;
  background-size: cover !important;  
}
.home-card-bg-25 {
  background-color: #E6E6E6;
  background-image: url(bg/bg_e.png) !important;
  background-size: :cover !important;  
}
.home-card-bg-26 {
  background-color: #E6E6E6;
  background-image: url(bg/embossed-dark.jpg) !important;
  background-size: :cover !important;  
}
.home-card-bg-27 {
  background-color: #E6E6E6;
  background-image: url(bg/wood-dark.jpg) !important;
  background-size: :cover !important;  
}
.home-card-bg-28 {
  background-color: #E6E6E6;
  background-image: url(bg/wood-light.jpg) !important;
  background-size: :cover !important;  
}
.home-card-bg-29 {
  background-color: #E6E6E6;
  background-image: url(bg/wood.jpg) !important;
  background-size: :cover !important;  
}

.home-card-bg-default {
  background-color: #E6E6E6;
  background-image: url(bg/default.jpg);
  background-size: cover !important;  
}

/*=============================================
TAMAÑO FUENTE
=============================================*/
.font-size-5{
  font-size: 5px !important;
}
.font-size-6{
  font-size: 6px !important;
}
.font-size-7{
  font-size: 7px !important;
}
.font-size-8{
  font-size: 8px !important;
}
.font-size-9{
  font-size: 9px !important;
}
.font-size-10{
  font-size: 10px !important;
}
.font-size-11{
  font-size: 11px !important;
}
.font-size-12{
  font-size: 12px !important;
}
.font-size-13{
  font-size: 13px !important;
}
.font-size-14{
  font-size: 14px !important;
}
.font-size-15{
  font-size: 15px !important;
}
.font-size-16{
  font-size: 16px !important;
}
.font-size-17{
  font-size: 17px !important;
}
.font-size-18{
  font-size: 18px !important;
}
.font-size-19{
  font-size: 19px !important;
}
.font-size-20{
  font-size: 20px !important;
}
.font-size-25{
  font-size: 25px !important;
}
.font-size-30{
  font-size: 30px !important;
}
.font-size-35{
  font-size: 35px !important;
}
.font-size-50{
  font-size: 50px !important;
}
.text-xs-custom{
  font-size: .5rem !important;
}
.text-sm-custom{
  font-size: .775rem !important;
}
.text-small-custom{
  font-size: .675rem !important;
}
.text-smaller-custom{
  font-size: .575rem !important;
}
.text-md-custom{
  font-size: .875rem !important;
}
.text-normal-custom{
  font-size: 1rem !important;
}
.text-lg-custom{
  font-size: 1.175rem !important;
}
.text-xl-custom{
  font-size: 1.275rem !important;
}
.text-xxl-custom{
  font-size: 1.475rem !important;
}
.text-2xl-custom{
  font-size: 2rem !important;
}
.text-3xl-custom{
  font-size: 3rem !important;
}
/*=============================================
TEXT COLOR 
=============================================*/
.text-black{
  color: var(--color--black) !important;
}

/*=============================================
HELPERS FONTS 
=============================================*/
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .search-card-text-title{
    font-size: 1.3rem !important;
  }
  .search-card-footer-text-title{
    font-size: 1.275rem !important;
  }
  .search-card-footer-text-title-custom{
    font-size: 1.175rem !important;
  }    
}
@media only screen and (min-width: 737px) and (max-width: 768px) {
  .search-card-text-title{
    font-size: 1.475rem !important;
  }
  .search-card-footer-text-title{
    font-size: 1.275rem !important;
  }
  .search-card-footer-text-title-custom{
    font-size: 1.275rem !important;
  }  
}
@media only screen and (min-width: 769px) and (max-width: 2200px) {
  .search-card-text-title{
    font-size: 1.475rem !important;
  }
  .search-card-footer-text-title{
    font-size: 1.275rem !important;
  }
  .search-card-footer-text-title-custom{
    font-size: 1.275rem !important;
  }      
}

/*=============================================
HELPERS
=============================================*/

.border-radius-50pr{
  border-radius: 50% !important;
}
.border-radius-40{
  border-radius: 40px !important;
}
.border-radius-30{
  border-radius: 30px !important;
}
.border-radius-20{
  border-radius: 20px !important;
}
.border-radius-10{
  border-radius:10px !important;
}
/*=============================================
PADDINGS ADICIONALES 
=============================================*/

.pb-6, .py-6{
  padding-bottom: 4rem!important;
}
.pt-6, .py-6{
  padding-top: 4rem!important;
}
.pl-6, .px-6{
  padding-left: 4rem!important;
}
.pr-6, .px-6{
  padding-right: 4rem!important;
}
.pb-7, .py-7{
  padding-bottom: 5rem!important;
}
.pt-7, .py-7{
  padding-top: 5rem!important;
}
.pl-7, .px-7{
  padding-left: 5rem!important;
}
.pr-7, .px-7{
  padding-right: 5rem!important;
}
.pb-8, .py-8{
  padding-bottom: 6rem!important;
}
.pt-8, .py-8{
  padding-top: 6rem!important;
}
.pl-8, .px-8{
  padding-left: 6rem!important;
}
.pr-8, .px-8{
  padding-right: 6rem!important;
}
.pb-9, .py-9{
  padding-bottom: 7rem!important;
}
.pt-9, .py-9{
  padding-top: 7rem!important;
}
.pl-9, .px-9{
  padding-left: 7rem!important;
}
.pr-9, .px-9{
  padding-right: 7rem!important;
}
.pb-10, .py-10{
  padding-bottom: 8rem!important;
}
.pt-10, .py-10{
  padding-top: 8rem!important;
}
.pl-10, .px-10{
  padding-left: 8rem!important;
}
.pr-10, .px-10{
  padding-right: 8rem!important;
}
/*=============================================
MARGINS ADICIONALES 
=============================================*/

.mb-6, .my-6{
  margin-bottom: 4rem!important;
}
.mt-6, .my-6{
  margin-top: 4rem!important;
}
.ml-6, .mx-6{
  margin-left: 4rem!important;
}
.mr-6, .mx-6{
  margin-right: 4rem!important;
}
.mb-7, .my-7{
  margin-bottom: 5rem!important;
}
.mt-7, .my-7{
  margin-top: 5rem!important;
}
.ml-7, .mx-7{
  margin-left: 5rem!important;
}
.mr-7, .mx-7{
  margin-right: 5rem!important;
}
.mb-8, .my-8{
  margin-bottom: 6rem!important;
}
.mt-8, .my-8{
  margin-top: 6rem!important;
}
.ml-8, .mx-8{
  margin-left: 6rem!important;
}
.mr-8, .mx-8{
  margin-right: 6rem!important;
}
.mb-9, .my-9{
  margin-bottom: 7rem!important;
}
.mt-9, .my-9{
  margin-top: 7rem!important;
}
.ml-9, .mx-9{
  margin-left: 7rem!important;
}
.mr-9, .mx-9{
  margin-right: 7rem!important;
}
.mb-10, .my-10{
  margin-bottom: 8rem!important;
}
.mt-10, .my-10{
  margin-top: 8rem!important;
}
.ml-10, .mx-10{
  margin-left: 8rem!important;
}
.mr-10, .mx-10{
  margin-right: 8rem!important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-5 {
  height: : 5% !important;
}

.h-10 {
  height: : 10% !important;
}

.h-15 {
  height: : 15% !important;
}

.h-20 {
  height: : 20% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 320px) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-1 {
    margin: 0.25rem !important;
  }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: 0.25rem !important;
  }
  .m-xs-2 {
    margin: 0.5rem !important;
  }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: 0.5rem !important;
  }
  .m-xs-3 {
    margin: 1rem !important;
  }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: 1rem !important;
  }
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: 1rem !important;
  }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: 1rem !important;
  }
  .m-xs-4 {
    margin: 1.5rem !important;
  }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: 1.5rem !important;
  }
  .m-xs-5 {
    margin: 3rem !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: 3rem !important;
  }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 3rem !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 3rem !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-1 {
    padding: 0.25rem !important;
  }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xs-1,
  .px-xs-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xs-1,
  .px-xs-1 {
    padding-left: 0.25rem !important;
  }
  .p-xs-2 {
    padding: 0.5rem !important;
  }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xs-2,
  .px-xs-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xs-2,
  .px-xs-2 {
    padding-left: 0.5rem !important;
  }
  .p-xs-3 {
    padding: 1rem !important;
  }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: 1rem !important;
  }
  .pr-xs-3,
  .px-xs-3 {
    padding-right: 1rem !important;
  }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xs-3,
  .px-xs-3 {
    padding-left: 1rem !important;
  }
  .p-xs-4 {
    padding: 1.5rem !important;
  }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xs-4,
  .px-xs-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xs-4,
  .px-xs-4 {
    padding-left: 1.5rem !important;
  }
  .p-xs-5 {
    padding: 3rem !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: 3rem !important;
  }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: 3rem !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: 3rem !important;
  }
  .m-xs-n1 {
    margin: -0.25rem !important;
  }
  .mt-xs-n1,
  .my-xs-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xs-n1,
  .mx-xs-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xs-n1,
  .my-xs-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xs-n1,
  .mx-xs-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xs-n2 {
    margin: -0.5rem !important;
  }
  .mt-xs-n2,
  .my-xs-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xs-n2,
  .mx-xs-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xs-n2,
  .my-xs-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xs-n2,
  .mx-xs-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xs-n3 {
    margin: -1rem !important;
  }
  .mt-xs-n3,
  .my-xs-n3 {
    margin-top: -1rem !important;
  }
  .mr-xs-n3,
  .mx-xs-n3 {
    margin-right: -1rem !important;
  }
  .mb-xs-n3,
  .my-xs-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xs-n3,
  .mx-xs-n3 {
    margin-left: -1rem !important;
  }
  .m-xs-n4 {
    margin: -1.5rem !important;
  }
  .mt-xs-n4,
  .my-xs-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xs-n4,
  .mx-xs-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xs-n4,
  .my-xs-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xs-n4,
  .mx-xs-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xs-n5 {
    margin: -3rem !important;
  }
  .mt-xs-n5,
  .my-xs-n5 {
    margin-top: -3rem !important;
  }
  .mr-xs-n5,
  .mx-xs-n5 {
    margin-right: -3rem !important;
  }
  .mb-xs-n5,
  .my-xs-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xs-n5,
  .mx-xs-n5 {
    margin-left: -3rem !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }

}
/* diferente al min poner max caso w-sm-100 */
@media (max-width: 320px) {
  .w-xs-5 {
    width: 5% !important;
  }

  .w-xs-10 {
    width: 10% !important;
  }

  .w-xs-15 {
    width: 15% !important;
  }

  .w-xs-20 {
    width: 20% !important;
  }

  .w-xs-25 {
    width: 25% !important;
  }

  .w-xs-50 {
    width: 50% !important;
  }

  .w-xs-75 {
    width: 75% !important;
  }

  .w-xs-100 {
    width: 100% !important;
    display: block;
  }

  .w-xs-auto {
    width: auto !important;
  }

  .h-xs-5 {
    height: : 5% !important;
  }

  .h-xs-10 {
    height: : 10% !important;
  }

  .h-xs-15 {
    height: : 15% !important;
  }

  .h-xs-20 {
    height: : 20% !important;
  }

  .h-xs-25 {
    height: 25% !important;
  }

  .h-xs-50 {
    height: 50% !important;
  }

  .h-xs-75 {
    height: 75% !important;
  }

  .h-xs-100 {
    height: 100% !important;
  }

  .h-xs-auto {
    height: auto !important;
  }  

} 

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }

}

@media (max-width: 576px) {
  .hide-sm{
    display: none !important;             
  }
  .w-sm-5 {
    width: 5% !important;
  }

  .w-sm-10 {
    width: 10% !important;
  }

  .w-sm-15 {
    width: 15% !important;
  }

  .w-sm-20 {
    width: 20% !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-100 {
    width: 100% !important;
    display: block;
  }

  .w-sm-auto {
    width: auto !important;
  }

  .h-sm-5 {
    height: : 5% !important;
  }

  .h-sm-10 {
    height: : 10% !important;
  }

  .h-sm-15 {
    height: : 15% !important;
  }

  .h-sm-20 {
    height: : 20% !important;
  }

  .h-sm-25 {
    height: 25% !important;
  }

  .h-sm-50 {
    height: 50% !important;
  }

  .h-sm-75 {
    height: 75% !important;
  }

  .h-sm-100 {
    height: 100% !important;
  }

  .h-sm-auto {
    height: auto !important;
  }

}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }

  .w-md-5 {
    width: 5% !important;
  }

  .w-md-10 {
    width: 10% !important;
  }

  .w-md-15 {
    width: 15% !important;
  }

  .w-md-20 {
    width: 20% !important;
  }

  .w-md-25 {
    width: 25% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }

  .w-md-auto {
    width: auto !important;
  }

  .h-md-5 {
    height: : 5% !important;
  }

  .h-md-10 {
    height: : 10% !important;
  }

  .h-md-15 {
    height: : 15% !important;
  }

  .h-md-20 {
    height: : 20% !important;
  }

  .h-md-25 {
    height: 25% !important;
  }

  .h-md-50 {
    height: 50% !important;
  }

  .h-md-75 {
    height: 75% !important;
  }

  .h-md-100 {
    height: 100% !important;
  }

  .h-md-auto {
    height: auto !important;
  }

}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }

  .w-lg-5 {
    width: 5% !important;
  }

  .w-lg-10 {
    width: 10% !important;
  }

  .w-lg-15 {
    width: 15% !important;
  }

  .w-lg-20 {
    width: 20% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-auto {
    width: auto !important;
  }

  .h-lg-5 {
    height: : 5% !important;
  }

  .h-lg-10 {
    height: : 10% !important;
  }

  .h-lg-15 {
    height: : 15% !important;
  }

  .h-lg-20 {
    height: : 20% !important;
  }

  .h-lg-25 {
    height: 25% !important;
  }

  .h-lg-50 {
    height: 50% !important;
  }

  .h-lg-75 {
    height: 75% !important;
  }

  .h-lg-100 {
    height: 100% !important;
  }

  .h-lg-auto {
    height: auto !important;
  }

}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }

  .w-xl-5 {
    width: 5% !important;
  }

  .w-xl-10 {
    width: 10% !important;
  }

  .w-xl-15 {
    width: 15% !important;
  }

  .w-xl-20 {
    width: 20% !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-100 {
    width: 100% !important;
  }

  .w-xl-auto {
    width: auto !important;
  }

  .h-xl-5 {
    height: : 5% !important;
  }

  .h-xl-10 {
    height: : 10% !important;
  }

  .h-xl-15 {
    height: : 15% !important;
  }

  .h-xl-20 {
    height: : 20% !important;
  }

  .h-xl-25 {
    height: 25% !important;
  }

  .h-xl-50 {
    height: 50% !important;
  }

  .h-xl-75 {
    height: 75% !important;
  }

  .h-xl-100 {
    height: 100% !important;
  }

  .h-xl-auto {
    height: auto !important;
  }

}

@media (min-width: 1480px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }

  .w-xxl-5 {
    width: 5% !important;
  }

  .w-xxl-10 {
    width: 10% !important;
  }

  .w-xxl-15 {
    width: 15% !important;
  }

  .w-xxl-20 {
    width: 20% !important;
  }

  .w-xxl-25 {
    width: 25% !important;
  }

  .w-xxl-50 {
    width: 50% !important;
  }

  .w-xxl-75 {
    width: 75% !important;
  }

  .w-xxl-100 {
    width: 100% !important;
  }

  .w-xxl-auto {
    width: auto !important;
  }

  .h-xxl-5 {
    height: : 5% !important;
  }

  .h-xxl-10 {
    height: : 10% !important;
  }

  .h-xxl-15 {
    height: : 15% !important;
  }

  .h-xxl-20 {
    height: : 20% !important;
  }

  .h-xxl-25 {
    height: 25% !important;
  }

  .h-xxl-50 {
    height: 50% !important;
  }

  .h-xxl-75 {
    height: 75% !important;
  }

  .h-xxl-100 {
    height: 100% !important;
  }

  .h-xxl-auto {
    height: auto !important;
  }

}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (max-width: 340px){
  .flex-xxs-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
  }
  .flex-xxs-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
  }  
}

@media (min-width: 341px){
  .flex-xs-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
  }
  .flex-xs-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
  }  
}

@media (max-width: 575px){
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-xs-center {
    text-align: center !important;
  }
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/*=============================================
CUSTOM CARDS HOME FT
=============================================*/
.card-transparent{
  background-color: transparent !important;
}
.card-home-body-wh {
  width: 100% !important; 
  min-height: 167px !important;   
  background-size: cover !important;
}

.preview_container {
  background-color: #E6E6E6;
  background-image: url(bg/bg5.jpg); 
}

#user-nav.nav.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.list-group-unbordered>.list-group-item {
    background-color: transparent !important;
    border-bottom: 1px solid #fefefe !important;
    border-top: 1px solid #ccc !important;    
}
/*=============================================
CUSTOM PLACEHOLDER
=============================================*/

.form-control::-webkit-input-placeholder {
  color: #6c757d !important;
}
.form-control::-moz-placeholder {
  color: #6c757d !important;
}
.form-control::-ms-input-placeholder {
  color: #6c757d !important;
}
.form-control::-o-input-placeholder {
  color: #6c757d !important;
}
.form-control::input-placeholder {
  color: #6c757d !important;
}

/*=============================================
CUSTOM SHADOWS
=============================================*/

.sombra {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
/*sombra para ocultar tab home de medios*/
.sombra_a {
  -webkit-box-shadow: 0px 15px 20px -2px #333;
  -moz-box-shadow: 0px 15px 20px -2px #333;
  box-shadow: 0px 15px 20px -2px #333;
}
.sombra_b {
  -webkit-box-shadow: 0px 15px 20px -2px #666;
  -moz-box-shadow: 0px 15px 20px -2px #666;
  box-shadow: 0px 15px 20px -2px #666;
}

.sombra_c {
  -webkit-box-shadow: 0px 15px 20px -2px #00000078;
  -moz-box-shadow: 0px 15px 20px -2px #00000078;
  box-shadow: 0px 15px 20px -2px #00000078;
}

.sombraBox1 {
  box-shadow: 1px 1px 5px 1px #666666;
}

.card-hover:hover,.card-hover-rm:hover, #fullwidth .util-item .item:focus-within,.card:focus-within{
  box-shadow: 5px 20px 20px #00000078;
}
.card-hover{
  margin-bottom: 2.5rem;
  border: 1px solid #eaecf0;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  transition: .3s box-shadow;
  /*background-color: var(--dark);
  color: var(--gray-dark);*/ 
}
.card-hover-rm{
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  transition: .3s box-shadow;
  /*background-color: var(--dark);
  color: var(--gray-dark);*/ 
}

/*=============================================
CUSTOM CARDS USER 
=============================================*/

.bg-gradient-gray .breadcrumb-item+.breadcrumb-item::before{
  color: var(--lighterblue) !important;
}
.bg-gradient-gray .breadcrumb-item.active{
  color: white !important;
}
.bg-gradient-gray .breadcrumb-item a{
  color: var(--lighterblue);
}
.bg-gradient-gray .breadcrumb-item a:hover{
  color: var(--lightblue);
}
.bg-gradient-gray .titulo,
.bg-gradient-info .titulo,
.bg-gradient-primary .titulo{
  color: var(--white);
}
.bg-gradient-gray .tituloGris,
.bg-gradient-info .tituloGris,
.bg-gradient-primary .tituloGris{
  color: var(--dark);
}

/*!
 * Bootstrap Docs (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under the Creative Commons Attribution 3.0 Unported License.
 * For details, see https://creativecommons.org/licenses/by/3.0/.
 */
.bd-navbar {
    min-height: 4rem;
    background-color: #7952b3;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05),inset 0 -1px 0 rgba(0,0,0,0.1)
}

@media (max-width: 991.98px) {
    .bd-navbar {
        padding-right:.5rem;
        padding-left: .5rem
    }

    .bd-navbar .navbar-nav-scroll {
        max-width: 100%;
        height: 2.5rem;
        margin-top: .25rem;
        overflow: hidden
    }

    .bd-navbar .navbar-nav-scroll .navbar-nav {
        padding-bottom: 2rem;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }
}

@media (min-width: 768px) {
    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .bd-navbar {
            position:-webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1071
        }
    }
}

.bd-navbar .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
    color: rgba(255,255,255,0.85)
}

.bd-navbar .navbar-nav .nav-link.active,.bd-navbar .navbar-nav .nav-link:hover {
    color: #fff;
    background-color: transparent
}

.bd-navbar .navbar-nav .nav-link.active {
    font-weight: 600
}

.bd-navbar .navbar-nav-svg {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-top
}

.bd-navbar .dropdown-menu {
    font-size: .875rem
}

.bd-navbar .dropdown-item.active {
    font-weight: 600;
    color: #212529;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat 0.4rem 0.6rem/0.75rem 0.75rem
}

.bd-masthead {
    position: relative;
    padding: 3rem 15px;
    background: linear-gradient(to right bottom, #f7f5fb 50%, #fff 50%)
}

.bd-masthead h1 {
    font-size: 4rem;
    line-height: 1
}

@media (max-width: 1200px) {
    .bd-masthead h1 {
        font-size:calc(1.525rem + 3.3vw)
    }
}

.bd-masthead .lead {
    font-size: 1.5rem;
    font-weight: 400;
    color: #495057
}

@media (max-width: 1200px) {
    .bd-masthead .lead {
        font-size:calc(1.275rem + .3vw)
    }
}

.bd-masthead .btn {
    padding: .8rem 2rem;
    font-weight: 600;
    font-size: 1.25rem
}

.bd-masthead .carbonad {
    margin-top: 0 !important;
    margin-bottom: -3rem !important
}

@media (min-width: 576px) {
    .bd-masthead {
        padding-top:5rem;
        padding-bottom: 5rem
    }

    .bd-masthead .carbonad {
        margin-bottom: 0 !important
    }
}

@media (min-width: 768px) {
    .bd-masthead .carbonad {
        margin-top:3rem !important
    }
}

.masthead-followup h2 {
    font-size: 2.5rem
}

@media (max-width: 1200px) {
    .masthead-followup h2 {
        font-size:calc(1.375rem + 1.5vw)
    }
}

.masthead-followup .highlight {
    border-radius: .5rem
}

.masthead-followup .highlight pre::-webkit-scrollbar {
    display: none
}

.masthead-followup .highlight pre code {
    display: inline-block;
    white-space: pre
}

.masthead-followup-icon {
    padding: .75rem;
    background-image: linear-gradient(to bottom right, rgba(255,255,255,0.2), rgba(255,255,255,0.01));
    border-radius: .75rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.1)
}

.masthead-followup-svg {
    -webkit-filter: drop-shadow(0 1px 0 rgba(0,0,0,0.125));
    filter: drop-shadow(0 1px 0 rgba(0,0,0,0.125))
}

#carbonads {
    position: static;
    display: block;
    max-width: 400px;
    padding: 15px 15px 15px 160px;
    margin: 2rem 0;
    overflow: hidden;
    font-size: .8125rem;
    line-height: 1.4;
    text-align: left;
    background-color: rgba(0,0,0,0.05)
}

#carbonads a {
    color: #333;
    text-decoration: none
}

@media (min-width: 576px) {
    #carbonads {
        max-width:330px;
        border-radius: 4px
    }
}

.carbon-img {
    float: left;
    margin-left: -145px
}

.carbon-poweredby {
    display: block;
    margin-top: .75rem;
    color: #777 !important
}

.bd-content {
    -ms-flex-order: 1;
    order: 1
}

.bd-content>h2[id],.bd-content>h3[id],.bd-content>h4[id] {
    pointer-events: none
}

.bd-content>h2[id]::before,.bd-content>h3[id]::before,.bd-content>h4[id]::before {
    display: block;
    height: 6rem;
    margin-top: -6rem;
    content: ""
}

.bd-content>table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

@media (max-width: 991.98px) {
    .bd-content>table {
        display:block;
        overflow-x: auto
    }

    .bd-content>table.table-bordered {
        border: 0
    }
}

.bd-content>table>thead>tr>th,.bd-content>table>thead>tr>td,.bd-content>table>tbody>tr>th,.bd-content>table>tbody>tr>td,.bd-content>table>tfoot>tr>th,.bd-content>table>tfoot>tr>td {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #dee2e6
}

.bd-content>table>thead>tr>th>p:last-child,.bd-content>table>thead>tr>td>p:last-child,.bd-content>table>tbody>tr>th>p:last-child,.bd-content>table>tbody>tr>td>p:last-child,.bd-content>table>tfoot>tr>th>p:last-child,.bd-content>table>tfoot>tr>td>p:last-child {
    margin-bottom: 0
}

.bd-content>table td:first-child>code {
    white-space: nowrap
}

.bd-content-title {
    display: block;
    pointer-events: auto
}

.bd-content>h2 {
    font-size: 2rem
}

@media (max-width: 1200px) {
    .bd-content>h2 {
        font-size:calc(1.325rem + .9vw)
    }
}

.bd-content>h3 {
    font-size: 1.75rem
}

@media (max-width: 1200px) {
    .bd-content>h3 {
        font-size:calc(1.3rem + .6vw)
    }
}

.bd-content>h4 {
    font-size: 1.5rem
}

@media (max-width: 1200px) {
    .bd-content>h4 {
        font-size:calc(1.275rem + .3vw)
    }
}

.bd-content>h2:not(:first-child) {
    margin-top: 3rem
}

.bd-content>h3 {
    margin-top: 1.5rem
}

.bd-content>ul li,.bd-content>ol li {
    margin-bottom: .25rem
}

@media (min-width: 992px) {
    .bd-content>ul,.bd-content>ol,.bd-content>p {
        max-width:80%
    }
}

.bd-title {
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 3rem
}

@media (max-width: 1200px) {
    .bd-title {
        font-size:calc(1.425rem + 2.1vw)
    }
}

.bd-lead {
    font-size: 1.5rem;
    font-weight: 300
}

@media (max-width: 1200px) {
    .bd-lead {
        font-size:calc(1.275rem + .3vw)
    }
}

@media (min-width: 992px) {
    .bd-lead {
        max-width:80%
    }
}

.bd-text-purple {
    color: #563d7c
}

.bd-text-purple-bright {
    color: #7952b3
}

.bd-bg-purple-bright {
    background-color: #7952b3
}

.skippy {
    background-color: #563d7c
}

.skippy a {
    color: #fff
}

.skippy:focus-within a {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: .5rem !important;
    margin: .25rem !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
}

.bd-sidebar {
    -ms-flex-order: 0;
    order: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

@media (min-width: 768px) {
    .bd-sidebar {
        border-right:1px solid rgba(0,0,0,0.1)
    }

    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .bd-sidebar {
            position:-webkit-sticky;
            position: sticky;
            top: 4rem;
            z-index: 1000;
            height: calc(100vh - 4rem)
        }
    }
}

@media (min-width: 1200px) {
    .bd-sidebar {
        -ms-flex:0 1 320px;
        flex: 0 1 320px
    }
}

.bd-links {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid rgba(0,0,0,0.05)
}

@media (min-width: 768px) {
    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .bd-links {
            max-height:calc(100vh - 9rem);
            overflow-y: auto
        }
    }
}

.bd-search {
    position: relative;
    padding: 1rem 15px;
    margin-right: -15px;
    margin-left: -15px
}

.bd-search .form-control:focus {
    border-color: #7952b3;
    box-shadow: 0 0 0 3px rgba(121,82,179,0.25)
}

.bd-search-docs-toggle {
    color: #212529
}

.bd-sidenav {
    display: none
}

.bd-toc-link {
    display: block;
    padding: .25rem 1.5rem;
    font-weight: 600;
    color: rgba(0,0,0,0.65)
}

.bd-toc-link:hover {
    color: rgba(0,0,0,0.85);
    text-decoration: none
}

.bd-toc-item.active {
    margin-bottom: 1rem
}

.bd-toc-item.active:not(:first-child) {
    margin-top: 1rem
}

.bd-toc-item.active>.bd-toc-link {
    color: rgba(0,0,0,0.85)
}

.bd-toc-item.active>.bd-toc-link:hover {
    background-color: transparent
}

.bd-toc-item.active>.bd-sidenav {
    display: block
}

.bd-sidebar .nav>li>a {
    display: block;
    padding: .25rem 1.5rem;
    font-size: 90%;
    color: rgba(0,0,0,0.65)
}

.bd-sidebar .nav>li>a:hover {
    color: rgba(0,0,0,0.85);
    text-decoration: none;
    background-color: transparent
}

.bd-sidebar .nav>.active>a,.bd-sidebar .nav>.active:hover>a {
    font-weight: 600;
    color: rgba(0,0,0,0.85);
    background-color: transparent
}

.bd-toc {
    -ms-flex-order: 2;
    order: 2;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: .875rem
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .bd-toc {
        position:-webkit-sticky;
        position: sticky;
        top: 4rem;
        height: calc(100vh - 4rem);
        overflow-y: auto
    }
}

.bd-toc nav {
    padding-left: 0;
    border-left: 1px solid #eee
}

.bd-toc nav ul {
    padding-left: 0
}

.bd-toc nav ul ul {
    padding-left: 1rem
}

.bd-toc nav a code {
    font: inherit
}

.bd-toc nav li {
    display: block
}

.bd-toc nav li ul li ul {
    padding-left: 1rem
}

.bd-toc nav li a {
    display: block;
    padding: .125rem 1.5rem;
    color: #77757a
}

.bd-toc nav li a:hover {
    color: #007bff;
    text-decoration: none
}

.bd-footer {
    font-size: .875rem;
    text-align: center;
    background-color: #f7f7f7
}

.bd-footer a {
    font-weight: 600;
    color: #495057
}

.bd-footer a:hover,.bd-footer a:focus {
    color: #007bff
}

.bd-footer p {
    margin-bottom: 0
}

@media (min-width: 576px) {
    .bd-footer {
        text-align:left
    }
}

.bd-footer-links {
    padding-left: 0;
    margin-bottom: 1rem
}

.bd-footer-links li {
    display: inline-block
}

.bd-footer-links li+li {
    margin-left: 1rem
}

.bd-example-row .row>.col,.bd-example-row .row>[class^="col-"] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86,61,124,0.15);
    border: 1px solid rgba(86,61,124,0.2)
}

.bd-example-row .row+.row {
    margin-top: 1rem
}

.bd-example-row .flex-items-top,.bd-example-row .flex-items-middle,.bd-example-row .flex-items-bottom {
    min-height: 6rem;
    background-color: rgba(255,0,0,0.1)
}

.bd-example-row-flex-cols .row {
    min-height: 10rem;
    background-color: rgba(255,0,0,0.1)
}

.bd-highlight {
    background-color: rgba(86,61,124,0.15);
    border: 1px solid rgba(86,61,124,0.15)
}

.bd-example-responsive-containers [class^="container"] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86,61,124,0.15);
    border: 1px solid rgba(86,61,124,0.2)
}

.example-container {
    width: 800px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.example-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.example-content-main {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .example-content-main {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) {
    .example-content-main {
        -ms-flex:0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
}

.example-content-secondary {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .example-content-secondary {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 992px) {
    .example-content-secondary {
        -ms-flex:0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

.bd-example {
    position: relative;
    padding: 1rem;
    margin: 1rem -15px 0;
    border: solid #f8f9fa;
    border-width: .2rem 0 0
}

.bd-example::after {
    display: block;
    clear: both;
    content: ""
}

@media (min-width: 576px) {
    .bd-example {
        padding:1.5rem;
        margin-right: 0;
        margin-left: 0;
        border-width: .2rem
    }
}

.bd-example+.highlight,.bd-example+.clipboard+.highlight {
    margin-top: 0
}

.bd-example+p {
    margin-top: 2rem
}

.bd-example .custom-file-input:lang(es)~.custom-file-label::after {
    content: "Elegir"
}

.bd-example>.form-control+.form-control {
    margin-top: .5rem
}

.bd-example>.nav+.nav,.bd-example>.alert+.alert,.bd-example>.navbar+.navbar,.bd-example>.progress+.progress,.bd-example>.progress+.btn {
    margin-top: 1rem
}

.bd-example>.dropdown-menu:first-child {
    position: static;
    display: block
}

.bd-example>.form-group:last-child {
    margin-bottom: 0
}

.bd-example>.close {
    float: none
}

.bd-example-type .table td {
    padding: 1rem 0;
    border-color: #eee
}

.bd-example-type .table tr:first-child td {
    border-top: 0
}

.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6 {
    margin-top: 0;
    margin-bottom: 0
}

.bd-example-bg-classes p {
    padding: 1rem
}

.bd-example>svg+svg,.bd-example>img+img {
    margin-left: .5rem
}

.bd-example>.btn,.bd-example>.btn-group {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.bd-example>.btn-toolbar+.btn-toolbar {
    margin-top: .5rem
}

.bd-example-control-sizing select,.bd-example-control-sizing input[type="text"]+input[type="text"] {
    margin-top: .5rem
}

.bd-example-form .input-group {
    margin-bottom: .5rem
}

.bd-example>textarea.form-control {
    resize: vertical
}

.bd-example>.list-group {
    max-width: 400px
}

.bd-example>[class*="list-group-horizontal"] {
    max-width: 100%
}

.bd-example .fixed-top,.bd-example .sticky-top {
    position: static;
    margin: -1rem -1rem 1rem
}

.bd-example .fixed-bottom {
    position: static;
    margin: 1rem -1rem -1rem
}

@media (min-width: 576px) {
    .bd-example .fixed-top,.bd-example .sticky-top {
        margin:-1.5rem -1.5rem 1rem
    }

    .bd-example .fixed-bottom {
        margin: 1rem -1.5rem -1.5rem
    }
}

.bd-example .pagination {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.modal {
    z-index: 1072
}

.modal .tooltip,.modal .popover {
    z-index: 1073
}

.modal-backdrop {
    z-index: 1071
}

.bd-example-modal {
    background-color: #fafafa
}

.bd-example-modal .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block
}

.bd-example-modal .modal-dialog {
    left: auto;
    margin-right: auto;
    margin-left: auto
}

.bd-example-tabs .nav-tabs {
    margin-bottom: 1rem
}

.bd-example-popover-static {
    padding-bottom: 1.5rem;
    background-color: #f9f9f9
}

.bd-example-popover-static .popover {
    position: relative;
    display: block;
    float: left;
    width: 260px;
    margin: 1.25rem
}

.tooltip-demo a {
    white-space: nowrap
}

.bd-example-tooltip-static .tooltip {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1
}

.scrollspy-example {
    position: relative;
    height: 200px;
    margin-top: .5rem;
    overflow: auto
}

.scrollspy-example-2 {
    position: relative;
    height: 350px;
    overflow: auto
}

.bd-example-border-utils [class^="border"] {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: .25rem;
    background-color: #f5f5f5
}

.bd-example-border-utils-0 [class^="border"] {
    border: 1px solid #dee2e6
}

.highlight {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: #f8f9fa;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

@media (min-width: 576px) {
    .highlight {
        padding:1.5rem
    }
}

.bd-content .highlight {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 576px) {
    .bd-content .highlight {
        margin-right:0;
        margin-left: 0
    }
}

.highlight pre {
    padding: 0;
    margin-top: .65rem;
    margin-bottom: .65rem;
    background-color: transparent;
    border: 0
}

.highlight pre code {
    font-size: inherit;
    color: #212529
}

.btn-bd-primary {
    font-weight: 600;
    color: #fff;
    background-color: #7952b3;
    border-color: #7952b3
}

.btn-bd-primary:hover,.btn-bd-primary:active {
    color: #fff;
    background-color: #614092;
    border-color: #614092
}

.btn-bd-primary:focus {
    box-shadow: 0 0 0 3px rgba(121,82,179,0.25)
}

.btn-bd-download {
    font-weight: 600;
    color: #ffe484;
    border-color: #ffe484
}

.btn-bd-download:hover,.btn-bd-download:active {
    color: #2a2730;
    background-color: #ffe484;
    border-color: #ffe484
}

.btn-bd-download:focus {
    box-shadow: 0 0 0 3px rgba(255,228,132,0.25)
}

.btn-bd-light {
    color: #6c757d;
    border-color: #dee2e6
}

.show>.btn-bd-light,.btn-bd-light:hover,.btn-bd-light:active {
    color: #7952b3;
    background-color: #fff;
    border-color: #7952b3
}

.btn-bd-light:focus {
    box-shadow: 0 0 0 3px rgba(121,82,179,0.25)
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-top: 0;
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-info h4 {
    color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-warning h4 {
    color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

.bd-callout-danger h4 {
    color: #d9534f
}

.bd-browser-bugs td p {
    margin-bottom: 0
}

.bd-browser-bugs th:first-child {
    width: 18%
}

.bd-brand-logos {
    display: table;
    width: 100%;
    margin-bottom: 1rem;
    overflow: hidden;
    color: #563d7c;
    background-color: #f9f9f9;
    border-radius: .25rem
}

.bd-brand-logos .inverse {
    color: #fff;
    background-color: #563d7c
}

.bd-brand-item {
    padding: 4rem 0;
    text-align: center
}

.bd-brand-item+.bd-brand-item {
    border-top: 1px solid #fff
}

.bd-brand-item h1,.bd-brand-item h3 {
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .bd-brand-item {
        display:table-cell;
        width: 1%
    }

    .bd-brand-item+.bd-brand-item {
        border-top: 0;
        border-left: 1px solid #fff
    }

    .bd-brand-item h1 {
        font-size: 4rem
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .bd-brand-item h1 {
        font-size:calc(1.525rem + 3.3vw)
    }
}

.color-swatches {
    margin: 0 -5px;
    overflow: hidden
}

.color-swatches .bd-purple {
    background-color: #563d7c
}

.color-swatches .bd-purple-light {
    background-color: #cbbde2
}

.color-swatches .bd-purple-lighter {
    background-color: #e5e1ea
}

.color-swatches .bd-gray {
    background-color: #f9f9f9
}

.color-swatch {
    float: left;
    width: 4rem;
    height: 4rem;
    margin-right: .25rem;
    margin-left: .25rem;
    border-radius: .25rem
}

@media (min-width: 768px) {
    .color-swatch {
        width:6rem;
        height: 6rem
    }
}

.swatch-blue {
    color: #fff;
    background-color: #007bff
}

.swatch-indigo {
    color: #fff;
    background-color: #6610f2
}

.swatch-purple {
    color: #fff;
    background-color: #6f42c1
}

.swatch-pink {
    color: #fff;
    background-color: #e83e8c
}

.swatch-red {
    color: #fff;
    background-color: #dc3545
}

.swatch-orange {
    color: #212529;
    background-color: #fd7e14
}

.swatch-yellow {
    color: #212529;
    background-color: #ffc107
}

.swatch-green {
    color: #fff;
    background-color: #28a745
}

.swatch-teal {
    color: #fff;
    background-color: #20c997
}

.swatch-cyan {
    color: #fff;
    background-color: #17a2b8
}

.swatch-white {
    color: #212529;
    background-color: #fff
}

.swatch-gray {
    color: #fff;
    background-color: #6c757d
}

.swatch-gray-dark {
    color: #fff;
    background-color: #343a40
}

.swatch-100 {
    color: #212529;
    background-color: #f8f9fa
}

.swatch-200 {
    color: #212529;
    background-color: #e9ecef
}

.swatch-300 {
    color: #212529;
    background-color: #dee2e6
}

.swatch-400 {
    color: #212529;
    background-color: #ced4da
}

.swatch-500 {
    color: #212529;
    background-color: #adb5bd
}

.swatch-600 {
    color: #fff;
    background-color: #6c757d
}

.swatch-700 {
    color: #fff;
    background-color: #495057
}

.swatch-800 {
    color: #fff;
    background-color: #343a40
}

.swatch-900 {
    color: #fff;
    background-color: #212529
}

.bd-clipboard {
    position: relative;
    display: none;
    float: right
}

.bd-clipboard+.highlight {
    margin-top: 0
}

@media (min-width: 768px) {
    .bd-clipboard {
        display:block
    }
}

.btn-clipboard {
    position: absolute;
    top: .65rem;
    right: .65rem;
    z-index: 10;
    display: block;
    padding: .25rem .5rem;
    font-size: 65%;
    color: #007bff;
    background-color: #fff;
    border: 1px solid;
    border-radius: .25rem
}

.btn-clipboard:hover,.btn-clipboard:focus {
    color: #fff;
    background-color: #007bff
}

.bd-placeholder-img {
    font-size: 1.125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-anchor: middle
}

.bd-placeholder-img-lg {
    font-size: 3.5rem
}

@media (max-width: 1200px) {
    .bd-placeholder-img-lg {
        font-size:calc(1.475rem + 2.7vw)
    }
}

.chroma .c {
    color: #727272
}

.chroma .ch {
    font-style: italic;
    color: #60a0b0
}

.chroma .cm {
    color: #727272
}

.chroma .cp {
    color: #008085
}

.chroma .cpf {
    color: #007020
}

.chroma .c1 {
    color: #727272
}

.chroma .cs {
    color: #727272
}

.chroma .gd {
    background-color: #fcc;
    border: 1px solid #c00
}

.chroma .ge {
    font-style: italic
}

.chroma .gr {
    color: #f00
}

.chroma .gh {
    color: #030
}

.chroma .gi {
    background-color: #cfc;
    border: 1px solid #0c0
}

.chroma .go {
    color: #aaa
}

.chroma .gp {
    color: #009
}

.chroma .gs {
    font-weight: 700
}

.chroma .gu {
    color: #030
}

.chroma .gt {
    color: #9c6
}

.chroma .gl {
    text-decoration: underline
}

.chroma .k {
    color: #069
}

.chroma .kc {
    color: #069
}

.chroma .kd {
    color: #069
}

.chroma .kn {
    color: #069
}

.chroma .kp {
    color: #069
}

.chroma .kr {
    color: #069
}

.chroma .kt {
    color: #078
}

.chroma .m {
    color: #c24f19
}

.chroma .mb {
    color: #40a070
}

.chroma .mf {
    color: #c24f19
}

.chroma .mh {
    color: #c24f19
}

.chroma .mi {
    color: #c24f19
}

.chroma .il {
    color: #c24f19
}

.chroma .mo {
    color: #c24f19
}

.chroma .s {
    color: #d73038
}

.chroma .sa {
    color: #4070a0
}

.chroma .sb {
    color: #c30
}

.chroma .sc {
    color: #c30
}

.chroma .dl {
    color: #4070a0
}

.chroma .sd {
    font-style: italic;
    color: #c30
}

.chroma .s2 {
    color: #c30
}

.chroma .se {
    color: #c30
}

.chroma .sh {
    color: #c30
}

.chroma .si {
    color: #a00
}

.chroma .sx {
    color: #c30
}

.chroma .sr {
    color: #337e7e
}

.chroma .s1 {
    color: #c30
}

.chroma .ss {
    color: #fc3
}

.chroma .na {
    color: #006ee0
}

.chroma .nb {
    color: #366
}

.chroma .nc {
    color: #168174
}

.chroma .no {
    color: #360
}

.chroma .nd {
    color: #6b62de
}

.chroma .ni {
    color: #727272
}

.chroma .ne {
    color: #c00
}

.chroma .nf {
    color: #b715f4
}

.chroma .nl {
    color: #6b62de
}

.chroma .nn {
    color: #007ca5
}

.chroma .nt {
    color: #2f6f9f
}

.chroma .nv {
    color: #033
}

.chroma .o {
    color: #555
}

.chroma .ow {
    color: #000
}

.chroma .w {
    color: #bbb
}

.chroma .language-bash::before,.chroma .language-sh::before {
    color: #009;
    content: "$ ";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chroma .language-powershell::before {
    color: #009;
    content: "PM> ";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.anchorjs-link {
    font-weight: 400;
    color: rgba(0,123,255,0.5);
    transition: color 0.15s ease-in-out,opacity 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .anchorjs-link {
        transition: none
    }
}

.anchorjs-link:focus,.anchorjs-link:hover {
    color: #007bff;
    text-decoration: none
}

.algolia-autocomplete {
    display: block !important;
    -ms-flex: 1;
    flex: 1
}

.algolia-autocomplete .ds-dropdown-menu {
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    padding: .75rem 0 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.175)
}

@media (min-width: 768px) {
    .algolia-autocomplete .ds-dropdown-menu {
        width:175%
    }
}

.algolia-autocomplete .ds-dropdown-menu::before {
    display: none !important
}

.algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"] {
    padding: 0 !important;
    overflow: visible !important;
    background-color: transparent !important;
    border: 0 !important
}

.algolia-autocomplete .ds-dropdown-menu .ds-suggestions {
    margin-top: 0 !important
}

.algolia-autocomplete .algolia-docsearch-suggestion {
    padding: 0 !important;
    overflow: visible !important
}

.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
    padding: .125rem 1rem !important;
    margin-top: 0 !important;
    font-size: .875rem !important;
    font-weight: 600 !important;
    color: #7952b3 !important;
    border-bottom: 0 !important
}

.algolia-autocomplete .algolia-docsearch-suggestion--wrapper {
    float: none !important;
    padding-top: 0 !important
}

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    text-align: left !important
}

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline {
    display: block !important;
    font-size: .875rem;
    color: #495057
}

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline::after {
    padding: 0 .25rem;
    content: "/"
}

.algolia-autocomplete .algolia-docsearch-suggestion--content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: none !important;
    width: 100% !important;
    padding: .25rem 1rem !important
}

.algolia-autocomplete .algolia-docsearch-suggestion--content::before {
    display: none !important
}

.algolia-autocomplete .ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header {
    padding-top: .75rem !important;
    margin-top: .75rem !important;
    border-top: 1px solid rgba(0,0,0,0.1)
}

.algolia-autocomplete .ds-suggestion .algolia-docsearch-suggestion--subcategory-column {
    display: none !important
}

.algolia-autocomplete .algolia-docsearch-suggestion--title {
    display: block;
    margin-bottom: 0 !important;
    font-size: .875rem !important;
    font-weight: 400 !important
}

.algolia-autocomplete .algolia-docsearch-suggestion--text {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: .2rem 0;
    font-size: .8125rem !important;
    font-weight: 400;
    line-height: 1.25 !important;
    color: #6c757d
}

.algolia-autocomplete .algolia-docsearch-footer {
    float: none !important;
    width: auto !important;
    height: auto !important;
    padding: .75rem 1rem 0;
    font-size: .75rem !important;
    line-height: 1 !important;
    color: #767676 !important;
    border-top: 1px solid rgba(0,0,0,0.1)
}

.algolia-autocomplete .algolia-docsearch-footer--logo {
    display: inline !important;
    overflow: visible !important;
    color: inherit !important;
    text-indent: 0 !important;
    background: none !important
}

.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
    color: #5f2dab;
    background-color: rgba(154,132,187,0.12)
}

.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
    box-shadow: inset 0 -2px 0 0 rgba(95,45,171,0.5) !important
}

.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
    background-color: rgba(208,189,236,0.15) !important
}