a:hover {
  opacity: 0.8 !important;
  text-decoration: none !important;
}
input:hover {
  opacity: 0.8 !important;
  text-decoration: none !important;
}
body {
  background-color: #fff !important;
}

.all-center {
  margin: 0 auto !important;
}
#background-gradient {
  opacity: 0.9;
  position: fixed;
  height: auto;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  z-index: -50;
  float: left;
  background: rgba(70,245,54,1);
  background: -moz-linear-gradient(-45deg, rgba(70,245,54,1) 0%, rgba(43,156,138,1) 50%, rgba(16,67,222,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(70,245,54,1)), color-stop(50%, rgba(43,156,138,1)), color-stop(100%, rgba(16,67,222,1)));
  background: -webkit-linear-gradient(-45deg, rgba(70,245,54,1) 0%, rgba(43,156,138,1) 50%, rgba(16,67,222,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(70,245,54,1) 0%, rgba(43,156,138,1) 50%, rgba(16,67,222,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(70,245,54,1) 0%, rgba(43,156,138,1) 50%, rgba(16,67,222,1) 100%);
  background: linear-gradient(135deg, rgba(70,245,54,1) 0%, rgba(43,156,138,1) 50%, rgba(16,67,222,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46f536', endColorstr='#1043de', GradientType=1 );
}
video#bgvid {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/back-key.png) no-repeat;
  background-size: cover;
}
.uppercase {
  text-transform: uppercase !important;
}
.text-centered {
  text-align: center !important;
}
ul {
  margin: 0 !important;
}
ul li {
  list-style: none !important;
}
div.content-frame {
  padding-top: 14%;
}
div.container {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 auto;
  padding: 20px;
}
.box-shadow {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
}
h1, h2, h3, h4 {
  font-family:'Roboto Condensed', sans-serif !important;
}
span.icon {
  margin: 0.3em;
}
/* size icon */
      .size-12 { font-size: 12px; }

      .size-14 { font-size: 14px; }

      .size-16 { font-size: 16px; }

      .size-18 { font-size: 18px; }

      .size-21 { font-size: 21px; }

      .size-24 { font-size: 24px; }

      .size-36 { font-size: 36px; }

      .size-48 { font-size: 48px; }

      .size-60 { font-size: 60px; }

      .size-72 { font-size: 72px; }


      .glyph {
            border-bottom: 1px dotted #ccc;
            padding: 10px 0 20px;
            margin-bottom: 20px;
          }

          .preview-glyphs { vertical-align: bottom; }

          .preview-scale {
            color: #888;
            font-size: 12px;
            margin-top: 5px;
          }

        .step {
            display: inline-block;
            line-height: 1;
            width: 10%;
          }

          * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
          }
          .usage input {
          font-family: monospace;
          margin-right: 3px;
          padding: 2px 5px;
          text-align: center;
        }

        .usage .point { width: 150px; }

        .usage .class { width: 250px; }
/* size icon */


/* styles for text */
.text-color-blue {
  color: #3872ba !important;
}
.text-color-red {
  color: #ffffff !important;
}
.text-color-orange {
  color: #e68e00 !important;
}
.text-title {
  font-size: 1.2em;
  font-family: 'Roboto Condensed' , sans-serif;
  text-transform: uppercase;
}

.text-color-gray{
  color: #6c6c6c !important;
}
.text-color-green {
  color: #cee533 !important;
}
.text-color-white {
  color: #fff !important;
}
p.text-intro {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  letter-spacing: 0.03em;
}
p.paragraph {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  letter-spacing: 0.03em;
}
.line-height-2 {
line-height: 0.2em !important;
}
.line-height-4 {
line-height: 0.4em !important;
}
.line-height-6 {
line-height: 0.6em !important;
}
/* styles for text */
.divider-cm {
  width: 100%;
  height: 1px;
  margin: 10px 0;
}
/* Background-color */

.background-gray {
  background-color: #ebebeb !important;
}
.background-white {
  background-color: #fff !important;
}
.background-red {
  background-color: #f24c49 !important;
}
.background-blue {
  background-color: #3872ba !important;
}
.background-green {
  background-color: #cdd21c !important;
}
/* Boxs content */
.box-white {
  background: #fff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0;
  padding: 4% 4% 6% 4%;
}
.box-red {
  background: #f24c49;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0;
  padding: 6% 6% 8% 6%;
}
.box-red-clear {
  background: #bec2e0;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0;
  padding: 6% 6% 8% 6%;
}
.box-blue {
  background: #3872ba;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0;
  padding: 6% 6% 8% 6%;
}
.box-blue-clear {
  background: #c1eff7;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0;
  padding: 6% 6% 8% 6%;
}
.box-green {
  background: #50d676;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0;
  padding: 6% 6% 8% 6%;
}
.box-green-clear {
  background: #cdf3d0;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0;
  padding: 6% 6% 8% 6%;
}
/* Boxs content */


/* Boxs orange */
input.button-control {
 border: none;
}
.button-orange-big {
  background-color: #e68e00 !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 12px;
  text-decoration: none;
  margin: 0.5em;
}
/* Links */
.link-orange-big {
  color: #e68e00 !important;
  font-size: 1em;
}
.link-orange-small {
  color: #e68e00 !important;
  font-size: 0.8em;
}
.link-blue-big {
  color: #3872ba !important;
  font-size: 1em;
}
.link-blue-small {
  color: #3872ba !important;
  font-size: 0.8em;
}
/* Links */
.button-orange-small {
  background-color: #e68e00 !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.7em;
  letter-spacing: 0.05em;
  padding: 7px 6px;
  text-decoration: none;
  margin: 0.5em;
}
.button-green-big {
  background-color: #cdd21c !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 12px;
  text-decoration: none;
  margin: 0.5em;
}
/* Links */
.link-green-big {
  color: #cdd21c;
  font-size: 1em;
}
.link-green-small {
  color: #cdd21c;
  font-size: 0.8em;
}
/* Square button */
.square-button-gray-big {
  background-color: #95a3ad !important;
    border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none !important;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 18px;
  text-decoration: none;
  margin: 0.5em;
}

.square-button-blue-big {
  background-color: #3872ba !important;
    border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 18px;
  text-decoration: none;
  margin: 0.5em;
}
.square-button-red-big {
  background-color: #f24c49 !important;
  -webkit-border-radius: 3px;
    border: none !important;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 18px;
  text-decoration: none;
  margin: 0.5em;
}
.square-button-green-big {
  background-color: #cdd21c !important;
    border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 18px;
  text-decoration: none;
  margin: 0.5em;
}

.square-button-gray-small {
  background-color: #95a3ad !important;
    border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 8px 10px;
  text-decoration: none;
  margin: 0.5em;
}
.square-button-green-small {
  background-color: #cdd21c !important;
    border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 8px 10px;
  text-decoration: none;
  margin: 0.5em;
}
.square-button-blue-small {
  background-color: #008CBA !important;
    border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 8px 10px;
  text-decoration: none;
  margin: 0.5em;
}
.square-button-red-small {
  background-color: #f24c49 !important;
    border: none !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 8px 10px;
  text-decoration: none;
  margin: 0.5em;
}
/* square button */
/* Links */
.button-gray-big {
  background-color: #95a3ad !important;
    border: none !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 12px;
  text-decoration: none;
  margin: 0.5em;
}
/* Links */
.link-gray-big {
  color: #95a3ad;
  font-size: 1em;
}
.link-gray-small {
  color: #95a3ad;
  font-size: 0.8em;
}
/* Links */
.button-gray-small {
  background-color: #95a3ad !important;
    border: none !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.7em;
  letter-spacing: 0.05em;
  padding: 7px 6px;
  text-decoration: none;
  margin: 0.5em;
}
.button-white-big {
  background-color: #95a3ad !important;
    border: none !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 12px;
  text-decoration: none;
  margin: 0.5em;
}
/* Links */
.button-green-small {
  background-color: #cdd21c !important;
    border: none !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.7em;
  letter-spacing: 0.05em;
  padding: 7px 6px;
  text-decoration: none;
  margin: 0.5em;
}
.button-blue-big {
  background-color: #3872ba !important;
    border: none !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  color: #fff !important;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 12px;
  text-decoration: none;
  margin: 0.5em;
}
.button-blue-small {
  background-color: #3872ba !important;
    border: none !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  color: #fff;
  font-size: 0.7em;
  letter-spacing: 0.05em;
  padding: 7px 6px;
  text-decoration: none;
  margin: 0.5em;
}
/* Links */
.link-gray-big {
  color: #3872ba;
  font-size: 1em;
}
.link-gray-small {
  color: #3872ba;
  font-size: 0.8em;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Button Calculate y Cambio de linea grafica*/  
/* Links */
.button-red-big {
  background-color: #66a3ff !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none !important;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 12px;
  text-decoration: none;
  margin: 0.5em;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB Button Calculate y Cambio de linea grafica*/  

.button-red-small {
  background-color: #f24c49 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none !important;
  color: #fff;
  font-size: 0.7em;
  letter-spacing: 0.05em;
  padding: 7px 6px;
  text-decoration: none;
  margin: 0.5em;
}
/* Links */
.link-red-big {
  color: #f24c49 !important;
  font-size: 1em;
}
.link-red-small {
  color: #f24c49 !important;
  font-size: 0.8em;
}
/* Links */
.link-gray-big {
  color: #95a3ad !important;
  font-size: 1em;
}
.link-gray-small {
  color: #95a3ad !important;
  font-size: 0.8em;
}
/* Links */
.button-white-big {
  background-color: #fff;
  border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: #525d65;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  padding: 14px 12px;
  text-decoration: none;
  margin: 0.5em;
}
.button-white-small {
  background-color: #fff;
  border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #525d65;
  font-size: 0.7em;
  letter-spacing: 0.05em;
  padding: 7px 6px;
  text-decoration: none;
  margin: 0.5em;
}
/* Boxs orange */

div.icons ul {
  border: 0;
  margin: 0;
  padding: 0;
}
div.call-to-action-blue-clear {
  background-color: #c1eff7;
  border: 1px solid #a1e3ef;
  text-shadow:  0 0 1px 0 #fff;
  padding: 2%;
  text-align: center;
}
/* Message blue */
.message-blue {
  border-left: 2px solid #3872ba;
  background-color: #fff;
  background-image: url(../img/stripe.png);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  margin: 1em 0;
  padding: 2%;
}
.message-red {
  border-left: 2px solid #f24c49;
  background-color: #fff;
  background-image: url(../img/stripe.png);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  margin: 1em 0;
  padding: 2%;
}
.message-orange {
  border-left: 2px solid #ff9c00;
  background-color: #fff;
  background-image: url(../img/stripe.png);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.4);
  margin: 1em 0;
  padding: 2%;
}
/* Message blue */
/* Alert green */
.alert-green {
  background-color: #cdf3d0;
  border: 1px solid #b6ebba;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #56a75d;
  padding: 0.8em;
}
.alert-green  h4 {
  color: #56a75d;
}
.alert-green  p {
  color: #56a75d;
  margin: 1em 0;
  font-size: 0.8em;
  font-family: 'Open Sans' , sans-serif;
}
.alert-green span.icon-alert {
  font-size: 6em;
}
/* Alert reed */
.alert-red {
  background-color: #ffd4d3 !important;
  border: 1px solid #f9bfbd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #f9706c;
  margin: 1em 0;
  padding: 0.8em;
}
.alert-red  h4 {
  color: #f9706c;
}
.alert-red  p {
  color: #f9706c;
  font-size: 0.9em;
  font-family: 'Open Sans' , sans-serif;
}
.alert-red span.icon-alert {
  font-size: 6em;
}
/* Alert reed */
/* Alert orange */
.alert-orange {
  background-color: #f7e6cb !important;
  border: 1px solid #f4cc8d;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #eba535;
  margin: 1em 0;
  padding: 0.8em;
}
.alert-orange  h4 {
  color: #eba535;
}
.alert-orange  p {
  color: #eba535;
  font-size: 0.8em;
  font-family: 'Open Sans' , sans-serif;
}
.alert-orange span.icon-alert {
  font-size: 6em;
}
/* Alert orange */

/* Header blue */
.header-blue {
  background-color: #3872ba;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  padding: 1%;
}

.header-blue  p {
  margin: 0;
}
.header-blue-clear {
  background-color: #c1eff7;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  padding: 1%;
}
.header-blue-clear  p {
  margin: 0;
}
/* Header blue */

/* Header green */
.header-green {
  background-color: #50d676;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  padding: 1%;
}
.header-green  p {
  margin: 0;
}
.header-green-clear {
  background-color: #cdf3d0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  padding: 1%;
}
.header-green-clear  p {
  color: #56a75d;
  margin: 0;
}
/* Header green */
                     /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB aplicado en Labels generales y Cambio de linea grafica*/  
/* label form */
form label {
  color: #66a3ff !important;
  font-size: 0.7em;
  font-weight: 600;
}
form label input {
  border-radius: 3px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: ckground-color: #65 !important;
  font-size: 1.1em !important;
}
            /*Andres Casallas, 22/12/2022, Ticket: SUA-985-85323 Descripcion: Nuevo diseņo CM-WEB aplicado en Labels generales y Cambio de linea grafica*/  

label select {
  background-image: url(../img/selector.png);
  background-position: right !important;
  background-size: 40px;
  border-radius: 3px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #909396 !important;
  font-size: 1.1em !important;
  -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:        none;
}
/* label form */

/* Nav */
nav ul li  a {
  font-size: 0.8em !important;
  font-family: 'Open Sans' , sans-serif;
  font-weight: 300 !important;
  letter-spacing: 0.05em;
}
nav ul li.active-cm a {
  background-color: #cdd21c !important;
}
nav.nav-gray ul li.active-cm a {
  background-color: #cdd21c !important;
}
nav.nav-gray {
  background-color: #656c7b !important;
}
nav.nav-gray ul li a {
  background-color: #656c7b !important;
}
nav.nav-white {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
nav.nav-white ul li a {
  /*background-color: #fff !important;*/
  color: #7d7d7d;
}
nav.nav-white ul li.active-cm-white a {
  background-color: #fff !important;
  color: #3872ba !important;
}
nav.nav-white ul li a:hover {
  color: #3872ba !important;
}
nav.nav-white ul li ul.dropdown li a {
  /*background-color: #fff !important;*/
  color: #7d7d7d !important;
}
nav.nav-white ul li ul.dropdown li a:hover {
  color: #3872ba !important;
}
/* Nav */

/* Side nav black */
ul.side-cm-black {
  background-color: #333333;
}
ul.side-cm-black li a {
  color: #fff !important;
  font-size: 0.8em;
  font-family: 'Open Sans', sans-serif !important;
  display: block;
  padding: 1em  1.3em;
  border-bottom: 1px solid #181818;
  border-top: 1px solid #464647;
  text-decoration: none;
  width: 100%;
}
ul.side-cm-black li a:hover {
  color: #CDD219 !important;
}
/* Side nav black */

/* Side nav gray */
ul.side-cm-gray {
  background-color: #656c7b;
}
ul.side-cm-gray li a {
  color: #fff !important;
  font-size: 0.8em;
  font-family: 'Open Sans', sans-serif !important;
  display: block;
  padding: 1em  1.3em;
  border-bottom: 1px solid #6f7685;
  border-top: 1px solid #585e6c;
  text-decoration: none;
  width: 100%;
}
ul.side-cm-gray li a:hover {
  color: #CDD219 !important;
}
/* Side nav gray */

/* Side nav white */
ul.side-cm-white {
  background-color: #f2f6fb;
  border-radius: 1px solid #e2e4e6;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
ul.side-cm-white li a {
  color: #787d86 !important;
  font-size: 0.8em;
  font-family: 'Open Sans', sans-serif !important;
  display: block;
  padding: 1em  1.3em;
  border-bottom: 1px solid #e2e4e6;
  border-top: 1px solid #fff;
  text-decoration: none;
  width: 100%;
}
ul.side-cm-white li a:hover {
  color: #CDD219 !important;
}
/* Side nav white */