/* Minification failed. Returning unminified contents.
(76,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
/*
 * Globals
 */
/*
 * Base structure
 */ 
html,
body {
  width:100%;
  height: 100%; 
}
body {
  color: #666;
  text-align: center;  
}
/* Links */
a,
a:focus,
a:hover {
  color: #666;
} 
/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff; 
}

a.loginScreen h1 { color:#fff; font-size:75px;}
a.loginScreen h2 { color:#eeeeee; font-size:35px; }
@media (max-width: 768px) {
    a.loginScreen h1 { color:#fff; font-size:35px; }
    a.loginScreen h2 { color:#eeeeee; font-size:20px; }
    .cover { margin-top: 80px; }
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%; 
  border:15px solid #333;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
/* Padding for spacing */
.inner { padding: 30px;  } 
/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}
.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
 /*color: #ccc; /* IE8 proofing */ */ 
  text-shadow:none; 
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent; 
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #BC2125;
  border-bottom-color: #fff;
}
@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}
/*
 * Cover
 */
.cover {
  padding: 0 20px;
  height:300%;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
} 
/*
 * Footer
 */
.mastfoot {
  color: #999;  
  text-shadow: none;
}
/*
 * Affix and center
 */
@media (min-width: 768px) {
    /* Pull out the header and footer */
    .masthead {
        position: fixed;
        top: 0;
    }
    
    .inner { margin-right:15px; }
    .mastfoot {
        position: fixed;
        bottom: 0;
    }
    /* Start the vertical centering */
    .site-wrapper-inner {
        vertical-align: middle;
    }
    /* Handle the widths */
    .masthead,
    .mastfoot,
    .cover-container {
        width: 100%; /* Must be percentage or pixels for horizontal alignment */
    }
}
@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 75%;
  }
}


img { width:95%; height:auto; max-width:600px;}
#arrow {margin-top:20px; cursor:pointer;}

#page2, #page3, #page4, #page5, #page6 {  
    opacity:0;
    display:none;
    max-width:700px;
    width:100%;
}
.pageStatic { max-width:700px; width:100%; }
.loginOuter {
    width:100%;
    height:100%;
    background-color:#eee;
    border: 2px solid #ccc; 
    margin-bottom:10px;
    border-radius:10px; 
    padding-right:25px;
    padding-bottom:25px;
}
.loginOuter .logo { margin-left:-15px; margin-top:-15px;  }
.loginOuter .logo img { margin-top:-15px; }
.loginOuter fieldset { padding-left:15px; text-align:left; }
.loginOuter legend { font-size:28px; }
.loginOuter .forgot { font-size:12px; text-align:right; text-shadow:0px 1px 3px rgba(0,0,0,0.5);}
.loginOuter .forgotPass { text-align:right; width:100%;}
.loginOuter .registerlink {
    width:100%;
    text-align:center; 
    margin-top:25px;
}
.loginOuter .form-group { text-shadow:none; }
.loginOuter .login-btns { padding:10px 0; text-align:center; }
.loginOuter .btn-default:hover {
    color:#fff;
    background-color:#BC2125;
}
.btn-link, .btn-link:active, .btn-link:focus{ color:#BC2125; background-color:transparent;}
.btn-link:hover { color:#fff; background-color:transparent;}
.loginOuter a:hover { color:#BC2125; }
.loginForm, .forgotForm, .registerForm, .thankYouForm, .resetPassForm { padding-top:40px; }

@media (max-width: 768px) {
    #page2, #page3, #page4, #page5, #page6 { margin-left: 0; }
}
@media (max-width:579px) {
    .loginOuter .forgotPass{ text-align:center; }
    .loginForm, .forgotForm, .registerForm, .thankYouForm, .resetPassForm { padding-top:0px; }
    .cover { margin-top: 0px; }
}

 
.help-inline { color: #EA5848; font-size:12px; letter-spacing:1px;  }
.has-error .form-control:focus {
    border-color:#EA5848;
    -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.075) 0 0 10px #EA5848;
    box-shadow: inset 0px 5px 5px rgba(0,0,0,0.075) 0px 0px 10px #EA5848;
} 
.has-error .form-control {
    border-color:#EA5848;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    background-color:#F9CECA;
}
.has-success .form-control { color:#3c763d; } 


/*#region      Loading Box      */
    .loading {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; 
        text-align:center;
        background-color:rgb(112,92,79);
        background-color:rgba(112,92,79,0.8);  
        z-index: 9999;
    }
    .loading img {
        position:absolute;
        margin:auto;
        top:-150px;
        left:0;
        bottom:0;
        right:0;
        width:35%; 
        height:15px;
        max-width:250px;
    }
    .loading .loadingTxt {
        position:absolute;
        margin:auto;
        height:50px;
        top:-75px;
        left:0;
        bottom:0;
        right:0; 
        color:white; 
        z-index: 1001;
        letter-spacing:1px; 
        font-size:16px;
    }
    .loadmodal {   
        position:absolute;
        top:0;
        left:0;
        z-index:1200; 
        height:100%;
        width:100%;
        background:rgba(255,255,255,0.7) url('./images/loadingRow.gif') 50% 50% no-repeat;               
    }
/*#endregion*/


/*#region      Paddings & Margins      */
 
    .pad-xs { padding:2px; }
    .pad-xs-left { padding-left:2px; }
    .pad-xs-right { padding-right:2px; }

    .pad-sm { padding:5px; }
    .pad-sm-left { padding-left:5px; }
    .pad-sm-right { padding-right:5px; }

    .pad-md { padding:10px; }
    .pad-md-left { padding-left:10px; }
    .pad-md-right { padding-right:10px; }

    .pad-lg { padding:25px; }
    .pad-lg-left { padding-left:25px; }
    .pad-lg-right { padding-right:25px; }

    .margin-xs { margin:2px; }
    .margin-xs-left { margin-left:2px; }
    .margin-xs-right { margin-right:2px; }

    .margin-sm { margin:5px; }
    .margin-sm-left { margin-left:5px; }
    .margin-sm-right { margin-right:5px; }

    .margin-md { margin:10px; }
    .margin-md-left { margin-left:10px; }
    .margin-md-right { margin-right:10px; }

    .margin-lg { margin:20px; }
    .margin-lg-left { margin-left:20px; }
    .margin-lg-right { margin-right:20px; }

/*#endregion*/