/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


@font-face {
    font-family: 'League Spartan';
    src: url('https://studentportal.isac.org/student-resources/fonts/_webfonts/leaguespartan-bold.eot');
    src: url('https://studentportal.isac.org/student-resources/fonts/_webfonts/leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
         url('https://studentportal.isac.org/student-resources/fonts/_webfonts/leaguespartan-bold.woff2') format('woff2'),
         url('https://studentportal.isac.org/student-resources/fonts/_webfonts/leaguespartan-bold.woff') format('woff'),
         url('https://studentportal.isac.org/student-resources/fonts/_webfonts/leaguespartan-bold.ttf') format('truetype'),
         url('https://studentportal.isac.org/student-resources/fonts/_webfonts/leaguespartan-bold.svg#league_spartanbold') format('svg');
    font-style: normal;
}


/* Grid */
.container {
  position: relative;
  width: 960px;
  max-width: 960px;
  margin: 0 auto;
  box-sizing: border-box; 
}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 30px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 480px */
@media (min-width: 480px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 16px; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column,
  p.two-thirds                    { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

@media (max-width: 520px) {
      .six.columns                    { width: 100%;            }
}

/* Base Styles */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: 'Lato', Geneva, Tahoma, sans-serif;
  color: #2b3e50; 
}


.portlet-content, .portlet-minimized .portlet-content-container {padding: 0}
.hide, #home header.portlet-topper, header.portlet-topper, .rmm-back, nav.modify-pages#navigation  {display: none;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.note {font-size: 13px;}

/* Links */
a {
  color: #066db3; text-decoration: none; font-weight: 700; }
a.newWindow {padding: 0px 30px 0px 0px; background: url(https://studentportal.isac.org/student-resources/images/new-window.png) no-repeat top right; margin-right: 10px;}
a.deactivate {color: #2b3e50; text-decoration: underline;}
a:hover, a.deactivate:hover{
  color: #0FA0CE; }
.accordionNav .row h2 a {color: #016fb7;}
a:focus {
  outline: 1px dashed #aaa;
}

/* Home and Headers */

#home header, 
#accountPage header {background: #0679C6; color: #fff; text-align: left;  min-height: 425px;}
#accountPage header {min-height: 100px;} 

#resources header, 
#game header, 
#checklist header, 
#guardPage header,
#guardPageCert header,
#isacorpsPage header,
#toolBoxPage header,
#MAPestPage header,
#badgeClaim header  {
  background: #258380; 
  color: #fff; 
  text-align: left; 
  min-height: 350px;
}
#resources header {background: #CC4E00}
#isacorpsPage header {background: #EA1A0B;}
#checklist header, #guardPageCert header, #guardPage header {background: #2E8433;}
#toolbox header {background: #258380;}


/* Header-Main and Header-Sub */

.header-main, #home header h1 {  
  font-size: 48px; 
  line-height: 1em;  
  font-weight: 300;
  padding: 70px 0 0 0;
  margin: 0 0 10px 0;
  font-family: 'League Spartan', sans-serif; 
  text-transform: uppercase;
}
#home header h1, #guardPageCert .header-main {padding: 0 0 0 0;}
#guardPageCert.isacProgramsPage .header-main {padding: 70px 0 0 0;}

.header-sub, #home header p {
  font-size: 34px; 
  line-height: 1.2em; 
  padding-top: 0; 
  margin-top: 0px; 
  font-weight: 100; 
}
#guardPageCert .header-sub {padding: 60px 0 0 0;}
#guardPageCert.isacProgramsPage .header-sub {padding: 0;}
#home header p {padding: 90px 0 10px 0;}
#home header p, #game header p, #MAPestPage header p, #checklist header p, .mpch header p {padding: 45px 0px 60px 0; font-family: "Lato"; font-size: 22px; line-height: 1.6; font-weight: 400;}
#game header p, #MAPestPage header p, #checklist header p {padding: 20px 0 45px 0;}

#home header p.dgaa {
clear:both;
float: right;
margin: 0 0 -90px 0
}

/* #toolBoxPage */

.mainContainer, #toolBoxPage .toolBoxContainer, #resources .resourcesContainer, #checklist .checklistContainer, .resources  {border-top: 2px solid #d6d6d6;}
.isacPrograms {border-top: 2px solid #d6d6d6; margin-top: -35px !important;}

.toolBoxContainer .column.head {background: none; border: none;}
.toolBoxContainer .column.head p {font-size: 21px; font-weight: 300;}
.toolBoxContainer .column  a h2, .toolBoxContainer .column  h2 a {margin-top: 50px; color: #2b3e50;}
.game, .isaCorps, .aboutISAC {background: #f2f2f2; border-top: 1px solid #adadad; padding-bottom: 100px; padding-left: 80px;}
.isaCorps, .aboutISAC  {padding-left: 0;}
.isaCorps {padding-bottom: 0; border-top: none;}
#home .isaCorps .container .row {padding: 0; margin: 0}
#home .isaCorps img {width: 150px; margin: -2.5px; padding: 0}
.aboutISAC {background: #EA1A0B; color: #fff}

#home .resourceLogo img {max-width: 250px;}
#home .resourceLogo {min-height: 120px;}
#home .resources .column {padding-right: 30px;}

#resources .resources p {line-height: 1.6em; color: #2b3e50; line-height: 1.3em; padding-top: 10px; font-size: 18px;}
#resources .resources img {margin-bottom: 50px;}

.resourcesContainer .one-half.column {min-height: 500px; padding-right: 30px;}
.resourcesContainer .one-half.column img {max-width: 300px;}

#content div.u-full-width {padding-top: 50px; padding-bottom: 80px; }
#content div.u-full-width h2:first-child  {font-size: 38px; font-weight: 700;}

#home .nationalGuard {background: #0679C6;color: #fff;}
#home .nationalGuard a {color: #ea564d;}
#home .nationalGuard a:hover {color: #EA1A0B;}
#home .nationalGuard a.button {color: #fff;}
#home .nationalGuard a.button:hover {color: #333;}
#home .nationalGuard a.newWindow {background: url(https://studentportal.isac.org/student-resources/images/new-window-ing.png) no-repeat top right;}

.game {padding-top: 80px;}

/* toolbox */

.toolBoxContainer .column {
  border-bottom: #e8e8e8 4px solid; 
  border-radius: 4px; 
  background: #fafafa; 
  margin: 0 16px 35px 0; 
  min-height: 360px; 
  padding: 0 20px;
  background: #fafafa;
  text-align: center;
}
.toolBoxContainer.isacPrograms, .toolBoxContainer.isacPrograms .row  {text-align: center; margin: 0 auto;}
.toolBoxContainer.isacPrograms .column {min-height: 190px; padding-top: 15px; float: none; display: inline-block; width: 290px;}
.toolBoxContainer.isacPrograms .ui-widget {display: inline-block;}
.toolBoxContainer .column  h3 {margin: 0 0 15px 0; color: #58595b; font-weight: 700; font-size: 22px;}
.toolBoxContainer.isacPrograms h3 {font-size: 60px; color: #2E8433; margin:  10px 0 0 0; padding: 0;}
.toolBoxContainer.isacPrograms p {margin: 0; padding-bottom: 0;} 
.toolBoxContainer .column p, .resources p {color: #2b3e50; line-height: 1.3em; padding-top: 10px; font-size: 18px;}
.toolBoxContainer .column img {margin-top: 50px; height: 100px; width: 100px;}
.toolBoxContainer a .column p {font-weight: normal; color: #58595b;}
.toolBoxContainer a:hover .column, 
.toolBoxContainer a:hover .column p, 
.toolBoxContainer a:hover .column  h3 {
  color: #fff; 
  background: #0679C6;
}
.toolBoxContainer a:focus {
  padding: 10px;
}

.toolBoxContainer.isacPrograms a:hover .column, 
.toolBoxContainer.isacPrograms a:hover .column p, 
.toolBoxContainer.isacPrograms a:hover .column  h3 {
  color: #fff; 
  background: #2E8433;
}

/* Progress Bars */

.progress {width: 100%; height: 10px; z-index: 9;}
.progress-wrap {background: #258380; margin: 36px 0 0 0; overflow: hidden; position: relative; border-radius: 10px;}
.progress-wrap .progress-bar {background: #ffffff; left: 0; position: absolute; top: 0;}

/* ING */

#guardPage .progress {position: relative; margin: 0 auto; margin-bottom: 60px; width: 450px; height: 25px;}
#guardPage .progress-wrap {background: #0679C6;}
#guardPage .progress-wrap .progress-bar {background: #d8d8d8;}
#guardPage h2 {font-size: 38px; font-weight: 900; letter-spacing: .0005em; margin-bottom: 40px;}
#guardPage .smallForm {width: 450px; margin: 0 auto;}
#guardPage input[type="text"], #accountPage input[type="text"] {width: 380px;}
#guardPage h3, #accountPage h3 {font-size: 22px;}
#guardPage .done a.cta {text-transform: uppercase; font-weight: normal; margin-left: 40px; font-size: 17px;}

button.trg-btn.same {margin-bottom: 0}
.sameChoice {margin-top: 30px;}
.ip {display: block; color: #258380; font-weight: normal; margin: 0 0 35px 0; font-size: 22px; float: left;} 


/* Checklist */

#checklist .checklistContainer {background: #f2f2f2}
.checklistActions a {margin-right: 30px;}
.checklistActions a:hover img {padding-left: 3px; margin-right: -3px;}
p.checklistActions {margin-bottom: 50px;}

.checklist .row {border-bottom: #dedede 3px solid; background: #fff url('https://studentportal.isac.org/student-resources/images/checklistBG.gif') repeat-y right; font-size: 18px;}
.checklist .row .columns, .checklist .row .column {padding: 30px 0; }
.checklist .row a {text-transform: uppercase; font-weight: normal;}

.checklist .due, .checklist .overdue {font-weight: bold; text-align: right; margin-top: -5px;}
.checklist .due {color: #0679C6}
.checklist .overdue {color: #EA1A0B;}
.checklist .accordion {text-align: center; }
.checklist .seven.columns {margin-top: -5px;}

.two.columns.due, .two.columns.overdue {width: 150px;}
.one.column.accordion {max-width: 40px; float: right;}
a.accordionButton {background: url('https://studentportal.isac.org/student-resources/images/arrowDown.png') no-repeat; width: 50px; height: 40px; display: block;}
a.accordionButton.active {background: url('https://studentportal.isac.org/student-resources/images/arrowUp.png') no-repeat; width: 50px; height: 40px; display: block;}

a.accordionButton:hover {cursor: pointer; background: url('https://studentportal.isac.org/student-resources/images/arrowDownHover.png') no-repeat;}
a.accordionButton.active:hover {background: url('https://studentportal.isac.org/student-resources/images/arrowUp.png') no-repeat;}

.accordionContent {display: none;}
.accordionContent p {padding: 10px 0; font-size: 16px; margin: 0}

.checklist .checked {background: #fafafa url('https://studentportal.isac.org/student-resources/images/checklistBG.gif') repeat-y right;}
.checklist .checked .due, .checklist .checked .overdue {color: #9b9b9b;}
.checklist .checked a.accordionButton {background: url('https://studentportal.isac.org/student-resources/images/arrowDownChecked.png') no-repeat;}
.checklist .checked a.accordionButton.active {background: url('https://studentportal.isac.org/student-resources/images/arrowUpChecked.png') no-repeat;}

/* ISACorps */

.ISACorpsContainer .three.columns {margin-bottom: 50px;}
.ISACorpsContainer .three.columns img:first-child {border-radius: 5px;}
.ISACorpsContainer .three.columns h3 {padding: 5px 0; margin: 0; font-size: 16px; font-weight: 700; color: #2b3e6e;}
.ISACorpsContainer .three.columns p {padding:  3px 0; margin: 0; font-size: 14px;}
.ISACorpsContainer .three.columns .email, .ISACorpsContainer .three.columns .phone { color: #2b3e6e;}
.ISACorpsContainer .three.columns .email {background: url(https://studentportal.isac.org/student-resources/images/email.png) no-repeat left; padding-left: 20px; font-size: 11px;} 
.ISACorpsContainer .three.columns .phone {background: url(https://studentportal.isac.org/student-resources/images/phone.png) no-repeat left; padding-left: 20px;}
.ISACorpsContainer p.two-thirds {font-size: 18px;}

.ISACorpsContainer.events h3 {text-transform: uppercase; color: #EA1A0B; font-size: 32px; font-weight: 700;  margin: 40px 0;}
.ISACorpsContainer.events h4 {background: #edf7fe; font-size: 24px; padding: 10px; font-weight: bold;}
.ISACorpsContainer.events .columns {font-size: 16px;}
.ISACorpsContainer.events .columns img {width: 50px;}
.ISACorpsContainer.events .icEV b {color: #EA1A0B}
.ISACorpsContainer.events span {display: block; }
.ISACorpsContainer.events span.location {padding-left: 35px; background: url(https://studentportal.isac.org/student-resources/images/mappin.png) no-repeat left top 5px;}
.ISACorpsContainer.events .three.columns {margin-bottom: 30px;}
.ISACorpsContainer.events .three.columns span a {
    font-size: 11px;
    font-weight: normal;
}

.corpsJobPanel {width: 28%;float: right;padding: 20px;background: #EA1A0B;color: #fff;margin-top: -370px; border-radius: 4px;}
#members {margin-bottom: 400px;}
.corpsJobPanel p {font-size: 18px;}

/* MAP Estimator */

.efcContainer {margin-bottom: 50px;}
.efcContainer .column {
  border-top: #258380 4px solid;  
  border-bottom: #e8e8e8 4px solid; 
  border-radius: 4px; 
  background: #fafafa; 
  min-height: 225px; 
  padding: 50px 20px 20px 20px;
  background: #fafafa;
  text-align: center;
}
.efcContainer .column .school {margin: 0; color: #58595b; font-weight: 700; font-size: 22px; min-height: 60px;}
.efcContainer .column .amount {color: #58595b; font-weight: 700; font-size: 52px;}
#MAPestPage .note {margin: -30px 0 30px 0; float: left; width: 100%;}


/* MPCH */

.mpch .u-full-width {background: #f2f2f2;}
.mpch h3 {font-size: 26px; font-weight: bold;}
.currentStatus {background: #fff; border-bottom: 3px solid #ddd; padding: 30px 40px; margin-bottom: 50px;}
.mpch table {background: #fff; width: 100%; font-size: 18px; color: #5b6b90;}
.mpch table th {background: #f2f2f2;font-weight: normal; border: none; text-align: center;padding: 15px; vertical-align: middle;}
.mpch table td {font-weight: bold; border-bottom: 3px solid #ddd;padding: 30px 50px;}


/* Header */

.logo {float: left; margin: 19px 0 0 0;}
.logo img {height: 55px;}

ul.nav {float: right;}
ul li {float: left; list-style-type: none; padding-left: 42px; font-size: 18px; }
ul li a {color: #fff; text-decoration: none;}
ul.nav li {padding-left: 25px;}

nav ul.secondNav {margin-top: 19px; min-height: 26px; text-transform: uppercase; margin-left: -45px;}
nav ul.secondNav li a {color: #828e98;  padding: 24px 10px; font-size: 16px; font-weight: 300; letter-spacing: .1em;}
nav ul.secondNav li a.selected {color: #2b3e50; border-bottom: #0679C6 solid 5px; font-weight: 700;}
nav ul.secondNav li a:hover {color: #2b3e50; transition-delay: 0.2s; border-bottom: #0679C6 solid 5px;}

ul.contentList li {float: none; list-style-type: circle; padding-left: 42px; font-size: 18px; }
ul.contentList li a {color: blue;}


/* Footer */

#content footer div.u-full-width {background: #f2f2f2; padding-top: 70px; min-height: 75px; vertical-align: middle; text-align: center; color: #2b3e50; padding-bottom: 40px; margin-bottom: 0; font-size: .9em;}
footer p {font-size: .8em;}
footer ul li {text-align: left; list-style-type: none;}
footer ul li a {color: #2b3e50; font-weight: 700;}
.copy  {font-size: 16px; padding-top: 30px;}


/* Typography */

body {font-family: 'Lato', Geneva, Tahoma, sans-serif; font-size: 22px; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }

h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;   }

h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

h3 {font-size: 18px;}
h3 span {}
.mpch {font-size: 22px;}

p {
  margin-top: 0; }

/* Buttons */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: none; border: none; box-shadow: none;}
.ui-chkbox {cursor: pointer}
.ui-chkbox-box {border: 1px solid #a8a8a8; background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0)); text-shadow: 0px 1px 0px rgba(255,255,255,0.7);}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {box-shadow: none; moz-box-shadow: none; webkit-box-shadow: none;}
.ui-widget {font-family: 'lato'; font-size: 17px; display: block;}
.center .ui-widget {display: inline-block}
.ui-state-default
.ui-helper-hidden-accessible {border: none;}
.ui-selectonemenu .ui-selectonemenu-trigger {
  width: 20px;
  border-radius: 0 !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 10px !important;
}
.ui-selectonemenu-panel {display: none}
.ui-selectonemenu .ui-selectonemenu-label {width: auto;}

.ui-selectonemenu-panel, .ui-selectonemenu-list-item {float: none}

.ui-selectonemenu-filter-container {background: #fff; width: 100% !important;}
.ui-selectonemenu-panel .ui-selectonemenu-filter {width: 100% !important;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {top: 18px !important;}


.checklistActions a.button {float: left; margin-top: 0px;}
#resources .resources a.button img {margin: 0 0 -5px 0;}
#resources .resources a.button {height: 45px; padding: 8px 50px 18px 50px; margin: 0}
#resources .resources a.button span {margin-top: -15px;}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input.button,
.tingle-modal .ui-widget .ui-button-text {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 900;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #0679C6;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; 
  /*text-shadow: 0px 1px 0px rgba(255,255,255,0.7);*/
  text-shadow: none !important;
}

#home .nationalGuard .button {border: 2px solid #fff;}
  
.question input[type="submit"] {background: #c5c5c5; margin-top: 30px;font-size: .95em; border-radius: 25px; padding-left: 50px; padding-right: 50px;}
.question input[type="submit"]:hover {background: #0679C6;}
.question input[type="submit"].wrong {background: #fff; color: #0679C6; border: 2px solid #0679C6;}
  
.button:hover,
button:hover,
.tingle-modal .ui-widget .ui-button-text:hover,
.tingle-modal .ui-widget .ui-button-text:focus,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.question input[type="submit"].wrong:hover {
  color: #eee;
  border-color: #000;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

button.trg-btn {
  height: 46px;
  text-align: left;
  color: #5b6b7f;
  background-color: #fff;
  border: 3px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 35px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box; 
  text-transform: none;
  width: 380px;
}  
button.trg-btn.active {
  background-color: #0679C6;
  color: #fff;
}

button.trg-btn.air {margin-top: -30px;}
a.button, input.button {
  background: #0679C6; 
  color: #fff; 
  text-transform: uppercase; 
  border-radius: 25px; 
  clear: both;
  line-height: 38px;  
  font-size: 16px;
  padding: 8px 40px 3px 40px;
  height: auto;
  letter-spacing: .2em;
}
input.button.disabled, input.button[disabled], input.button[disabled]:hover {
    background: #DDD none repeat scroll 0% 0%;
    cursor: default;
    color: #FFF;
    opacity: .35;
    border: none;
}

input.button[disabled]:hover {border: none;}

.ui-state-disabled.disabled-aa-link {color: #737373; opacity: 100}

input.ui-state-disabled.disabled-aa,
input.ui-state-disabled.disabled-aa:hover,
input.ui-state-disabled.button.disabled-aa, 
input.ui-state-disabled.button.disabled-aa[disabled], 
input.ui-state-disabled.button.disabled-aa[disabled]:hover, 
input.disabled-aa[disabled],
input.disabled-aa[disabled]:hover,
.ui-state-disabled.disabled-aa, 
.ui-state-disabled.disabled-aa:hover,
.ui-state-disabled.disabled-aa a, 
.ui-state-disabled.disabled-aa a:hover
{background: #EBEBEB !important; color: #696969 !important; opacity: 100 !important; border: 1px solid #bbb}

.ui-state-disabled.disabled-aa-tab a,
.ui-state-disabled.disabled-aa-tab a:hover,
.ui-state-disabled.disabled-aa-tab, 
.ui-state-disabled.disabled-aa-tab:hover
{background: #EBEBEB !important; color: #696969 !important; opacity: 100 !important; border-radius: 10px 10px 0 0;}


input.button.secondary {
    background: #fff none repeat scroll 0% 0%;
    cursor: pointer;
    color: #d0d0d0;
    border: 3px solid #d0d0d0;
}
input.button.secondary:hover {
     background: #0679C6; 
    cursor: pointer;
    color: #fff;
    border: 3px solid #fff;
}
#guardPage .secondary {text-align: right; margin-right: 110px;}



/* Forms */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  color: #333 !important;
  padding: 7px 12px !important; 
  background-color: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-bottom: 25px !important;
  display: inline !important;
  border: 1px solid #D4D4D4 !important;
  border-radius: 6px !important;
}

  /* added for disabling SSP badge flow account page, first name last name*/
input[type="text"]:disabled {
  color: #5b6b7f;
  padding: 11px 27px;
  background-color: #eae7e7;
  border: 3px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 35px;
  display: inline;
}
#guardPage .ui-selectonemenu {margin-bottom: 42px;border: 3px solid #e3e3e3;}

input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="text"].error,
input[type="tel"].error,
input[type="url"].error,
input[type="password"].error,
textarea.error,
select.error {
  border: 3px solid #f88a82;
}
p.error, span.error, .portlet-msg-error {color: #f88a82;}
ul.error li {display: block; float: none;}
.portlet-msg-error {padding-left: 0}
.portlet-msg-info {color: #f88a82; float: none; padding: 0; margin: 0; font-style: normal;}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 3px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 400;
  color: #5b6b7f;
  font-size: 17px;
}

.done label {float: left; font-size: 14px; width: 160px;margin-bottom: 30px}
.done label.output {float: right;font-size: 17px; width: 200px; text-align: left;}
.done .seven.columns label.output {width: 340px;}

fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }

input[type="radio"] {transform: scale(1.5) !important; margin-right: 7px !important;}
  
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
label.label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

#accountPage input[type="text"].ssn {width: auto;}


/* Lists */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 2.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol {
  margin-bottom: 2.5rem; }


/* Utilities */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

/* Clearing */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

.clear {clear: both;}

/* Misc */
hr {margin-top: 3rem; margin-bottom: 1rem; border-width: 0; border-top: 1px solid #E1E1E1;}
.minHR {border: none; margin: 0;}

.ui-panel {padding: 0}
.ui-panel .ui-panel-content {border: 5px solid #d7d7d7; padding: 0}
.ui-commandlink {padding: 15px 10px;}
.tingle-modal .ui-commandlink  {padding: 0}
.trg-btn.dep {margin-top: -40px;}
.diffChoice, .sameChoice, .airChoice, .hsChoice, .csChoice, .depChoice,  input[type='text'].depChoice {display: none;}
button.trg-btn:focus, input.secondary.button:focus {border: 3px solid #33C3F0}

#accountPage a.signOut {color: #0679C6; margin-top: 35px;}
/*Added for SSP Badge */
.confirmationText{	
  background-color: #828e98;
  font-family: Tahoma;
  font-size: 19px;
  text-align: left;
  color: #ffffff;
}
.clickHere {
  font-family: Tahoma;
  font-size: 20px;
  text-align: left;
  color: #0679C6;
}
/*Added for SSP Badge */
#home .fbLive span {display: block;width: 280px;background: #f9f9f9;border: 1px solid #ddd;margin: 120px 0 -120px 0;padding: 10px;line-height: 1.2em;font-size: 22px;color: #00556b;float: right; font-weight:100;}
#home .dailyEvents {padding: 10px 0 10px 0;}
#home .dailyEvents span {display: block;width: 280px;background: #f9f9f9;border: 1px solid #ddd;margin: 10px 0 20px 50px;padding: 10px 10px 5px 10px;line-height: 1.2em;font-size: 22px;color: #00556b;float: right; font-weight:100;}
/* PrimeFaces Carousel UI Changes for Daily Events */
#home .ui-carousel-header {display: none !important;}
#home .ui-widget-content {color:#00556b;}
#home .ui-widget-content a {color:#0679C6;}
#home .ui-widget-content a:hover {color:#0FA0CE;}
#home .ui-carousel {width:100%;}
#home .ui-carousel .ui-carousel-viewport{width:100% !important;}

.ISACorpsContainer.events .fbLive {width: 45%;float: right;margin-top: 10px;margin-bottom: -150px;}
.ISACorpsContainer.events .fbLive span {font-size: 16px}

.ISACorpsContainer.events #map {height: 350px;width: 45%;float: right;}
.ISACorpsContainer.events #eventText {height: 350px;width: 55%;float: left;}

.logo {background: url(https://www.isac.org/g3/images/rise.png) no-repeat; width: 382px; height: 71px;}

.genderTable td {width: 300px;}

/* Media Queries */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than tablet */
@media (min-width: 768px) {
  .checklist .due2, .checklist .overdue2, .secNav2 {display: none;}
}
@media (max-width: 768px) {
  .two.columns.due, .two.columns.overdue, .secNav1 {display: none;}
  .checklist .due2, .checklist .overdue2 {text-align: left;}
}
/* Larger than desktop */
@media (min-width: 960px) {
  .container {width: 95%;}
  .ISACorpsContainer .three.columns {width: 24%; margin-left: 6px;}
  .ISACorpsContainer .three.columns .email {font-size: 10.4px;} 
}
/* Smaller than desktop */
@media (max-width: 960px) {
  #accountPage .six.columns, #accountPage select {width: 100%;}
  #home header p.dgaa {clear:both; float: right; margin: 0 0 -110px 0; width: 125px;}
  #home header p.dgaa img {width:  100%;}
  .corpsJobPanel {width: 90%; float: none; margin-top: 0;}
  #members {margin-bottom: 0;}
}


/* Portrait and Landscape */
@media (max-width: 959px) and (min-width: 768px) {
  footer ul li {width: 100%}
  #guardPage input[type="text"], #accountPage input[type="text"] {width: 300px;}
  .done label {float: left; font-size: 14px; width: 100px;margin-bottom: 30px}
  .done label.output {float: right;font-size: 17px; width: 130px; text-align: left;}
  .done .seven.columns label.output {width: 240px;}
  #checklist .seven.columns {max-width: 430px; min-width: 280px;}
  .two.columns.due, .two.columns.overdue {width: auto}
  #checklist .one.column.accordion {width: 6.5%;}
  #home .toolBoxContainer .container, #home .isaCorps .container {width: 95%;}
  #home .toolBoxContainer .container .column {min-height: 390px;}
  #home .toolBoxContainer.isacPrograms .container .column {min-height: 240px;}
  #home .resourceLogo img {max-width: 200px;}
  #home .isaCorps .row {text-align: center;}
  #home .isaCorps .row img {width: auto; height: auto; max-width: 140px; }
  #home .isaCorps .row img:last-child {display: none;}
  #resources .resources p {font-size: 16px; line-height: 1.6em;}
  .toolBoxContainer .column {margin: 0 15px 15px 0; min-height: 350px; padding: 0 10px;}
  .toolBoxContainer.isacPrograms .column {min-height: 240px;}
  .toolBoxContainer .column  h3 {margin: 0 0 15px 0; font-size: 22px;}
  .toolBoxContainer.isacPrograms .column h3 {font-size: 60px;}
  .toolBoxContainer .column p, .resources p {line-height: 1.3em; font-size: 16px;}
  .toolBoxContainer .column img {margin-top: 30px; height: 80px; width: 80px;}
}

@media (max-width: 959px) and (min-width: 480px) {
  .ISACorpsContainer .three.columns  {width: 100%; }
  .ISACorpsContainer .three.columns img { float: left;}
  .ISACorpsContainer .three.columns .info {display: block; float: left; margin-left: 10px;}
  .ISACorpsContainer p.two-thirds {font-size: 14px; width: 100%;}
  #home .fbLive {padding: 90px 0 10px 0}
  #home .fbLive span {float: none; margin: 0}
  .hideInMobile{top: -9999px; left: -9999px; position:absolute; visibility: hidden;}
  #home .mobileView{display:table !important;}
  #home .mobileView span{width: auto}
}

@media (max-width: 767px) and (min-width: 480px) {
  .columns {margin: 0;}
  .three.columns {width: 100%; }
  footer .three.columns {width: 45%; }
  footer ul li {width: 100%}
  nav ul.secondNav {margin-top: 15px; min-height: 20px;}
  ul.secondNav li {padding-left: 0; margin-top: 0px; font-size: 13px;margin: 0px 2px; }
  nav ul.secondNav li a {padding: 20px 5px;}
  
  .ISACorpsContainer.events h2 {font-size: 28px; font-weight: bold;}
  .ISACorpsContainer.events h3 {font-size: 24px;}
  .ISACorpsContainer.events h4 {font-size: 22px; width: 100%; margin-left: -35px;}
  .ISACorpsContainer.events .offset-by-one.columns {margin-left: 0px}
  .ISACorpsContainer.events .columns {width: 100%; margin-bottom: 30px;}
  .ISACorpsContainer.events .three.columns {margin-left: 38px;}
  #guardPage .six.columns, #guardPage .five.columns, #guardPage .seven.columns {width: 100%;}
  #guardPage .progress {width: 290px;}
  #guardPage input[type="text"], #accountPage input[type="text"] {width: 290px;}
  .done label {float: left; font-size: 14px; width: 30%;margin-bottom: 30px}
  .done label.output {float: right;font-size: 17px; width: 70%; text-align: left;}
  .done .seven.columns label.output { width: 70%;}
  a.button, input.button {font-size: 15px;}
  #checklist .seven.columns {max-width: 430px; min-width: 140px;}
  #checklist .one.column.accordion {width: 8.5%;}
  .container.checklist {width: 100%}
  #home header h1, .header-main {font-size: 40px;}
  #home header p, .header-sub {font-size: 30px;}
  #home .toolBoxContainer .container, #home .isaCorps .container {width: 95%;}
  #home .toolBoxContainer .container .column {min-height: 390px; width: 45%;}
  #home .toolBoxContainer.isacPrograms .container .column {min-height: 200px; width: 290px;}
  #home .resources .container {width: 95%;}
  #home .resources .one-third.column {width: 95%}
  #home .resourceLogo {float: left; width: 45%; margin: 0; padding: 0}
  #home .resourceLogo img {max-width: 170px; float: right;}
  #home .resourceText {float: right; min-width: 190px; max-width: 150px; text-align: left; display: block; margin: 0; padding: 0}
  #home .isaCorps .row {text-align: center;}
  #home .isaCorps .row img {width: auto; height: auto; max-width: 140px; }
  #home .isaCorps .row img:last-child, .noSub767 {display: none;}
  #resources .resources img {margin: 30px 0 0 0;}
  .resourcesContainer .one-half.column {min-height: auto; width: 100%; margin-left: 0}
  #resources .resources p {font-size: 16px; line-height: 1.6em;}
  .toolBoxContainer .one-third.column {width: 45%; float: left; height: 400px;}
  .toolBoxContainer.isacPrograms .one-third.column  {height: 200px; width: 290px;}
  .toolBoxContainer .column  h3 {margin: 0 0 15px 0; font-size: 22px;}
  .toolBoxContainer.isacPrograms .column  h3 {font-size: 60px;}
  .toolBoxContainer .column p, .resources p {line-height: 1.3em; font-size: 16px;}
  .toolBoxContainer .column img {margin-top: 30px; height: 80px; width: 80px;}
  .mpch table {font-size: 16px;}
  .mpch table th {padding: 10px;}
  .mpch table td {padding: 15px;}
  .ISACorpsContainer.events #map {display: none;}
  .ISACorpsContainer.events .fbLive {display: block; float: none; margin: 0; width: auto;}
  .ISACorpsContainer.events #eventText {height: auto; width: auto; float: none;}
  .hideInMobile{top: -9999px; left: -9999px; position:absolute; visibility: hidden;}
  #home .mobileView{display:table !important;}
  #home .mobileView span{width: auto}
}
@media (min-width: 480px) {
    #mobile {display: none;}
}

@media (max-width: 479px) {
  .logo {float: left; margin: 19px 0 0 10px;}
  .logo {background: url(https://www.isac.org/g3/images/rise-mobile.png) no-repeat; width: 120px; height: 32px;}
  .heading h1 {margin-left: 10px;}
 /* .ui-widget {font-size: 12px; display: inline;} */
  .ui-outputpanel.ui-widget  {display: block !important;}
  
  .rmm-toggled-title {width: 75px; margin-top: 15px;}
  .header-sub {display: none;}
  .header-sub.comingSoon {display: block;}
  #home header p {font-size: 20px; padding-top: 0px;}
  #home header h1, .header-main {font-size: 24px; font-size: 24px; clear: both; letter-spacing: 0}
  #guardPageCert header {margin-bottom: -50px;}
  h2 {font-size: 20px;}
  p {font-size: 18px;}
  .accordionNav .container {width: 100%}
  nav ul.secondNav {margin-left: 0px; margin-top: 20px; min-height: 20px;}
  ul.secondNav li {padding-left: 0; min-height: 40px; max-width: 111px; text-align: center; margin: 0px 5px; font-size: 13px;}
  nav ul.secondNav li a {padding: 0px;font-size: 13px;}
  nav ul.secondNav li a.selected, nav ul.secondNav li a:hover {border: none}
  nav ul.secondNav li:hover, nav ul.secondNav li.selected {color: #2b3e50; transition-delay: 0.2s; border-bottom: #0679C6 solid 5px;}
  div.u-full-width {padding: 30px 20px 20px 20px;}
  #mobile div.u-full-width {padding: 30px 0 20px 0;}
  #content footer div.u-full-width {padding-top: 0;}
  footer ul li {width: 80%}
  .copy {font-weight: bold}
  #content div.u-full-width h2:first-child {font-size: 24px; }

  input[type="text"] {padding: 10px; width: 250px;}
  input[type="text"].ssn {width: auto;}
  button.trg-btn {width: 250px;}

  a.button, input.button {padding: 4px 30px 1px; font-size: 13px;}

  .toolBoxContainer .one-third.column {width: 100%;}
  .mpch table {font-size: 14px;}
  .mpch table th {padding: 0px;}
  .mpch table td {padding: 10px;}
  .homeContent, .toolBoxPageContent, .resourcesContent, .noMobile, .hide, #home header.portlet-topper, header.portlet-topper {display: none;}
  .container {width: 100%; max-width: 480px;}
  
  .toolbox header {background: #258380;} 

  .header-main, #home header h1 {font-size: 24px; line-height: 1em; font-weight: 300; margin: 0 0 10px 0; font-family: 'League Spartan', sans-serif; text-transform: uppercase; padding-top: 20px}
  header p {display: none;}
  header p.fbLive {display: block;}

  .hideInMobile{top: -9999px; left: -9999px; position:absolute; visibility: hidden;}
  #home .mobileView{display:table !important}
  #home .mobileView span{width: auto}

  #mobile footer div.u-full-width {background: none; min-height: 75px; vertical-align: middle; text-align: center; color: #2b3e50; padding: 0 20px; padding-bottom: 0; margin-bottom: 0; font-size: .9em;}
  footer p {font-size: 12px;}
  .resources p.copy, .copy  {font-size: 11px; font-family: 'Lato', Geneva, Tahoma, sans-serif; padding-top: 15px; color: #555;}
  .button, button, input[type="submit"], input[type="reset"], input[type="button"] {display: inline-block; min-height: 38px; padding: 0 30px; color: #fff; text-align: center; font-size: 12px; font-weight: 400; line-height: 1.2em; text-decoration: none; white-space: normal; background-color: #0679C6; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; }
  a.button, input.button {background: #0679C6; color: #fff; border-radius: 25px; clear: both;line-height: 1.2em;font-size: 14px;padding: 8px 40px 8px 40px; height: auto; letter-spacing: 0;  white-space: normal; text-transform: none;}
  #mobile div.u-full-width h2:first-child {text-transform: uppercase; letter-spacing: .01em; padding-top: 11px;}
  #mobile div.u-full-width h2 a {color: #016fb7; font-size: 13px; font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;}
  #mobile .accordionNav .row {display: block; min-height: 60px; vertical-align: middle; border-bottom: 1px solid #cfcfcf;  padding: 0 25px 0 20px;}
  /* #mobile .button {margin: 50px 20px 0 20px;} */
  a.accordionButton {background: url('https://studentportal.isac.org/student-resources/images/arrowRight.png') no-repeat; width: 9px; height: 15px; display: inline-block; float: right; margin-top: -37px; margin-right: -15px;}
  a.accordionButton.active {background: url('https://studentportal.isac.org/student-resources/images/arrowDown.png') no-repeat; width: 15px; height: 9px;  display: inline-block; float: right;}
  a.accordionButton:hover {cursor: pointer; background: url('https://studentportal.isac.org/student-resources/images/arrowRightHover.png') no-repeat;}
  a.accordionButton.active:hover {background: url('https://studentportal.isac.org/student-resources/images/arrowDownHover.png') no-repeat;}
  p.accordionContent  {border-top: 1px solid #fff; background: #f3f3f3; width: 100%;padding: 20px 25px 20px 25px; margin: 10px -25px 0 -25px;font-size: 14px; color: #555; font-weight: bold; line-height: 1.4em;}
  .toolBoxImg {height: 50px; float: left; padding-right: 15px; }
  #mobile.resources .toolBoxImg {margin-bottom: 5px;}
  #mobile {margin-top: -30px;}

  #guardPage .ui-selectonemenu, label.ui-widget {display: block; min-width: 50px;}
  #guardPage .ui-widget {font-size: 17px;}
  .ui-commandlink {padding: 0;}
  .full.fullFooterLink {font-size: .9em; margin-top: 30px; display: block; margin-bottom: -30px;}
  .full:hover {cursor: pointer; color: #016fb7;}
  .mainContainer, #toolBoxPage .toolBoxContainer, #resources .resourcesContainer, .resources {border-top: none;}
  header p.dgaa {display: block; padding-top: 50px;}
  #home header p.dgaa { margin: 55px 0 -130px 0}
  
  .ISACorpsContainer.events #eventText {height: auto; width: auto; float: none;}
  .ISACorpsContainer.events .fbLive {display: block; float: none; margin: 0; width: auto;}
}

#checklist header, #guardPageCert header, #guardPage header {
    background: #0679C6;
    height: 125px !important;
    min-height: auto;
}

#content div.u-full-width {padding-top: 0}
.mainContainer {border: none; padding-top: 30px; color: #333; font-size: 16px;}
label, legend {color: #333; font-size: 16px;}
.button, button, input[type="submit"], input[type="reset"], input[type="button"], input.button, .tingle-modal .ui-widget .ui-button-text {background-color: #525252}
.button.submitFinal  {background-color: #525252 !important; border-radius: 25px !important;color: #fff;
    text-shadow: none;    padding: 8px 40px 3px 40px;}

.submitFinal.disabled, .submitFinal[disabled], .submitFinal[disabled]:hover {
    background: #AAA none repeat scroll 0% 0% !important;
    cursor: default;
    color: #FFF;
    border: 1px solid #444;
    padding: 8px 40px 3px 40px !important;
    height: 50px;
}
.button:hover, button:hover {background: #0679C6; color: #fff;}
#content footer div.u-full-width {padding-top: 0}
.copy {padding-top: 10px}
.ui-radiobutton {width: 900px;}
.ui-radiobutton .ui-radiobutton-box {float: left;margin-bottom: 10px;}
.ui-selectoneradio label {display: inline;font-size: 16px;vertical-align: top;}
.ui-radiobutton .ui-radiobutton-box {background-image: url(https://www.isac.org/g3/images/radio-unselected.png); height: 24px; width: 24px;
}
.ui-radiobutton .ui-state-active {background-image: url(https://www.isac.org/g3/images/radio-selected.png) !important;}
.ui-state-active .ui-icon {display: none}
.ui-accordion-header.ui-state-active .ui-icon {display: inline}
.mainContainer {padding-top: 25px !important;}
.mainContainer ul, .mainContainer ol {margin-left: 30px;}
.mainContainer ul li, .mainContainer ol li  {list-style-position: outside; padding-left: 10px; float: none; list-style-type: disc;
font-size: 16px;}
.mainContainer ol li {list-style-type: decimal;}
.heading {background: #F2F2F2; margin-top: -10px; padding-top: 1px;}
.heading h1 {font-size: 22px; color #333; padding: 0; text-transform: uppercase; font-weight: bold; letter-spacing: 0; float: left;}
.heading input[type="submit"] {margin-top: 10px !important; border-radius: 5px; padding: 0 50px; line-height: 1.8em;}
#content div.u-full-width.heading {padding: 1px;}
.rmm {top: 0;}
.tingle-modal__content {max-width: 650px !important;}

.nav>li>a {padding: 0 !important;}
.nav>li>a:hover {background-color: #0679C6 !important; color: #333 !important;}
.ui-tabs, .ui-widget-content {border: none !important; background: none;}
.ui-datatable tbody td, .ui-datatable-odd, .ui-datatable thead th {background: none; padding: 0; font-size: 14px; border: none !important;}
.ui-datatable-odd.reviewTableRow {background: #f2f5f9 !important}
.reviewTableRow td {padding-right: 7px !important;}
.ui-tabs .ui-tabs-nav {background: none;}
.ui-tabs.ui-tabs-top .ui-tabs-nav li {border: none !important;border-bottom: 1px solid #ddd !important; font-size: 14px !important;}
.ui-tabs.ui-tabs-top .ui-tabs-nav li a { min-width: 110px;}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {border-bottom: 3px solid #000 !important;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {padding-bottom: 6px !important;}
button.ui-state-disabled {padding-bottom: 0 !important;}
.button.ui-state-disabled:hover, button.ui-state-disabled:hover {border: 1px solid #bbb !important;}


.ui-inputField, .ui-widget-content .ui-inputfield {margin: 5px 0 20px 0 !important;}



.col-md-12 {padding: 0}
.row {margin: 0}
footer .row {margin: auto;}

.footerButtons .button, .footerButtons button {border: 1px solid #bbb !important;}

.footerButtons .button.prev {background: #fff !important; color: #333 !important; margin-left: 0px !important; }
.footerButtons .button.next {background: #525252 !important; color: #fff !important; margin-left: 20px !important; }

/*.rmm {max-width: 100% !important;}*/
.rmm-toggled-title {border: none !important;}
.rmm.style ul.rmm-mobile {border-radius: 0 !important; border: none !important; width: 100% !important; background: #0679C6 !important; padding-bottom: 30px !important;}
.rmm.style .rmm-mobile li a {color: #fff !important; padding: 15px !important;}
table label {display: inline !important;} 
.footerButtons .button, .footerButtonsbutton {padding: 0;}
.ui-selectonemenu, .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {background: #fff; width: 100% !important; max-width: 100% !important; min-width: 100% !important; padding-bottom: 10px !important; border-radius: 0 !important;margin: 0;}
.ui-selectonemenu {border-bottom: 3px solid #000 !important; margin-bottom: 20px;}
.ui-selectonemenu label {font-size: 18px !important; padding-top: 0;}
.heading .ui-selectonemenu {float: left; margin: 10px 0 0 20px !important; padding-bottom: 3px !important;}
.heading .ui-selectonemenu, .heading .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {width: 130px important; max-width: 130px !important; min-width: 130px !important; }


.requiredinput{
  border: 2px solid red !important;
  border-radius: 4px !important;
}

.ui-dialog.ui-shadow {box-shadow: none !important}
/*.ui-widget-overlay {background: #fff !important}*/

.saveBtn {color: #fff !important; font-size: 15px !important; text-transform: uppercase !important; letter-spacing: 0 !important; font-weight: bold !important; padding: 5px 40px !important; line-height: 0; height: 30px !important;}
.ui-messages-info {background: #2E8433 !important; color: #fff !important; padding-bottom: 3px;}
.ui-messages-info-icon {margin-top: 0 !important;}

.ui-widget-content .ui-icon.ui-icon-close, .ui-dialog .ui-dialog-titlebar-close span {background: url(https://www.isac.org/g3/images/rise/alertclose.png) no-repeat; background-position: auto !important; border-radius: 0 !important;margin-top: 4px !important;}
.ui-messages-info-icon {background: url(https://www.isac.org/g3/images/rise/alertsuccess.png) no-repeat;}
.ui-messages-info-summary {display: none !important;}
.navitem {font-size: 15px !important;}

.ui-dialog .ui-dialog-titlebar {background: #0679C6;color: #fff;}
.ui-dialog .ui-dialog-titlebar .ui-widget-header {text-shadow: none;}
.ui-dialog-content {background: #fff !important;}
.ui-dialog button {background: #525252 !important;color: #fff !important;  text-shadow: none !important;}
/*.ui-dialog {border: 2px solid #222 !important;}*/
.ui-rowgroup-header {border: none !important; background: none !important;}

.parentaccess .ui-button-text-only, .parentaccess .ui-c {
    padding: 0 !important;
}
#ui-datepicker-div {background: #fff;}
.ui-datepicker-calendar {border: 1px solid #ccc !important; margin-top: -2px;}
.ui-datepicker td a {text-align: center;}
.ui-datepicker .ui-datepicker-header {background: lightsteelblue !important;}
table.mtz-monthpicker {background: #fff; border: 1px solid lightsteelblue;}
select.mtz-monthpicker {margin-bottom: 5px !important;}
.mtz-monthpicker td:first-child {padding-left: 10px !important;}
.homeMiddle {background: url(https://www.isac.org/g3/images/rise/homeMiddleBG.png) repeat-y; padding: 25px 0; margin-top: -25px;}
.homeMiddle a {font-family: 'League Spartan', sans-serif; font-size: 18px;}

.mtz-monthpicker-clear {background: none; border: none; letter-spacing: 0; text-shadow: none; font-weight: bold; text-decoration: underline; font-family: 'lato' !important; font-size: 15px !important; text-transform: capitalize;}
.mtz-monthpicker-clear:hover {background: none;}

.homeSelectYear {padding: 25px 15px 0 0; background: #fff;}
.homeSelectYear .container {background: #e4f3fe;padding: 10px 0 0 10px;box-shadow: inset 0px -4px 0px #E8E8E8;}

.homeSelectYear label:first-child {font-weight: bold;display: inline;padding: 8px 12px 0 0;float: left;}
.homeSelectYear .ui-selectonemenu {border: 1px solid #E8E8E8 !important;width: 110px !important; max-width: 110px !important;
    min-width: 110px !important;display: inline-block;border-radius: 4px !important;margin-bottom: 10px !important;}
.homeSelectYear .ui-selectonemenu label {padding:  7px 0 0 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 10px !important;}
.homeSelectYear .ui-selectonemenu-trigger {top: 5px;}

@media print {.hideInMobile {position: relative; top: 0; left: 0; visibility:visible;}}