.navbar.navbar-app { background: none repeat scroll 0 0 #008080; } a, a:hover, .panel-title>a, .panel-title>small>a, .panel-title>.small>a { 
    color: #008080; }.btn-success, .navbar-app .dropdown-menu { background-color: #008080; }
    .navbar.navbar-sliver { background: none repeat scroll 0 0 rgba(1, 0, 0, 0.7); } 
@media (min-width: 1px) { body { background: #ffffff none no-repeat top center fixed; background-size:cover; } } 
.site-header  h1 {color: #444444; }
.site-header  h2 {color: #444444; }

#queueAppSwitcher {display:none;}

html {
    background-color: #ffffff;
}
html, body {
    height: 100vh;
}
.containerShadow {
    box-shadow: none;
}
.wf-loggedin .head {
    display: none;
}

.wf-not-loggedin img {
    max-width: 100%;
}

.wf-not-loggedin .margin-bottom {
    margin-bottom: 1em;
}
.wf-not-loggedin .margin-top {
    margin-top: 1em;
}
.wf-not-loggedin .margin-top.x2 {
    margin-top: 2em;
}
.wf-not-loggedin .no-border {
    border: none !important;
}
@media(min-width:1600px) {
    body.wf-not-loggedin  {
        font-size: 16px;
    }
}

.wf-formbuilder-admin .site-header, .wf-formbuilder-admin #nav-container { display: none; }
.wf-formbuilder-admin{ padding-top: 0 !important; }

.wf-not-loggedin .site-header {
    padding-top: 57px;
}

.wf-not-loggedin #nav-container, 
.wf-not-loggedin #main-content > .alert,
.wf-not-loggedin .site-header,
.wf-not-loggedin #main-content > br {
    display: none;
}
.wf-not-loggedin #main-content {
    padding: 0;
}
.wf-not-loggedin #footer-app {
    margin: 0;
}
body.wf-not-loggedin , .wf-not-loggedin .content {
    background: transparent;
}
body.wf-not-loggedin  {
    padding-top: 0 !important;
    min-height: 0 !important;
} 
.wf-not-loggedin:not(.wf_formbuilder_form) p,
.wf-not-loggedin:not(.wf_formbuilder_form) code,
body.wf-not-loggedin:not(.wf_formbuilder_form) , 
.wf-not-loggedin:not(.wf_formbuilder_form) .table td, 
.wf-not-loggedin:not(.wf_formbuilder_form) .table th, 
.wf-not-loggedin a, 
.wf-not-loggedin:not(.wf_formbuilder_form) .panel-title > a, 
.wf-not-loggedin:not(.wf_formbuilder_form) .panel-title > small > a, 
.wf-not-loggedin:not(.wf_formbuilder_form) .panel-title > .small > a {
    font-family: pt-sans-pro, sans-serif !important;
    font-weight: 300;
    color: #555;
}
.wf-not-loggedin .table > thead > tr > th {
    background: inherit;
    border: none;
    font-weight: 700;
}
.wf-not-loggedin .table > thead > tr > th {
    background: inherit;
}
.wf-not-loggedin .table > tfoot > tr > th {
    background: inherit;
}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 16px;
}
.wf-not-loggedin:not(.wf_formbuilder_form) h1,
.wf-not-loggedin:not(.wf_formbuilder_form) h2,
.wf-not-loggedin:not(.wf_formbuilder_form) h3,
.wf-not-loggedin:not(.wf_formbuilder_form) h4,
.wf-not-loggedin:not(.wf_formbuilder_form) h5,
.wf-not-loggedin:not(.wf_formbuilder_form) h6 {
    font-family: museo-slab, serif; 
    font-weight: 700;
    color: #356F79;
}
.wf-not-loggedin .navbar-toggle {
    background: none !important;
    border: none !important;
}
.wf-not-loggedin .small-col {
    width: 1px;
}

.wf-not-loggedin .wf_formbuilder_form #nav-container, 
.wf-not-loggedin .wf_formbuilder_form .site-header, 
.wf-not-loggedin .wf_formbuilder_form #navigation-top,
.wf-not-loggedin .wf_formbuilder_form #footer-app {
    display: none;
}
.wf-not-loggedin .wf_formbuilder_form .container {
    padding-bottom: 0 !important;
}
.wf-not-loggedin .wf_formbuilder_form .containerBody {
    padding-bottom: 4em;
}
.wf-not-loggedin .wf_formbuilder_form .content, .wf-not-loggedin .wf_formbuilder_form {
    background: #fff !important;
}
.wf-not-loggedin .wf_formbuilder_form .containerBody, .wf_formbuilder_form .container .containerHeader h1 {
    max-width: 1200px;
    margin: 0 auto;
}

