:root {
    --color-primary:    #025288;  /*rgb(30,58,138);*/
    --color-primary-light: #304992;
    --color-primary-dark: #1A3175;
    --color-secondary:  rgb(226,232,240);
    --color-success:    rgb(13,148,136);
    --color-info:       rgb(6,182,212);
    --color-warning:    rgb(245,158,11);
    --color-pending:    rgb(249,115,22);
    --color-danger:     rgb(185,28,28);
    --color-light:      rgb(241,245,249);
    --color-dark:       rgb(30,41,59);
    --color-terciary:   #F1F5F8;
  
    --color-slate-50:   rgb(248,250,252);
    --color-slate-100:  rgb(241,245,249);
    --color-slate-200:  rgb(226,232,240);
    --color-slate-300:  rgb(203,213,225);
    --color-slate-400:  rgb(148,163,184);
    --color-slate-500:  rgb(100,116,139);
    --color-slate-600:  rgb(71,85,105);
    --color-slate-700:  rgb(51,65,85);
    --color-slate-800:  rgb(30,41,59);
    --color-slate-900:  rgb(15,23,42);
  }
  *, ::before, ::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59,130,246,0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-bg-opacity: 1;
  }
  
  html, body {
    background-image: url('../../images/backgrounds/login022.jpg') !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #005198 !important;
  }
  .panel-form {
    border-radius: 20px 0 0 20px !important;
    background-color: transparent !important;
    color: #FFF !important;
    width: 61% !important;
  }
  .panel-banner {
    width: 38% !important;
  }
  .panel-banner, .panel-banner img {
    border-radius: 15px 20px 20px 15px !important;
  }
  .btn-link {
    color: var(--color-primary) !important;
  }
  .content {
    padding: 0px 0px !important;
  }
  .content-login {
    box-shadow: none !important;
  }
  .content .title {
    font-size: 32px !important;
    color: var(--color-primary) !important;
  }
  .content .subtitle {
    color: #6091ba !important;
    font-size: 20px !important;
  }
  .btn-primary-color {
    --tw-border-opacity: 1;
    border-color: var(--color-primary) !important;
    --tw-bg-opacity: 1;
    background-color: var(--color-primary) !important;
    --tw-text-opacity: 1;
    color: rgb(255,255,255,var(--tw-text-opacity)) !important;
  }
  .btn-white-color {
    --tw-border-opacity: 1;
    border-color: #FFFFFF !important;
    --tw-bg-opacity: 1;
    background-color: #FFFFFF !important;
    --tw-text-opacity: 1;
    color: var(--color-primary) !important;
  }
  footer {
    z-index: 2;
    background-color: transparent !important;
    color: #333333 !important;
  }
  #body_container_mega {
    background-color: #FFFFFF;
    padding: 25px 30px 25px 30px;
    border-radius: 20px;
    /*box-shadow: 0px 3px 20px #0000000b !important;*/
    /*box-shadow: 3px 3px 6px #dddddd !important;*/
    box-shadow: 2px 2px 4px #dddddd !important;
  }
  .form-check-label {
    color: #333 !important;
  }
  #body_container_mega_color {
    background-color: var(--color-primary-dark);
    padding: 15px 0 0 0;
    border-radius: 25px;
  }