﻿.text-orange {
    color: #ff4c00;
}
.text-dark-blue {
    color: #07587C;
}
.text-light-blue {
    color: #7a8a98;
}
.text-bright-blue {
    color: #00B1FA;
}
.text-black {
    color: #051E2B;
}
.text-gray {
    color: #686D6F;
}
.bg-light-gray {
    color: #f5f5f5;
}

.light-gray-box {
    border-radius: 0px;
    border: none;
}

.input-lg {
    border-radius: 0px;
}

.features .feature-icon-box {
    border-radius: 0px;
}

.section-pad {
    padding-top: 50px;
    padding-bottom: 50px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Merriweather", Arial, sans-serif;
    font-weight: 300;
    color:#555;
}



.hero h1 {
    font-size: 70px;
    color: #ff4c00;
}
body {
    font-family: "Lato Regular", "Montserrat", Helvetica, Arial, sans-serif;
}

.hero {
    background-color: #ffffff;
    width: 100%;
    padding-top: 100px;
    background-size: cover;
    background-position: center center;
    background-image: url("/images/guest/herobg.png");
}

    .hero p {
        width: 80%;
        margin-top: 30px;
    }

.header, .footer, .footer .copyright, .sidebar-nav {
    background-color: #31657d;
}
.footer.bg-white,
.footer.bg-white .copyright{
    background-color:#fff;
}
    .footer .copyright p  {
        color: #ffffff;
    }
    .footer.bg-white .copyright p {
        color: #00B1FA;
    }

.hero .sub-hero {
    bottom: -200px;
}

.features {
    padding-top: 250px;
}
    /*.login-btn-group {
        display:none;
    }*/
    .features .feature-heading {
        color: #07587C !important;
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
    }

    .features .feature-content {
    }

    .features .feature-text {
        color: #7a8a98 !important;
        font-size: 16px;
        line-height: 24px;
    }

.nav-list li .nav-list-item {
    color: #ffffff;
}

.hero .sub-hero .content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.features .feature-icon-box .feature-icon {
    color: #2d8885;
}

.features .feature-icon-box {
    display: none;
    background: #ffffff;
    box-shadow: none;
}

.features .feature-list-item {
    height: 300px;
}

#features h2,
.contact h2 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
}
#features .section-pad {
    padding-bottom: 0;
}
#contact {
    padding-top:0;
}
#contact.section-pad {
    padding-top:0;
    padding-bottom:50px;
}

