.navbar-mind, .mind-features-item .item-content, .input-group-addon, #slider-login .login .btn-primary {
    background-color: #354e76 !important;
}

#header-title img {
    height: 100px;
    width: auto;
    float: left;
    margin-top: 15px;
}

#header h3 {
    font-family: 'futura-pt', sans-serif;
    text-transform: uppercase;
    word-spacing: 0px;
    margin: 5px 35px;
    font-size: 1.4em;
}

#header .btn-header {
    padding: 10px 20px;
    font-size: .9em;
    color: #fff;
    text-transform: uppercase;
    background-color: #354e76;
    border: 1px;
    border-color: #222 !important;
    border-radius: 3px;
}

#slider-login {
    background-color: #354e76;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
}


    .input-group-addon, #slider-login .login .btn-primary {
        border-color: #666 !important;
        background-color: #222 !important;
    }

    #slider-login .login .btn-primary, .login .login-page .btn-primary {
        background-color: #222 !important;
        border-color: #666 !important;
        color: #FFF !important;
        font-weight: bold;
        margin-top: -37px;
    }

    #slider-login .login .btn-primary, .login .login-page .btn-primary, #slider-login .login .btn-primary, #slider-login .login .btn-primary, #slider-login .login .btn-primary {
        background-color: #222 !important;
        border-color: #666 !important;
        color: #fff !important;
    }

        #slider-login .login .btn-primary:hover, .login .login-page .btn-primary:hover, #slider-login .login .btn-primary:focus, #slider-login .login .btn-primary:active, #slider-login .login .btn-primary.active, #slider-login .login .open #slider-login .login .dropdown-toggle.btn-primary {
            background-color: #fff !important;
            border-color: #666 !important;
            color: #354e76 !important;
        }

#social-header {
    width: 100%;
}

    #social-header .left {
        float: left;
    }

    #social-header .right {
        float: right;
        padding-right: 70px;
    }

#social-header {
    position: absolute;
    top: 12px;
}

    #social-header #header-title > h1 {
        font-size: 1em !important;
        margin: 6px 0 0 50px;
        color: #fff !important;
    }

    #social-header a, #social-header p {
        font-family: 'futura-pt', sans-serif;
        font-size: .9em !important;
    }

    #social-header #header-title {
        margin-top: -6px !important;
    }

        #social-header #header-title img {
            height: 35px;
            width: auto;
            float: left;
            margin-left: 0 !important;
            margin-top: 0;
        }

#footer {
    border-top: #eee 2px solid;
    background: #222;
}

    #footer p {
        float: left;
        margin-top: -9px;
    }

.trustlogo {
    float: right !important;
    margin-right: 0 !important;
    padding-right: 10px;
    margin-top: -12px !important;
}

.carousel-mind-back-1 {
    background-size: cover;
    background-image: url(/Areas/SBA/Content/images/portal/vstd/back1.jpg);
    background-position: right;
}

.carousel-mind-back-2 {
    background-image: url(/Areas/SBA/Content/images/portal/vstd/back2.jpg);
    background-size: cover;
    background-position: right;
}

.carousel-mind-back-3 {
    background-size: cover;
    background-image: url(/Areas/SBA/Content/images/portal/vstd/back3.jpg);
    background-position: left;
}

.carousel-mind-back-4 {
    background-size: cover;
    background-image: url(/Areas/SBA/Content/images/portal/vstd/back4.jpg);
    background-position: right;
}

.carousel-mind-back-5 {
    background-size: cover;
    background-image: url(/Areas/SBA/Content/images/portal/vstd/back5.jpg);
    background-position: right;
}

.carousel-caption {
    display: none !important;
}



#slider-login > div.login > div.greet > h3 > span > a {
    text-transform: uppercase;
    text-decoration: none;
    background-color: #354e76;
    color: #fff;
    font-size: 12px;
    padding: 6px 8px;
    display: inline-block;
    margin-left: 36px;
    vertical-align: middle;
}

    #slider-login > div.login > div.greet > h3 > span > a:hover {
        text-transform: uppercase;
        text-decoration: none;
        background-color: #fff;
        color: #354e76 !important;
        font-size: 12px;
        padding: 6px 8px;
        display: inline-block;
        margin-left: 36px;
        vertical-align: middle;
    }

#slider-login > div.login > div.greet > h3 > span {
    margin-top: -3px !important;
    position: absolute;
}

#slider-login > div.login > div.iwantto {
    /* border: 1px solid #fff !important; */
    padding-top: 0px;
    margin-top: 0; /* box-shadow: 2px 3px 3px rgba(0,0,0,0.4); */
}

    #slider-login > div.login > div.iwantto > h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 1.4em;
        color: #354e76 !important;
        background-color: #fff;
        padding: 6px 10px;
        margin-top: 0px;
    }

