﻿/*@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../../fonts/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.eot');
    src: url('../../../fonts/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../fonts/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../fonts/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../fonts/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}*/


@font-face {
    font-family: 'FontAwesome';
    src: url('../../../fonts/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../../../fonts/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../../../fonts/font-awesome-4.4.0/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../../../fonts/font-awesome-4.4.0/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../../../fonts/font-awesome-4.4.0/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../../../fonts/font-awesome-4.4.0/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------------------- KELLY THIS IS THE TEMP BUTTON FOR NOW --- DO WHAT YOU WANT ---------------- */
.btn-met { 
  color: #FFFFFF; 
  background-color: #002a54; 
  border-color: #002a54; 
    border-radius: 0px;
} 
 
.btn-met:hover, 
.btn-met:focus, 
.btn-met:active, 
.btn-met.active, 
.open .dropdown-toggle.btn-met { 
  color: #FFFFFF; 
  background-color: #3278B4; 
  border-color: #3278B4; 
} 
 
.btn-met:active, 
.btn-met.active, 
.open .dropdown-toggle.btn-met { 
  background-image: none; 
} 
 
.btn-met.disabled, 
.btn-met[disabled], 
fieldset[disabled] .btn-met, 
.btn-met.disabled:hover, 
.btn-met[disabled]:hover, 
fieldset[disabled] .btn-met:hover, 
.btn-met.disabled:focus, 
.btn-met[disabled]:focus, 
fieldset[disabled] .btn-met:focus, 
.btn-met.disabled:active, 
.btn-met[disabled]:active, 
fieldset[disabled] .btn-met:active, 
.btn-met.disabled.active, 
.btn-met[disabled].active, 
fieldset[disabled] .btn-met.active { 
  background-color: #3278B4; 
  border-color: #3278B4; 
} 
 
.btn-met .badge { 
  color: #002a54; 
  background-color: #FFFFFF; 
}

.panel {
    border-radius: 0px; 
}


/* ---------------------------------------------------------------------- */

html, body {
    height: 100%;
}

body {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
}

a {
    color: #002a54;
}

a:hover {
    color: #0381ec;
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

#main-body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -337px;
}

.push {
    height: 337px;
}



/*==========  Navigation  ==========*/

.navbar {
    margin-bottom: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-brand {
    height: 65px;
    padding-left: 0px;
    padding-right: 0px;
}

    .navbar-brand > img {
        height: 35px;
        width: auto;
    }

.dropdown-menu {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu .dropdown-header {
    color: #002a54;
}

#retailers .navbar-right {
    margin-right: 0px;
}

.nav.navbar-nav > li > button {
    display: none;
}

.help-block {
    padding-top: 11px;
    margin-top: 0px;
}

/*==========  Banner - Carousel  ==========*/
#carousel_fade .carousel-caption {
    background-color: #002a54;
    bottom: 0;
    text-shadow: none;
    box-shadow: none;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=80); /* IE 5-7 */ 
    /* Modern Browsers */
    opacity: 0.8;
    padding: 60px 30px;
}


#carousel_fade .carousel-caption h1 {
    font-size: 24px;
}

#carousel_fade .carousel-caption button {
    text-transform: uppercase;
}

#carousel_fade .carousel-controls-indicators {
    bottom: 0;
}

#carousel_fade.owl-carousel .owl-item img {
    height: auto;
}

#carousel_fade.owl-theme .owl-controls {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

/* Dots */
#carousel_fade.owl-theme .owl-dots .owl-dot span {
    background: #ffffff;
}

#carousel_fade.owl-theme .owl-dots .owl-dot.active span, #carousel_fade.owl-theme .owl-dots .owl-dot:hover span {
    background: #002a54;
    border: 2px solid #ffffff;
}

/*==========  Warning  ==========*/
.warning {
    background-color: #f0f0f0;
}

.warning .row-feature {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*==========  Footer  ==========*/
footer.footer {
    background-color: #f5f5f5;
}

.footernav-context ul.nav {
    margin-left: 0;
}

.footernav-context ul.nav li {
    border-bottom: 1px solid #999999;
    padding: 0;
    margin: 0;
}

.footernav-context ul.nav li:last-child {
    border-bottom: none;
}

.footernav-context ul.nav > li > a {
    padding: 5px 0;
    /*font-size: 13px;*/ /** might need to fix **/
    color: #666666;
}

.footernav-context ul.nav li a:after {
    content: " » ";
    float: right;
}

.footernav-context ul.nav > li > a:hover {
    color: #014075;
    background-color: transparent;
}



footer .module h3 {
    border-bottom: 1px solid #999999;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 15px; /** might need to fix **/
    font-weight: bold;
}

.copyright {
    background-color: #002a54;
    color: #ffffff;
}

.copyright a {
    color: #ffffff;
}

.copyright a:hover {
    border-bottom: 1px dashed #ffffff;
}

    .copyright .row-feature {
    padding-top: 10px;
    padding-bottom: 10px;
}

.copyright ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.copyright p {
    margin-bottom: 0;
}





.row-feature {
    padding-top: 50px;
    padding-bottom: 50px;
}



.loginmenu {
    margin-top: 13px;
}


/*==========  Articles - Categeoty List (News/Clinic Tools) ==========*/

.item.article-block {
    display: list-item;
    list-style: none;
}

.item.article-block .article-block-image img {
    width: 100%;
}

.article-list.categories .btn-more {
    position: absolute;
    top: 22px;
    right: 15px;
    /*color: #262626;*/
    padding: 6px 0px;
    border: 0;
}



h2.article-block-title, .article-block-header h2 {
    font-size: 18px;
    line-height: 22px;
}

.article-list.categories .content .article-list {
    padding-top: 25px;
    border-top: 1px solid #eaeaea;
    position: relative;
    margin-top: 20px;
}

.article-list.categories .content .article-list .item-row {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
}


.article-list.categories:nth-child(n+2) .item.categories-item {
    border-top: 4px solid #262626;
}


.article-list .article-block-blurb {
    height: 142px;
    overflow: hidden;
    margin-bottom: 20px;
}


.article-block-aside.post-categories .list-group-horizontal {
    padding: 0px;
    margin-bottom: 0px;
}

/* NEED FIX */
.article-list.categories .article-content .article-block-image {
    /*max-height: 200px;
    overflow: hidden;
    margin-bottom: 20px;*/
}

.article-list.categories .article-content .article-block-image img {
    width: 100%;
}

.article-list.categories:nth-child(n+2) .item.categories-item i {
    margin-left: 5px;
}


/*==========  Product Categories  ==========*/

#product-category-list h4.list-group-item-heading {
    font-size: 14px;
    color: #002a54;
}

#product-category-list .thumbnail a:hover h4.list-group-item-heading, #product-category-list .thumbnail a:focus h4.list-group-item-heading {
    color: #014075;
}

#product-category-list .caption.caption-introduction-text .paragraph-end {
    top: 12px;
}






/*==========  Products  ==========*/

.productListResults .well {
    margin-top: 20px;
}

/* Select from the second item and up (EXCEPT FIRST ITEM) */
.row .product-list + .product-list .well {
    margin-top: 0px;
}


/* Tab - Favourites */ 
#tabFavourites .alert {
    margin-bottom: 0;
}

    #tabFavourites .alert p {
        font-size: 13px;
    }


/* Tab - Shopping Cart and Prescription */ 
#ShoppingCart ul, #PrescriptionCart ul {
    margin-bottom: 0;
}

#ShoppingCart li, #PrescriptionCart li {
    text-align: right;
}

#ShoppingCart input, #PrescriptionCart input {
    text-align: right;
    width: 50px;
}

#ShoppingCart li span.item, #PrescriptionCart li span.item {
    text-align: left;
}

#ShoppingCart li span.unit, #PrescriptionCart li span.unit {
    width: 100px;
}

#ShoppingCart li span.subtotal, #PrescriptionCart li span.subtotal {
    width: 80px;
}

#ShoppingCart .text-right .text, #PrescriptionCart .text-right .text {
    padding-top: 8px;
    margin-right: 25px;
}


#ShoppingCart ul.list-unstyled li, #PrescriptionCart ul.list-unstyled li {
    border-bottom: 1px solid #eeeeee;
    padding-top: 5px;
}

#ShoppingCart ul.list-unstyled li:first-child, #PrescriptionCart ul.list-unstyled li:first-child {
    padding-top: 0px;
}

#ShoppingCart ul.list-unstyled li i, #PrescriptionCart ul.list-unstyled li i {
    color: #ff0000;
    margin-left: 10px;
    cursor: pointer;
}

#ShoppingCart .buttons-block, #PrescriptionCart .buttons-block {
    margin-top: 10px;
}


.productListResults .panel {
    box-shadow: 0px 0px 3px #d0d0d0;
}

.productFavouriteResults .panel.favourite {
    box-shadow: 0px 0px 3px #014075;
}

.productListResults .panel-body, .productFavouriteResults .panel-body {
    min-height: 258px;
}

/* Product Title */
.caption.caption-introduction-text {
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.productListResults .caption.caption-introduction-text .paragraph-end, .productFavouriteResults .caption.caption-introduction-text .paragraph-end {
    height: 37px;
    width: 45px;
}

.productListResults .caption.caption-introduction-text h4 {
    font-size: 15px;
}

/* Tags */
.productListResults .post-categories, .productFavouriteResults .post-categories {
    margin-bottom: 10px;
    position: relative;
    font-size: 12px;
}

.productListResults .post-categories .list-group, .productFavouriteResults .post-categories .list-group {
    margin-bottom: 15px;
    height: 45px;
    overflow: hidden;
    line-height: initial;
}

.productListResults .post-categories .paragraph-end, .productFavouriteResults .post-categories .paragraph-end {
    width: 100px;
    height: 18px;
}



.product-list .productFavouriteResults.row-feature {
    padding-bottom: 0px;
}

/* Simple View */
.simpleview .buttons-block {
    position: absolute;
    top: -135px;
    right: -1px;
}

.simpleview .buttons-block span {
    display: none;
}

.simpleview .buttons-block button {
    display: block;
    width: 30px;
    height: 30px;
    transition-duration: .2s;
}

.simpleview .buttons-block button span {
    margin-left: 10px;
}


.simpleview .buttons-block button:hover {
    width: 120px;
}

.simpleview .buttons-block button:hover span {
    display: inline;
    transition-duration: 0.5s;
    transition-delay: .5s;
}

/* Shopping Cart Button */
.simpleview .shoppingCartLineItemAdd {
    margin-bottom: 5px;
}


/* A-Z Product List Directory View */
#product-directory nav.text-center .pagination > li > a, .pagination > li > span {
    padding: 6px 18px;
}

#products-list-directory .caption {
    min-height: 25px;
    padding-top: 5px;
}

#products-list-directory .item .list-group-item-heading {
    font-size: 14px;
    vertical-align: middle;
    font-weight: normal;
}

#products-list-directory .item .buttons-block {
    margin-left: 15px;
    margin-top: 0px;
}

#products-list-directory .border-bottom {
    padding-top: 15px;
    min-height: 55px;
}






.a-tag:hover {
    background-color: #f3f8fa;
    border-radius: 5px;
}

.product-list .row-feature {
    padding-top: 20px;
    padding-bottom: 20px;
}

.product-list .list-group.productListResults {
    padding-top: 20px;
}

.product-list:nth-child(2) .list-group.productListResults {
    padding-top: 0px;
}


/*.product-list .row-feature .alert {
    margin-bottom: 0px;
}*/

/*.product-list .list-group:first-child {
    margin-bottom: 0;
}*/

.product-list .thumbnail {
    padding: 0;
    border: none;
    border-radius: 0px;
    background-color: transparent;
}

/*.product-list .caption h4 {
    text-transform: uppercase;
}*/

.introduction-text.storage {
    margin-bottom: 15px;
}

