﻿@charset "utf-8";

/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Resources: Body Styles >>>>>>>>>>>>>>>> */
.clearrow {
	clear:both;
}

.dc-resources {
     /*width:100%;
     max-width:900px!important;
     background-color: #FFFFFF;
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 100%;
     margin: 0% auto;*/
}

.dc-resources header {
     font-style: normal;
     font-weight: 200;
     font-size: 2.85em;
     letter-spacing: .1em;
     color:#0476A6;
     padding: 1.75% 2.25% 1%;
     border-bottom:solid thin #9fA2A3;
}
.dc-resources .searchbar {
     background: #D0D0D0;
     padding:3% 2.25%;
     margin: .5% 0% 0% 0%;
     display:none;
}

.dc-resources main {
     /*background:#5D7082;
     padding:2.5%;*/
}

/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Resources: Navigation Styles >>>>>>>>>>>>>>>> */

.dc-resources aside {
     width:30%;
     float:left;
     margin: 0% 1.5% 0% 0%;
     padding:0%;
}

.dc-resources nav {
     width:100%;
     margin: 0% 0% 8.5% 0%;
}

.dc-resources nav h1 {
     /*background:#8795A0;
     padding:4% 5.5% 5.25%;
     font-size: 1.8em;
     font-weight:600;
     color:#E2E2E2;*/
     background:#0e0f45;
     color:#fff;
     padding:10px;
     font-size:20px;
     text-transform:uppercase;
}

    .dc-resources nav ul {
        height: auto;
        max-height: 250px;
        list-style: none;
        border-top: solid thin #ADD6EA;
        border-right: solid thin #ADD6EA;
        border-left: solid thin #ADD6EA;
        overflow-y: scroll;
        /*background: #DEF1F9;*/
        margin:0;
        padding:0;
    }
        .dc-resources nav ul li a,
        .dc-resources nav ul li a:link,
        .dc-resources nav ul li a:visited {
            border-bottom: solid thin #ADD6EA;
            font-size: 1.15em;
            padding: 5% 5.5% 6.25%;
            display: block;
            /*background: #DEF1F9;*/
            color: #5295BA;
            -webkit-transition: color 0.2s, background 0.5s;
            -moz-transition: color 0.2s, background 0.5s;
            -o-transition: color 0.2s, background 0.5s;
            transition: color 0.2s, background 0.5s;
            text-decoration: none;
        }
.dc-resources nav ul li a:hover {
     /*background:#ADD6EA;*/
     color:#FFFFFF;
     color: #5295BA;
}

/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Resources: Content Styles >>>>>>>>>>>>>>>> */

.dc-resources section {
     width:66.5%;
     background:#FFFFFF;
     float:left;
     margin: 0% 0% 0% 1.5%;
}
.dc-resources section h1 {
     /*background:#93EFF9;*/
     padding:2.25% 3% 2.85%;
     font-size:1.4em;
     font-weight:300;
     color:#0476A6;
     color:#706b6b;
}
.dc-resources section h2 {
     padding:1.75% 3% 1.55%;
     font-size:1.1em;
     font-weight:600;
     color:#0B3663;
     margin: 0% 0% 1.25% 0%;
}
.dc-resources section h2 span {
     display:block;
     padding: 0% 0% 1.5% 0%;
     border-bottom: solid thin #5485b2;
     }


/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Resources: Lab Test Styles >>>>>>>>>>>>>>>> */


.dc-resources-testmenu ul li {
     margin:1.5% 0%;
     padding:1.25% 3%;
}

.testmenu-listtop {
     border-bottom: solid thin #B6B6B7;
}

.testmenu-name {
     width:83%;
     float:left;
     font-weight:300;
     font-size:1.6em;
     color:#0476A6;
     padding:0% 0% 1.5% 0%;
}

.testmenu-price {
     width:17%;
     float:right;
     font-weight:800;
     font-size:1.6em;
     color:#0476A6;
     padding:0% 0% 1.75% 0%;
}

.testmenu-descrpt {
     font-weight:400;
     font-size:1em;
     line-height:1.4em;
     margin:3% 0%;
}

.testmenu-listbottom {
     width:39.2%;
     float:left;
     background:#F0F1F2;
     padding:4.4%;
}

