/* Kloud9 1 CSS*/
         /* Primary Colors 
         
         rgba(0, 0, 0, 1);			 Black (logo image) 
         rgba(0, 19, 51, 1);			 Midnight (top banner background) 
         rgba(0, 19, 51, 1);			 Midnight (top banner background) 
         rgba(0, 181, 129, 1);		 Jade (icon background) 
         rgba(0, 189, 192, 1);		 Robins Egg Blue 
         rgba(3, 181, 180, 1);		 Pacific Blue 
         rgba(5, 45, 54, 1);			 Tiber (dark gray) 
         rgba(13, 189, 192, 1);		 Robins Egg Blue 
         rgba(16, 44, 55, 1);		 Firefly (dark gray) 
         rgba(37, 154, 215, 1);		 Curious Blue (Subscribe button) 
         rgba(37, 154, 215, 1);		 Curious Blue (Subscribe button) 
         rgba(37, 203, 112, 1);		 Mountain Meadow (Green) 
         rgba(41, 50, 65, 1);		 Ebony Clay (Very Dark Gray) 
         rgba(62, 62, 62, 1, 1);		 Mine Shaft (Very Dark Gray) 
         rgba(84, 84, 84, 1)			 Emporer (Dark Gray 
         rgba(126, 189, 50, 1);		 Atlantis (green like chartreuse
         rgba(126, 191, 0, 1);		 Chartreuse 
         rgba(174, 44, 44, 1);		 Tall Poppy (red) 
         rgba(192, 16, 13, 1);		 Milano Red 
         rgba(195, 12, 19, 1);		 Monza (Red) (logo image) 
         rgba(195, 14, 18, 1);		 Milano Red 
         rgba(199, 9, 20, 1);		 Monza (Red) (logo image) 
         rgba(199, 30, 34);			 Thunderbird (Red) (text) 
         rgba(202, 21, 31, 1);		 Thunderbird (Red) (9 in cloud logo) 
         rgba(226, 226, 226, 1);		 Mercury (light gray) 
         
         */
          :root {
           --black: #000000;
           --white: #ffffff;
           --midnight: rgba(0, 19, 51, 1);
           --jade: rgba(0, 181, 129, 1);
           --robin_egg: rgba(0, 189, 192, 1);
           --pacific_blue: rgba(3, 181, 180, 1);
           --dark_gray: rgba(41, 50, 65, 1);
           --curious_blue: rgba(37, 154, 215, 1);
           --mountain_meadow: rgba(37, 203, 112, 1);
           --chartreuse: rgba(126, 191, 0, 1);
           --tall_poppy_red: rgba(174, 44, 44, 1);
           --milano_red: rgba(192, 16, 13, 1);
           --monza_red: rgba(195, 12, 19, 1);
           --light_gray: rgba(226, 226, 226, 1);
           --sbrc-header-primary-background: var(--black);
           --sbrc-header-primary-text: var(--white);
           --sbrc-header-secondary-background: var(--white);
           --sbrc-header-secondary-text: var(--robin_egg);
           --sbrc-page-top-primary-background: var(--robin_egg);
           --sbrc-page-top-secondary-background: var(--white);
           --sbrc-page-top-primary-text: var(--white);
           --sbrc-page-top-secondary-text: var(--black);
           --sbrc-page-bottom-background: var(--white);
           --sbrc-page-bottom-text: var(--black);
           --sbrc-page-bottom-secondary-background: var(--white);
           --sbrc-page-bottom-secondary-text: var(--black);
           --sbrc-footer-primary-background: var(--robin_egg);
           --sbrc-footer-secondary-background: var(--robin_egg);
           --sbrc-footer-primary-text: var(--white);
           --sbrc-footer-secondary-text: var(--white);
           --sbrc-next-button-background: green;
           --sbrc-verify-button-background: var(--robin_egg);
           --sbrc-next-button-text: var(--white);
           --sbrc-verify-button-text: var(--white);
             --sbrc-cancel-button-background: var(--monza_red);
           --sbrc-cancel-button-text: var(--white);
          --sbrc-icon-color: var(--milano_red);
              --sbrc-info-background: #0DBDC0;
              --sbrc-info-color: white;
              --sbrc-warning-background: #ffc604; 
              --sbrc-warning-color: black;
              --sbrc-error-background: #c0100d;
              --sbrc-error-color: black;
              --sbrc-message-align: center;
              --sbrc-message-font-size: 1.5em;
              --sbrc-message-area-background: white;
              --sbrc-message-area-color: black;
         }