#slider-login > div.login > div > ul {
    margin-top: -10px;
    margin-bottom: 0px;
    list-style: none !important;
    font-size: 16px;
    background-color: #222;
    padding: 0 10px;
    text-transform: uppercase;
}

    #slider-login > div.login > div > ul > li {
        border-bottom: 1px solid #354e76;
        border-top: 1px solid #222;
        border-left: 1px solid #222;
        border-right: 1px solid #222;
        margin-left: -10px;
        width: calc(100% + 20px) !important;
        padding: 4px 0;
        transition: all ease-in-out 200ms;
    }

        #slider-login > div.login > div > ul > li:last-child {
            border-bottom: none;
        }

        #slider-login > div.login > div > ul > li:first-child {
            border-top: none;
        }

            #slider-login > div.login > div > ul > li:first-child:hover {
                border-top: none;
            }

        #slider-login > div.login > div > ul > li:hover {
            /* background-color: #354e76; */
            border: 1px solid #fff;
        }

#slider-login div.login ul li:hover > a {
    color: #ddd !important;
}

#slider-login > div.login > div > ul > li > a {
    padding-left: 10px;
}

    #slider-login > div.login > div > ul > li > a:hover, #portal #slider-login > div.login > div > ul > li > a:active, #portal #slider-login > div.login > div > ul > li > a:visited, #portal #slider-login > div.login > div > ul > li > a:link {
        text-decoration: none;
    }


#portal .tooltip-inner {
    background-color: #354e76;
    color: #fff;
    font-size: 1.2em !important;
    border: 1px solid #ccc;
}

#portal .tooltip.bottom .tooltip-arrow {
    display: none;
}

#portal .alerts .panel-body > ul {
    -webkit-padding-start: 0px !important;
    padding: 10px !important;
}

    #portal .alerts .panel-body > ul > li > i {
        /* color: red !important; */
        padding-right: 8px;
    }

    #portal .alerts .panel-body > ul > li {
        list-style: none;
        line-height: normal;
        padding-bottom: 15px;
    }

        #portal .alerts .panel-body > ul > li:last-child {
            padding-bottom: 0;
        }

#portal .panel-primary .panel-heading, #portal .panel-primary .panel-footer {
    background-color: #354e76 !important;
    border-bottom: 1px solid #ccc;
}

#portal .panel-group > .panel .panel-heading a {
    background-color: #eee !important;
    border-bottom: 1px solid #ddd;
    color: #444 !important;
    font-size: 1em;
}

#portal .panel-primary {
    border-color: #ccc !important;
}

#portal .panel-body {
    border-color: #ccc !important;
}

#portal .panel-default > .panel-heading + .panel-collapse .panel-body {
    border: none !important;
}

#portal .panel-primary .panel-title {
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'futura-pt', sans-serif;
}

    #portal .panel-primary .panel-title.big {
        font-size: 20px;
        padding-bottom: 10px;
    }
/*#portal .panel-primary span {
	position: absolute;
	right: 35px;
}*/
#portal .panel-primary .panel-heading {
    color: #fff !important;
}

#portal a:hover {
    text-decoration: none;
}

#portal .panel-primary .fa, #portal .panel-primary .panel-heading a, #portal .panel-primary .panel-footer a {
    color: #354e76 !important;
}

    #portal .panel-primary .panel-heading a:hover, #portal .panel-primary .panel-footer a:hover {
        color: #354e76 !important;
        text-decoration: none !important;
    }

    #portal .panel-primary .fa.fa-external-link {
        color: #999 !important;
        font-size: 12px;
        padding-left: 5px;
    }

#portal #tabSelect .tab-content {
    margin-top: 10px;
    border: none !important;
}

#portal #doc-box .tab-content ul {
    -webkit-padding-start: 10px !important;
}

#portal .nav-tabs {
    border-top: none;
    border-bottom: none;
    margin-top: 0px;
}

    #portal .nav-tabs li a {
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'futura-pt', sans-serif;
        border-top: none;
        border-bottom: none;
        background-color: #fff !important;
    }

        #portal .nav-tabs li a:hover, #portal .nav-tabs li.active a, #portal .nav-tabs li.active a:hover, #portal .nav-tabs li.active a:focus {
            color: #354e76 !important;
        }

    #portal .nav-tabs > li > a {
        padding: 8px 20px;
    }

    #portal .nav-tabs + .tab-content {
        background-color: #f7f7f7 !important;
        border-top: 1px solid #ddd;
    }

    #portal .nav-tabs li a {
        border: none;
    }

    #portal .nav-tabs li:first-child a {
        border-left: none;
    }

#portal #doc-box .tab-content ul li:before {
    color: #444;
    content: "\2022" !important; /* /2022 is the numerical unicode for • */
    font-size: 1.2em;
    padding-right: .5em;
    position: relative;
    top: .1em;
}

#portal #doc-box .nav-tabs.nested li:before {
    content: none !important;
}

#portal .nav-tabs.nested + .tab-content {
    padding: 15px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    overflow: hidden;
}

.panel-primary .panel-heading, .panel-primary .panel-footer {
    background-color: #354e76;
}

.panel-primary {
    border-color: #354e76;
}



h1, h2, h3, h4, h5, h6 {
    font-family: 'futura-pt', sans-serif;
    font-weight: 300;
    color: #354e76;
}

.btn-primary, .btn-primary, .btn-primary, .btn-primary {
    background-color: #354e76;
    border-color: #354e76;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-color: #222;
        border-color: #222;
    }