.introduction-text.size, .introduction-text.storage {
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.introduction-text em {
    font-size: 12px;
    /*line-height: 17px;*/
    margin-bottom: 0;
    margin-top: 3px;
    min-height: 17px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.introduction-text .paragraph-end {
    height: 19px;
    width: 45px;
}

.introduction-text.size .paragraph-end, .introduction-text.storage .paragraph-end {
    height: 30px;
}

.post-categories .list-group {
    margin-bottom: 15px;
}

    



.caption h4 {
    /*font-size: 15px;*/
    font-weight: bold;
    margin-top: 7px;
}





.viewmore_content {
    background-color: #f9f9f9;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 1.5em;
    position: absolute;
    right: 15px;
    left: 15px;
    bottom: 20px;
    top: 0;
    transition: all .75s ease-in-out;
    display: none;
    width: auto;
}

/* Description */
.viewmore_content ul {
    padding-left: 15px;
    padding-right: 0px;
}

.viewmore_content .post-categories ul {
    padding: 0px;
}



/*========== Single Product Page ==========*/
/* Start Product Code and Product Price */
.single-product .product-price-block {
    display: inline-block;
}

.single-product .product-price-block span:first-child {
    margin-left: 5px;
}

.single-product .product-price-block span {
    margin-right: 5px;
}
/* End Product Code and Product Price */

.single-product .buttons-block .btn {
    border-radius: 0px;
    font-size: 15px;
}


.single-product ul {
    padding-left: 15px;
}

.single-product ul li {
    padding-left: 15px;
    margin-bottom: 10px;
}

.single-product ul li ul {
    margin-top: 10px;
}


.single-product .product-descriptor {
    background-color: #f9f9f9;
    padding: 10px 30px 30px;
}

/* Single Product - Title */
.single-product h1 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 27px;
}

/* Single Product - Tagline */
.single-product .introduction-text {
    font-style: italic;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 15px;
}

/* Single Product - Size */
.single-product h1 + p {
    margin-top: 20px;
}

/* Single Product - Relationships (Taglink) */
.single-product .post-categories {
    margin-top: 20px;
}

.single-product .product-descriptor .post-categories ul.list-group-horizontal {
    padding: 0px;
}

.single-product .product-descriptor .post-categories ul.list-group-horizontal li {
    background-color: transparent;
    padding-left: 0px;
    margin-bottom: 5px;
}

.single-product ul .post-categories ul.list-group-horizontal li:last-child {
    margin-bottom: 0px;
}

/* General Product Information - Description */
.descriptionlist {
    border-top: 2px solid #f0f0f0;
    padding-top: 20px;
}

.descriptionlist ul li:last-child {
    margin-bottom: 0px;
}

.descriptionlist p:last-child {
    margin-bottom: 0px;
}

.descriptionlist p ~ p, .descriptionlist ul + p, .sponsors {
    margin-top: 20px;
}

.single-product .tabtable-responsive {
    margin-top: 30px;
}

.single-product ul.nav-tabs {
    padding-left: 0px;
}

.single-product .nav-tabs > li {
    padding-left: 0px;
}

.single-product .nav-tabs > li > a {
    background: none;
    color: #0381ec;
    margin-right: 0px;
}

.single-product .nav-center .nav-tabs > li.active > a, .single-product .nav-center .nav-tabs > li.active > a:hover, .single-product .nav-center .nav-tabs > li.active > a:focus {
    border: 1px solid transparent;
    background: #002a54;
    color: #ffffff;
}

.single-product .nav-center .nav-tabs > li > a:hover {
    border: 1px solid transparent;
    background: #014075;
    color: #ffffff;
}

/* Tab-Content Title for Clinical Benefits or Benefits / Directions / Warnings / Storage */
.single-product .tab-content h5 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.single-product .tab-content #tabBenefits ul + p {
    margin-top: 20px;
}

/* Directions Tab - #tabDirections */
.single-product .tab-content #tabDirections strong {
    display: block;
    margin-bottom: 5px;
}

/* Ingredients Tab - #tabIngredients */
.single-product .tab-content #tabIngredients table p {
    margin-top: 0px;
}

.single-product .tab-content #tabIngredients p:first-child {
    margin-top: 0px;
}

.single-product .tab-content #tabIngredients p {
    margin-top: 25px;
}

/* Tab - has Table */
.single-product .tab-content table {
    width: 100%;
}

.single-product .tab-content table tr {
    border-bottom: 1px solid #eeeeee;
}

.single-product .tab-content table td {
    padding: 10px 0px;
}

.single-product .tab-content table td:nth-child(2) {
    text-align: right;
}

.single-product .tab-content table td:nth-child(3) {
    text-align: right;
}

.single-product .tab-content ul {
    margin-bottom: 0px;
}

.single-product .tab-content ul li ul {
    margin-top: 10px;
}



/* Webinar Timetable - has Table */
.webinar h5 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.media.webinar-presenter {
    margin-bottom: 20px;
}

.webinar table {
    width: 100%;
    font-weight: bold;
}

.webinar table tr:first-child {
    border-top: 1px solid #eeeeee;
}

.webinar table tr {
    border-bottom: 1px solid #eeeeee;
}

.webinar table td {
    padding: 10px 0px;
}

.webinar table td:nth-child(2) {
    text-align: right;
}

.webinar table td:nth-child(3) {
    text-align: right;
}

.webinar ul ul {
    margin-bottom: 20px !important;
}

.webinar ul li {
    margin-bottom: 10px;
}

.webinar ul li:last-child {
    margin-bottom: 0px;
}

.article-block-webinardetail {
    font-size: 14px;
}

.article-block-webinardetail i {
    width: 15px;
}

.article-block-webinardetail dd {
    line-height: 2;
}



/*==========  Common  ==========*/
.btn-info {
    background-color: #002a54; 
    border-color: #002a54; 
}

.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info { 
  color: #FFFFFF; 
  background-color: #3278B4; 
  border-color: #3278B4; 
} 

/* Zero Margin Top */
.marginTopNone {
    margin-top: 0px;
}

/* Zero Margin Bottom */
.marginBottomNone {
    margin-bottom: 0px;
}

/* Zero Border Radius */
.borderRadiusNone, .btn {
    border-radius: 0px;
}

/* 20px Margin Top */
.marginTop-20 {
    margin-top: 20px;
}

/* 20px Margin Bottom */
.marginBottom-20 {
    margin-bottom: 20px;
}

/* 15px Margin Top */
.marginTop-15 {
    margin-top: 15px;
}

/* 15px Margin Bottom */
.marginBottom-15 {
    margin-bottom: 15px;
}


.span-margin-left {
    margin-left: 10px;
}

.custom-check {
    width: 55px;
    padding: 0px 10px 0px 10px;
}

#spinnericon {
    margin-right: 10px;
    font-size: 20px;
    display: none;
    margin-top: 5px;
}

.btn-corner {
    position: absolute;
    top: -15px;
    right: 0px;
}

.marginBottomNone {
    margin-bottom: 0px;
}

.borderRadiusNone {
    border-radius: 0px;
}

.borderNone {
    border-radius: 0px;
    border:none;
}

.icon-left i {
    margin-right: 5px;
}

.icon-right i {
    margin-left: 5px;
}

.backgroundTransparent {
    background-color: transparent;
}


.list-unstyled ol {
    padding-left: 30px;
    margin-top: 5px;
}

.pageContent ul.list-unstyled {
    padding: 0px;
}

.pageContent ul.list-unstyled li {
    padding: 0px;
}

.pageContent ul.list-unstyled ol li {
    padding-left: 10px;
}

.small-image {
    max-width: 100%;
    overflow: hidden;
    height: auto;
}

/* Fix the padding issue for container inside container fluid */
.container-fluid .container {
    padding-left: 0;
    padding-right: 0;
}



#article-main-image img {
    width: 100%;
    height: auto;
}
/*.post-categories {
    font-size: 13px;
}*/

.jumbotron {
    margin-bottom: 0px;
}

.jumbotron .caption {
    padding-top: 150px;
    padding-bottom: 150px;
}

