@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(//themes.googleusercontent.com/static/fonts/droidsans/v4/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(//themes.googleusercontent.com/static/fonts/droidsans/v4/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}

html,
body {
    height: 100%;
    font-family: 'Droid Sans', sans-serif !important;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -173px;
}

#frontpage h1 {
    background-color: initial;
}

#push {
    height: 0px;
}

#FooterV3 {
    height:auto;
}

.dropdown-menu {
    border-radius: inherit !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*#footer {
    height: 173px;
}*/

/*@media (max-width: 767px) {
    #footer {
        height: 276px;
    }
}*/

.media-object.pull-left {
    font-size: 30px;
    line-height: 30px;
    color: orange;
    text-transform: uppercase;
}

.media-object .month {
    display: block;
}

.media-object .year {
    font-size: 20px;
}

.media-object.pull-left p, .media-object.pull-left small {
    font-size: 20px;
    text-align: center;
}

.media-body {
    margin-left: 100px;
}



div.media-heading h3 {
    margin-left: 100px;
    margin-top: 10px;
    color: #6C6C6C !important;
    font-size: 19px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .media-object.pull-left {
        float: none !important;
    }

    .media-body, div.media-heading h3 {
        margin-left: 0;
        float: none;
    }

    .media-object .month, .media-object .year {
        display: inline;
        font-size: .75em;
    }
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    margin-top: 1px;
}

.navbar .navbar-collapse {
    text-align: left;
}

.navbar-nav > li {
    text-align: initial;
    margin-top: -1px;
}

.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    font-weight: bold;
    height: 43px;
}

    .navbar-default .navbar-nav > li > a:hover {
        background-color: #244876 !important;
        color: white !important;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: #244876 !important;
    }
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .navContainer {
        width: auto;
    }
}

#Logo {
    margin: 0 0 0 -10px;
}

#RightNav small {
    padding-top: 8px;
    display: block;
    font-size: 60%;
    font-family: 'Droid Sans', sans-serif;
}

#RightNav i {
    color: #6C6C6C;
}

#RightNav a {
    text-align: center !important;
    padding: 5px 0 0;
    font-size: 12px;
}

#RightNav li {
    width: 70px;
}

#RightNav {
    margin-top: 33px;
    margin-right: -15px;
    width: 440px;
    position: relative;
    z-index: 10;
}

@media (max-width: 767px) {
    #RightNav {
        margin-top: 10px;
        margin-left: -30px;
        left: 0;
        float: left !important;
        /*width: 100%;*/
        text-align: center;
    }

        #RightNav li {
            width: 50px;
        }
}


h1.header.announcements {
    color: orange !important;
}

h1.header {
    background-color: transparent;
    /*line-height:20px;
	padding-bottom:15px;*/
    height: auto;
}

    h1.header.top {
        padding-top: 0;
        margin-top: 0;
    }

div.widget-recent-blog-posts.widget h1, article.widget-after-content.widget-html-widget h1 {
    background-color: transparent;
}

h1.home-page {
    background-color: #f2f2f2;
}

h1 {
    /*border-left: 9px solid #051f43;*/
    height: 45px;
    padding-top: 10px;
    font-weight: 700 !important;
}

h1, h2, h3, h4, h5, h6 {
    /*color: #6c6666 !important;*/
    color: #6C6C6C !important;
}

.zone.zone-before-main {
    padding-bottom: 10px;
}

div.navbar.navbar-static.navbar-default {
    /*margin-top: 36px; inside the Search Widget!*/
    z-index: 5;
    height: 44px;
    background-image: url(particles.jpg);
    background-color: transparent;
    background-size: 100%;
}

    div.navbar.navbar-static.navbar-default.home-page {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAAA1BMVEUAGjbY7VKYAAAAAXRSTlN1YIld1QAAAAtJREFUCB1jGJQAAACWAAFbFORbAAAAAElFTkSuQmCC') /*Media/TopNavBG.png*/;
    }

div.widget-after-content.widget-html-widget.widget p {
    font-size: 20px;
    text-align: center;
}

article.widget-after-content.widget-html-widget.widget p button, article.widget-after-content.widget-html-widget.widget p a {
    color: white;
    border-radius: 0px;
    background-color: #33719d;
    border-color: white;
}

#VerticalPanels {
    padding-top: 30px;
    background-color: #153153;
}

article.widget-after-content.widget-html-widget.widget p button:hover {
    color: white;
    background-color: #19547e;
}

.thumbnail {
    border-radius: 22px !important;
}

div#Search {
    height: 85px;
    font-size: 0px;
}

    div#Search input {
        height: 85px;
        font-size: 23px;
    }

@media (max-width: 995px) {
    div#Search input {
        font-size: 26px;
    }
}

