/*This style is recommended for use with ng-cloak*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*Home page styles*/

.information-area {
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 1.5;
    background-color: #eeeeee;
}

/*.information-area:not(:last-child) {
    margin-right: 20px;
}*/

.information-area .bigtext {
    font-size: 15px;
}

.information-area .medtext {
    font-size: 18px;
    font-weight: 200;
    padding-bottom: 6px;
}

.information-area p {
 
    /*line-height: 1.4;*/
    margin-bottom: 10px !important;
}

/*.information-area >div >div {display: inline-block;}*/

.information-area table td:last-child {padding-right: 70px; text-align: right;}

/*.push-right { position: absolute; right: 100px; }*/

.learn-more {
    padding-top: 10px;
}
.learn-more > div {
    padding: 4px 0;
}

.button-spacing-top { padding-top: 12px;}

.input-zone > div { display: inline-block; }

.input-zone >div:nth-child(1)  { max-width: 300px; }
.input-zone >div:nth-child(1) > div > div { display: inline-block;}

.input-zone >div:nth-child(1) > div > div:nth-child(1) { width: 60px;}
.input-zone >div:nth-child(2) { vertical-align: super;}

.input-zone input[type="text"] { min-width: 210px;}

.logged-in-zone { padding-bottom: 18px;}
.logged-in-zone > div { display: inline-block; margin-right: 100px; }

.learn-more-button {
    margin-top: 10px;
        margin-bottom: -16px;
}

/* General styles */
.section-heading {font-size: 18px; font-weight: bold;}
.public-page-heading {font-size: 18px; font-weight: bold; padding: 0 0 12px 0;   }
.col-align-right { text-align: right; }
.margin-left-20 {margin-left: 20px;}
.error-message { padding: 8px 4px; color: red;}
.hover-pointer:hover { cursor: pointer; text-decoration: underline;}
.enlarged-bold {font-weight: bold; font-size: 115%;}
.red-bold {font-weight: bold; color:red;}

a, a:visited {
    color: #3f6e95 !important;
    text-decoration: none;
}

.page-title-heading { font-size: 2.5em; font-weight: bold; }
.page-title-home { font-size: 1.3em; font-weight: bold; text-decoration: underline; padding: 0 10px;}
.page-title a {color:#3f6e95; text-decoration: none;}    /*   unvisited link */
.page-title a:visited {color:#3f6e95;}  /* visited link */
.page-title a:hover {color:#3f6e95; cursor: pointer; text-decoration: none;}  /* mouse over link */
.page-title a:active {color:#3f6e95;}  /* selected link */

/* Layout styles */
.layout-heading > div {display: inline-block;}


/* Spinner */
.loader30px {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1.2s linear infinite;
  animation: spin 1.2s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

/*data validation*/
.field-validation-error {
    color: red;
}
.validation-summary-errors {
color: red;
}

/* Existing page class history */
.class-history > div { display: inline-block}
.class-history > div:first-child { width: 80px}
.class-history > div:nth-child(2) { width: 120px}

/* Enter personal information */
.input-padded {
  min-height: 32px;
  padding: 4px 10px 4px 8px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.existing-user {
    border: solid red;
    background-color: rgb(255, 213, 213);
    font-weight: bold;
    padding: 0 0 4px 12px;
}
.existing-user > div { display: inline-block; vertical-align: middle;}
.existing-user > div:nth-child(2) { padding-left: 20px; max-width: calc(100% - 70px)}
.existing-user img {max-width: 46px;}
.existing-user a {text-decoration: underline;}

/* Espanol button */
.btn-layout {
  display: inline-block;
  padding: 3px 8px 4px 6px;
  margin-bottom: 0;
  margin-left: 6px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.clear {
    clear:both;
    line-height:0;
}

/* Returning Users page */
table.class-registrations tr:nth-child(even) {background: #F0F0F0}
table.class-registrations tr:nth-child(odd) {background: #FBFBFB}
table.class-registrations td {
    padding: 1px 6px;
}

/* Confirmation and conditions page */
ol.conditions li {padding: 2px;}

/* Main page top area. Possibly more to another file rather than including in the main site.css */
.top-information-area > div:nth-child(2) > div { display: inline-block;}


/* Error Page */
.error-page {
    margin :50px 20px 20px 100px;
}

.error-text {
    margin: 50px 0;
    font-size: 1.7em;
}
.error-link {
    margin-top: 100px;
    font-size: 2em;
    font-weight: bold;
}
/* END Error Page styles */

@media (min-width: 600px) {
    .top-information-area > div {
        display: inline-block;
    }
    .top-information-area > div:nth-child(2) > div {
        display: block;
    }

    .btn-espanol {
        font-size: 15px;
        margin-left: 16px;
        line-height: 1.2;
    }

    .information-area .bigtext {
        font-size: 18px;
    }

    .learn-more-button {
        float: right;
        margin-top: 0;
        margin-bottom: 0;
        clear: both;
    }
}

@media (max-width: 768px) {
    .page-title-heading {
        font-size: 1.4em;
    }
    .page-title-home {
        font-size: 1.1em;
    }

}