.wf-not-loggedin:not(.wf_formbuilder_form) .bg {
    background: url(https://onlineforms.ehawaii.gov/wf/imgdoc/0/bg-mock.jpg/) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -10;
}
.wf_formbuilder_form {
    background: #fff !important;
}
.wf_formbuilder_form .form-group .control-label{
    margin-bottom: 0.5rem !important;
}
.wf-not-loggedin #footer-app  {
    background: rgba(0, 0, 0, 0.7);
    
}
.wf-not-loggedin #footer-app {
    color: #fff !important;
    padding: 2em;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}
.wf-not-loggedin #footer-app p, .wf-not-loggedin #footer-app a {
    color: #fff !important;
}

.wf-not-loggedin .navbar-sliver {
    background-color: rgba(0,0,0,.9) !important;
    transition: .5s all ease;
}
@media (min-width: 992px) {
    .wf-not-loggedin .navbar-sliver {
        background-color: rgba(0,0,0,.7) !important;
    }
}
.wf-not-loggedin .navbar-inverse, 
.wf-not-loggedin .navbar-inverse .navbar-nav > li > a, 
.wf-not-loggedin .navbar-inverse .navbar-brand, 
.wf-not-loggedin .ehawaii_brand {
    color: #fff;
    font-family: pt-sans-pro, sans-serif !important;
}
.wf-not-loggedin .navbar-inverse .navbar-nav > li > a {
    font-weight: 500;
}
.wf-not-loggedin .ehawaii_brand {
    font-weight: 100;
}
.wf-not-loggedin .content {
    overflow: auto;
    padding: 0;
}


.wf-not-loggedin .navbar-sliver > .container  {
    padding: 0;
    width: auto;
}
.wf-not-loggedin .container > .navbar-header {
    margin-left: 0;
    margin-right: 0;
}

.wf_page_home .head {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10em;
    margin-bottom: 15em;
    color: #fff !important;
    font-weight: 300;
    padding: 1.5em;
    background-color: rgba(255,255,255,0.8);
}
.wf-not-loggedin .head.shrunk {
    margin: 0;
    overflow: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 1.5em 47px;
    background-color: #356F79;
}

.wf-not-loggedin .head .pageTitle {
    font-size: 4rem;
    color: #356F79;
    margin-bottom: 0;
    font-weight: 700;
    font-family: museo-slab, serif !important;
}

.wf-not-loggedin .head p {
    color: #333;
}
.wf-not-loggedin .head.shrunk p {
    display: none;
}
.wf-not-loggedin .head img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 0 auto .8em;
}
.wf-not-loggedin .head.shrunk img {
    float: left;
    width: 100px;
}
@media(min-width:769px){
    .wf-not-loggedin .head img {
        max-width: 300px;
    }
}
.wf-not-loggedin .search-box {
    border: none;
    color:#555;
    padding: .7em 3em .7em 1.7em;
    width: 100%;
    margin-top: .6em;
    border-radius: 30px;
    font-size: 16px !important;
}
.wf-not-loggedin .shrunk .search-box {

    margin-top: .2em;
}
.wf-not-loggedin .search-box:after {
    content: '';
    width: 1em;
    height: 1em;
    display: block;
    background: #f00;
}

.wf-not-loggedin .gray {
    color: #555 !important;
}
.wf-not-loggedin .light-gray {
    color: #919191 !important;
}

.wf-not-loggedin .overlap, .wf-not-loggedin #footer-app, .wf-not-loggedin .ff-content {
    margin-top: -25px;
    /*border-top-right-radius: 15px;
    border-top-left-radius: 15px;*/
    box-shadow: 0 -8px 10px -7px rgba(98, 98, 98, 0.6);
}

.wf-not-loggedin .ff-content {
    min-height: 500px;
    background: #fff !important;
    padding: 2em 0 4em;
}
.wf-not-loggedin .ff-content .container {
    max-width: 1200px;
}
.wf-not-loggedin .ff-table {
    border: none;
}

#bs-primary-nav-in {
    margin-right: 1em;
}

.wf-not-loggedin .header-search-wrapper {
    position: relative;
}
.wf-not-loggedin .shrunk .header-search-wrapper {
    width: 400px;
float: left;
margin-left: 1.5em;
max-width: 60%;
}
.wf-not-loggedin .header-search-wrapper .icon-wrapper {
    position: absolute;
    background: #eee;
   top: 16px;
right: 10px;
border-radius: 100%;
padding: 5px;
min-width: 32px;
min-height: 32px;
}
.wf-not-loggedin .icon-wrapper .fa {
    position: absolute;
right: 9px;
bottom: 9px;
color: #888;
font-size: 16px !important;
}

.wf-not-loggedin .row-links tbody tr {
    /*transition: .1s ease all;*/
}
.wf-not-loggedin .row-links tbody tr:hover {
    cursor: pointer;
    background: #fafafa;
}
.wf-not-loggedin .row-links tbody tr .fa {
    transition: .2s ease all;
}
.wf-not-loggedin .row-links tbody tr:hover .fa {
    transform: translate(3px,0);
}