.container.module.content .row-feature {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-inner {
    background-size: cover;
    background-position: center center;
}

.no-padding {
    padding: 0;
}

.list-group-horizontal .list-group-item {
    margin: 0;
    padding: 0px;
    border: none;
    display: inline-block;
    line-height: initial;
}

.list-group-horizontal .list-group-item:first-child:before {
    font-family: FontAwesome;
    content: "\f0da";
    margin-right: 6px;
    margin-left: 2px;
}

.list-group-horizontal .list-group-item:after {
    content: ", ";
    color: #666666;
    margin-left: 2px;
    margin-right: 0px;
}

.list-group-horizontal .list-group-item:last-child:after {
    content: none;
    margin-left: 0px;
    margin-right: 0px;
}

.textlink {
    margin-left: 10px;
}

/* Full Button */
.btn-full {
    padding: 10px 10px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
}

.gallerywall-label 
{
    background-color: #002a54;
    color: #ffffff;
    position: absolute;
    line-height: 1;
    padding: 10px 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* Go To Top Button */
.go-to-top {
    font-size: 12px;
    position: absolute;
    top: 25px;
    right: 15px;
}

/* A-Z Filofax */
nav.text-center {
    line-height: 0;
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
}

nav.text-center .pagination {
    margin: 10px 0;
    border-radius: 0px;
}

nav.text-center .pagination > li > a, .pagination > li > span {
    border: none;
}

nav.text-center .pagination > li:first-child > a, nav.text-center .pagination > li:first-child > span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

nav.text-center .pagination > li:last-child > a, nav.text-center .pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


/* Paragraph too long hidden */
.paragraph-end {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
    bottom: 0;
    height: 25px;
    max-height: 100%;
    position: absolute;
    right: 0;
    width: 60px;
}

/* fieldset with class row-feature */
fieldset.row-feature {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab-pane fieldset.row-feature ~ fieldset.row-feature {
    padding-bottom: 0px;
}

/* Panel with .panel-image-preview */
.panel-image img.panel-image-preview {
    width: 100%;
    height: auto; /** might need to fix **/
}


.descriptionlist ul {
    margin-bottom: 0;
}

section.module {
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}


/* PDFs download List */
/*.filelister.widget ul {
    padding: 0px;
    margin: 20px 0 0;
}

.filelister.widget ul li {
    list-style: none;
    margin-bottom: 20px;
}

.filelister.widget ul li:last-child {
    margin-bottom: 0px;
}

.filelister.widget ul li i {
    margin-right: 10px;
}*/
.filelister.widget h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.filelister.widget .list-group {
    margin-bottom: 0px;
}

/* More than 30 Items */
/*.filelister.widget .item-row .row {
    margin-bottom: 15px;
}

.filelister.widget .item-row .row:last-child {
    margin-bottom: 0px;
}*/

.filelister.widget .item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.filelister.widget .item i {
    margin-right: 10px;
    position: absolute;
}

.filelister.widget .item b {
    position: relative;
    left: 26px;
    top: -1px;
    font-weight: normal;
}

/* Less than 30 Items */
.filelister.widget .item-row .item.col-md-12 {
    margin-bottom: 15px;
}

.filelister.widget .item-row .item.col-md-12:last-child {
    margin-bottom: 0px;
}

/* Add Favourite Product Button and Remove Favourite Product Button */
.productFavouriteAdd, .productFavouriteRemove {
    position: absolute;
    right: 15px;
    top: 0px; 
    z-index: 1;
    width: 30px;
    height: 30px;
}

.productFavouriteAdd i {
    margin-top: 4px;
}

.productFavouriteAdd i, .productFavouriteRemove i {
    margin-right: -1px;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.productFavouriteAdd:hover i, .productFavouriteRemove:hover i {
    color: #ea515e;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.productFavouriteAd:after i, .productFavouriteRemove:after i {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}


/* Vertical Accordion */

/* Nav tabs */
.tabsLeftVertical .nav-tabs {
    border-bottom: 0;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.tabsLeftVertical .nav-tabs > li {
    display: block;
    float: none;
    background: #f4f4f4; /*f3f8fa*/
    border: 0;
    margin-bottom: 0;
}

.tabsLeftVertical .nav-tabs > li a {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 15px 15px 15px 20px;
    border-bottom: 1px solid #eaeaea; /*#ddeaef*/
    border-radius: 0px;
    color: #0381ec;
}

.tabsLeftVertical .nav-tabs > li:last-child a {
    border-bottom-color: transparent;
}
    

.tabsLeftVertical .nav-tabs > li.active a, 
.tabsLeftVertical .nav-tabs > li.active a:hover, 
.tabsLeftVertical .nav-tabs > li.active a:focus, 
.tabsLeftVertical .nav-tabs > li.active a:active {
    background: #0381ec;
    color: #ffffff;
    border: 0px;
}

.tabsLeftVertical .nav > li > a:hover {
    background: #014075;
    color: #ffffff;
}


.tabsLeftVertical .vertical-line {
    width: 5px;
    height: 100%;
    background: #002a54;
    display: none;
    position: absolute;
    z-index: 1;
}

.tabsLeftVertical .nav-tabs > li.active .vertical-line {
    display: block;
}

/* Tab panels */
.tabsLeftVertical .tab-content {
    padding: 0;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.tabsLeftVertical .tab-content .tab-pane.active {
    padding: 0px;
    background: none;
}

.accordion-widget .panel-group .panel {
    border-radius: 0px;
    border: 0;
    background: #f4f4f4; /*#f3f8fa*/
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-widget .panel-group .panel + .panel {
    margin-top: 15px;
}

.accordion-widget .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.accordion-widget .panel-heading {
    padding: 0px;
}

.accordion-widget h4.panel-title {
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

.accordion-widget h4.panel-title a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 50px;
    background: #0381ec;
    color: #ffffff;
    text-indent: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 24px;
}

.accordion-widget h4.panel-title .collapsed {
    background: #f4f4f4; /*f3f8fa*/
    color: #666666;
}

.accordion-widget h4.panel-title .marker {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    position: absolute;
    background: #002a54;
    color: #ffffff;
    left: 0;
    top: 0;
    text-indent: 0;
    margin-left: 0;
}

.accordion-widget h4.panel-title .collapsed .marker {
    background: #0381ec;
    color: #ffffff;
}

/* Lightbox - Photo Gallery */
.ekko-lightbox-container [class*='icon-']:before {
    font-family: "Glyphicons Halflings";
}

.row.lightbox .thumbnail {
    margin-bottom: 25px;
}

.row.lightbox:last-child .thumbnail {
    margin-bottom: 0px;
}



.border-bottom {
    border-bottom: 1px solid #f9f9f9;
}

.no-border-radius {
    border-radius: 0px;
}

.margin-top {
    margin-top: 15px;
}

.margin-bottom {
    margin-bottom: 15px;
}

.fixed-top {
    background-color: white;
    -webkit-box-shadow: 0 10px 5px #888888;
    -moz-box-shadow: 0 10px 5px #888888;
    box-shadow: 0 10px 5px #888888;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

    


.module.content h2:first-child, .section-inner h2:first-child {
    font-size: 22px;
    margin-bottom: 20px;
}

.pageContent h2, .module.content h2 {
    font-size: 25px;
}

.pageContent p, .module.content p, .section-inner p {
    line-height: 24px;
}

.pageContent ol, .module.content ol {
    padding-left: 20px;
    line-height: 24px;
}

.pageContent ul, .module.content ul, .section-inner ul {
    padding-left: 20px;
    line-height: 24px;
}

.pageContent li, .module.content li, .section-inner li {
    margin-bottom: 5px;
    padding-left: 5px;
}

.pageContent li:last-child, .module.content li:last-child, .section-inner li:last-child {
    margin-bottom: 0px;
}

.pageContent p:last-child,
.module.content p:last-child, .section-inner p:last-child {
    margin-bottom: 0px;
}

.pageContent h3,
.module.content h3,
.assessmentquestiontoggle h3 {
    font-size: 18px;
}


/* Base Color Classes */
.ColorForeLightGray {
    color: #cccccc;
}

.ColorBackLightGray {
    background-color: #f4f4f4;
}

.ColorBackWhite {
    background-color: #ffffff;
}

.ColorForeLightBlue {
    color: #0381ec;
}

.ColorBackLightBlue {
    background-color: #0381ec;
}

.ColorForeMidBlue {
    color: #002a54;
}

.ColorBackMidBlue {
    background-color: #002a54;
}

.ColorForeDarkBlue {
    color: #014075;
}

.ColorBackDarkBlue {
    background-color: #014075;
} 

.ColorFontWhite {
    color: #ffffff;
}






.pageContent {
    margin-top: 20px;
}



/* Responsive Tab */ 
.tabtable-responsive .nav > li > a {
    padding: 15px 20px;
}

.nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    font-family: FontAwesome;
}


/** Tab Pnael **/
.tab-content ul, .tab-content ol {
    margin-bottom: 0px;
}

.tab-content li {
    margin-bottom: 5px;
}

.tab-content li:last-child {
    margin-bottom: 0px;
}

.tab-content table {
    width: 100%;
}

.tab-content table tr {
    border-bottom: 1px solid #eaeaea;
}

.tab-content p {
    line-height: 24px;
}

.tab-content p:last-child {
    margin-bottom: 0px;
}

.tab-content .tab-pane.active {
    padding: 30px 30px 30px;
    background-color: #f9f9f9;
}


.corner-triangle {
    width: 16px;
    height: 8px;
    border-top: 8px solid #cccccc;
    border-right: 16px solid #cccccc;
    border-left: 16px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 30px;
    right: 1px;
    display: none;
}

.corner-triangle i {
    bottom: -8px;
    left: 3px;
    position: absolute;
    font-size: 9px !important;
}



/* Start Selector - Orders - Shipping - Payment Select */
#selector p.titleonly {
    margin-top: 15px;
}

#selector {
    text-align: center;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    width: 100%;

    margin-bottom: 20px;
}

#selector.btn-group > .btn {
    padding: 15px 20px;
    border: none;
    box-shadow: none;
}

#selector .btn-default:active, #selector .btn-default.active, #selector .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #0076b9;
    border: none;
}
/* End Selector - Orders - Shipping - Payment Select */



/*==========  Metagenics Social Media Library - Gallery Wall Page ==========*/
.masonry-container {
    margin-top: 20px;
}

.masonry-container .thumbnail .caption {
    padding: 0px;
}



/*==========  Contact Us Page ==========*/

.contactdetails .description {
    border-bottom: 5px solid #002a54;
    background-color: #f9f9f9;
    color: #666666;
    display: block;
    padding: 30px 20px;
    position: relative;
    font-weight: 500;
}

.contactdetails em {
    font-style: normal;
    color: #002a54;
    display: block;
    font-size: 39px;
    margin-bottom: 24px;
}

.contactdetails p {
    margin-bottom: 0px;
}

.contactdetails a:hover {
    border-bottom: 1px dashed #002a54;
}

.contactdetails span {
    display: block;
    font-weight: 300;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactdetails span:after {
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent #002a54 transparent;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}

/* Google Map */
.info-block .gmap-contact {
    height: 475px;
    width: 100%;
    border: 0;
    margin-bottom: 20px;
}

/* Contact Form */
#form-contact h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    font-size: 20px;
    text-transform: uppercase;
}




/*==========  Forgotten Your Password Page ==========*/
/* Step 1 . Request a reset code section */
.passwordrequest.inner-content-block {
    padding-bottom: 0px;
}

/* Step 2 . Enter reset code and new password section */
.passwordreset.inner-content-block {
    padding-top: 20px;
}




/*==========  Home - Welcome to Metagenics ==========*/

/* Section with Module and welcomeMessage Class */
section.module.welcomeMessage {
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea; /*#999999*/
    padding-bottom: 20px;
    text-align: center;
}

section.module.welcomeMessage h1 {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #002a54;

    border-bottom: none;
}

section.module h1 {
    margin-bottom: 20px;
}


/*==========  Home - I'm  interested in... ==========*/
.text-list .item {
    /*background-color: #002a54;*/
    margin-bottom: 4px;
    margin-right: 4px;
    flex: 1 auto;
    border: 1px solid #014075;

    -webkit-flex: 1 auto; /* Safari 6.1+ */
    -ms-flex: 1 auto; /* IE 10 */ 
}

.text-list h3 {
    font-size: 14px;
    margin: 0;
    padding: 9px 8px 8px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
}

/*.text-list a {
    color: #ffffff;
}*/

.text-list a:hover {
    color: #ffffff;
}

.text-list .item:hover, .text-list .item:focus {
    background-color: #014075;
}

.text-list .list-group-horizontal {
    display: flex;
    flex-flow: row wrap;


    /* flexbox setup - Firefox */
    display: -webkit-flex;
    -webkit-flex-direction: row; 
    -webkit-flex-wrap: wrap;

    -webkit-flex-flow: row wrap;


    /*display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;*/
    
}

/*==========  Home - Featured Products ==========*/
.carousel-container {
    margin-bottom: 4px;
}

#carousel.product-carousel-featured {
    width: 100%;
    background-color: #f9f9f9;
    clear: both;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}

#carousel.product-carousel-featured .owl-item.active.center p {
    text-align: center;
}

/* Product Shot */
#carousel.product-carousel-featured.owl-carousel .owl-item img {
    margin: 0 auto;
    width: 120px;
    height: 100%;

    max-width: 120px;
    max-height: 240px;
}

/* Product Name */
#carousel.product-carousel-featured .carousel-feature .caption {
    display: table;
    margin-right: auto;
    margin-left: auto;
    height: 55px;
    width: 90%;

    margin-top: 5px;
}

#carousel.product-carousel-featured .carousel-feature .caption p {
    display: table-cell;
    vertical-align: middle;

    visibility: hidden;
}

#carousel.product-carousel-featured .owl-item.active.center p, .owl-carousel .owl-item.big p {
    visibility: visible;
}

/*Dots */
#carousel.product-carousel-featured.owl-theme .owl-dots .owl-dot.active span, #carousel.product-carousel-featured.owl-theme .owl-dots .owl-dot:hover span {
    background: #002a54;
}



/*==========  Home - Widgets Wrap ==========*/
.widgetswrap {
    margin-top: 45px;
}

.metagenics.widgetswrap h1 {
    display: none; /** need to fix **/
    margin-bottom: 0;
}

.metagenics.widgetswrap .panel {
    border-radius: 0px;
}

.metagenics.widgetswrap .panel .panel-heading {
    padding: 0px;
}

.metagenics.widgetswrap .panel-body {
    display: none;
}

.metagenics.widgetswrap .panel-title {
    text-transform: uppercase;
    color: #666666;
    font-weight: normal;
}

.metagenics.widgetswrap .panel .panel-title a {
    display: block;
    padding: 10px 15px;
}

.metagenics.widgetswrap .panel .panel-title a:hover {
    color: #ffffff;
}

.metagenics.widgetswrap .panel-default > .panel-heading:hover {
    color: #ffffff;
    background-color: #002a54;
    border-bottom-color: #002a54;
}

.metagenics.widgetswrap .panel-title i {
    margin-left: 5px;
}




/*==========  About - Health World Story ==========*/

/* The Metagenics Quality Process */
.qualityprocess-carousel {
    text-align: center;
}

/* Slider - Owl Carousel */
#qualityprocess-sync1 .item {
    padding: 0 0 10px;
    /*margin: 5px;*/
    color: #666666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    width: 100%;
}

    #qualityprocess-sync1 .item .article-image {
        text-align: right;
        float: right;
        margin-top: 10px;
    }

    #qualityprocess-sync1 .item .article-content {
        color: #8c9195;
    }

    #qualityprocess-sync1 .item h4 {
        font-size: 18px;
        margin-top: 0;
        line-height: 32px;
    }

    #qualityprocess-sync1 .item ul {
        padding: 0;
        margin-left: 20px;
        line-height: 26px;
    }

    #qualityprocess-sync1 .item li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