/* Buttons */
.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-danger,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    box-shadow: none;
    border-radius: 0;
    transition: none;
}
.btn-default {
    color: #686D6F;
    background-color: #fff;
    border: 1px solid #686D6F;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus .btn-default {
    color: #fff;
    background-color: #686D6F;
    border: 1px solid #686D6F;
    box-shadow: none;
}
.btn-info {
    color: #07587C;
    background-color: #fff;
    border: 1px solid #07587C;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus .btn-default {
    color: #fff;
    background-color: #07587C;
    border: 1px solid #07587C;
    box-shadow: none;
}
.btn-success {
    color: #429a41;
    background-color: #fff;
    border: 1px solid #429a41;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus .btn-default {
    color: #fff;
    background-color: #429a41;
    border: 1px solid #429a41;
    box-shadow: none;
}
.btn-warning {
    color: #FFA049;
    background-color: #fff;
    border: 1px solid #FFA049;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus .btn-default {
    color: #fff;
    background-color: #FFA049;
    border: 1px solid #FFA049;
    box-shadow: none;
}
.btn-danger {
    color: #F04D4D;
    background-color: #fff;
    border: 1px solid #F04D4D;
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger:focus,
    .btn-danger:active:hover,
    .btn-danger:active:focus,
    .btn-danger:active.focus,
    .btn-danger.active:hover,
    .btn-danger.active:focus,
    .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus .btn-default {
        color: #fff;
        background-color: #F04D4D;
        border: 1px solid #F04D4D;
        box-shadow: none;
    }
.btn-primary {
    color: #00B1FA;
    background-color: #fff;
    border: 1px solid #00B1FA;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus .btn-default {
    color: #fff;
    background-color: #00B1FA;
    border: 1px solid #00B1FA;
    box-shadow: none;
}
/* Landing */
.contact {
    padding-top: 0px;
}

.features .features-list {
    padding-bottom: 0;
}



.form-control {
    border-radius:0;
    box-shadow:none;
}

.form-control {
    background-color:#ffffff;
}

.label-darkblue-color {
    color: #07587C;
}

.header-contact-button,
.header-contact-button:hover {
    color: #07587C;
    border-color: #07587C;
    border-radius: 0;
}

.app-login-container .login-form-box .login-form .checkbox {
    color: #07587C;
}

.app-content .app-view-header {
    background-color:#fff;
}
.sidebar-nav .sidebar-nav-list li a,
.sidebar-nav .sidebar-account-header .account-logout {
    color: #fff;
}
.white-box {
    border-radius:0;
}
/* Sidebar Nav */
.sidebar-nav .sidebar-nav-list li a {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    transition: all 200ms ease;
    font-size: 14px;
}
.sidebar-nav .sidebar-nav-list li a .sidebar-nav-list-last-line {
    padding-left: 28px;
}
.sidebar-nav .sidebar-nav-list li a:hover, .sidebar-nav .sidebar-nav-list li a:focus, .sidebar-nav .sidebar-nav-list li a:active, .sidebar-nav .sidebar-nav-list li a.active {
    background: #31657d;
    text-decoration: none;
    /*color: #00B1FA;*/
}
.sidebar-nav .sidebar-nav-list li a:hover:after, .sidebar-nav .sidebar-nav-list li a:focus:after, .sidebar-nav .sidebar-nav-list li a:active:after, .sidebar-nav .sidebar-nav-list li a.active:after {
    height: 100%;
    width: 4px;
    content: '';
    /*background: #00B1FA;*/
    position: absolute;
    top: 0;
    right: 0;
}
.sidebar-nav .sidebar-account-header .account-name a,
.sidebar-nav .sidebar-nav-label {
    color: #fff;
}
.sidebar-nav hr {
    border-top: 2px solid #686D6F;
}
/* Login & Register */
.app-login-container .login-form-box img,
.app-register-container .register-form-box img {
    padding: 20px;
}
.app-login-container,
.app-register-container {
    margin-bottom: 50px;
}
.app-login-container .login-form-box .login-form,
.app-register-container .register-form-box .register-form {
    border-radius: 0;
    background-color: #ffffff;
    border: 1px solid #999999;
}
    .app-login-container .login-form-box .login-form .login-form-link-box {
        border-top: 1px solid #999999;
    }
/* Logo */
.main-logo img,
.footer-logo img {
    height:28px;
}
/* Table */
.table-white-box {
    border-radius:0;
}
.table thead.dark th:first-child,
.table thead.dark th:last-child {
    border-radius: 0;
}
/* Dashboard */
.main-dashboard-intro-hello {
    margin-top:-30px;
}
.main-dashboard .main-dashboard-nav .main-dashboard-nav-link{
    color:#999;
}



/* Dashboard Home Boxes*/
.dashboard-home-boxes {
    width: 100%;
    padding: 15px !important;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 0;
    transition: none;
    margin-top: 20px;
    margin-bottom: 0;
    height: 340px;
}

.main-dashboard-nav-display-icon {
    margin-left: 6px !important;
}

@media (max-width: 600px) {
    .dashboard-home-boxes {
        padding: 0 !important;
        height: 270px;
    }

    .main-dashboard-nav-display-icon {
        font-size: 128px !important;
        line-height: 1;
    }
}

@media (max-width: 592px) {
    .dashboard-home-boxes {
        height: 200px;
    }
}

@media (max-width: 400px) {
    .main-dashboard .main-dashboard-nav .main-dashboard-nav-link {
        font-size:17px;
    }
}

.dashboard-home-boxes:hover, .dashboard-home-boxes:active, .dashboard-home-boxes:focus {
    background: #eee;
    box-shadow: none;
}
.main-dashboard .main-dashboard-nav .main-dashboard-nav-display-icon.typcn:before {
    text-shadow:none;
    color:red;
}
.main-dashboard .main-dashboard-nav .main-dashboard-nav-display-icon.typcn:before {

}
/* Documents theme */
.dashboard-home-boxes-documents,
.dashboard-home-boxes-documents:hover{
    border: 1px solid #5cab9d;
}
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-documents .main-dashboard-nav-display-icon.typcn:before {
    color: #5cab9d;
}
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-documents .main-dashboard-nav-link {
    color: #5cab9d;
}
.light-gray-box-documents {
    border: 2px solid #5cab9d;
    background-color: #fff;
}
.light-gray-box-documents h3 {
    color: #5cab9d;
}
/* Calendar theme */
.dashboard-home-boxes-calendar,
.dashboard-home-boxes-calendar:hover {
    border: 1px solid #5c6bab;
}
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-calendar .main-dashboard-nav-display-icon.typcn:before {
    color: #5c6bab;
}
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-calendar .main-dashboard-nav-link {
    color: #5c6bab;
}
.light-gray-box-calendar {
    border: 2px solid #5c6bab;
    background-color: #fff;
}
.light-gray-box-calendar h3 {
    color: #5c6bab;
}

/* Share theme */
.dashboard-home-boxes-share,
.dashboard-home-boxes-share:hover {
    border: 1px solid #404C5F;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-share .main-dashboard-nav-display-icon.typcn:before {
    color: #404C5F;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-share .main-dashboard-nav-link {
    color: #404C5F;
}

.light-gray-box-share {
    border: 2px solid #404C5F;
    background-color: #fff;
}

    .light-gray-box-share h3 {
        color: #404C5F;
    }

/* Questions & Messaging theme */
.dashboard-home-boxes-questions,
.dashboard-home-boxes-questions:hover,
.dashboard-home-boxes-messaging,
.dashboard-home-boxes-messaging:hover {
    border: 1px solid #ab5c92;
}
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-questions .main-dashboard-nav-link,
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-messaging .main-dashboard-nav-link {
    color: #ab5c92;
}
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-questions .main-dashboard-nav-display-icon.typcn:before,
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-messaging .main-dashboard-nav-display-icon.typcn:before {
    color: #ab5c92;
}
.light-gray-box-questions,
.light-gray-box-messaging {
    border: 2px solid #ab5c92;
    background-color: #fff;
}
.light-gray-box-questions h3,
.light-gray-box-messaging h3{
    color: #ab5c92;
}

/* Dosing theme */
.dashboard-home-boxes-dosing,
.dashboard-home-boxes-dosing:hover {
    border: 1px solid #F0C65C;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-dosing .main-dashboard-nav-link {
    color: #F0C65C;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-dosing .main-dashboard-nav-display-icon.typcn:before {
    color: #F0C65C;
}

.light-gray-box-dosing {
    border: 2px solid #F0C65C;
    background-color: #fff;
}

    .light-gray-box-dosing h3 {
        color: #F0C65C;
    }

/* Epro theme */
.dashboard-home-boxes-epro,
.dashboard-home-boxes-epro:hover {
    border: 1px solid #80ad53;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-epro .main-dashboard-nav-link {
    color: #80ad53;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-epro .main-dashboard-nav-display-icon.typcn:before {
    color: #80ad53;
}

.light-gray-box-epro {
    border: 2px solid #80ad53;
    background-color: #fff;
}

.light-gray-box-epro h3 {
    color: #80ad53;
}

/* Consent theme */
.dashboard-home-boxes-consent,
.dashboard-home-boxes-consent:hover {
    border: 1px solid #C86D44;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-consent .main-dashboard-nav-link {
    color: #C86D44;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-consent .main-dashboard-nav-display-icon.typcn:before {
    color: #C65335;
}

.light-gray-box-consent {
    border: 2px solid #C86D44;
    background-color: #fff;
    margin-bottom: 50px;
}

    .light-gray-box-consent h3 {
        color: #C86D44;
    }

/* Device theme */
.dashboard-home-boxes-device,
.dashboard-home-boxes-device:hover {
    border: 1px solid #5F7087;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-device .main-dashboard-nav-link {
    color: #5F7087;
}

.main-dashboard .main-dashboard-nav .dashboard-home-boxes-device .main-dashboard-nav-display-icon.typcn:before {
    color: #5F7087;
}

.light-gray-box-device {
    border: 2px solid #5F7087;
    background-color: #fff;
}

    .light-gray-box-device h3 {
        color: #5F7087;
    }

/* Voice theme */
.dashboard-home-boxes-voice,
.dashboard-home-boxes-voice:hover {
    border: 1px solid #BB6347;
}
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-voice .main-dashboard-nav-link {
    color: #BB6347;
}
.main-dashboard .main-dashboard-nav .dashboard-home-boxes-voice .main-dashboard-nav-display-icon.typcn:before {
    color: #BB6347;
}
.light-gray-box-voice {
    border: 2px solid #BB6347;
    background-color: #fff;
}
    .light-gray-box-voice h3 {
        color: #BB6347;
    }

/* Media Box */
.media-description-box-language {
    margin-top:10px;
}
.media-box .media-title {
    font-size:22px;
    min-height: 80px;
}
.media-box {
    transition: none;
}
.media-box .media-title {
    font-weight:500;
}
.media-box:hover {
    background-color: #f5f5f5;
}
.media-box.light-gray-box:hover, .media-box.light-gray-box:active, .media-box.light-gray-box:focus {
    background: #dfeef5;
    border-color: #07587C;
    box-shadow: none;
}
.media-box.light-gray-box:hover, .media-box.light-gray-box:active, .media-box.light-gray-box:focus {
    background-color: #f5f5f5;
}
.dashboard-share-box {
    border-radius:0;
}
/* Privacy Policy */
.app-policy-container .policy-content {
    background: #f5f5f5;
    border-radius: 0;
    padding:30px;
}


.app-logo {
    width:165px;
}


.header-select-box .form-inline .form-control {
    max-width: 600px;
    width: 100%;
}

.form-validation-box.has-failure ul li {
    background:#fff;
}
    .form-validation-box.has-failure ul li:last-child {
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
    }
    .form-validation-box.has-failure ul li:first-child {
        border-top-left-radius:0;
        border-top-right-radius:0;
    }

/* Dev Environment Styling */
.dev-environment .header,
.dev-environment .footer,
.dev-environment .footer .copyright,
.dev-environment .sidebar-nav,
.dev-environment .sidebar-nav .sidebar-nav-list li a:hover,
.dev-environment .sidebar-nav .sidebar-nav-list li a:focus,
.dev-environment .sidebar-nav .sidebar-nav-list li a:active,
.dev-environment .sidebar-nav .sidebar-nav-list li a.active {
    background-color: #FE4B21;
}


@media (max-width: 1199px)  {
    .hero {
        background-size:cover;
    }

}
@media (max-width: 991px) {
    .features {
        padding-top: 0;
    }
    .features .feature-list-item {
        height: auto;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .hero {
        text-align:center;
        background-image:none;
    }
    .hero p {
        width:100%;
    }
}
@media (max-width: 479px) {
    .hero h1 {
        font-size:48px;
    }
    .app-login-container .container,
    .app-register-container .container {
        padding: 0;
    }
    .app-login-container .login-form-box .login-form, .app-register-container .register-form-box .register-form {
        width:320px;
    }
}