.testmenu-testdetails a,
.testmenu-ordernow a,
.testmenu-testdetails a:link,
.testmenu-ordernow a:link,
.testmenu-testdetails a:hover,
.testmenu-ordernow a:hover,
.testmenu-testdetails a:visited,
.testmenu-ordernow a:visited {
     width:21%;
     display:block;
     float:left;
     padding:2.5% 2% 2.85%;
     margin:0% 0% 0% .8%;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     font-weight:700;
     font-size:1.15em;
     text-align:center;
     text-decoration: none;
     -webkit-transition: color 0.2s, background 0.5s;
  	-moz-transition: color 0.2s, background 0.5s;
  	-o-transition: color 0.2s, background 0.5s;
  	transition: color 0.2s, background 0.5s;
}
.testmenu-testdetails a,
.testmenu-testdetails a:link,
.testmenu-testdetails a:visited {
     background:#def1f9;
     color:#04467C;
}
.testmenu-ordernow a,
.testmenu-ordernow a:link,
.testmenu-ordernow a:hover,
.testmenu-ordernow a:visited {
     background:#d2f7f9;
     color:#1397ba;
}
.testmenu-testdetails a:hover {
     background:#95d0e8;
     color:#FFFFFF;
}
.testmenu-ordernow a:hover {
     background:#7fdbdb;
     color:#FFFFFF;
}

/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Resources: Clinical Support Styles >>>>>>>>>>>>>>>> */

.clinsupport-col {
     width:30.15%;
     float:left;
     display:block;
     /*margin:0% 1%;
     padding:0% 0% 3%*/
     margin:0px 2px 0 0;
     padding:0px;
     border:1px solid #878383;
     min-height:600px;     
     width:32%;
     text-align:center;
}
.clinsupport-col:nth-child(2){
    width:33%;
}
#articlecol {
     /*margin:0% 1% 0% 2.75%;*/
}
.clinsupport-col img {
     width:50px;
     height:auto;
}
.clinsupport-col h3 {
     background:#f5f9fc;
     color:#0e0f45;
     padding:5% 5% 5.5%;
     font-weight:600;
     font-size:1.15em;
     margin:0% 0% 3%;
     text-transform:uppercase;
     border-bottom:1px solid #878383;
     min-height:77.05px;
}

.clinsupport-links ul {
    list-style: none;
    font-weight: 400;
    font-size: .95em;
    line-height: 1.4em;
    display: block;
    margin: 0;
    padding: 0;
    text-align:left;
}
.clinsupport-links ul li {
     width:92%;
     float:left;
     padding:4% 6%;
     margin:0% 0% 1%;
     font-style:italic;
     font-size: 1.09em;
     font-weight:500;
}
.clinsupport-links ul li a,
.clinsupport-links ul li a:link,
.clinsupport-links ul li a:visited {
     color:#0B3663;
     text-decoration-color:#ABADB0;
     -webkit-transition: color 0.2s, background 0.5s;
  	-moz-transition: color 0.2s, background 0.5s;
  	-o-transition: color 0.2s, background 0.5s;
  	transition: color 0.2s, background 0.5s;
}
/*
.clinsupport-links ul li a:hover {
     color:#0476A6;
     text-decoration-color:#9CB5BF;
}
    */
/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Resources: BMI Calculator Styles >>>>>>>>>>>>>>>> */

.bmicalc {
     /*width:89.5%; */
     padding:2.5%;
     background: #DEF1F9;
     margin:0% 2.5% 2.5%;
}
.bmicalc ul {
     margin:3% 1.25% 0%;
}
.bmicalc ul li {
     margin:0% 0% 4.5%;
     font-weight:300;
     font-size:1.15em;
     color:#788286;
}
.bmicalc label {
     margin:2% 2% 0% 0%;
     /*float:left;*/
}
.bmicalc select {
     /*float:left;*/
     font-family: 'Source Sans Pro', sans-serif;
     font-weight:600;
     font-size: .85em;
     color:#0b3663;
     margin: 1.4% 0% 0%;
}
.bmicalc option {

}
.bmicalc input[type=text] {
     /*float:left;*/
     padding:1.7% 2% 2% 2.1%;
     font-size:.95em;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight:600;
     color:#0b3663;
}
.bmicalc input[type=submit] {
     margin:8% auto 0%;
     padding:1.35% 6% 2%;
     display:block;
     color:#3B80A7;
     background:#B9DDEC;
     border-radius: 50px;
     font-weight:300;
     font-size:1.15em;
     border: solid thin #75ADCC;
     -webkit-transition: color 0.2s, background 0.5s;
  	-moz-transition: color 0.2s, background 0.5s;
  	-o-transition: color 0.2s, background 0.5s;
  	transition: color 0.2s, background 0.5s;
}
.bmicalc input:hover[type=submit] {
     background:#75adcc;
     color:#FFFFFF;
}

