html{
    xheight:100%;
}

body{
    height:100%;
    padding-top:70px;
    padding-bottom:80px;
    /*overflow:hidden;*/
    overflow-x:hidden;
}

/*ie 10 viewport bug*/
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

body{
    font-size:16px;
    xbackground: #eee url("pattern.svg") repeat-x top left;
    xbackground-size: 100% 100%;
    xbackground-position: 0 -550px;

    margin-bottom: 50px;
    /*margin-top: 0;
    position: relative;*/
    background-color:#c5e8b5;
    margin-bottom:20px;
}


.wrapper{
    min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}



footer.page {
    background-color: #5e89ae;
    height: 60px;
    width: 100%;
    color: #94a6b5;
    /* margin-top: -250px; */
    font-size: 14px;
    /* border-top: 5px solid #456179; */
   
    /*position: absolute;
    bottom: 0;*/
}



.footer.page > .container{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow:hidden;
    overflow-y:hidden;
    padding: 20px 0 0 10px; 
}

footer.page ul{
    float:left;
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    padding-right:10px;
    padding-left:5px;
}

footer.page a{
    color:#325573;
}
footer.page a:hover{
    text-decoration:none;
    color:#172d40;
}



footer.page li i{
    vertical-align: bottom;
    margin-right:0;
    float:left;
    
}

footer.page li {
    /*fix for old androids*/
    /*display:inline-block;*/
    display:inline;
    
    /*margin-right:10px;*/
}

footer.page li a{
   	float:left;
    margin-right:15px;
}




.overlay-eye-candy{
   background: #5e89ae url("pattern.svg") repeat-x top left;
   height:100%;
   position:absolute;
   z-index:-1;
    /*background-color:rgba(255,255,255,0.89); 
    position: fixed;
    z-index: -10;
    height: 2em;
    width: 2em;
    width:100%;
    height:200px;
    overflow: show;
    margin: auto;
    /*top: 0;
    left: 0;*/
    top:100px;
    left:0;
    width:100%;

    /*background: transparent url("pattern4.svg") repeat-x top left;*/
}