#qualityprocess-sync2 .item {
    cursor: pointer;
    width: 100%;
    position: relative;
    text-indent: 0;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    height: auto;
    display: inline-block;
}

    #qualityprocess-sync2 .item:before {
        content: "";
        height: 2px;
        background-color: #e9eef2;
        position: absolute;
        bottom: 30px;
        width: 100%;
        display: block;
    }

    #qualityprocess-sync2 .item span.metagenics-icon {
        border: 3px solid #002a54;
        width: 60px;
        height: 60px;
        line-height: 56px;
        text-align: center;
        border-radius: 60px;
        background-color: #f4f4f4;
        position: relative;
        z-index: 2;
        color: #002a54;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
        font-size: 25px;
    }

    #qualityprocess-sync2 .item span {
        display: block;
        margin-bottom: 0px;
        color: #002a54;
        /*opacity: 0;
        filter: alpha(opacity=0);*/
        -webkit-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
        margin-left: auto;
        margin-right: auto;
    }

    #qualityprocess-sync2 .item span.title {
        margin-bottom: 12px;
    }

#qualityprocess-sync2 .owl-item.synced span.title {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #0381ec;
}

#qualityprocess-sync2 .owl-item.synced span.metagenics-icon {
    border-color: #0381ec;
    color: #0381ec;
}

/* Mission And Values */
.missionandvalues {
    background-color: #002a54;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=80);
    opacity: 0.8;*/
}

/* Mission And Values */
.themetagenicsqualityprocess /*, .education*/ {
    background-color: #f4f4f4;
}




/*==========  About - OSCA  ==========*/
.introductionosca {
    background-color: #f4f4f4;
}

/* Criteria For Evaluation */
.criteriaosca {
    background-color: #002a54;
    color: #ffffff;
}


.metagenicsinnovation, .metagenicsinnovation .container-fluid,
.onehealthgoal, .onehealthgoal .container-fluid,
.presenters, .presenters .container-fluid,
.location, .location .container-fluid,
.prizeosca, .prizeosca .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.fullpage-edge-features.row {
    margin-right: 0;
    margin-left: 0;
}

.fullpage-edge-features .features-image {
    overflow: hidden;
}

.fullpage-edge-features .col-md-6 {
    padding: 0;
}





blockquote {
    font-size: inherit;
}


/*==========  About - Health World Research Clinic ==========*/
.devicesandequipment, .devicesandequipment .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}





/*==========  About - One Health ==========*/

/* One Health Goal */
/*.onehealthgoal .section-inner {
    background-image: url('/-/media/Images/metagenics/One-Health/one-health-goal.ashx?la=en&amp;hash=1CBABF07A7CBD3C064DB2C951E028CCCF6BA9611');
    background-repeat: no-repeat;
    background-size: cover;

    background-color: #f4f4f4;
}*/

.onehealthgoal .section-inner p:before, .onehealthgoal .section-inner p:after {
    font-family: FontAwesome;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 80px;
    position: absolute;

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8 */
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=10); /* IE 5-7 */ 
    /* Modern Browsers */
    opacity: 0.1;
}

.onehealthgoal .section-inner p:before {
    content: "\f10d";
}

.onehealthgoal .section-inner p:after {
    content: "\f10e";
}

.onehealthgoal .section-inner blockquote {
    border-left: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.onehealthgoal .section-inner blockquote p {
    font-size: 18px;
    line-height: 30px;
}

.onehealthgoal .section-inner blockquote footer, 
.onehealthgoal .section-inner blockquote small {
    font-size: initial;
    line-height: initial;
}

/* You can make a difference */
.youcanmakeadifference {
    background-color: #f4f4f4;
}

/* Link to OSCA */
.linktoosca {
    background-color: #f4f4f4;
}

.introducingonehealthorganisation {
    background-color: #002a54;
    color: #ffffff;
}

/* OSCA Nomination Form */
#form-OSCA .error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

#form-OSCA .form-control.error {
    border-color: #dc3545;
}

#oscanominationform .modal-header {
    padding: 20px 0px 20px;
}

#oscanominationform .modal-header button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}

#oscanominationform .modal-body {
    padding: 0px 20px 0px;
}

#oscanominationform legend {
    font-size: 15px;
}

#oscanominationform .form-group {
    margin-bottom: 5px;
}

#oscanominationform .modal-footer {
    padding: 0px 40px 40px;
}

#oscanominationform .modal-footer .btn {
    font-size: 15px;
    min-width: 100px;
}

#oscanominationform .form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

#oscanominationform .form-horizontal .form-group-sm .control-label {
    font-size: 12px;
}

/*==========  About - Metagenics Research ==========*/

/* Metagenics Inc. (USA) and  Metagenics Scientific Advisory Board */
.metagenicsinc, .metagenicsscientificadvisoryboard {
    background-color: #f4f4f4;
}



/** Products and Patient Dashboard **/
#productlist-tabs .tab-content .tab-pane.active, #patientDashoard-tabs .tab-content .tab-pane.active {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: transparent;
}


/* Products Dashboard --- Tab - Shopping Cart */ 
#tabShoppingcart #ShoppingCart .well {
    margin-bottom: 0px;
}





/** Bootstrap **/
.nav-tabs > li > a {
    border-radius: 0px;
    background: #002a54;
    color: #ffffff;
    font-weight: bold;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #014075;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #0381ec;
}

.nav-tabs > li > a:hover {
    border-color: transparent;
}

.nav-pills > li > a {
    border-radius: 0px;
}

.btn, .btn-sm, .btn-group-sm > .btn {
    border-radius: 0px;
}





/*========== About - ASMs and Technical Team ==========*/

/*.technicalservicesandsupportteam {
    background-color: #f4f4f4;
}

.queensland, .newsouthwales, .victoria, .westernaustralia, .newzealand {
    background-color: #f4f4f4;
}*/

.technicalservicesandsupportteam .container.module.content .row-feature,
.technicalsupport .container.module.content .row-feature,
.technicalinnovation .container.module.content .row-feature,
.researchanddevelopment .container.module.content .row-feature {
    padding-top: 20px;
    padding-bottom: 20px;
}

.programsmanager .container.module.content .row-feature {
    padding-top: 20px;
    padding-bottom: 100px;
}

.queensland .container.module.content .row-feature,
.northernterritory .container.module.content .row-feature,
.newsouthwales .container.module.content .row-feature,
.australiancapitalterritory .container.module.content .row-feature,
.victoria .container.module.content .row-feature,
.tasmania .container.module.content .row-feature,
.westernaustralia .container.module.content .row-feature,
.southaustralia .container.module.content .row-feature {
    padding-top: 20px;
    padding-bottom: 20px;
}

.newzealand .container.module.content .row-feature {
    padding-top: 20px;
    padding-bottom: 100px;
}


.queensland .item-grid-view li .item-inner,
.northernterritory .item-grid-view li .item-inner,
.newsouthwales .item-grid-view li .item-inner,
.australiancapitalterritory .item-grid-view li .item-inner,
.victoria .item-grid-view li .item-inner,
.tasmania .item-grid-view li .item-inner,
.westernaustralia .item-grid-view li .item-inner,
.southaustralia .item-grid-view li .item-inner,
.newzealand .item-grid-view li .item-inner {
    border: 6px solid #f4f4f4;
}


.module.content ul.item-grid-view.tech-team-member, .module.content ul.item-grid-view.asm {
    padding-left: 0px;
}


.item-grid-view, .section .item-grid-view {
    list-style: none;
    padding: 0;
}


/* ASMs page - Anchor Menu */
.module.content nav ul.anchor-menu.pagination {
    padding-left: 0px;
    margin-bottom: 0px;
}

.module.content nav ul.anchor-menu.pagination li {
    margin-bottom: 0px;
}



.item-grid-view.tech-team-member li, .section .item-grid-view.tech-team-member li,
.item-grid-view.asm li, .section .item-grid-view.asm li {
    padding: 0 10px;
    border-top: 0;
    margin-bottom: 25px;
}

.item-grid-view li .item-inner, .section .item-grid-view li .item-inner {
    background: #ffffff;
    padding: 20px;
    border: 6px solid #f4f4f4;
}



.item-grid-view.tech-team-member li .item-inner {
    min-height: 460px;
}

.item-grid-view.asm li .item-inner {
    min-height: 330px;
}


.item-grid-view.asm .item-inner p {
    line-height: normal;
}

.item-grid-view.asm .item-inner p:first-child {
    margin-bottom: 10px;
}

.item-grid-view.asm .item-inner strong:before {
    font-family: FontAwesome;
    content: "\f10b";
    margin-right: 10px;
}



.asm h5, .tech-team-member h5 {
    font-size: 13px;
    line-height: 20px;
}

.tech-team-member h6 {
    font-size: 12px;
}

.asm p:last-child, .tech-team-member p:last-child {
    margin-bottom: 0px;
}



.myPatientsDashboard .table {
    margin-bottom: 0px;
}

.myPatientsDashboard.panel {
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
}

.myPatientsDashboard.panel .panel-heading {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
    padding: 0;
}

.myPatientsDashboard.panel .panel-heading .btn {
    margin-top: -60px;
    padding: 2px 10px;
}

.myPatientsDashboard.panel .panel-title,
.page-title {
    border-bottom: 2px solid #f5f5f5;
    color: #666666;
    font-size: 36px;
    line-height: 1.1;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

section.module.pageSummary {
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 30px;
    padding-bottom: 0;
}

section.module h1 {
    /*border-bottom: 2px solid #f5f5f5;*/
    color: #666666;
    font-size: 32px;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.myPatientsDashboard .panel-body {
    padding: 0px;
}

.myPatientsDashboard .panel-body .row-feature {
    padding-top: 20px;
    padding-bottom: 20px;
}

.myPatientsDashboard .panel-body .row-feature + .row-feature {
    padding-top: 0px;
    padding-bottom: 20px;
}

.myPatientsDashboard .pagination > li > a, .pagination > li > span {
    padding-left: 9px;
    padding-right: 9px; 
}


/*========== Education - Event List ==========*/
.thumbnail {
    padding: 0;
    border: none;
    border-radius: 0px;
}


#events-list .thumbnail {
    height: 150px;
    overflow: hidden;
}

#events-list .article-block-image {
    margin: -24px -24px 24px;
    width: auto;
}

#events-list .article-block-image img {
    max-width: 100%;
    width: 100%;
    min-height: 150px;
}

#events-list .article-block-eventdetail dl {
    color: #999999;
    /*float: left;*/
    margin: 0;
    width: 100%;
}

#events-list .article-block-eventdetail dl dd {
    display: block;
    line-height: 1;
    margin-right: 0;
    margin-bottom: 12px;
}

.article-block-eventdetail .buttons-block {
    margin-top: 15px;
    clear: both;
}

/*.inner {
    min-height: 347px;
}*/

#events-list .inner {
    background: #ffffff;
    padding: 24px;
    margin-bottom: 40px;
    border: 1px solid #e0e0e0;
    position: relative;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: transform,box-shadow;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-property: transform,box-shadow;
    -webkit-transition-timing-function: ease-in-out;
}

#events-list .caption h2 {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 23px;
    min-height: 66px;
    overflow: hidden;
}

.event-list .item.media {
    padding: 15px 20px;
}

.event-list .item.media:nth-child(odd) {
    background: #f4f4f4;
}

.event-list .item.media:nth-child(even) {
    background: #fbfbfb;
}

.event-list .item + .item {
    border-top: 2px solid #ffffff;
    padding-top: 15px;
}

.event-list .item.media {
    margin-top: 0;
    /*padding-bottom: 15px;*/
}

    .event-list .item.media:last-child {
        margin-top: 0;
        /*padding-bottom: 0px;*/
    }