div.input-group.input-group-lg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAAA1BMVEUAGjbY7VKYAAAAAXRSTlN1YIld1QAAAAtJREFUCB1jGJQAAACWAAFbFORbAAAAAElFTkSuQmCC') /*Media/TopNavBG.png*/;
}

    div.input-group.input-group-lg input, div.input-group.input-group-lg button {
        border-radius: 0;
        background-color: transparent;
        border-color: transparent;
        color: white;
    }

.search-box::-webkit-input-placeholder {
    color: white !important;
}

.search-box:-moz-placeholder {
    color: white !important;
}

.search-box::-moz-placeholder {
    color: white !important;
}

.search-box:-ms-input-placeholder {
    color: white !important;
}

.search-bar .search-box {
    width: 85% !important;
}

div.input-group.input-group-lg button {
    border-left-color: white;
}

.zone.zone-header {
    height: 100px;
}

div.article-container h3 {
    color: #6C6C6C;
    font-weight: 500;
    font-size: 22px;
    font-family: 'Droid Sans', sans-serif;
}

i.article-toggle {
    color: #9E9E9E;
    cursor: pointer;
}

a.article-read-more {
    color: #0982AC;
    font-style: italic;
}

i.fa-play {
    zoom: 75%;
    padding: 0 5px;
}

div.article-published {
    font-style: italic;
    font-size: small;
}

div.article-body {
    display: none;
}

ul.content-items.icons-ul {
    list-style-type: none;
}

#VideoBlock {
    position: absolute;
    width: 100%;
    /*height:394px;*/
    z-index: -1000;
    /*overflow: hidden;*/
    -ms-transform-origin-y: top;
    -webkit-transform-origin-y: top;
}

    #VideoBlock video {
        width: 100%;
        display: block !important;
    }

.page-header {
    padding: 0px !important;
    margin: -1px 0 -10px !important;
    border-bottom: transparent !important;
    text-transform: uppercase;
}

ul.nav.nav-pills > li > a:hover, ul.nav.nav-pills > li > a:focus,
ul.nav.icons-ul > li > a:hover, ul.nav.icons-ul > li > a:focus {
    background-color: transparent !important;
}

.menu.menu-browse-repositories {
    padding: 10px;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: black !important;
    }
}

@media (max-width:990px) {
    .menu.menu-browse-repositories {
        padding-left: 35px;
    }
}

@media (min-width: 768px) {
    ul.nav.navbar-nav.menu.menu-main-menu .dropdown-menu > li a {
        border-left: 4px solid #eee;
    }

    ul.nav.navbar-nav.menu.menu-main-menu ul.dropdown-menu {
        padding: 0px 0px 0px 6px;
        background-color: #244876;
        min-width: 125px;
        box-shadow: none;
        border: none;
        border-top: 1px solid black;
    }

        ul.nav.navbar-nav.menu.menu-main-menu ul.dropdown-menu > li > a {
            color: white;
            text-align: left;
        }

        ul.nav.navbar-nav.menu.menu-main-menu ul.dropdown-menu > li.dropdown-submenu.open > a.dropdown-toggle {
            border-color: #eee !important;
            color: black !important;
            background-color: #eee !important;
        }

        ul.nav.navbar-nav.menu.menu-main-menu ul.dropdown-menu > li.dropdown-submenu:hover > a:after {
            border-left-color: #000;
        }

        ul.nav.navbar-nav.menu.menu-main-menu ul.dropdown-menu > li > a:hover {
            color: black !important;
            border-color: white !important;
        }

        ul.nav.navbar-nav.menu.menu-main-menu ul.dropdown-menu ul.dropdown-menu li a {
            border-left: 0px;
            padding: 3px 10px;
        }

        ul.nav.navbar-nav.menu.menu-main-menu ul.dropdown-menu ul.dropdown-menu {
            padding: 0px;
            border-top: none;
        }

    ul.nav.nav-pills.col-mg-8.col-md-offset-4.menu.menu-browse-repositories li a {
        color: #6C6C6C !important;
        font-size: inherit;
        font-weight: 700;
        padding: 13px 55px 0px 0px;
    }

    ul.nav.nav-pills.col-mg-8.col-md-offset-4.menu.menu-browse-repositories li {
        text-align: inherit;
        padding-right: 0px;
    }

        ul.nav.nav-pills.col-mg-8.col-md-offset-4.menu.menu-browse-repositories li ul {
            display: block;
            position: inherit;
            float: none;
            margin: 0px;
            border: none;
            min-width: inherit;
            box-shadow: none;
        }

    .dropdown-submenu {
        position: relative;
    }

        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -0.5px;
            margin-left: 0px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px 6px;
            border-radius: 0 6px 6px 6px;
        }

        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }

        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #cccccc;
            margin-top: 5px;
            margin-right: -10px;
        }

        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }

        .dropdown-submenu.pull-left {
            float: none;
        }

            .dropdown-submenu.pull-left > .dropdown-menu {
                left: -100%;
                margin-left: 10px;
                -webkit-border-radius: 6px 0 6px 6px;
                -moz-border-radius: 6px 0 6px 6px;
                border-radius: 6px 0 6px 6px;
            }
}
/*Button: #33719d"*/
#Search a {
    position: relative;
    right: 1%;
    color: white;
    font-size: 12px;
    top: 10px;
    float: right;
}

