/* Add All Custom CSS Modifications Here (Loaded after the main style sheet) */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/*these settings make sure the footer is always at the bottom
  footer will stretch with content and stay at the bottom when there is
  not enough content
*/
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

#page-wrapper {
    padding: 0px;
    padding-bottom: 391px; /* Height of the footer. Must be the same value */
}

.footer-v1 {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 391px; /* Height of the footer. Must be the same value */
}

    .footer-v1 .copyright {
        padding: 15px 0px;
    }

    .footer-v1 .footer {
        background-color: #3b3b3b;
    }
/*END footer settings*/


a {
    color: #15B1FF;
}

    a:hover {
        /*color: #15B1FF;*/
        text-decoration: none;
    }

/*sets a "zebra" pattern for table rows*/
tr:nth-child(even) {
    background-color: rgba(248,248,248, 0.42);
}

/*custom header settings*/

.header-v6.header-classic-dark {
    background: #fefefe;
    -webkit-box-shadow: -1px 7px 12px -10px rgba(0,0,0,0.55);
    -moz-box-shadow: -1px 7px 12px -10px rgba(0,0,0,0.55);
    box-shadow: -1px 7px 12px -10px rgba(0,0,0,0.55);
}

    .header-v6.header-classic-dark .navbar .container {
        width: auto;
        padding: 0 100px;
    }

    .header-v6.header-classic-dark .navbar-nav > li > a {
        color: #4F5050;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
    }

        .header-v6.header-classic-dark .navbar-nav > li > a:hover,
        .header-v6.header-classic-dark li.menu-icons i.menu-icons-style:hover,
        .header-v6.header-classic-dark .dropdown-menu li a:hover {
            color: #0C6693;
        }

    .header-v6.header-classic-dark .dropdown-menu {
        background: #fbfbfb;
        -webkit-box-shadow: -1px 7px 26px -11px rgba(0,0,0,0.55);
        -moz-box-shadow: -1px 7px 26px -11px rgba(0,0,0,0.55);
        box-shadow: -1px 7px 26px -11px rgba(0,0,0,0.55);
    }

.header-v6 .dropdown-menu {
    border-top: none;
}

.dropdown-menu {
    top: 60%;
    margin-left: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
}

.header-v6.header-classic-dark .dropdown-menu li a {
    color: #4F5050;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
}


.header-v6.header-classic-dark li.menu-icons i.menu-icons-style {
    color: #4F5050;
    font-size: 14px;
}

.header-v6 li.menu-icons i.menu-icons-style {
    line-height: 85px;
}

.sign-in-font {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
}

    .sign-in-font:hover {
        color: tomato;
    }

.breadcrumbs {
    margin-bottom: 50px;
}

.content {
    padding-bottom: 80px;
}

.headline h2 {
    border-bottom: 2px solid #15B1FF;
}

.who li i {
    color: #15B1FF;
}

.btn,
.btn-u {
    border-radius: 5px;
}

.btn-product-list-top {
    background: #767474;
    color: white;
}

    .btn-product-list-top:hover {
        background: #989696;
        color: white;
        text-decoration: none;
    }

.btn-white {
    background-color: transparent;
    color: black;
    font-size: 12px;
    border: 1px solid #eaeaea;
}

    .btn-white.btn-pmi:hover {
        background-color: rgba(21,177,255, 0.6);
        border: 1px solid rgba(21,177,255, 0.8);
        color: white;
        border-radius: 2px;
    }

    .btn-white.btn-action:hover {
        background-color: rgba(220,53,34, 0.6);
        border: 1px solid rgba(220,53,34, 0.8);
        color: white;
        border-radius: 2px;
    }

    .btn-white.btn-detail:hover {
        background-color: rgba(22,127,57,0.6);
        border: 1px solid rgba(22,127,57,0.8);
        color: white;
        border-radius: 2px;
    }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li a:hover {
    background-color: #3498DB;
    border-color: #3498DB;
}

.btn-search,
#topcontrol:hover {
    background-color: rgba(21,177,255, 1);
}

    .btn-search:hover {
        background-color: rgba(21,177,255, 0.8);
    }

.breadcrumb li.active, .breadcrumb li a:hover {
    color: rgba(21,177,255, 1);
}