@font-face {
    font-family: 'king_basil_literegular';
    src: url('/styles/fonts/king-basil-lite-webfont.woff2') format('woff2'),
         url('/styles/fonts/king-basil-lite-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body .container .well{
    padding-bottom:20px;
}

p.special{
    font-family: 'king_basil_literegular';
    font-size:32px;
    line-height:50px;
}

.navbar-brand{
    /*font-family: 'king_basil_literegular';
    font-size:24px*/
}



img{
    height:auto;
}

.card .card-image img{
    height: auto
}

.card{
    margin-bottom:20px;
}

/* Absolute Center Spinner */
.loader {
  position: fixed;
  z-index: 1031;
  height: 2em;
  width: 2em;
  width:57px;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loader:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  background-color: rgba(0,0,0,0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loader:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.ball-grid-beat > div {
  background: #fff;
}

.codeInputs{
    padding-left:10px;
}

input.code {
    line-height:28px;
    font-size:24px;
    max-width:42px;
    text-align: center;
    text-transform: uppercase
}

.buttonico{
    vertical-align: top !important;
    margin-top:-3px !important;
}

.error{
    color:red;
}

.signIn h2{
    
    padding-bottom:10px;
}

.form-group .checkbox label, .form-group .radio label, .form-group label{
    

}

.collapsing {
    -webkit-transition: none;
    transition: none;
}


ul.questions{
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    margin-bottom:30px;
}


/*fabs*/
button.fabButton > i{
    position:absolute;
    left:38% !important
}


.btn.btn-fab.fabButton{
    border-radius:0;
}

/*hack select color*/
input[type="radio"]:checked + span + span + div{
    font-weight:bold;
    color:rgba(0,0,0,0.54);
}

.fabButtonRepeater{
    margin-right:20px;
    margin-bottom:20px;
}

.fabButtonRepeater button{
   outline:none !important;
   margin-right:10px !important;
   margin-top:20px !important;
   display:inline-block;
}

.fabText{
    font-size:24px;
    position:absolute;
    left:55%;
    top:15px;
}

/*end fabs*/

.well .container{
    
    width:100%;
}

/*dialog*/
ai-dialog{
    border-radius:1px;
}
ai-dialog-overlay.active {
    z-index:1031;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
}

ai-dialog>ai-dialog-header,ai-dialog>ai-dialog-footer {
    border:0 !important;
}

ai-dialog-container{
   transition:none;/*opacity .2s linear;*/
   opacity: 1;
   
}

body.ai-dialog-open{
    overflow: none
}




.modal-body h4{
    color:#222;
    font-weight: 400;
    margin-bottom:15px;

}



.modal-header h4 i{
    vertical-align: bottom;
}

.modal-body i{
    vertical-align: bottom;
    color:#555
}


.countdown{
    padding-right:10px;
    color:#325573;
    font-weight:bold;
    padding-top:3px;
}


/* xs < 768 */
@media screen and (max-width: 767px) {
    h1.special{
        font-size:28px;
        line-height:60px;
        font-family: 'king_basil_literegular';
    }

    body{
       xbackground: transparent url("pattern4.svg") repeat-x top left;
        background-size: 100% 100%;
        background-position: 0 -400px;
    }

    .countdown{
        font-size:12px;
        padding-right:15px;
        padding-top:6px;
    }

}

/* sm */
@media screen and (min-width: 768px) {


    h1.special{
        font-size:44px;
        line-height:80px;
        font-family: 'king_basil_literegular';
    }

}

/* md */
@media screen and (min-width: 992px) {
    h1.special{
        font-size:54px;
        line-height:90px;
        font-family: 'king_basil_literegular';
    }

    
}

/* lg */
@media screen and (min-width: 1200px) {
    h1.special{
        font-size:64px;
        line-height:100px;
        font-family: 'king_basil_literegular';
    }
}

/*fix modals*/
.ai-dialog-open ai-dialog-container>div{
    padding-left:5px !important;
    padding-right:5px !important;
}

.ai-dialog-open ai-dialog-container>div>div{
    width:100%;
}

.main.container{
    /*overflow: inherit*/
}
.well.withIcon{
    /*background-image: url("/styles/large.png") ;
    background-position:-100px right;
    background-repeat: no-repeat*/
}

.main.container{
    /*padding-bottom:30px;
    margin-bottom:50px;*/
    
    /*overflow:scroll;*/
    xoverflow-y: auto;
    height:100%;
    /**/
}

.well.last{
    margin-bottom:150px !important
}

.simpleContent h4{
    font-size:20px;
    margin-bottom:20px;
}

.simpleContent h1{
    margin-bottom:20px;
}

.simpleContent i{
    vertical-align: bottom
}

.simpleContent a,.simpleContent a:hover, .simpleContent a:hover i{
    /*text-decoration: none;
    padding:0;
    margin:0;
    line-height: 22px;
    background-color:red;*/
} 

.simpleContent i{
    /*display:none;*/
}

.well:last-child{
    margin-bottom:150px;
}

a.nohover:hover{
    text-decoration:none;
    border:0;
}

table a{
    color:#222;
}

table a.nohover:hover i{
    border:0 !important;
    text-decoration: none !important;
    outline:none !important;
    vertical-align: bottom;
}

/*paper invite overrides */
.navbar, .navbar.navbar-default{
    background-color: #1da6b7;
}

.overlay-eye-candy{
    background:#fff url("2.svg") repeat-x top left;
}

footer.page{
    background-color:#bf3a68;
    color:#fff;
}

footer.page a{
    color:#fff;
}

footer.page a:hover{
    color:#791839
}

.countdown{
    color:#fff;
}

body{
    background-color:#fff;
}

.btn-group-raised .btn.btn-primary, .btn-group-raised .input-group-btn .btn.btn-primary, .btn.btn-fab.btn-primary, .btn.btn-raised.btn-primary, .input-group-btn .btn.btn-fab.btn-primary, .input-group-btn .btn.btn-raised.btn-primary{
    background-color: #1da6b7;
}

.btn-group-raised .btn:not(.btn-link).active.btn-primary, .btn-group-raised .btn:not(.btn-link):active.btn-primary, .btn-group-raised .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .btn:not(.btn-link):hover.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary, .btn.btn-raised:not(.btn-link).active.btn-primary, .btn.btn-raised:not(.btn-link):active.btn-primary, .btn.btn-raised:not(.btn-link):focus.btn-primary, .btn.btn-raised:not(.btn-link):hover.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary{
    background-color:#1d8e9c; /*#24acbd*/
}



a, a:focus, a:hover{
     color:#1d8e9c;
}

.btn:not(.btn-raised).btn-primary, .input-group-btn .btn:not(.btn-raised).btn-primary{
    color:#1d8e9c;
}

.btn-group-vertical.disabled, .btn-group-vertical:disabled, .btn-group-vertical[disabled][disabled], .btn-group.disabled, .btn-group:disabled, .btn-group[disabled][disabled], .btn.disabled, .btn:disabled, .btn[disabled][disabled], .input-group-btn .btn.disabled, .input-group-btn .btn:disabled, .input-group-btn .btn[disabled][disabled], fieldset[disabled][disabled] .btn, fieldset[disabled][disabled] .btn-group, fieldset[disabled][disabled] .btn-group-vertical, fieldset[disabled][disabled] .input-group-btn .btn{
    color:rgba(0,0,0,.38);
}

.btn-group-raised .btn.btn-primary, .btn-group-raised .input-group-btn .btn.btn-primary, .btn.btn-fab.btn-primary, .btn.btn-raised.btn-primary, .input-group-btn .btn.btn-fab.btn-primary, .input-group-btn .btn.btn-raised.btn-primary{
    background-color:#1d8e9c
}

.radio input[type=radio]:checked~.circle, label.radio-inline input[type=radio]:checked~.circle{
    border-color:#1d8e9c
}

.radio input[type=radio]:checked~.check, label.radio-inline input[type=radio]:checked~.check{
    background-color:#1d8e9c
}

.alert.alert-danger{
    background-color:#882145
}

a.signout i{
    float:left
}

@media screen and (max-width: 767px) {
    a.signout i{
        vertical-align: top;
         padding-bottom:10px;
    }

    a.signout{
        padding-bottom:10px;
        padding-top:0;
    }
}

.nowrap{
    white-space: nowrap;
    overflow: hidden
}

/*s4 mini issues - just hide what you can't see;)*/
@media screen and (max-device-width: 360px)
{
    .footer ul{
        display:none;
    }

    .buttonico{
        height:30px;
    }
}

.answerlist{
    list-style-type: none;
    margin-left:0;margin-left:0;
    padding-left:0;
    margin-top:20px;
    margin-bottom:20px;
    border:1px solid #efefef;
    padding:10px;
    background-color:#fbfbfb;
}

.answerlist i{
    display:inline-block;
    vertical-align: middle;
    margin-right:0px;
}

.answerlist div{
    display:inline;
}

.answerlist li{
    margin-left:0;
    padding-left:0;
    line-height: 34px;
}

.togglebutton label input[type=checkbox]:checked+.toggle{
    background-color:rgb(91, 173, 183)
}

.togglebutton label input[type=checkbox]:checked+.toggle:after{
    background-color:#5badb7;
}

.togglebutton label{
    margin-right:5px;
}

.footnote{
    font-style: italic
}

.form-group.is-focused label{
    color:#1da6b7
}

.info{
    border:1px solid #efefef;
    background-color:#f7f7f7;
    padding:10px;
    padding-top:5px;
}

.summary_header{
    line-height:28px
}

.spacer{
    padding-left:15px;
}

.img-container{
   width:155px;
}

.img-container img{
    padding:5px;
    background-color:#f7f7f7;
    border-color:#ededed;
    border:1px solid #ededed;
    margin-top:10px;
    margin-bottom:10px;
    border-radius: 1px;
}