div#Search i {
    font-size: 26px;
    padding: 0px 10px;
}

div.widget-before-main.widget-html-widget.widget p {
    font-size: 1.0em;
    color: lightgrey;
    margin-top: 80px;
    text-align: center;
    height: 60px;
    overflow: hidden;
}

@media (min-width: 800px) and (max-width:1000px) {
    div.widget-before-main.widget-html-widget.widget p {
        font-size: 1.2em !important;
    }
}

@media (min-width: 1000px) {
    div.widget-before-main.widget-html-widget.widget p {
        font-size: 1.26em !important;
    }
}

div.biorepository {
    margin-left: 0;
}

    div.biorepository h3 img {
        float: left;
        padding-right: 3px;
    }

    div.biorepository a {
        font-size: 21px;
        color: #6C6C6C !important;
    }

        div.biorepository a:hover, div.biorepository:focus {
            text-decoration: none;
            background-color: transparent !important;
        }

/* Blog Post styles */
article.blog-post header h1 {
    margin-bottom: 50px;
    background-color: white;
}

article.blog-post header div.metadata {
    margin-bottom: 15px;
}

article.widget-navigation {
    display: inline-block;
    float: left;
}

div.home-page article.widget-navigation {
    display: inline-block;
    float: none;
}

ul.navbar-nav div.search-bar {
    min-width: 150px;
    max-width: 200px;
    margin-top: 7px;
}
/*Auto complete dropdown styling for the smaller search box*/
.twitter-typeahead {
    width: 120%;
    background-color: rgba(21,46,72,0.5);
}

div#Search.home-page .twitter-typeahead {
    width: 100%;
}

.tt-dropdown-menu {
    color: white;
    width: 100%;
    padding: 8px 8px;
    background-color: #244876;
    margin-top: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

    .tt-dropdown-menu div.header {
        margin-left: -3px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1em !important;
        margin-bottom: 3px;
        cursor: default;
    }

div#Search.home-page .tt-dropdown-menu div.header {
    font-size: 20px;
}

.tt-suggestions {
    /*border-left: 4px solid #eee;*/
    margin-left: 3px;
    padding-left: 3px;
}


.tt-suggestion div {
    text-align: left !important;
    color: white !important;
    font-size: 12px !important;
    height: auto !important;
    margin: 0 0 5px 0 !important;
}

div#Search.home-page .tt-suggestion div {
    font-size: 16px !important;
}

.tt-suggestion.tt-cursor div {
    background-color: #f5f5f5 !important;
    color: black !important;
    cursor: pointer;
}

/*End auto complete dropdown styling for the smaller search box*/
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-radius: 1px;
}

/*ul.navbar-nav input.search-box,
ul.navbar-nav div.search-bar {
	background-color: rgba(21,46,72,0.5);
}*/

div.input-group-sm input, div.input-group-sm button {
    background-color: transparent;
    border-color: transparent;
    color: white;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 0;
    background-color: #e8bd01;
    border-color: #e8bd01;
}

.pagination > li > a, .pagination > li > span, .pagination > li > button {
    position: relative;
    float: left;
    padding: 1.5px 7.5px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #515a58;
    background-color: #e6f5f3;
    border: 1px solid #cadad4;
    margin-left: 6px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #428bca;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs > li > a {
    margin-right: 5px;
    color: #a1aea9;
    line-height: 1.428571429;
    border: 1px solid #cadad4;
    border-radius: 0px;
}

.label-warning {
    color: #f0ad4e;
    font-style: italic;
    background-color: white;
}

.jumbotron {
    padding-top: 48px;
    padding-bottom: 15px;
}

.jumbotron {
    padding: 30px 30px 15px;
}

table > thead {
    background-color: #ccc;
    /*background-color: #e6f5f3;*/
}

.pagination {
    display: inline-block;
    margin: 1px 0 -3px -2px;
    padding-left: 5px;
}

.navbar {
    position: relative;
    min-height: 44px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}

    .navbar.home-page {
        margin-bottom: 72px;
    }

@media (max-width: 767px) {
    .navbar.home-page {
        margin-bottom: 10px;
    }
}



.btn {
    border-radius: 0px;
}

/*.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f0fcfb;
}*/

.grey {
    color: #84777c;
    font-size: 12px;
}

.table {
    width: 100%;
    margin-bottom: 0px;
}

#wrap > div.jumbotron > div > div > div.col-md-3 {
    height: 170px;
}

#expand-collapse-categories {
    margin-top: 10px;
    width: 100%;
    cursor: pointer;
    height: 40px;
}