.btn-primary {
    color: white;
}



.interactive-slider-v2.img-v4 {
    background: url(../18.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

/*  Blue CSS Theme Color Registration and Login Page v4
------------------------------------*/
.reg-block {
    border-top: none;
}

    .reg-block .social-login {
        color: rgba(0,0,0,.5);
        padding-top: 60px;
        border-top: 1px solid #eee;
        position: relative;
    }

    .reg-block .or {
        position: absolute;
        border: 1px solid #eee;
        width: 70px;
        height: 70px;
        top: -35px;
        left: 50%;
        margin-left: -35px;
        text-transform: uppercase;
        background: #fff;
        line-height: 70px;
        padding: 0 24px;
    }

    .reg-block .bottom .btn-u {
        width: 190px;
        text-align: center;
        line-height: 38px;
    }

    .reg-block .btn-u {
        border: 0;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        font-weight: 400;
        padding: 6px 13px;
        position: relative;
        /*background: #72c02c;*/
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
        margin-bottom: 70px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .reg-block .checkbox label {
        max-width: 250px;
    }

/* Client Layout Home CSS */

.profile .panel-profile .profile-event {
    border: 2px solid #f7f7f7;
    margin: 5px 0;
}


.profile .name-location {
    height: 66px;
}

.list-inline {
    margin-bottom: -10px;
}

.profile .profile-event p {
    height: 40px;
}

.pay-application-button {
    margin-left: 8px;
}

.productsDropdown {
    /* min-width:100%; */
}

.btn .caret {
    margin-left: 15px;
}

.m-t-2 {
    margin-top: 2px;
}

.container.content.profile {
    width: 85%;
    margin-bottom: 20px;
    /*border-radius: 5px;*/
}

.container.welcome-section {
    width: 85%;
}

.panel-heading {
    /*border-radius: 5px;*/
    margin-bottom: 5px;
    border-bottom: none;
}

.panel-body {
    padding: 0;
}

.profile .profile-body {
    background: transparent;
}

.recent-files-home,
.upcoming-inspection-home {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 30px;
    width: 49%;
    height: 500px;
    overflow-y: hidden;
}

/*Swapped output stop use slimscroll plugin*/
/*.recent-files-home:hover,
.upcoming-inspection-home:hover {
    overflow-y: auto;
}*/

.application-panel {
    border-radius: 10px;
}


.m-location-home,
.contacts-home {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    width: 97.50%;
    float: none;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 5px;
    height: 300px;
    overflow: hidden;
}

    .m-location-home:hover,
    .contacts-home:hover {
        overflow-y: auto;
    }

.profile .profile-post.color-one {
    border-left: none;
}

.mCustomScrollbar {
    height: auto;
}

.pre-scrollable {
    overflow-y: auto;
}

.profile .date-formats {
    background: #0C6693;
    border-radius: 5px;
}

.profile .profile-post,
.profile .blog-border,
.profile .profile-event {
    /*border-radius: 5px;*/
}

.profile .name-location span i {
    color: #E74C3C;
}

.icon-margin {
    margin-right: 8px;
}

.button-margin {
    margin-right: 10px;
}

/*Apply Globally if necessary to all datatables*/
#file-models-panel-title {
    margin-bottom: 14px;
}

/*Apply Globally if necessary to all modal forms
  that need the button without the label*/
.hidden-label-padding {
    padding-bottom: 15px;
}

.modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative;
}

.modal-dialog {
    z-index: 2200;
}

.modal-body {
    padding: 20px 30px 30px 30px;
}

    .modal-body p {
        font-size: 15px;
    }

.inmodal .modal-body {
    background: #f8fafb;
}

.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center;
}

.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.inmodal .modal-title {
    font-size: 26px;
}

.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}

.modal-footer {
    margin-top: 0;
}


/*Custom Scroll Bar Classes -Link 9/21*/

.style-1::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background-color: transparent;
}

.style-1::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0, 0.6);
    border-radius: 10px;
}

.style-1::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
    width: 2px;
}

/*Custom badge styles*/
.badge-lists span.custom-45deg-badge {
    top: 8px;
    right: -15px;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 20% 40%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 20% 40%;
    transform: rotate(45deg);
    transform-origin: 20% 40%;
    padding: 2px 5px;
    font-size: 10px;
    letter-spacing: 1px;
}