.wf-not-loggedin .categories .list-unstyled li {
    margin-bottom: .5em;
}
.wf-not-loggedin .categories .small-title, 
.wf-not-loggedin .forms-list .small-title {
    font-size: 1.2em;
    margin-top: 1.5em;
}
.wf-not-loggedin .forms-list {
    overflow: visible;
}
.wf-not-loggedin .forms-list li {
    border-top: 1px solid #eee;
    margin-top: 2em;

}
@media(min-width:767px){
    .wf-not-loggedin .forms-list li {
        margin-top: 2em;
        border: none;
        width: 31%;
        float: left;
        padding: 1em;
        background: #f7f7f7;
        margin-right: 1em;
        transition: .3s all ease;
        border-radius: 5px;
        border: 1px solid #f5f5f5;
    }
    .wf-not-loggedin .forms-list li:hover {
        transform: scale(1.01);
        /*cursor: pointer;*/
        box-shadow: 0 9px 5px -5px rgba(0,0,0,.15);
    }
    .wf-not-loggedin .forms-list .small-title {
        margin-top: 0;
    }
}

.wf-not-loggedin .btn-primary {
    background-color: #356f79;
    border-color: #2c616a;
    color: #fff;
}
.navbar-sliver .navbar-collapse {
    transition: .3s background ease;
}
.navbar-sliver .navbar-collapse.in, .navbar-sliver .navbar-collapse.collapsing {
    background: rgba(0,0,0,.8);
}

.results-title {
    line-height: 1.3;
  //  min-height: 50px;
    font-size: 1.5em;
}

.site-header #stateseal { margin-right: 15px;}
.site-header h1, .site-header h2 {text-shadow: none}

#loginContainer { 
    margin: 4em auto;
    max-width: 600px;
}#loginForm {margin:1em;}

.wf-loggedin .ff-content .container {width: auto;}
main {min-height: 300px;}
#login-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 200px;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  color:#eee;
  text-align: center;
}

.page_allform ul.forms-list li{
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.page_allform h2, .wf_page_home h2{
    margin-top: 0;
    font-size: 1.2em;
}
.page_allform .forms-app, .wf_page_home .forms-app{
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1em;
    padding: 0 0.5em 1em;
}

@media (min-width: 767px) {
    .page_allform .forms-app-row, .wf_page_home .forms-app-row {
        display: -webkit-flex;
        display: flex;
    }
    .page_allform .forms-app, .wf_page_home .forms-app {
        text-decoration: none;
        background-color: #f7f7f7;
        border-radius: 4px;
        padding: 1em 0.5em;
        margin-right: 1em;
        margin-top: 0;
        margin-bottom: 1em;
        flex: 1;
    }
    .wf_page_all .forms-app {
        background-color: #ffffff;
    }
    .page_allform .forms-app:hover, .wf_page_home .forms-app:hover{
        transform: scale(1.01);
        box-shadow: 0 9px 5px -5px rgba(0,0,0,.15);
    }
}

div.dataTables_paginate a.paginate_button.next, div.dataTables_paginate a.paginate_button.last {padding-right: 24px !important;}
div.dataTables_paginate a.paginate_button.first, div.dataTables_paginate a.paginate_button.previous {padding-left: 24px !important;}
div.dataTables_paginate a.first:before, div.dataTables_paginate a.previous:before, div.dataTables_paginate a.next:after, div.dataTables_paginate a.last:after{ top: 5px; }
.paging_full_numbers .paginate_button.disabled { color: #8f8f8f !important; cursor: not-allowed;}
.paging_full_numbers .paginate_button.disabled:hover { background-color: #fff; border: 1px solid #ccc;}

/* form builder fixes */ 
.wf_formbuilder_form #navigation-top, .wf_formbuilder_form #footer-app {
    display: none;
}

.wf_formbuilder_form .container {
    padding-bottom: 0 !important;
}

.wf_formbuilder_form #main-content {
  max-width: 900px 
}

.advancedSearch {
    margin-top: 15px;
}

.advancedSearchToggle {
    margin-top: 5px;
    display: inline-block;
}

#header.v3 {
    background-color: #356F79;  
    margin-top: 52px;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#header.v3 img {
    height: 10rem;
    float: left;
    margin-right: 2rem;
}

#header.v3 .siteTitle {
    font-family: "Montserrat", sans-serif; 
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
    display: block;
    margin-top: 1.5rem;
}

#header.v3 .siteTag {
    font-family: "Montserrat", sans-serif; 
    color: #fff;
    display: block;
    margin-top: -0.5rem;
}

#publicHomeContent.v3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #333;
    font-family: "Montserrat", sans-serif; 
    font-weight: 400;
}

#publicHomeContent.v3 .filterTitle {
    font-family: "Oswald", sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
}

#publicHomeContent.v3 .table {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#publicHomeContent.v3 .table thead tr {
    background-color: #efefef;
}

#main-content {
    width: 100%;
}

@media (max-width: 767px) {
    #header.v3 img {
        display: none;;   
    }
    
    #header.v3 .siteTitle {
        margin-top: 0;   
    }
}

#loginButton, #loginButton:visited  {
    color: #fff;
}