.gridStyle {
    margin-bottom: 75px;
}

.documents .gridStyle {
    height:auto !important;
}

.ngViewport {
    height: auto !important;
    /*padding-top: 55px;*/
/*    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;*/
}

div:nth-child(3) > div > div.ngPagerContainer > div.ngRowCountPicker {
    display: none;
}

div:nth-child(3) > div > div.ngPagerContainer > button {
    display: none;
}

#CatalogItems > div > div > div > div:nth-child(3) > div > div.ngPagerContainer > div.ngColMenu {
    display: none;
}

.ngHeaderButton {
    top: 60px;
}

.ngFooterPanel {
    background-color: white;
    border: 1px solid #d4d4d4;
}

div.ngTotalSelectContainer > div.ngFooterSelectedItems {
    display: none;
}

.ngColMenu {
    right: 338px;
    padding: 10px 10px 0px;
    width: 255px;
    top: 44px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    position: absolute;
    border: 1px solid #000;
    z-index: 1;
}

div.ngColMenu > div > ul > li > label {
    font-weight: inherit;
}

.ngColListItem {
    right: 35px;
}

.ngColList {
    margin-left: 20px;
}

.ngColMenu > div > ul {
    padding-top: 5px;
}

.ngTotalSelectContainer {
    margin-top: 15px;
}

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

.nav-tabs {
    border-bottom: none;
}

.btn-alt {
    background-color: #153153;
    border-color: #153153;
    color: #fff !important;
}

.nav-tabs > li > a:hover {
    border: 1px solid #cadad4;
}

.FilterMenu {
    right: 0px;
    background-color: #eee;
    position: absolute;
    border: 1px solid #84777c;
    z-index: 1;
    top: 75px;
    width: 155px;
}

.ngPagerButton {
    border-color: transparent;
    background-color: #fff;
}
/*Temp Styling*/
div:nth-child(3) > div > div.input-group {
    display: none;
}

.instance-local {
    background-color: purple;
}

.instance-dev {
    background-color: #a00;
}

.instance-qa {
    background-color: green;
}

.instance-beta {
    background-color: orange;
}

.git-ribbon {
    overflow: hidden;
    position: absolute;
    left: -50px;
    top: 31px;
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-box-shadow: 0 0 1em #888;
    -webkit-box-shadow: 0 0 1em #888;
    box-shadow: 0 0 1em #888;
    z-index: 5;
}

    .git-ribbon a {
        border: 1px solid #aaa;
        color: #fff;
        display: block;
        margin: 0.05em 0 0.075em 0;
        padding: 0.5em 3.5em;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 0 0.5em #444;
    }

.FreeSearch {
    max-width: 200px;
}

    .FreeSearch > div > span > button:hover {
        color: #fff !important;
        background-color: transparent !important;
        border-color: transparent !important;
    }

    .FreeSearch::-webkit-input-placeholder {
        color: white !important;
    }

    .FreeSearch::-moz-placeholder {
        color: white !important;
    }

    .FreeSearch::-ms-placeholder {
        color: white !important;
    }

    .FreeSearch.home-page, .FreeSearch.inner-page {
        display: none;
    }

@media (max-width: 767px) {
    .FreeSearch {
        max-width: inherit;
    }

        .FreeSearch.home-page, .FreeSearch.inner-page {
            display: block;
            margin: 5px 0 0 5px;
        }

            .FreeSearch.home-page .twitter-typeahead, .FreeSearch.inner-page .twitter-typeahead {
                width: 100%;
                margin-bottom: -5px;
            }

        .FreeSearch .search-icon {
            left: 0;
            background-color: rgba(21,46,72,0.5);
        }

        .FreeSearch.inner-page {
            margin-left: 5%;
        }

            .FreeSearch.home-page .search-bar, .FreeSearch.inner-page .search-bar {
                width: 80%;
            }

            .FreeSearch.inner-page .search-bar {
                width: 75%;
            }
}

@media (min-width: 682px) and (max-width: 1000px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 11px;
        padding-left: 0;
    }
}

.white-text {
    color: #fff;
    background-color: transparent;
}

    .white-text:hover {
        color: #eee;
    }


.footer-holder {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAAA1BMVEUAGjbY7VKYAAAAAXRSTlN1YIld1QAAAAtJREFUCB1jGJQAAACWAAFbFORbAAAAAElFTkSuQmCC') /*Media/TopNavBG.png*/;
    height: 155px;
    text-align: center;
}