.event-list .item h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.event-list .item p {
    margin-top: 5px;
    margin-bottom: 0px;
}



.filters {
    border-top: 2px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    /*margin-bottom: 15px;*/

    padding: 15px 20px 0px;
}



/*========== Education - Clinical Webinar List ==========*/
.event-expired-category {
    background: #666666;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 6px;
    position: absolute;
    top: 12px;
    left: 24px;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}

.event-expired-category.current-event-color {
    background-color: #002a54;
}

.event-expired-category.upcoming-event-color {
    background-color: #fcb82f;
}

.event-expired-category p {
    margin-bottom: 0px;
}


/*========== Individual Event - Event Summary ==========*/
.individual-event img {
    width: 100%;
    height: auto;
}

.individual-event h3 {
    margin-bottom: 15px;
}

.individual-event p {
    line-height: 24px;
}

.individual-event .article-block-eventdetail i {
    margin-right: 5px;
}

.individual-event .article-block-eventdetail dl {
    margin-bottom: 0px;
}

.individual-event .article-block-eventdetail dd {
    margin-bottom: 10px;
}

.individual-event .article-block-eventdetail dd:last-child {
    margin-bottom: 0px;
}



/*========== Individual Event Registration  ==========*/
/*.individual-registration-summary h3 {
    margin-top: 0px;
}*/

.attendee span {
    height: 34px;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
}

#dynamicInput .row-feature {
    padding-top: 10px;
    padding-bottom: 10px;

    background-color: #ededed;
    border-bottom: 1px solid #ffffff;
    margin-left: 0px;
    margin-right: 0px;
}


#form-event-register {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#form-event-register h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    font-size: 20px;
    text-transform: uppercase;
}

#form-event-register h4 {
    font-size: 15px;
}

#form-event-register .btn-addmore {
    font-weight: bold;
    float: right;
}

/* Register Button */
#form-event-register .btn-send {
    margin-top: 10px;
}






/*========== My Patients Dashboard ==========*/
#patientDashoard-tabs .patient-name h1:first-child {
    margin-top: 0px;
}

#patientDashoard-tabs .buttons-block {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 25px;
    margin-bottom: 25px;
    margin-top: 5px;
}

#patientDashoard-tabs .form {
    border-top: 1px solid #eeeeee;
    margin-top: 5px;
    padding-top: 15px;
}


/*========== Patient Manager - My Patients ==========*/
.patientsManager {
    margin-top: 20px;
}

.patientsManager .well-sm {
    padding: 4px 9px;
}

.patientsManager .contact-info .well {
    background-color: transparent;
    box-shadow: none;
    /*border-left: none;
    border-right: none;
    border-top: none;*/
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

/*.patientsManager .contact-info .well:first-child {
    border-top: 1px solid #e3e3e3;
}*/

.patientsManager .contact-info i, .patientsManager .activities i {
    width: 15px;
    margin-right: 5px;
    text-align: center;
}

.InvitesAndPatients .btn-corner {
    top: 0;
    border: none;
}

.myPatients h3 {
    font-size: 20px;
}

.myPatients .buttons-block {
    float: right;
}

.navbar.myPatients {
    margin-top: 5px;
}

.patientsManager .ul-results {
    padding: 0px;
    background-color: transparent;
}

.patientsManager .ul-results li, .patientsManager .ul-results-padded li {
    list-style: none;
}

.patientsManager .ul-results-padded li {
    padding: 3px;
}

.InvitesAndPatients li:nth-child(odd) {
    background: #fefefe;
}

.InvitesAndPatients li:hover {
    background: #efefef;
}

.InvitesAndPatients button, .InvitesAndPatients a.btn-sm {
    border: none;
    width: 100%;
    text-align: left;
    margin-bottom: 1px;
    font-size: 13px;
    line-height: 18px;
}


/*.InvitesAndPatients i {
    color: #666666;
}*/

.InvitesAndPatients .badge {
    border: none;
}

.panel-guest {
    background-color: #fafafa;
}


/*==========  Patient - My Practitioner Tab ==========*/
/* Start My Paractitioner */
.myPractitioner .contact-info .well {
    display: table;
    width: 100%;
    background-color: #ffffff;
    box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dddddd;
    background-color: #f9f9f9;
    padding: 15px;
}

    .myPractitioner .contact-info .well:first-child {
        border-top: 1px solid #dddddd;
    }

    .myPractitioner .contact-info .well strong i {
        width: 20px;
    }

    .myPractitioner .contact-info .well div span {
        display: block;
    }
/* End My Paractitioner */



/*========== Shipping ==========*/

/* Select a previous address - Practitioner */
#prev-addr {
    padding: 20px; 
    background-color: #002a54;
}

/* Select a previous address - Patient */
#pat-addr {
    padding: 20px; 
    background-color: #002a54;
}

/* Tems for IT products */
.it-terms.text-primary {
    font-size: 12px;
    color: #0076B9;
    margin-top: 20px;
}


/*==========  Orders - Payment Types  ==========*/
#payment-content {
    padding: 30px 30px 30px;
    background-color: #f9f9f9;
}

/*#form-payment-type p.titleonly {
    margin-top: 15px;
}*/

#form-payment-type h3 {
    font-size: 20px;
    background-color: #d5d5d5;
    padding: 15px 30px;
    margin-bottom: 20px;
    line-height: 30px;
}

#payment-content .panel-body p:last-child {
    margin-bottom: 0px;
}


/* Start Account Settings - Account Details/Purchases Order - Shipping Details/Order Confirmation - Payment Details */
.contact-info .well {
    display: table;
    width: 100%;
    background-color: #ffffff;
    box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dddddd;
    background-color: #f9f9f9;
    padding: 15px;
}

    .contact-info .well:first-child {
        border-top: 1px solid #dddddd;
    }

    .contact-info .well strong i {
        width: 20px;
    }

    .contact-info .well div span {
        display: block;
    }
/* End Account Settings - Account Details/Purchases Order - Shipping Details/Order Confirmation - Payment Details */


/*==========  Orders - Order Confirmation - Payment Success  ==========*/
#payment-content-success .panel-body p:last-child {
    margin-bottom: 0px;
}







/*========== Congress ==========*/

/* Congress Menu - Navigation Bar */
#congress-menu .navbar-brand {
    height: auto;
    margin-left: 0px;
    margin-right: 100px;
}

#congress-menu .navbar-brand > img {
    height: 80px;
}

#congress-menu a .fa {
    margin-right: 10px;
}

/* Jumbotron */
.jumbotron.congress .congress, .jumbotron.presenters .presenters, .jumbotron.downloads .downloads, .jumbotron.gallery .gallery {
    background-color: #00284c !important;
}

.jumbotron.congress .caption, .jumbotron.presenters .caption, .jumbotron.downloads .caption, .jumbotron.gallery .caption {
    text-transform: uppercase;
}

.jumbotron.congress .congress {

    /* Animation */
    animation: fadeInLeft 0.6s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.jumbotron.congress .congress h1 {

    /* Animation */
    animation: fadeInUp 0.6s;
    -webkit-animation-delay: 2.3s;
    -moz-animation-delay: 2.3s;
    animation-delay: 2.3s;
}


.jumbotron.congress .congress p:first-of-type {
    position: absolute;
    top: 200px;

    /* Animation */
    animation: fadeInUp 0.6s;
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.jumbotron.congress .congress p:last-child {
    font-size: 14px;

    /* Animation */
    animation: fadeInUp 0.6s;
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
}

.jumbotron.gallery .gallery p:last-child {
    font-size: 14px;
}

/* Animation */
.jumbotron.congress .congress, .jumbotron.congress .congress h1, .jumbotron.congress .congress p:first-of-type, .jumbotron.congress .congress p:last-child {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.delayOne {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.delayTwo {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.delayThree {
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
}

.delayFour {
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
}

/*=== Animations start here  ===*/

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 0.8;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 0.8;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}





/* Footer */
footer.congress .copyright {
    background-color: #00284c;
}

.contact-list {
    padding: 0px;
    list-style: none;
}

.contact-list em {
    margin-right: 10px;
}


/* Home - Presenters */
.item-grid-view.tech-team-member.speaker li li {
    margin-bottom: 0px;
}

.item-grid-view.tech-team-member.speaker li .item-inner {
    min-height: inherit;

    padding: 0px 0px 20px 0px;
    border-bottom: 2px solid #f4f4f4 !important;
    border-left: none;
    border-right: none;
    border-top: none;
}

.item-grid-view.tech-team-member.speaker li:last-child .item-inner {
    padding: 0px;
    border-bottom: none !important;
}

.item-grid-view.tech-team-member.speaker li .item-inner img {
    border: 6px solid #f4f4f4;
    padding: 10px;
}

.item-grid-view.tech-team-member.speaker .caption h4 {
    text-transform: uppercase;
    margin-top: 0px;
}

.item-grid-view.tech-team-member.speaker .caption h4 span {
    font-size: 13px;
    margin-left: 10px;
    color: #B1B1B1;
}

.item-grid-view.tech-team-member.speaker p {
    text-align: justify;
}



/* Home - Order Audio CDs */
.orderaudiocds {
    /*background-color: #f4f4f4;*/
}

/* Home - Location */
.location iframe {
    border: 0px; 
    margin-bottom: -5px; 
    width: 100%; 
    height: 480px;
}


.info {
    position: absolute;
    width: auto;
    padding: 26px;
    color: #ffffff;
    background-color: #00284c;
}

.info.top-right {
    top: 80px;
}

.info-list {
    margin-bottom: 0;
}

.info-list .fa {
    margin-right: 10px;
    float: left;
    margin-top: 3px;
}

.info-list dt {
    font-weight: bold;
}

.info-list dd {
    margin-bottom: 13px;
}

.info-list dd a {
    color: #ffffff;
    border-bottom: 1px dotted #ffffff;
}

.info-list dd:last-child {
    margin-bottom: 0;
}


/* Downloads */
.list-group.congress {
    margin-bottom: 0px;
}

.list-group.congress h2 {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #666666;
    font-size: 18px;
    margin-top: 0px;
}

.filelister.widget.Congress2016Review .list-group {
    margin-bottom: 20px;
}

.filelister.widget.Congress2016Review .item-row .item {
    margin-bottom: 5px !important;
}

.cItemsGroup.icon_CongressPresentationPDFs, .cItemsGroup.icon_AlteredPresentationSlides, .cItemsGroup.icon_PresentationSummaries, .cItemsGroup.icon_ScientificPosterSessions,
.cItemsGroup.icon_CongressVideos, .cItemsGroup.icon_Congress2017Invite, .cItemsGroup.icon_Congress2016Review {
    font-size: 14px;
    line-height: 38px;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    background: #00284c;
    color: #ffffff;
    border: 0px;
    font-weight: bold;
    margin-right: 20px;
}

/* Gallery */
.day2 {
    background-color: #f4f4f4;
}



/*==========  User Invites  ==========*/
/* Request Waiting Panel */
.panel-emailkey i.fa-envelope-o, .panel-emailrequests i.fa-envelope-o, .panel-emailrequests .label {
    position: relative;
    top: -2px;
}

.panel-emailkey h4 .badge, .panel-emailrequests h4 .badge {
    /*background-color: #bfbfbf;*/
    position: relative;
    top: -10px;
    left: -10px;
}

.panel-emailkey .spinner, .panel-emailrequests .spinner {
    font-size: 18px;
    display: none;
}

.panel-emailrequests .list-group {
    margin-bottom: 15px;
}


.panel-emailrequests .vertical-align-element {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}


.panel-emailrequests .text-right {
    float: right;
}


/*==========  Video Widget  ==========*/

.metagenicsTVCampaign .media-body, .productvideos .media-body, .patientvideos .media-body, .videos .media-body {
    padding: 10px 20px;
    background-color: #f5f5f5;
    height: 60px;
    vertical-align: middle;
}

.productvideos .item, .patientvideos .item, .videos .item {
    margin-bottom: 30px;
}


/*==========  User Profile  ==========*/
#gmap {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
}

.form .alert {
    margin: 20px 0;
}

.form fieldset + fieldset {
    margin-top: 10px;
}

legend {
    border-bottom: none;
}

    legend small {
        color: #888888;
        font-size: 15px;
        display: block;
        margin-top: 10px;
    }

/*==========  Clinic Reports  ==========*/
#SelReport {
    margin-bottom: 20px;
}

/* Generic Report */
#generic-report.inner-content-block {
    padding-top: 0px;
}

#ResultsTable {
    width: 100%;
}