.badge-expired {
    background: #E74C3C;
}

.badge-expiring {
    background: #FDCE00;
}


/*new home page styles*/
.side-nav-container {
    height: 800px;
    width: 12%;
    background: #FEFEFE;
    color: white;
    border: 1px solid blue;
}

.side-nav-item-container {
    margin-top: 75px;
    padding-left: 20px;
}

    .side-nav-item-container li {
        height: 50px;
        list-style-type: none;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        color: #5d727c;
    }

.dashboard-container {
    width: 88%;
    padding: 0;
}

.dashboard-top-bar {
    width: 100%;
    height: 75px;
    background: black;
}


/*additional companies application flow*/
.addCo-list-container {
    padding-left: 0px;
}

.lab-flow-container .addCo-list-container li {
    width: 200px;
    display: block;
    text-align: left;
    border: 2px solid #eaeaea;
}

/*Unauthorized Attempt CSS*/
.forbidden, .forbidden h1, .forbidden h2 {
    color: darkred;
}

.forbidden-oversize {
    font-size: 120px;
    margin-bottom: 50px;
}

.fbtn-space {
    margin-right: 10px;
}




/*consider moving everything under here to a new file*/
/*.main-dashboard-nav {
    width: 12%;
    height: 100vh;
    position: fixed;
    background: #00455d;
    z-index: 0;
}

    .main-dashboard-nav img {
        width: 100px;
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }

    .main-dashboard-nav h4 {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        color: #fafeff;
        font-weight: 800;
        font-size: 25px;
        letter-spacing: 2px;
    }*/

/*.user-client-container {
    width: 80%;
    height: auto;
    margin: 20px auto 0;
    border: 1px solid red;
    padding: 40px;
    z-index: 900;
}

.dashboard-logo-container {
    position: relative;
    width: 100%;
}

    .dashboard-logo-container img {
        width: 90px;
        position: absolute;
        padding: 10px 0 0 20px;
    }

    .dashboard-logo-container h3 {
        position: absolute;
        left: 100px;
        top: 12px;
        font-weight: 600;
    }

.dashboard-nav-item-container ul li {
    list-style-type: none;
}*/

/*.dashboard-nav-item-container ul li:hover {
        color: #ebebeb;
        border-left: 3px solid white;
        background: #035c82;
    }*/

.activeLink {
    color: black;
    border-left: 3px solid white;
    background: #035c82;
}

.activeLinkIcon {
    color: tomato;
}

/*.dashboard-nav-item-container ul li a {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    text-decoration: none;
    padding: 15px 30px;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #fafeff;
    text-transform: uppercase;
}

    .dashboard-nav-item-container ul li a:hover {
        color: white;
    }*/



a.dashboard-client-title {
    text-decoration: none;
}

.dashboard-client-title .well-nav-header:hover {
    background: #00455D;
}

.btn-blue:hover {
    background: #035C82;
    color: white;
    transition: .2s;
}

.btn-tomato:hover {
    color: #fff;
    background-color: tomato;
    border-color: tomato;
}

.topNavMoreOptionsContainer {
    text-align: right;
    padding-right: 40px;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
    position: relative;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
}

.topNavMoreOptions {
    position: absolute;
    background: #ebebeb;
    color: white;
    width: 80%;
    text-align: left;
}

    .topNavMoreOptions ul {
        list-style-type: none;
        padding: 10px 20px;
    }

        .topNavMoreOptions ul li {
            height: 30px;
            border-bottom: 2px solid #f5f5f5;
            padding: 5px;
            font-weight: 500;
        }

            .topNavMoreOptions ul li a:hover {
                color: tomato;
            }

.app-review-header-container {
    border: 2px solid #c1c1c1;
    min-height: 200px;
    background: #fbfbfb;
}

.app-review-header {
    position: relative;
    min-height: 200px;
}

    .app-review-header h2 {
        position: absolute;
        right: 0;
        top: 100px;
        text-transform: uppercase;
    }

    .app-review-header img {
        width: 70px;
        position: absolute;
        padding: 10px 5px 0 0;
        right: 0;
        top: 0;
    }

    .app-review-header .review-header-subText {
        position: absolute;
        right: 0px;
        top: 135px;
        font-size: 16px;
    }

    .app-review-header small {
        position: absolute;
        top: 90px;
    }