#footer {
    /*background-color: #eee;*/
    /*color: #707784;*/
    white-space: nowrap;
}

    #footer .menu-footer-links {
        font-size: initial;
        padding-top: 20px;
        padding-left: 10px;
    }

    #footer h5 {
        margin: 40px 0px -20px;
    }

    #footer .table {
        margin-bottom: 0px;
    }

        #footer .table tr td {
            border-top: 1px solid #9dada9 !important;
            padding-left: 30px;
            color: #707784;
            white-space: nowrap;
        }

    #footer hr {
        border-top: 1px solid #ACB9B6;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #footer .nav-foot.center .nav-foot-inner {
        padding-top: 0;
        text-align: center;
    }

        #footer .nav-foot.center .nav-foot-inner .nav {
            display: inline-block;
            float: none;
        }

    #footer h6 {
        padding-bottom: 10px;
    }

    #footer ul.nav > li > a {
        font-size: initial;
    }


    #footer address {
        margin-bottom: 0;
    }

    #footer .contact {
        font-size: 15px;
        padding: 5px 0 0 25px;
        margin-bottom: 0;
        white-space: normal;
        float: left;
        text-align: left;
    }

.contactUs {
    text-transform: none;
    font-size: 36px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.list-facets {
    overflow-y: auto;
    height: 140px;
    white-space: nowrap;
    overflow-x: hidden;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff;
    font-size:14px;
}

.text-ellipsis {
    white-space: nowrap;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    /*padding-left: 2px;*/
}

.bold {
    font-weight: bold;
}

li.ngColListItem.ng-scope {
    margin-left: -50px;
    padding-right: 10px;
}

.ngTopPanel {
    height: auto !important;
}

div#SearchResults {
    min-height: 462px;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

ul.list-facets label {
    font-weight: normal;
}

ul.list-facets input.Facets {
    margin-right: 2px;
}

.pointer {
    cursor: pointer;
}

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

.close {
    opacity: inherit;
    font-size: 20px;
}

.search-results {
    font-size: small;
    font-weight: bold;
    display: block;
    padding: 10px 0;
    color: black;
}

.doc-type {
    text-align: center;
}

.word i {
    color: blue;
}

.excel i {
    color: green;
}

.pdf i, .powerpoint i {
    color: red;
}

.image i {
    color: orange;
}

.file i, .text i, .code i {
    color: gray;
}

.modal-content {
    border-radius: 0px;
}

.snippet {
    font-size: 12px;
}

    .snippet .relevant {
        font-weight: bold;
        font-style: italic;
    }

input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-top: 0px;
}

li.ExportFields {
    float: left;
    width: 200px;
    height: 30px;
    margin-right:10px;
}

.modal-footer {
    border-top: 0px none;
}

.pillar-pie {
    width: 62px;
    height: 66px;
    background: url(/Content/Media/pillar-images.png) 0 0;
}

.pillar-pc {
    width: 86px;
    height: 66px;
    background: url(/Content/Media/pillar-images.png) -63px 0px;
}

.pillar-paper {
    width: 46px;
    height: 66px;
    background: url(/Content/Media/pillar-images.png) -147px 0px;
}

.pillar-clock {
    width: 66px;
    height: 66px;
    background: url(/Content/Media/pillar-images.png) -201px 0px;
}

.pillar-people {
    width: 66px;
    height: 66px;
    background: url(/Content/Media/pillar-images.png) -267px 0px;
}

@media (min-width: 995px) {
    .pillar {
        min-height: 350px;
    }

    .pillar-text {
        padding-top: 140px;
    }

    .pillar-offset {
        padding-bottom: 20px;
    }
}

.pillar.panel {
    border-radius: 22px;
    border: 3px solid #fff;
}

.shadow {
    box-shadow: 3px 3px 5px #888;
}

.clickable {
    cursor: pointer;
}

.inline-block {
    display: inline-block;
}

.orange {
    color: orange;
}

.synonym-block {
    overflow: hidden;
    max-height: 288px;
    overflow-y: auto;
}

.synonyms-overflow {
    min-height: 250px !important;
}

ul.synonyms li {
    color: #428bca; /*matches 'a' color*/
    /*list-style: none;*/
}

ul.synonyms a {
    font-size: small;
    font-style: italic;
}

/*popover button styles - matches a*/
button.pop {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #428bca;
    text-decoration: none;
    cursor: pointer;
}

    button.pop:hover {
        color: #2a6496;
        text-decoration: none;
        background-color: transparent !important;
    }

span.input-group-btn.transparency {
    background-color: rgba(21,46,72,0.5);
}

span.view-all-services {
    font-weight: initial;
    letter-spacing: .5px;
    font-size: 14px;
    position: absolute;
    padding: 5px 0 0 5px;
    text-transform: initial;
}

.oldBrowser {
    text-align: center;
    font-size: 25px;
    margin: 0 auto;
}

.cs-query-text {
    padding: 0 !important;
}