/*==========  Podcast (Best Practice, Clinical, Your Health Guide - The Detox Series) Page  ==========*/
.podcast .media, .bestpracticepodcast .media, .detox .media {
    display: table-row;
}

.podcast .media-body, .bestpracticepodcast .media-body, .detox .media-body {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
    padding-top: 10px;
}

.podcast .media-heading, .bestpracticepodcast .media-heading, .detox .media-heading {
    display: table-cell;
    width: 25%;
    font-size: 15px;
    /*font-weight: normal;*/
    padding-right: 20px;
    font-weight: bold;
    line-height: 20px;
}

.podcast .media-body em, .bestpracticepodcast .media-body em, .detox .media-body em {
    display: table-cell;
    font-style: normal
}



/*================================================*/
/* Prescription table content style */
/*================================================*/
.mypatient-table,
.prescription-table,
.calculate-order-table {
    border: none;
}

.prescription-table {
    margin-bottom: 150px;
}

.mypatient-table > thead > tr,
.prescription-table > thead > tr,
.calculate-order-table > thead > tr {
    background-color: #d5d5d5;
}

.mypatient-table > tbody > tr,
.prescription-table > tbody > tr,
.calculate-order-table > tbody > tr {
    background-color: #f4f4f4;
}

.mypatient-table > tbody > tr:nth-of-type(2n+1),
.prescription-table > tbody > tr:nth-of-type(2n+1),
.calculate-order-table > tbody > tr:nth-of-type(2n+1) {
     background-color: #fbfbfb;
}

.mypatient-table > thead > tr > th,
.prescription-table > thead > tr > th,
.calculate-order-table > thead > tr > th {
    border: none;
    padding: 15px;
}

.mypatient-table > tbody > tr > td,
.prescription-table > tbody > tr > td,
.calculate-order-table > tbody > tr > td {
    border: none;
    border-top: 2px solid #ffffff;
    color: #797979;
    font-size: 14px;
    padding: 15px;
    vertical-align: middle;
}

.mypatient-table > tbody > tr:hover,
.prescription-table > tbody > tr:hover,
.calculate-order-table > tbody > tr:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

.mypatient-table .btn-prescription,
.prescription-table .btn-prescription,
.calculate-order-table .btn-prescription {
    background-color: #3379b7;
    -webkit-box-shadow: 0 0 5px #999999;
       -moz-box-shadow: 0 0 5px #999999;
        -ms-box-shadow: 0 0 5px #999999;
         -o-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    color: #ffffff;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
}

.mypatient-table .btn-prescription:hover,
.prescription-table .btn-prescription:hover,
.calculate-order-table .btn-prescription:hover {
    background-color: transparent;
    border-color: #3379b7;
    color: #3379b7;
}

.prescription-pager {
    margin: 0;
}

.prescription-pager li > a,
.prescription-pager li > span {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
    border: none;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
}

.prescription-pager li > a {
    color: #3379b7;
}

.prescription-pager li > span {
    color: #797979;
}

.prescription-pager li > a:focus,
.prescription-pager li > a:hover {
    background-color: transparent;
    text-decoration: underline;
}

.prescription-pager li a .fa {
    display: inline-block;
    font-size: 18px;
    margin-top: 1px;
    vertical-align: top;
}

.prescription-pager li.previous a .fa {
    margin-right: 7px;
}

.prescription-pager li.next a .fa {
    margin-left: 7px;
}

.prescription-title {
    display: none;
    margin-bottom: 2px;
}

.prescription-pager li em {
    font-style: normal;
}

.prescription-item-btn {
    display: inline-block;
    line-height: 14px;
    padding: 4px 8px;
    vertical-align: top;
}

.prescription-item-count {
    background-color: #eaeaea;
    border: 1px solid #c3c3c3;
    text-align: center;
    width: 50px;
}

.myprescription-list {
    color: #666666;
    font-size: 15px;
    margin-bottom: 20px;
}

.myprescription-list .row {
    background-color: #f4f4f4;
    margin-left: 0;
    margin-right: 0;
}

.myprescription-list .row:nth-of-type(2n+1) {
     background-color: #fbfbfb;
}

.myprescription-list .row > div {
    border-top: 2px solid #ffffff;
    padding-bottom: 15px;
    padding-top: 15px;
}

.myprescription-list .row:hover {
    background-color: #f0f0f0;
}
.prescription-table > tbody > tr.in {
    background-color: #0381ec;
}
.prescription-table > tbody > tr.in > td {
    color: #ffffff;
}
.prescription-table > tbody > tr.prescriptionRow .fa-minus,
.prescription-table > tbody > tr.prescriptionRow.in .fa-plus {
    display: none;
}
.prescription-table > tbody > tr.prescriptionRow.in .fa-minus,
.prescription-table > tbody > tr.prescriptionRow .fa-plus {
    display: inline-block;
}
.prescription-table > tbody > tr.prescriptionResult > td {
    color: #797979;
}
.prescription-content {
    display: table;
    width: 100%;
}
.prescription-content > li {
    display: table-row;
}
.prescription-content > li > span {
    border-top: 1px solid #dedede;
    display: table-cell;
    padding-bottom: 10px;
    padding-top: 10px;
}
.prescription-content > li:first-child > span {
    border-top: none;
}
.prescription-content > li > span:first-child {
    width: 91%;
    padding-right: 5px;
}
/*================================================*/
/* End prescription table content style */
/*================================================*/

/*================================================*/
/* User Journal - partial_JournalEntry */
/*================================================*/
.journallist {
    border: 1px solid #eeeeee;
    max-height: 400px;
    overflow: auto;
}

.journallist .media {
    margin-top: 2px;
}

.journallist .media:first-child {
    margin-top: 0;
}

.journallist .journalItem {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 6px 10px 8px 5px;
}

.journallist .media {
    color: #797979;
    font-size: 14px;
}

.journallist .media small {
    color: #797979;
    font-size: 10px;
}

.journallist .media small .fa {
    color: #d0d0d0;
    font-size: 14px;
}
/* Journal Entry Delete Button */
.journalItemDelete {
    cursor: pointer;
}

.journalItem small {
    color: #bfbfbf;
}

.journal h1 {
    margin-top: 0px;
}

.journal-category ul {
    margin-bottom: 5px;
    margin-left: 0;
}

.journal-category ul li {
    margin-left: -1px;
    padding-left: 0;
    padding-right: 0;
}

.journal-category ul li:first-child {
            margin-left: 0;
}

.journal-category ul li a {
    background-color: #337ab7;
    color: #ffffff;
    font-size: 14px;
    padding: 7px 10px;
}

.journal-category ul li.active a {
    background-color: #666666;
    -webkit-box-shadow: inset 0 4px 5px #333333;
    box-shadow: inset 0 4px 5px #333333;
}
.btn-group-journalitem > .btn {
    border-radius: 0;
    padding: 3px 8px;
}
.btn-group-journalitem .fa-stack-2x {
    font-size: 22px;
    top: 1px;
}
/*================================================*/
/* End user journal - partial_JournalEntry */
/*================================================*/

/*================================================*/
/* Modal style */
/*================================================*/
.modal-dialog {
    color: #000000;
    font-weight: bold;
}

.modal-content {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
            border-radius: 0;
}

.modal-header {
    text-align: center;
    border: none;
    padding: 40px;
}

.modal-header .fa {
    display: none !important;
}

.modal-header button.close {
    font-size: 30px;
}

.modal-title {
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    font-weight: bold;
}

.modal-body {
    text-align: center;
    padding: 0 40px;
    border: none;
}

.modal-footer {
    padding: 40px;
    border: none;
    text-align: center;
}

.modal-footer .btn {
    float: none !important;
    font-size: 30px;
    min-width: 150px;
}
/*================================================*/
/* End modal style */
/*================================================*/

/*================================================*/
/* Panel accordion carts style */
/*================================================*/
.panel-accordion-carts .panel {
    /*margin-top: 5px;*/
}

.panel-accordion-carts .panel-group .panel + .panel {
    margin-top: 0px;
}

.panel-accordion-carts .panel > div {
    border: 1px solid #eeeeee;
}
/*================================================*/
/* End panel accordion carts style */
/*================================================*/
#carousel_fade .carousel-caption {
    padding: 15px 10px;
    width: auto;
}
#carousel_fade .carousel-caption h1 {
    text-align: left;
    margin-top: 0px;
}
#carousel_fade .carousel-caption button {
    float: left;
}