.app-review-section-header {
    position: relative;
}

    .app-review-section-header span {
        font-weight: 600;
        color: #016695;
        position: relative;
        font-size: 18px;
    }

        .app-review-section-header span::after {
            content: ' ';
            border-bottom: 2px solid #016695;
            width: 0%;
            position: absolute;
            bottom: -3px;
            left: 0;
            transition: width linear .2s;
        }

.app-review-section {
    padding: 15px;
    position: relative;
    transition: background linear .2s;
    transition: border-radius linear .2s;
    margin-bottom: 20px;
    border: 1px solid #dedede;
    background: #fbfbfb;
}

    .app-review-section:hover {
        border-radius: 15px;
    }

        .app-review-section:hover .app-review-section-header span::after {
            width: 100%;
        }

.certificate-manufacturing-location li {
    list-style-type: none;
    padding: 10px;
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
    margin-top: 15px;
}

    .certificate-manufacturing-location li input[type=checkbox] {
        -ms-transform: scale(1.8); /* IE */
        -moz-transform: scale(1.8); /* FF */
        -webkit-transform: scale(1.8); /* Safari and Chrome */
        -o-transform: scale(1.8); /* Opera */
        padding: 10px;
        margin-right: 10px;
    }

input[type=checkbox] {
    -ms-transform: scale(1.8); /* IE */
    -moz-transform: scale(1.8); /* FF */
    -webkit-transform: scale(1.8); /* Safari and Chrome */
    -o-transform: scale(1.8); /* Opera */
    padding: 10px;
    margin-right: 10px;
}

/*DASHBOARD CSS*/

.main-dashboard-nav {
    width: 12%;
    height: 100vh;
    position: fixed;
    background: #00455d;
    z-index: 0;
}

    .main-dashboard-nav img {
        width: 100px;
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }

    .main-dashboard-nav h4 {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        color: #fafeff;
        font-weight: 800;
        font-size: 25px;
        letter-spacing: 2px;
    }

.user-client-container {
    width: 80%;
    height: auto;
    margin: 20px auto 0;
    border: 1px solid #cecece;
    padding: 40px;
    z-index: 900;
}

.dashboard-logo-container {
    position: relative;
    width: 100%;
}

    .dashboard-logo-container img {
        width: 90px;
        position: absolute;
        padding: 10px 0 0 20px;
    }

    .dashboard-logo-container h3 {
        position: absolute;
        left: 100px;
        top: 12px;
        font-weight: 600;
    }

.dashboard-nav-item-container ul li {
    list-style-type: none;
    border-left: 3px solid transparent;
}

    .dashboard-nav-item-container ul li:hover,
    .dashboard-nav-item-container ul li:active {
        color: #ebebeb;
        border-left: 3px solid white;
        background: #035c82;
    }

    .dashboard-nav-item-container ul li.activeLink {
        color: black;
        border-left: 3px solid white;
        background: #035c82;
    }

.activeLinkIcon {
    color: tomato;
}

.dashboard-nav-item-container ul li a {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    text-decoration: none;
    padding: 15px 30px 15px 10px;
    display: inline-block;
    width: 100%;
    font-size: .7vw;
    color: #fafeff;
    text-transform: uppercase;
}

    .dashboard-nav-item-container ul li a:hover {
        color: white;
    }


.well-nav-header {
    margin-bottom: 0;
    background: #002836;
    border-radius: 0;
    border: 0;
    color: white;
    /*border-bottom: 1px solid rgba(245,245,245, 0.4);*/
    /*-webkit-box-shadow: 0px -4px 10px 0px rgba(255,255,255,0.6);
    -moz-box-shadow: 0px -4px 10px 0px rgba(255,255,255,0.6);
    box-shadow: 0px -4px 10px 0px rgba(255,255,255,0.6);*/
    height: 100px;
    text-align: center;
}

    .well-nav-header h3 {
        margin: auto;
        color: white;
        text-transform: uppercase;
        font-size: 1vw;
        font-weight: 500;
        text-decoration: none;
        vertical-align: middle;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

/*.btn-blue {
    background: #2C5876;
    color: white;
}*/

.btn-blue:hover {
    background: #035C82;
    color: white;
    transition: .2s;
}

.btn-green {
    color: #fff;
    background-color: #388238;
    border-color: #388238;
}

    .btn-green:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #4cae4c;
    }