.templates-container {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.template-item {
    width: 225px;
    margin: 5px;
}

.follow-us {
    float: right;
    color: rgb(21, 49, 83);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background-color: white;
    padding: .5em;
    margin-left: 1em;
    position: relative;
}

.social-icons .fa {
    padding: .2em;
}

.social-icons .fa-youtube, .social-icons i {
    color: red !important;
}

.social-icons .fa-linkedin, .social-icons i {
    color: rgb(0, 108, 193) !important;
}

.social-icons .fa-twitter, .social-icons i {
    color: rgb(41, 195, 243) !important;
}

.social-icons .fa-facebook, .social-icons i {
    color: rgb(59, 89, 153) !important;
}

.homepage-video {
    background-color: #E06E11;
    margin-top: 0.5em;
    padding: 0;
}

    .homepage-video .video-container {
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        justify-content: center;
        padding: 0;
        width: 100%;
    }

    .homepage-video img {
        cursor: pointer;
        width: 100%;
        height: 100%;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .homepage-video .bq-container {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        align-items: center;
        display: flex;
        justify-content: center;
    }

        .homepage-video .bq-container blockquote {
            margin-bottom: 0;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }

    .homepage-video blockquote h2 {
        color: white !important;
        font-size: 3rem;
    }

.referenceDNAbanner {
    padding: 0px 0px 0px 0px;
    height: 250px !important;
    width: 100%;
    display: inline-block;
    max-height: 250px !important;
    /*table-layout: fixed;*/
    background-color: #733272;
    border: 1px solid #733272;
    overflow: hidden;
}

/* DEFAULT MED-LARGE */
.homepage-cpmc-banner-image {
    background-image: url(/Content/Images/CPMC_full_banner.png) !important;
    height: inherit;
    display: inline-block;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.hompage-cpmc-banner-content {
    margin-left: 15%;
}

.referencematerial-cpmc-h2 {
    float: left;
    text-align: left;
    vertical-align: top;
    color: #3a514e !important;
    font-size: 30px;
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 500;
    padding: 50px 0 0 10%;
    margin: 0 0 0 0;
    line-height: 39px;
}

.homepage-banner-image {
    float: left;
    background: url(/Content/Images/Allen_banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50%;
    height: inherit;
    display: inline-table;
    overflow: hidden;
}


.homepage-banner-image-right {
    float: right;
    background: url(/Content/Images/Allen_banner_small.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 13%;
    height: 250px;
    display: none;
}

.referencematerials-cpmc {
    background-color: white;
    width: 32%;
    height: inherit;
    display: inline-table;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height: 250px;
    vertical-align: top;
}

.referencematerials {
    background-color: white;
    width: 34%;
    height: inherit;
    display: inline-table;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height: 250px;
    vertical-align: top;
}

.referencematerials-h2 {
    float: left;
    text-align: left;
    vertical-align: top;
    color: #733272 !important;
    font-size: 3.5rem;
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 500;
    padding: 70px 0 0 10%;
    margin: 0 0 0 0;
}


.learnmore-cpmc {
    background-color: #3a514e;
    width: 16%;
    height: 250px;
    display: inline-table;
    overflow-y: hidden;
    vertical-align: top;
}

.learnmore {
    background-color: #733272;
    float: right;
    width: 16%;
    height: 250px;
    display: inline-table;
    overflow-y: hidden;
    vertical-align: top;
}

    .learnmore a, .learnmore-cpmc a {
        text-decoration: none !important;
    }

        .learnmore a:hover, .learnmore-cpmc a:hover {
            text-decoration: none !important;
        }

        .learnmore a:visited, .learnmore-cpmc a:visited {
            text-decoration: none !important;
        }

.learnmoretext {
    vertical-align: top;
    text-align: left;
    width: 55%;
    height: 250px;
    display: inline-block;
    padding: 95px 0 0 0%;
    margin: 0 0 0 0;
}

.learnmoretext-h2 {
    float: right;
    text-align: left;
    vertical-align: top;
    color: white !important;
    font-size: 2.5rem;
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    width: 100px;
    padding: 0 0 0 20%;
    margin: 0 0 0 0;
}

.learnmoretext2 {
    float: right;
    width: 45%;
    height: 250px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    padding: 100px 0 0 15px;
    margin: 0 0 0 0;
}

.learnmoretext2-h2 {
    float: left;
    text-align: left;
    vertical-align: top;
    color: white !important;
    font-size: 4.0rem;
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}


/***************************************/

.yt-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


#videoModal iframe {
    width: 75vw;
    height: 75vh;
    max-height: 680px;
    max-width: 1024px;
}

#videoModal {
    overflow: hidden;
}

    #videoModal button.close {
        position: absolute;
        right: 0;
        top: 0;
        color: black;
        font-size: 10rem;
        margin-right: 1.5rem;
    }




@media only screen and (min-device-width : 300px) and (max-device-width : 768px) {

    #video-container img {
        max-width: 100vw;
    }

    #video-container iframe {
        margin-top: 10vh;
        height: 60vh;
        width: 100vw;
    }


    .homepage-cpmc-banner-image {
        background-image: none !important;
    }

    .hompage-cpmc-banner-content {
        margin-left: 0%;
    }

    .learnmore-cpmc {
        width: 30%;
    }

    .referenceDNAbanner {
        background-color: transparent;
        border: none;
    }

    .referencematerials-cpmc {
        width: 70% !important;
    }

    .referencematerial-cpmc-h2 {
        padding: 25px 0 0 5%;
    }
}