/*================================================*/
/* Panel assessment style */
/*================================================*/
.panel-assessment .panel-default {
    border-radius: 0;
    background-color: #F5F5F5;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
    border: 1px solid #f5f5f5;
    color: #666666;
    padding: 0;
}
.panel-assessment .assessmentfinderitem {
    padding: 0;
}
.panel-assessment .panel-title {
    font-size: 14px;
    line-height: 16px;
}
.panel-assessment .panel-title a {
    color: #666666;
    font-weight: bold;
    display: block;
    overflow: hidden;
    padding: 17px 12px 17px 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.panel-assessment .panel-title.in a {
    background-color: #0381ec;
    color: #ffffff;
}
.panel-assessment .panel-title .marker {
    background-color: #002a54;
    color: #ffffff;
    display: inline-block;
    height: 50px;
    left: 0;
    line-height: 50px;
    margin-left: 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 50px;
}
.panel-assessment .panel-title .collapsed .marker {
    background-color: #0381ec;
    color: #ffffff;
}
.panel-assessment .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
.panel-assessment .panel-body {
    background-color: #ffffff;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.panel-assessment .assessment-label {
    padding-left: 50px;
}
.assessmentquestiontoggle h3 a {
    color: #666666;
}
.assessmentquestiontoggle.in h3 a,
.assessmentquestiontoggle.in h3 .fa-caret-up {
    color: #002a54;
}
.assessmentquestiontoggle .progress {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    /*cursor: pointer;*/
}

.no-cursor {
    border: 2px solid red;
}
.assessmentquestiontoggle .progress-bar {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
    text-align: left;
}
.assessmentquestiontoggle .progress-bar span {
    padding-left: 10px;
}
.assessmentquestiontoggle .question-container {
    display: table;
    width: 100%;
}
.assessmentquestiontoggle .questionresult {
    display: none;
}
.assessmentquestiontoggle.in .questionresult {
    display: table-row;
}
.assessmentquestiontoggle .questionresult > span {
    border-bottom: 1px solid #dedede;
    display: table-cell;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: top;
}
.assessmentquestiontoggle .questionresult:first-child > span {
    padding-top: 0;
}

.assessmentquestiontoggle .questionresult > .question-text {
    width: 80%;
}
.assessmentquestiontoggle h3 .fa-caret-up,
.assessmentquestiontoggle.in h3 .fa-caret-down,
.panel-assessment .panel-title.in .fa-plus,
.panel-assessment .panel-title .fa-minus {
    display: none;
}
.assessmentquestiontoggle.in h3 .fa-caret-up,
.assessmentquestiontoggle h3 .fa-caret-down,
.panel-assessment .panel-title .fa-plus,
.panel-assessment .panel-title.in .fa-minus {
    display: inline-block;
}
.assessmentquestiontoggle h3 .fa {
    cursor: pointer;
}
/*================================================*/
/* End panel assessment style */
/*================================================*/





/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


    

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

        /*==========  Reports Page  ==========*/
        /* Report Dropdown */
        #SelReport {
            width: 78%;
        }



        /*==========  Assessment  ==========*/
        /*Assessment question style*/
        .assessmentquestiontoggle .questionresult > .question-answer {
            /*padding-left: 5px;*/
            text-align: right;
        }

        /*==========  Congress  ==========*/
        .info.top-right {
            right: 80px;
        }


        /*========== Patient Manager - My Patients ==========*/
        .myPatients .buttons-block {
            margin-top: 20px;
        }


        /*==========  Patient - My Practitioner Tab ==========*/
        
        /* Start My Practitioner */
        .myPractitioner .contact-info .well strong {
            width: 220px;
        }

        .myPractitioner .contact-info .well strong, .contact-info .well div {
            display: table-cell;
        }
        /* End My Practitioner */


        /*==========  Common  ==========*/
        /* Start Account Settings - Account Details/Purchases Order - Shipping Details/Order Confirmation - Payment Details */
        .contact-info .well strong {
            width: 220px;
        }

        .contact-info .well strong, .contact-info .well div {
            display: table-cell;
        }
        /* End Account Settings - Account Details/Purchases Order - Shipping Details/Order Confirmation - Payment Details */
        
    }

    @media screen and (min-width: 704px) {
        
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

        /*==========  Common  ==========*/
        /* Fix the width issue for container inside container-fluid */
        .container-fluid .container {
            width: 700px;
        }

        /* Selector - Orders - Shipping - Payment Select */
        #selector p.titleonly {
            float: left;
            margin-right: 20px;
        }

        #selector .btn.active .down-arrow {
            display: block;
            margin-top: 0;
        }

        #selector .btn .down-arrow {
            display: none;
            margin-top: 5px;
            position: absolute;
            left: 45%;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #0076b9;
            z-index: 1;
            top: 50px;
        }


        /*==========  Navigation  ==========*/
        .navbar {
            border-radius: 0px;
        }

        .dropdown-menu {
            width: 650px;
        }
        
        /*==========  Banner -Jumbotron  ==========*/
        .jumbotron h1, .jumbotron .h1 {
            font-size: 40px;
        }


        /*==========  Banner - Carousel  ==========*/
        /*.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
            width: 30px;
            height: 30px;
            margin-top: -10px;
            font-size: 30px;
        }

        .carousel-control .fa-chevron-left, .carousel-control .icon-prev {
            margin-left: -10px;
        }

        .carousel-control .fa-chevron-right, .carousel-control .icon-next {
            margin-right: -10px;
        }*/
        
        /* Dots */
        #carousel_fade.owl-theme .owl-dots .owl-dot span {
            width: 20px;
            height: 20px;
        }

        


        .item.article-block {
            width: calc(100%/2);
            float: left;
        }


        .article-list.categories .item + .item {
            border-left: 1px solid #eaeaea;
        }

        .article-list.categories .article-list article {
            min-height: 394px;
        }

        /*.fullpage-edge-features .features-content.col-md-6 {
            padding: 50px 70px;
            border: 2px solid green;
        }*/



        /*==========  About - One Health ==========*/
        /*.onehealthgoal .section-inner {
            background-position: left bottom;
        }*/

        .onehealthgoal .section-inner blockquote {
            padding-top: 100px;
            padding-bottom: 50px;
        }

        .onehealthgoal .section-inner p:before {
            left: 30px;
        }

        .onehealthgoal .section-inner p:after {
            bottom: 120px;
            right: 30px;
        }



        /*==========  Products  ==========*/
        /*#product-directory .filofax a {
            width: calc(100%/28);
        }*/

        .product-list .thumbnail {
            height: 200px;
        }

        /* Tab - Shopping Cart and Prescription */ 
        #ShoppingCart ul.list-unstyled li, #PrescriptionCart ul.list-unstyled li {
            padding-bottom: 5px;
        }

        #ShoppingCart ul.list-unstyled li span.item, #PrescriptionCart ul.list-unstyled li span.item {
            margin-right: 15px;
        }


        #events-list .inner {
            min-height: 472px;
        }


        /*==========  Product  ==========*/

        /* Center Tab */
        .nav-center {
            text-align: center;
            border-top: 2px solid #eeeeee;
            border-bottom: 2px solid #eeeeee;
        }

        .nav-center ul.nav {
            display: inline-block;
            border-bottom: 1px solid transparent;
        }

        .single-product .nav-center .nav-tabs > li {
            margin-bottom: -7px;
        }

        .nav-center .nav-tabs > li > a {
            border-radius: 0px;
        }

        .nav-center .nav-tabs > li > a:hover {
            border-color: transparent;
        }

        

        /*.single-product .tabtable-responsive {
            margin-top: 30px;
        }

        .single-product .tabtable-responsive .nav-center  .nav > li > a {
            padding: 20px 20px;
        }*/

        /*Down Arrow Effect */
        .single-product .nav-center .nav.nav-tabs li.active .down-arrow {
            display: block;
            margin-top: 0;
        }

        .single-product .nav-center .nav.nav-tabs li .down-arrow {
            display: none;
            margin-top: 5px;
            position: absolute;
            left: 40%;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #002a54;
            z-index: 1;
        }

        /*.single-product .nav-center .nav-tabs > li.active > a:hover {
            background: #0381ec;
            color: #ffffff;
        }

        .single-product .nav-center .nav-tabs > li > a:hover {
            background: #014075;
            color: #ffffff;
        }*/

        /*.single-product .tab-content {
            padding: 30px;
            background-color: #f9f9f9;
        }*/

        .single-product .tab-content li {
            margin-bottom: 10px;
        }

        .single-product .tab-content li:last-child {
            margin-bottom: 0px;
        }


        /*==========  My Patients Dashboard ==========*/
        /*.myPatientsDashboard .filofax a {
            width: calc(100%/30);
        }*/



        


        /*========== Education - Event List ==========*/
        /* Location Filter - Label */
        .filters .form-horizontal .control-label {
            text-align: left;
        }

    

        /*========== Individual Event - Event Summary ==========*/
        .individual-event .article-block-eventdetail dd {
            float: left;
        }

        .individual-event .article-block-eventdetail dd:first-child:after, .individual-event .article-block-eventdetail dd:nth-child(2):after {
            content: "/ ";
            margin-right: 20px;
            margin-left: 20px;
        }




        

        .modal-dialog {
            width: 750px;
            margin-top: 100px;
        }

        #carousel_fade .caption.hidden-xs {
           display: block !important;
        }

        #carousel_fade .carousel-caption-text {
            display: block !important;

            text-align: left;
        }

        #carousel_fade .btn.hidden-xs {
            display: inline !important;
        }




        /*==========  Orders - Payment Types  ==========*/
        #payment-content .panel-body {
            min-height: 242px;
        }

        #form-payment-type h3 {
            margin-bottom: 30px;
        }
    
        #form-payment-type h3 span {
            float: right;
        }


        /*==========  Orders - Order Confirmation - Payment Success  ==========*/
        #payment-content-success .panel-body {
            min-height: 260px;
        }

        #payment-details.contact-info .text-right span {
            margin-right: 40px;
        }

        #payment-success-btn {
            position: absolute;
            top: 108px;
            right: 20px;
        }






        /*========== Congress ==========*/
        /* Congress Menu - Navigation Bar */
        #congress-menu .nav {
            margin-top: 28px;
        }

        /* Home - jumbotron */
        .jumbotron.congress h1, .jumbotron.congress .h1,
        .jumbotron.presenters h1, .jumbotron.presenters .h1,
        .jumbotron.downloads h1, .jumbotron.downloads .h1,
        .jumbotron.gallery h1, .jumbotron.gallery .h1 {
            font-size: 50px !important;
        }

        .jumbotron.congress, .jumbotron.presenters, .jumbotron.downloads, .jumbotron.gallery {
            background-position: bottom center !important;
            background-repeat: no-repeat;
            padding-top: 150px !important;
        }

        


        /*========== Prescriptions Tab ==========*/
        .prescriptionResult .list-group {
            margin-left: 60px;
            background-image: url('/~/media/Images/metagenics/misc/metagenics-logo-background');
            background-repeat: repeat;

            background-color: #ffffff;
        }

        .prescriptionResult .list-group-item {
            background-color: transparent;
        }

        .vertical-text-block {
            display: block;
            position: absolute;
            overflow: hidden;
            white-space: nowrap;
            font-weight: bold;
            padding: 0px;
            line-height: 1px;
            text-align: center;
            transform: rotate(-90deg) translate(-50%, 50%);
            transform-origin: 0;
            top: 40%;
            left: 30px;
        }

            .vertical-text-block h4 {
                top: 0;
                bottom: 0;
                /*height: 29px;*/
                font-weight: bold;
                line-height: 35px;
                padding: 0px !important;
            }
    
            /* OSCA Nomination Form */
    #oscanominationform .modal-dialog {
            width: 75%;
            margin-top: 50px;
        }

    
       #oscanominationform .form-horizontal .control-label {
           text-align: left;
       }
       
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

        /*==========  Common  ==========*/
        /* Fix the width issue for container inside container-fluid */
        .container-fluid .container {
            width: 910px;
        }

        /*==========  Navigation  ==========*/
        .dropdown-menu {
            width: 650px;
        }

        #questionnaires-dropdown-panel.dropdown-menu {
            left: -130px;
        }

        /*==========  Home Banner - Carousel  ==========*/
        /* Bootstrap Only */
        .carousel, .carousel .item {
            height: 440px;
        }

        .carousel-caption p {
            text-align: left;
            margin-top: 0px;
        }

        /*========== Common ==========*/
        #article-main-image {
            margin-bottom: 30px;
        }

        .pageContent h1:first-child, .pageContent h2:first-child,
        .module.content h1:first-child, .module.content h2:first-child,
        .section-inner h1:first-child, .section-inner h2:first-child {
            margin-top: -5px;
        }

        .fullpage-edge-features .features-content.col-md-6 {
            padding: 40px;
        }

        .fullpage-edge-features .features-image {
            max-height: 533px;
        }

        
        /*==========  Products  ==========*/
        /* Detail View */
        /* Description */
        .viewmore_content .description {
            max-height: 90px;
            overflow: hidden;
            margin-bottom: 10px;
        }

        .viewmore_content ul {
            max-height: 85px;
            overflow: hidden;
        }

        #carousel_fade .carousel-caption {
            padding: 25px 30px;
            width: 400px;
        }


        /*========== Individual Event - Event Summary ==========*/
        .individual-event h3 {
            margin-top: 0px;
        }

        
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

        /*==========  Common  ==========*/
        /* Fix the width issue for container inside container-fluid */
        .container-fluid .container {
            width: 1130px;
        }
    }


    @media only screen and (min-width : 1281px) {

        .fullpage-edge-features .features-content.col-md-6 {
            padding: 50px;
        }

        .fullpage-edge-features .features-image {
            max-height: 493px;
        }

        #carousel_fade .carousel-caption {
            padding: 60px 30px;
        }
    }

    @media only screen and (min-width : 1300px) {

        .fullpage-edge-features .features-content.col-md-6 {
            padding: 80px 70px;
        }

        .fullpage-edge-features .features-image {
            max-height: 533px;
        }
    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        .fullpage-edge-features .features-image {
            max-height: 553px;
        }

        .fullpage-edge-features .features-content.col-md-6 {
            padding: 50px;
        }
    }

    @media only screen and (max-width : 1082px) {
        .myprescription-list .row > .col-prescription-title {
            padding-bottom: 0;
        }

        .myprescription-list .row > .col-prescription-price, .myprescription-list .row > .col-prescription-count {
            border-top: 0 none;
            padding-top: 10px;
        }

    }

    @media only screen and (max-width : 1081px) {
        .myprescription-list .row > .col-prescription-title {
            padding-bottom: 0;
        }

        .myprescription-list .row > .col-prescription-price, .myprescription-list .row > .col-prescription-count {
            border-top: 0 none;
            padding-top: 10px;
        }
    }

    @media screen and (max-width: 1200px) {
        .sidebar-widget {
            display:block;
        }
    }

    @media screen and (min-width: 1200px) {
        .sidebar-widget {
            display:none;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

        /*==========  About - Health World Story ==========*/
        /* Metagenics Innovation */
        .section-inner.no-padding {
            padding-top: 50px;
            padding-bottom: 50px;
            padding-right: 15px;
            padding-left: 15px;
        }

        .fullpage-edge-features.row, .content-right {
            padding-right: 15px;
            padding-left: 15px;
        }

        .fullpage-edge-features .features-content.col-md-6 {
            padding: 0;
        }


        /*==========  Products  ==========*/
        .simpleview .buttons-block button, .productFavouriteAdd, .productFavouriteRemove {
            width: 40px;
            height: 40px;
        }


        /* Detail View */
        .productListResults .panel-body, .productFavouriteResults .panel-body {
            min-height: 479px;
        }

        /* Simple View */
        .productListResults .simpleview .panel-body, .productFavouriteResults .simpleview .panel-body {
            min-height: initial;
        }

        .caption h4 {
            font-size: 13px;
        }

        #products-list-directory .item .list-group-item-heading {
            font-size: 13px;
        }


        /*==========  Patient - My Practitioner Tab ==========*/
        .myPractitioner .item {
            margin-bottom: 25px;
        }

        .myPractitioner .item:last-child {
            margin-bottom: 25px;
        }


        /*==========  Contact Us Page ==========*/
        .contactdetails .item {
            margin-bottom: 25px;
        }

        .contactdetails .item:last-child {
            margin-bottom: 0px;
        }



        .onehealthgoal .section-inner {
            background-image: none;
        }



        /*==========  Congress  ==========*/
        /* Location */
        .location .section-inner.no-padding {
            padding: 0px;
        }

        .location .fullpage-edge-features.row, .content-right {
            padding-right: 0px;
            padding-left: 0px;
        }


        .item-grid-view.tech-team-member.speaker .caption h4 {
            font-size: 18px;
        }

    }