.topNavMoreOptionsContainer {
    text-align: right;
    padding-right: 40px;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
    position: relative;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
}

.topNavMoreOptions {
    position: absolute;
    background: #ebebeb;
    color: white;
    width: 80%;
    text-align: left;
}

    .topNavMoreOptions ul {
        list-style-type: none;
        padding: 10px 20px;
    }

        .topNavMoreOptions ul li {
            height: 30px;
            border-bottom: 2px solid #f5f5f5;
            padding: 5px;
            font-weight: 500;
        }

            .topNavMoreOptions ul li a:hover {
                color: tomato;
            }

.application-container {
    /*width: 85%;*/
    margin: 0 auto;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}

.section-table-heading {
    height: 30px;
    background: #006595;
    color: white;
}

/*.section-table-heading th:first-child {
        padding-left: 40px;
    }*/

/*.section-table-body {
    height: 75px;
}

    .section-table-body td {
        padding: 40px;
        font-size: 16px;
        background: #ffffff;
        color: #555555;
        border-bottom: 2px solid #ebebeb;
    }

        .section-table-body td:first-child {
            font-weight: 500;
            color: black;
            padding-left: 40px;
            font-size: 18px;
        }*/

.application-box {
    padding: 10px;
    border: 1px solid #cecece;
    height: 70px;
}

.application-logo {
    width: 10%;
}

    .application-logo img {
        height: 50px;
    }

.application-box-logo td img {
    height: 50px;
}

.top-of-page-cta {
    position: relative;
    top: 0;
}

    .top-of-page-cta a {
        position: absolute;
        right: 0;
        top: 0;
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

.homeDashboardLeftSide {
    float: left;
    width: 60%;
}

.homeDashboardRightSide {
    float: right;
    width: 35%;
}

.homeDashboardLargeBox {
    width: 100%;
    border: 2px solid #ebebeb;
    height: 400px;
    padding: 30px;
    margin-bottom: 20px;
    /*background: #2C5876;*/
    background: white;
}

    .homeDashboardLargeBox h2 {
        color: black;
        font-size: 1.5vw;
    }

.homeDashboardLargeBox-contact {
    background: #2b5876; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #4e4376, #2b5876); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #4e4376, #2b5876); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.homeDashboardLargeBox:hover {
    /*background: #035C82;*/
    border: 2px solid #7a7a7a;
    transition: .5s;
}

    .homeDashboardLargeBox:hover .dashboard-details-container {
        border-bottom: 1px solid #7a7a7a;
        transition: .5s;
    }

.button-header-container {
    position: relative;
}

    .button-header-container a, .button-header-container button {
        position: absolute;
        right: 0;
        top: 0;
    }

.homeDashboardSmallBox {
    width: 49%;
    height: 195px;
    /*border: 2px solid #ebebeb;*/
    float: right;
    padding: 30px;
    cursor: pointer;
    background: #2C5876;
}

    .homeDashboardSmallBox:hover {
        background: #035C82;
        /*border: 2px solid #e5eff6;*/
    }

    .homeDashboardSmallBox:nth-child(even) {
        margin-right: 2%;
    }

    .homeDashboardSmallBox h3 {
        color: white;
        font-size: 1vw;
    }

.smallBoxesContainer a .homeDashboardSmallBox {
    margin-right: 2%;
}

.homeDashboardSmallBox:first-child, .homeDashboardSmallBox:nth-child(2) {
    margin-bottom: 10px;
}

.smallBoxesContainer {
    margin-bottom: 20px;
    height: 400px;
}

.dashboard-details-container {
    border-bottom: 1px solid #cecece;
    padding-bottom: 5px;
    position: relative;
    margin-top: 25px;
}

.dashboard-title-text {
    display: inline;
    position: relative;
    font-size: .8vw;
    color: #333333;
    font-weight: 600;
}

.dashboard-description-text, .dashboard-description-contact-text {
    display: inline;
    position: absolute;
    left: 100px;
    color: black;
    font-size: .8vw;
}

    .dashboard-description-text input {
        width: 400px;
    }

.dashboard-description-contact-text {
    margin-left: 20px;
}

.contact-email {
    margin-left: 100px;
}

.homeDashboardSmallBox h2 {
    font-size: 30px;
    margin-top: 20px;
    color: white;
}

.homeDashboardSmallBox p {
    font-size: 14px;
    color: white;
}

/*.box-1 {
    background: #2C5876;
}*/

.box-2 {
    color: #fff;
    background-color: #388238;
}

    .box-2 h3 {
        color: white;
    }

    .box-2:hover {
        color: #cecece;
        background-color: #449d44;
    }

/*.box-3 {
    background: #2C5876;
}

.box-4 {
    background: #2C5876;
}*/

.client-header-name {
    text-transform: uppercase;
    font-size: 3vw;
    color: #00455D;
    margin-top: 0px;
    display: block;
    /*border-bottom: 2px solid rgba(0,69,93, 0.7);*/
    border-bottom: 2px solid #cecece;
    margin-bottom: 10px;
    padding-bottom: 5px;
}



/*iBox*/
.resizable-panels .ibox {
    clear: none;
    margin: 10px;
    float: left;
    overflow: hidden;
    min-height: 150px;
    min-width: 150px;
}

    .resizable-panels .ibox .ibox-content {
        height: calc(100% - 49px);
    }

.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
    margin-top: 5px;
}

.ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px;
}

.ui-draggable .ibox-title {
    cursor: move;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

    .ibox.collapsed .ibox-content {
        display: none;
    }

    .ibox.collapsed .fa.fa-chevron-up:before {
        content: "\f078";
    }

    .ibox.collapsed .fa.fa-chevron-down:before {
        content: "\f077";
    }

    .ibox:after,
    .ibox:before {
        display: table;
    }

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

.ibox-content {
    clear: both;
}

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

    .ibox-heading h3 {
        font-weight: 200;
        font-size: 24px;
    }

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-title .label {
    float: left;
    margin-left: 4px;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

    .ibox-tools a {
        cursor: pointer;
        margin-left: 5px;
        color: #c4c4c4;
    }

        .ibox-tools a.btn-primary {
            color: #fff;
        }

    .ibox-tools .dropdown-menu > li > a {
        padding: 4px 10px;
        font-size: 12px;
    }

.ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0;
}

.fullscreen-ibox-mode .animated {
    animation: none;
}

body.fullscreen-ibox-mode {
    overflow-y: hidden;
}

.ibox.fullscreen {
    z-index: 2030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin-bottom: 0;
}

    .ibox.fullscreen .collapse-link {
        display: none;
    }

    .ibox.fullscreen .ibox-content {
        min-height: calc(100% - 48px);
    }

.chat-view .ibox-content {
    padding: 0;
}

.article .ibox-content {
    padding: 40px;
}

.product-detail .ibox-content {
    padding: 30px 30px 30px 30px;
}


.form-container-error {
    border: 2px solid tomato !important;
}

.form-text-error {
    color: tomato !important;
}

input:disabled {
    background-color: #eee !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

.right-side-client-dashboard {
    width: 88%;
    margin-left: 12%;
    top: 0;
    position: fixed;
    bottom: 0px;
    padding-bottom: 65px;
}

.user-name-welcome-button {
    font-size: 10px;
}

.top-of-page-nav-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    text-align: right;
    height: 65px;
    background: #ebebeb;
}


/*APPLICATION TYPE CONTAINERS*/
.application-type-box {
    padding: 40px 20px;
    border: 2px solid #00455d;
    border-radius: 5px;
    margin-bottom: 50px;
    cursor: pointer;
}

    .application-type-box h3 {
        font-size: 4vw;
        color: #00455d;
        font-weight: 500;
    }

    .application-type-box p {
        font-size: 1.5vw;
    }

.application-type-logo {
    margin-top: 25px;
}
/*.application-type-box:hover {
            -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        }*/
.application-type-container {
    margin-top: 30px;
    padding: 40px;
}

.application-type-box img {
    height: 200px;
    max-width: 100%;
}

.auth-signature {
    font-family: 'Brush Script MT';
    font-size: 48px;
    border-bottom: 1px solid #cecece;
    height: 58px;
}

.local-top-nav {
    list-style-type: none;
    padding-top: 80px;
    padding-left: 0;
}

    .local-top-nav li {
        display: inline-block;
        font-size: 20px;
        font-weight: 500;
        margin-right: 50px;
    }

        .local-top-nav li a {
            text-decoration: none;
        }

.current-selection a {
    font-weight: 600;
    color: #00a7f7;
}


.application-detail-mark-logo img {
    width: 5%;
    position: absolute;
    top: 55px;
}

/*RESPONSIVE MEDIA QUERIES*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .well-nav-header h3 {
        font-size: 2vw;
    }

    .dashboard-nav-item-container ul li a {
        font-size: .8vw;
    }

    .client-header-name {
        font-size: 4vw;
    }

    .homeDashboardLargeBox h2 {
        font-size: 2vw;
    }

    .homeDashboardSmallBox h3 {
        font-size: 1.5vw;
    }

    .dashboard-title-text, .dashboard-description-contact-text {
        font-size: 1.3vw;
    }

    .dashboard-description-text {
        font-size: 1.3vw;
        margin-left: 5px;
        position: static;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .well-nav-header h3 {
        font-size: 2vw;
    }

    .user-name-welcome-button {
        font-size: 2vw;
    }

    .dashboard-nav-item-container ul li a {
        font-size: 1vw;
    }

    .client-header-name {
        font-size: 4vw;
    }

    .homeDashboardLargeBox h2 {
        font-size: 2vw;
    }

    .homeDashboardSmallBox h3 {
        font-size: 1.5vw;
    }

    .dashboard-title-text, .dashboard-description-contact-text {
        font-size: 1.3vw;
    }

    .dashboard-description-text {
        font-size: 1.3vw;
        margin-left: 5px;
        position: static;
    }

    .homeDashboardLargeBox {
        padding: 15px;
    }

    .application-detail-mark-logo img {
        width: 10%;
        top: 25px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .top-of-page-nav-container {
        background: #00455d;
    }

    .topNavMoreOptionsContainer {
        color: #f5f5f5;
    }

    .dashboard-logo-container h3 {
        color: #f5f5f5;
    }

    .topNavMoreOptions {
        margin-top: 15px;
    }

    .right-side-client-dashboard {
        width: 100%;
        margin-left: 0;
        top: 0;
        position: fixed;
        bottom: 0px;
        padding-bottom: 65px;
    }

    .homeDashboardLargeBox h2 {
        font-size: 2.5vw;
    }

    .dashboard-title-text, .dashboard-description-contact-text, .dashboard-description-text {
        font-size: 1.6vw;
    }

    .user-name-welcome-button {
        font-size: 3vw;
    }

    .topNavMoreOptions {
        width: 100vw;
        right: 0;
    }

        .topNavMoreOptions ul {
            padding: 5vh 20px;
        }

            .topNavMoreOptions ul li {
                height: 50px;
                text-align: right;
                font-size: 3vw;
            }

    .client-cert-details-heading h1 {
        font-size: 3vw;
    }
    .client-cert-details-heading h2 {
        font-size: 2.5vw;
    }
    .client-cert-details-heading h5 {
        font-size: 1.5vw;
    }

    .local-top-nav li {
        font-size: 2vw;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {
    .homeDashboardLeftSide {
        float: none;
        width: 100%;
    }

    .homeDashboardRightSide {
        float: none;
        width: 100%;
    }

    .homeDashboardLargeBox {
        background: #f5f5f5;
    }

        .homeDashboardLargeBox h2 {
            font-size: 3.5vw;
        }

    .dashboard-title-text, .dashboard-description-contact-text, .dashboard-description-text {
        font-size: 2.5vw;
    }

    .homeDashboardSmallBox h3 {
        font-size: 3vw;
    }

    .client-header-name {
        font-size: 5vw;
    }

    .application-type-container {
        padding: 0px;
    }

    .application-type-box h3 {
        font-size: 6vw;
    }

    .application-type-box p {
        font-size: 3vw;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}