@media only screen and (min-device-width : 300px) and (max-device-width : 768px) and (orientation : landscape) {
    #video-container iframe {
        margin-top: 0;
        height: 100vh;
        width: 100vw;
    }

    .learnmore-cpmc {
        width: 30%;
    }

    .homepage-cpmc-banner-image {
        background-image: none !important;
    }

    .hompage-cpmc-banner-content {
        margin-left: 0%;
    }

    .referenceDNAbanner {
        background-color: transparent;
        border: none;
    }

    .referencematerials-cpmc {
        width: 70% !important;
    }

    .referencematerial-cpmc-h2 {
        padding: 25px 0 0 5%;
    }
}




/* iPad Pro Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .learnmoretext-h2 {
        text-align: center;
    }

    .learnmore-cpmc {
        width: 40%;
    }

    .hompage-cpmc-banner-content {
        margin-left: 33%;
    }

    .referenceDNAbanner {
        background-color: transparent;
        border: none;
    }

    .referencematerials-cpmc {
        width: 60% !important;
    }

    .referencematerial-cpmc-h2 {
        padding: 25px 0 0 5%;
        font-size: 30px;
    }
}

/*iPad Pro Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .learnmore-cpmc {
        width: 40%;
    }

    .hompage-cpmc-banner-content {
        margin-left: 33%;
    }

    .referenceDNAbanner {
        background-color: transparent;
        border: none;
    }

    .referencematerials-cpmc {
        width: 60% !important;
    }
}

/*iPad in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    div.navbar.navbar-static.navbar-default {
        margin-bottom: 10px;
    }

    .container {
        width: auto;
    }

    .learnmore-cpmc {
        width: 40%;
    }

    .hompage-cpmc-banner-content {
        margin-left: 33%;
    }

    .referenceDNAbanner {
        background-color: transparent;
        border: none;
    }

    .referencematerials-cpmc {
        width: 60% !important;
    }

    .referencematerial-cpmc-h2 {
        padding: 25px 0 0 5%;
    }
}
/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    div.navbar.navbar-static.navbar-default {
        margin-bottom: 10px;
    }

    .homepage-cpmc-banner-image {
        background-image: url(/Content/Images/CPMC_full_banner.png) !important;
    }

    .learnmore-cpmc {
        width: 40%;
    }

    .hompage-cpmc-banner-content {
        margin-left: 33%;
    }

    .referenceDNAbanner {
        background-color: transparent;
        border: none;
    }

    .referencematerials-cpmc {
        width: 60% !important;
    }

    .referencematerial-cpmc-h2 {
        padding: 25px 0 0 5%;
        font-size: 22px;
    }
}

@media (max-width: 420px) {
    .hidden-xs-portrait {
        display: none !important;
    }

    #RightNav {
        width: 150px;
    }
}

@media (max-width: 1299px) and (min-width:1200px) {
    .howCanWeHelp {
        padding-left: 0;
        padding-right: 0;
    }

        .howCanWeHelp h1 {
            font-size: 24px;
        }
}

/*iPhone 5 & 5S in landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    div.navbar.navbar-static.navbar-default {
        margin-bottom: 10px;
        margin-top: 0px !important;
    }

    #RightNav {
        width: 250px !important;
        margin-top: 25px !important;
        padding-left: 100px !important;
    }

    .hidden-xs-portrait {
        display: none !important;
    }

    .footer-holder {
        background-color: #153153;
        height: 285px;
    }
}


/*iPhone 5 & 5S in portrait*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    div.navbar.navbar-static.navbar-default {
        margin-bottom: 10px;
        margin-top: 0px !important;
    }

    .howCanWeHelp {
        padding-left: 0;
        padding-right: 0;
    }

        .howCanWeHelp h1 {
            font-size: 24px;
        }

    .container {
        width: auto;
    }

    #RightNav {
        width: 100% !important;
    }

    body {
        padding-top: 150px !important;
    }

    .sample-description {
        width: 135px !important;
    }

    #Description h4, #Affected h4, #Age h4, #Gender h4 {
        font-size: 13px;
    }

    .footer-holder {
        background-color: #153153;
        height: 295px;
    }

     .footer-holder .contact > div {
            padding: 5px;
        }
}

/*iPhone 6 in landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    div.navbar.navbar-static.navbar-default {
        margin-bottom: 10px;
        margin-top: 0px !important;
    }

    #RightNav {
        width: 150px;
        margin-top: 25px !important;
        padding-left: 150px;
    }

    .hidden-xs-portrait {
        display: none !important;
    }

    .sample-description {
        width: 340px !important;
    }

    .footer-holder {
        background-color: #153153;
        height: 285px;
    }
}

/*iPhone 6 in portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    div.navbar.navbar-static.navbar-default {
        margin-bottom: 10px;
    }

    .howCanWeHelp h1 {
        font-size: 25px;
    }

    .hidden-xs-portrait {
        display: none !important;
    }

    .FreeSearch {
        max-width: inherit;
    }

    .sample-description {
        width: 155px;
    }

    #Description h4, #Affected h4, #Age h4, #Gender h4 {
        font-size: 15px;
    }

    .footer-holder {
        background-color: #153153;
        height: 285px;
    }
}

/*iPhone 6 Plus in landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    div.navbar.navbar-static.navbar-default {
        margin-bottom: 10px;
        margin-top: 0px !important;
    }

    #RightNav {
        width: 150px;
        margin-left: 0px;
        padding-left: 175px;
        margin-top: 25px !important;
    }

    .hidden-xs-portrait {
        display: none !important;
    }

    .sample-description {
        width: 390px;
    }

    .footer-holder {
        background-color: #153153;
        height: 265px !important;
    }

     .footer-holder .contact > div {
            padding: 5px;
        }
}


/*iPhone 6 Plus in portrait*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
    div.navbar.navbar-static.navbar-default {
        margin-bottom: 10px;
    }

    .howCanWeHelp h1 {
        font-size: 25px;
    }

    .sample-description {
        width: 200px;
    }

    .hidden-xs-portrait {
        display: none !important;
    }

    #Description h4, #Affected h4, #Age h4, #Gender h4 {
        font-size: 15px;
    }

    .footer-holder {
        background-color: #153153;
        height: 285px;
    }
}

/*iPhone X in portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
    .footer-holder {
        height: 285px;
    }

        .footer-holder .contact > div {
            padding: 5px;
        }
}

/*iPhone X in landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    .footer-holder {
        height: 255px;
    }

     .footer-holder .contact > div {
            padding: 5px;
        }
}

@media only screen and (max-device-width: 1275px) and (min-device-width: 1200px) {
    .howCanWeHelp h1 {
        font-size: 24px;
    }
}

/*iPad in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .navbarContainer {
        padding-left: 0px;
        padding-right: 0px;
    }

     .footer-holder {
        height: 220px;
    }
}

/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .navbarContainer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .FreeSearch {
        max-width: 175px;
    }

    .footer-holder {
        height: 220px;
    }
}

/*iPad Pro in landscape*/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
    .navbarContainer {
        padding-left: 0px;
        padding-right: 0px;
    }

      .footer-holder {
        height: 175px;
    }
}