@media screen and (max-width: 991px) {
    /* Adding space for small device */
    .tabtable-responsive {
        margin-bottom: 30px;
    }

    /*==========  About - OSCA Nomination Form ==========*/
        #oscanominationform .modal-body {
            position: relative;
            padding: 20px;
            height: 200px;
            overflow-y: scroll;
        }
}


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

        /*==========  About - One Health ==========*/
        .onehealthgoal .section-inner {
            background-image: none;
        }

        .onehealthgoal .section-inner p:after {
            right: -15px;
            bottom: 15px;
        }


        /*==========  Products  ==========*/
        /* Tab - Shopping Cart and Prescription */ 
        #ShoppingCart ul.list-unstyled li, #PrescriptionCart ul.list-unstyled li {
            padding-bottom: 15px;
        }

        #ShoppingCart ul.list-unstyled li span.item, #PrescriptionCart ul.list-unstyled li span.item {
            display: block;
            margin-bottom: 5px;
        }

        #ShoppingCart ul.list-unstyled li input, #PrescriptionCart ul.list-unstyled li input {
            float: left;
        }

        /* Check Out Button */
        #ShoppingCart .buttons-block a.btn {
            width: 100%;
        }

        .productListResults .post-categories .list-group, .productFavouriteResults .post-categories .list-group {
            height: auto;
        }

        /* Detail View */
        .productListResults .panel-body, .productFavouriteResults .panel-body {
            min-height: initial;
        }

        /* Simple View*/
        .productListResults .simpleview.item.col-xs-12, .productFavouriteResults .simpleview.item.col-xs-12 {
            width: calc(100% / 2);
        }


        /*==========  Single Product  ==========*/
        .single-product .product-descriptor {
            margin-top: 30px;
        }

        .single-product .nav-center .nav-tabs > li {
            margin-bottom: 0px;
        }


        /*========== Education - Event List ==========*/
        /* Location Filter - Label */
        .filters .form-horizontal .control-label {
            padding-top: 7px;
        }


        /*==========  Articles - Categeoty List (News/Clinic Tools) ==========*/
        .article-list.categories .content .article-list .item {
            border-bottom: 1px solid #eaeaea;
            margin-bottom: 25px;
            margin-left: 20px;
            margin-right: 20px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .article-list.categories .content .article-list .item-row {
            border-bottom: none !important;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }        

        .article-list .article-block-blurb {
            height: auto !important;
        }



        /*==========  Orders - Payment Types  ==========*/
        #payment-content {
            padding: 15px 15px 15px;
            background-color: #f9f9f9;
        }



        /*==========  Orders - Order Confirmation - Payment Success  ==========*/
        #payment-success-btn {
            margin-bottom: 20px;
        }



        /*========== Congress ==========*/
        #congress-menu .navbar-brand {
            margin-left: 15px !important;
        }

        #congress-menu.navbar-inverse .navbar-toggle {
            border-color: #ffffff;
        }

        #congress-menu .navbar-toggle {
            margin-top: 36px;
        }

        .jumbotron.congress .congress, .jumbotron.presenters .presenters, .jumbotron.downloads .downloads, .jumbotron.gallery .gallery {
            background-color: transparent !important;
        }


        .item-grid-view.tech-team-member.speaker .caption h4 {
            margin-top: 15px;
        }


        /*==========  User Invites  ==========*/
        /* Request Waiting Panel */
        .panel-emailrequests .label {
            position: absolute; 
            right: 0;
            top: 0;
            line-height: initial;
        }

        .panel-emailrequests .vertical-align-element {
            display: block;
            line-height: initial;
            margin-bottom: 5px;
            padding-right: 30px;
        }

        .panel-emailrequests .text-right {
            float: left;
        }




        #navbar-patientmanager .caret, #navbar-patientmanager .caret-up {
            display: inline-block;
        }
        
        #navbar-patientmanager .navbar-nav .open .caret-up {
            width: 0;
            height: 0;
            border-left: 4px solid rgba(0, 0, 0, 0);
            border-right: 4px solid rgba(0, 0, 0, 0);
            border-bottom: 4px solid;
            display: inline-block;
            margin-left: 2px;
            vertical-align: middle;
        }

        /*========== Patient Manager - My Patients ==========*/
        .myPatients .col-xs-12 {
            width: 50%;
        }

        /*========== Navigation ==========*/
        .nav.navbar-nav > li:hover, .nav.navbar-nav > li.open {
            
           background-color: #014075;
        }

        .nav.navbar-nav > li > a {
            
            max-width: 80%;
            width: 100%;
            display: inline-block;
        }

        .nav.navbar-nav > li > button {

            color: #fff;
            float: right;
            margin-right: 15px;
            min-width: 50px;
            min-height: 40px;
            display: inline-block;
            border: none;
            background-color: transparent;
        }

        .nav.navbar-nav .dropdown-menu .divider {
        
            margin: 0px;
        }

        .nav.navbar-nav > li.find-prac-btn a {
        
            max-width: 100%;
        } 
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 767px) {
    .prescription-cart-item .prescription-item-name,
    .prescription-cart-item .prescription-item-count,
    .prescription-cart-item .prescription-item-btn,
    .prescription-cart-item .prescription-item-cost {
        display: block;
    }



    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
    }


    #navbar-patientmanager .navbar-form.search  {
        margin-top: 0;
        border-top: none;
    }
}

@media screen and (max-width: 660px) {
    .btn-group-request-questionnarie .btn {
        margin: 5px 0;
    }

    
}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        
        .item.article-block {
            width: 100%;
        }


        /*==========  Products  ==========*/
        /* Simple View */
        .productListResults .simpleview.item.col-xs-12, .productFavouriteResults .simpleview.item.col-xs-12 {
            width: 100%;
        }

        /*==========  Product Page - Single Product  ==========*/
        .single-product .buttons-block button {
            display: block;
            width: 100%;
            margin-top: 20px;
        }


        /*========== Education - Event List ==========*/
        .article-block-eventdetail .buttons-block .btn {
            width: 100%;
        }

        .event-list .media-middle {
            float: left;
            padding-left: 0px;
            width: 100%;
            margin-top: 5px;
        }

        .myPatients .buttons-block {
            float: none;
        }


        /*========== Patient Manager - My Patients ==========*/
        .myPatients .col-xs-12 {
            width: 100%;
        }



        /*==========  Reports Page  ==========*/
        /* Report Dropdown */
        #SelReport {
            margin-top: 20px;
        }

        /* Start Button Block with Print and Export Buttons */
        #reports-buttons.pull-right {
            float: none !important;
        }

        #reports-buttons button {
            width: 100%;
        }
        /* End Button Block with Print and Export Buttons */



        /*==========  Patient - My Practitioner Tab ==========*/
        
        /* Start My Practitioner */
        .myPractitioner .contact-info .well strong, .myPractitioner .contact-info .well div {
            display: block;
        }
        /* End My Practitioner */


        /*==========  Orders - Order Confirmation - Payment Success  ==========*/
        #payment-details.contact-info .text-right {
            text-align: left;
        }


        /*==========  Common  ==========*/
        /* Account Settings - Account Details/Purchases Order - Shipping Details/Order Confirmation - Payment Details */
        .contact-info .well strong, .contact-info .well div {
            display: block;
        }
        
    }

@media screen and (max-width: 420px) {
    .modal-footer .btn {
        display: block;
        width: 100%;
        margin: 5px;
    }
}

@media screen and (max-width: 400px) {
    .prescription-table {
        margin-bottom: 50px;
    }
    .prescription-pager li em {
        display: none;
    }

    /*Assessment question style*/
    .assessmentquestiontoggle .question-container {
        display: block;
    }
    .assessmentquestiontoggle.in .questionresult {
        float: left;
        width: 100%;
    }
    .assessmentquestiontoggle .questionresult > span {
        float: left;
        width: 100%;
    }
    .assessmentquestiontoggle .questionresult > .question-text {
        border: none;
        padding-bottom: 2px;
        padding-top: 10px;
        width: auto;
    }
    .assessmentquestiontoggle .questionresult:first-child > .question-text {
        padding-top: 0;
    }
    .assessmentquestiontoggle .questionresult > .question-answer {
        padding-left: 0;
    }
    .assessmentquestiontoggle .question-container:after {
        clear: both;
        content: '';
        display: table;
    }

    .media.webinar-presenter .media-left, .media.webinar-presenter .media-right, .media.webinar-presenter .media-body {
        display: table-row;
    }
}

@media screen and (max-width: 360px) {
    /*My prescripton table style*/
    .mypatient-table > tbody > tr > td,
    .prescription-table > tbody > tr > td,
    .calculate-order-table > tbody > tr > td {
        border-top: none;
        padding-bottom: 6px;
        padding-top: 6px;
        width: 100%;
    }

    .mypatient-table > tbody > tr > td:first-child,
    .prescription-table > tbody > tr > td:first-child,
    .calculate-order-table > tbody > tr > td:first-child {
        border-top: 2px solid #ffffff;
    }

    .mypatient-table > tbody > tr > td.text-right,
    .prescription-table > tbody > tr > td.text-right {
        text-align: center;
    }

    .prescription-table .btn {
        margin-bottom: 9px;
    }

    .prescription-table td.ico-col .btn {
        margin-bottom: 0;
    }

    .mypatient-table > thead,
    .prescription-table > thead {
        display: none;
    }

    .mypatient-table td .btn {
        display: block;
        margin-bottom: 5px;
    }

    .mypatient-table td .pat-archivetoggle {
        margin-bottom: 9px;
    }

    .btn-group-cart .btn {
        margin: 5px 0;
    }
    .btn-group-request-questionnarie .btn {
        white-space: normal;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .mypatient-table td .btn-met {
        font-size: 0;
        text-align: center;
    }

    .mypatient-table td .btn-met .fa {
        font-size: 14px;
        line-height: 22px;
    }
}