.bmicalc-resultcopy {
     width:53%;
     float:left;
     font-weight:400;
     font-size: 1.55em;
     margin:11.1% 1.25% 0%;
     color:#0476a6;
}
.bmicalc-resultfigure {
     width:37.25%;
     float:left;
     font-weight:300;
     font-size: 3.75em;
     background:#FFFFFF;
     display:block;
     padding:2%;
     margin:3% 0% 0% 0%;
     border: solid thin #82BCD8;
     color:#0091b3;
     height:82.34px;
     line-height:1.0;
}

.bmicalc-key ul {
     list-style:none;
     margin:8.5% 0% 0%;
}
.bmicalc-key ul li {
     width:16.8%;
     padding:1.5%;
     float:left;
     font-size:1em;
     font-weight:400;
     text-align:center;
     border-right: solid thin #DEF1F9;
     height:85px;
}
.bmicalc-key ul li span {
     display:block;
     font-weight:800;
     margin:0% 0% 7%;
     color:#FDD400;
}
.key-static {
     background:#1397ba;
     color:#FFFFFF!important;
}
.key-active {
     background:#FDD400;
     color:#0076a9!important;
}
.key-span-active {
     color:#1f355e!important;
}

.bmicalc-sublist ul {
     list-style:none;
     margin:2.5% 0% 0%;
}
.bmicalc-sublist ul li {
     margin:0% 0% 3.5%;
     color:#1f355e;
     font-weight:300;
     font-size:1.25em;
}


/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Resources: Member Support Styles >>>>>>>>>>>>>>>> */

.mbrsupport-col {
     width:41.2%;
     margin:0% 1%;
     float:left;
     padding:0% 2.5% 2.5%;
}

.mbraccordion-toggle {
     width:98%;
     cursor: pointer;
     background:#D2F3F9;
     padding:4% 5% 5%;
     border: solid thin #8BB5BC;
     font-weight:300;
     font-size:1.35em;
     color:#1397BA;
}
.mbraccordion-toggle:hover {
     background:#BEF9FC;
     transition: opacity .5s ease-in-out;
     -moz-transition: opacity .5s ease-in-out;
     -webkit-transition: opacity .5s ease-in-out;
}

.mbraccordion-content {
     display: none;
}
.mbraccordion-content img {
     opacity: .8;
     margin:0% 3% 0% 0%;
}
.mbraccordion-content img:hover {
     opacity: 1;
     cursor:pointer;
     transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -webkit-transition: opacity .25s ease-in-out;
}
.mbraccordion-content p {
     width:98%;
     background:#EDFCFC;
     padding:4% 5% 5%;
     border-right: solid thin #8BB5BC;
     border-bottom: solid thin #8BB5BC;
     border-left: solid thin #8BB5BC;
}
.mbraccordion-content.default {
     display: block;
}


.clinsupport-orderlink a,
.clinsupport-orderlink a:link,
.clinsupport-orderlink a:hover,
.clinsupport-orderlink a:visited {
     width:100%;
     display:block;
     float:left;
     padding:6.5% 0% 8.25%;
     margin:0% 0% 0% .8%;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     font-weight:700;
     font-size:1.15em;
     text-align:center;
     text-decoration: none;
     -webkit-transition: color 0.2s, background 0.5s;
                -moz-transition: color 0.2s, background 0.5s;
                -o-transition: color 0.2s, background 0.5s;
                transition: color 0.2s, background 0.5s;
}
.clinsupport-orderlink a,
.clinsupport-orderlink a:link,
.clinsupport-orderlink a:visited {
     background:#d2f7f9;
     color:#1397ba;
}
.clinsupport-orderlink a:hover {
     background:#7fdbdb;
     color:#FFFFFF;
}


/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Test Menus: Media Queries >>>>>>>>>>>>>>>> */


@media (max-width: 1281px) { /* <<< 1280×800 (Common Macbook)>>> */

}

@media (max-width: 1025px) { /* <<< 1024×768 (4:3 Aspect Ratio & iPAD Landscape)>>> */

}

@media (max-width: 769px) { /* <<< 768×1024 (4:3 Aspect Ratio & iPAD Portrait)>>> */
     
}

@media (max-width: 541px) { /* <<< 414×736 540×960 (Nexus, Galaxy, HTC One: Aspect 1 Portrait) >>> */
     
}

@media (max-width: 415px) { /* <<< 414×736 (iPhone 6 Plus & Galaxy 7: Aspect 1 Portrait) >>> */

}

@media (max-width: 321px) { /* <<< 320×568 (iPhone 5, 5c, 5s: Aspect 1 Portrait) >>> */

}