a {
    color: #354e76;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #222;
        text-decoration: underline;
    }

.panel .navbar-mind .nav a:hover, .panel .navbar-mind .nav li a:hover, .panel .navbar-mind .nav a:hover {
    color: #354e76 !important;
    background-color: #eee !important;
}

#portal .panel .navbar-mind .nav a:hover, #portal .panel .navbar-mind .nav li a:hover, #portal .panel .navbar-mind .nav a:hover {
    color: #354e76 !important;
    background-color: #eee !important;
}

.page-title, .navbar-mind .nav .dropdown-menu li a:hover {
    color: #354e76 !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #354e76 !important;
    border-color: #354e76 !important;
}

.table > thead > tr > th {
    border-bottom: 2px solid #354e76;
}

a.email {
    color: #222;
    text-decoration: underline;
}

    a.email:hover {
        color: #354e76;
    }

.panel-primary .panel-heading, .panel-primary .panel-footer {
    background-color: #354e76;
}

.validation-summary-errors {
    color: #b94a48;
}

.text-success {
    color: #b94a48;
    margin-left: 35px;
    margin-top: -10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.panel-body .fa {
    color: #354e76 !important;
}

::selection {
    background: #354e76; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #354e76; /* Gecko Browsers */
}

table > thead > tr > th.centerText, table > thead > tr > th.headerLink {
    background: #354e76;
    color: #fff;
}

table > thead > tr > th.border-left, table > thead > tr > th.border-right {
    border: #354e76;
}

table > thead > tr > th.border-center {
    border-right: #fff;
    border-bottom: #fff;
}
.contact .panel-body {
    padding-bottom: 20px;
}

#header-title img {
    height: 100px;
    width: auto;
    float: left;
    margin-top: 15px;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #354e76;
    border: 1px solid #354e76;
    color: #fff;
}

label {
    color: #999;
}

label:hover {     color: #666;
}
/* MEDIA QUERIES FOR RESPONSIVE DISPLAY ONLY BEYOND THIS POINT! */

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #header-title h1 {
        font-size: 2em !important;
        margin: 45px 0 0px 120px;
    }

    #header h3 {
        margin: 5px 35px 8px !important;
        font-size: 1em !important;
    }

    #portal #slider-login > div.login > div > ul {
        margin-top: -10px;
        margin-bottom: 0px;
        list-style: none !important;
        font-size: .8em;
    }

    #slider-login > div.login > div.iwantto > h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 1.2em;
    }

    .tooltip {
        display: none !important;
    }
}

/* Portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #slider-login .slide {
        width: 60% !important;
    }

    #slider-login .login {
        width: 40% !important;
    }

    div.carousel-text {
        margin-top: 140px !important;
    }
    /* Top Workplace Badge SVG */
    img.badge {
        position: absolute;
        background-color: transparent;
        width: 220px;
        padding-left: 20px;
        margin-top: -30px;
    }

    #header h3 {
        display: none;
    }

    .navbar-mind .nav a, .navbar-mind .nav li a, .navbar-mind .nav a {
        font-size: 0.8em !important;
    }

    .nav li a {
        padding: 15px 5px;
    }

    .mind-features-item p {
        font-size: 18px;
    }

    .mind-features-item .item-content h3 {
        font-size: 1.2em !important;
        text-align: center;
        font-weight: 400;
        margin: 6px 0 15px 0;
        color: #fff;
    }
    /* Building Image on About Page */
    img.building {
        width: 100%;
        height: auto;
    }

    #portal #header #header-title h1 {
        font-size: 1.6em !important;
    }
}

/* Landscape */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #portal .links img {
        width: 62px;
        padding: 5px;
        height: auto;
        display: inline-block;
        border: solid 1px #ddd;
    }
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    /* Float Nav Left */
    .navbar-nav {

    }

    #header .container {
        background-color: #eee !important;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #header-title {
		padding-top: 10px;
        margin-top: 10px;
        display: inline-block;
        margin-left: 0px;
        width: auto !important;
        height: auto !important;
        background: none;
    }

        #header-title img {
            width: auto !important;
            height: 80px !important;
            margin: 0 auto !important;
            display: inline-block;
			margin-left: 10px !important;
        }

        #header-title h1 {
            font-family: 'futura-pt', sans-serif;
            text-transform: uppercase;
            word-spacing: 0px;
            margin: 8px 0 0px 20px;
            font-size: 1.2em;
            color: #444;
            font-weight: 700px;
            display: inline-block;
            text-align: center;
            margin-left: 0px;
        }

        #header-title h3 {
            margin: 0 0 !important;
        }
		
		.contact-button {
			margin: 0 auto !important;
			position: relative !important;
			display: block;
			float: left;
			align-content: center;
			width: 80%;
			padding-bottom: 20px;
			
		}
		
		#slider-login .helpers {
			padding-bottom: 0px !important;
			margin-top: -4px;
		}
		
		.nav-tabs .dropdown {
			float: left !important;
		}
		
		.navbar-static-top { display: none; }
		
		.fund-panel { margin-top: -10px;
		
		}
		

#footer .copy { font-size: .6em !important; 

}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}