/*iPad Pro in portrait*/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
    .navbarContainer {
        padding-left: 0px;
        padding-right: 0px;
        width: auto;
    }

    .FreeSearch {
        max-width: 175px;
    }

     .footer-holder {
        height: 220px;
    }
}

div.width20 {
    width: 20%;
}

/*Full screen video css begin*/

.fullscreen-bg {
    position: fixed;
    top: 110px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    /*.fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }*/

    .fullscreen-bg__video {
        display: none;
    }
}

@media only screen and (min-device-width : 767px) and (max-device-width : 960px) {
    .container {
        width: auto !important;
    }
}

@media only screen and (min-device-width : 674px) and (max-device-width : 766px) {
    #RightNav {
        margin-top: 30px !important;
        margin-left: -1px !important;
        width: 358px;
    }
}

@media only screen and (min-device-width: 668px) and (max-device-width : 673px) {
    #RightNav {
        margin-top: 30px !important;
        margin-left: -1px !important;
        width: 310px;
    }
}

@media only screen and (min-device-width: 454px) and (max-device-width : 667px) {
    #RightNav {
        margin-top: 30px !important;
        margin-left: -1px !important;
        width: 150px !important;
    }
}


@media only screen and (min-device-width: 454px) and (max-device-width : 569px) {
    body {
        padding-top: 100px !important;
    }
}

@media only screen and (min-device-width: 100px) and (max-device-width : 319px) {
    body {
        padding-top: 150px !important;
    }
}

@media only screen and (max-device-width : 319px) {
    html, body {
        width: 300px !important;
    }
}

@media only screen and (max-device-width : 754px) {
    /*#RightNav {
        margin-top: 0;
        margin-left: 0px !important;
    }*/

    /*body {
        padding-top: 170px !important;
    }*/

    .fullscreen-bg {
        top: 170px !important;
    }
}

/*Full screen video css end*/

@media (min-width: 1200px) {
    .container {
        width: 1060px;
    }
}

.carousel-caption {
    z-index: 0;
}

    .carousel-caption p {
        font-size: 19px;
    }

.carousel-indicators {
    z-index: 1;
}