* { box-sizing: border-box; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html, button, input, select, textarea { font-size: 18px; font-family: "Roboto"; color: rgb(51, 51, 51); line-height: 1.778; font-weight: 300; }
body { position: relative; font-size: 18px; font-family: "Roboto"; color: rgb(51, 51, 51); line-height: 1.778; font-weight: 300; }
html { height: 100%; }
html, body { margin: 0; min-height: 100%; padding: 0; }
.container { width: 100%; padding-left: 1%; padding-right: 1%; padding-bottom: 1%; max-width: 1200px; margin: 0 auto; position: relative; }
a { text-decoration: none; color: #02708c; }
a[href*="tel:"] { color: #333; }
a:hover, a:active { text-decoration: underline; }
a span:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6, .h7, .h8 { font-family: Roboto Slab; margin: 7px 0; }
h1 { font-size: 42px; font-weight:normal; line-height: 1.2; color: rgb(0, 0, 0); }
h2 { font-size: 36px; line-height: 1.2; color: rgb(0, 130, 157); font-weight: 100; background-color: #f7f7f7; }
h3 { font-size: 36px; line-height: 1.2; color: rgb(255, 255, 255); font-weight: 100; }
h4 { font-size: 36px; line-height: 1.2; color: rgb(0, 0, 0); font-weight: 100; }
.h4 { font-family: Roboto Slab; margin: 7px 0; font-size: 36px; line-height: 1.2; color: rgb(0, 0, 0); font-weight: 100; padding-left: 10px; }
h5 { font-size: 22px; line-height: 1.2; color: #02708c; font-weight: 100; }
h6 { font-size: 34px; line-height: 44px; color: #ffffff; }
.h7 { font-size: 22px; color: #02708c; border-bottom: solid 2px #02708c; width: 100%; float: left; margin-bottom: 20px; margin-top: 5px; }
.h8 { font-size: 16px; color: #39678f; font-weight: bold; }

/*::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}*/
.clearfix:before, .clearfix:after, .grid:before, .grid:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after, .grid:after { clear: both; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

.text-disabled { color: #999; }
.text-success, .alert-success { color: #4D4D4D; }
.text-warning, .alert-warning { color: #353535; }
.text-error, .alert-error { color: #353535; }
.text-info, .alert-info { color: #3a87ad; }
[class*="unit"] { width: 100%; height: auto; padding-left: 1em; padding-right: 1em; }
.form-gradient { padding: 50px 30px; background-color: #efefef; }
.row-fluid { width: 100%; *zoom: 1; }
.row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; }
.row-fluid:after { clear: both; }
.radio label, .checkbox label { font-weight: normal; float: left; margin-right: 0.5em; }
input { color: #222; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; min-height: 8em; }
input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; }
select option:first-child { color: #999; }

.caret { display: inline-block; width: 1px; height: 1px; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; overflow: hidden; }
.expand .caret { border-top: none; border-bottom: 4px solid #000; }

.header { margin:0; position:relative; height:170px; z-index: 9000; }
.header ul { list-style: none; font-family: "Roboto"; font-size: 15px; line-height: 1.778; color: #000; }
.header li { padding-left: 6em; padding-bottom: 14px; padding-top: 10px; }

.menu { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; height: 45px; z-index:2500; }
.menu ul { padding:2px 0; margin: 0; position:absolute; right:15px; top:2px; }
.menu ul li { padding:4px 0px; margin: 0; float: left; }
.menu ul li a { display: block; font-family: "Roboto"; font-size: 16px; line-height: 30px; height: 30px; text-align: center; color: #02708c; width: 100px; }
.menu ul li a:hover { cursor: pointer;  border: solid 1px #02708c; text-decoration: none !important; }

.img-logo { position:absolute; top: -35px; left:15px; }

.menu-user { width: 100%; position:absolute; bottom:0px; font-family: "Roboto"; color: #ffffff; font-size: 18px; background-color: #80b4c6; height: 45px; line-height: 45px; align-items: center; color: #fff; margin-top: 0px; z-index:1500; }
.menu-user .container { padding:0px; height:100%; }
.menu-user ul { margin:0px; padding:0px; }
.menu-user ul li { margin:0px; padding: 0px 15px; float:left; max-width: 235px; }
.menu-user .container > ul > li { height:45px; padding:0px; }
.menu-user .container > ul > li > a { height:45px; padding:5px 20px; }
.menu-user ul li .caret { border-top-color:#fff; }
.menu-user ul li li { float:none; padding: 0; margin-left: 0px; max-width: 240px; width: 240px; }
.menu-user ul li li a { background:#efefef; color:#02708c; padding:0px 10px; }
.menu-user ul li ul { padding:0px; overflow:hidden; }
.menu-user ul li a { display:inline-block; color: #ffffff; font-size: 14px; line-height: 35px; height: 45px; }
.menu-user ul li:hover a { background-color:#02708c; }
.menu-user ul li.menu-profile { text-align: right; position: absolute; top: -80px; right: 15px; width: auto; padding: 0px; max-width: 500px; cursor:pointer; }
.menu-user ul li.menu-profile:hover > a { background:none; }
.menu-user .container > ul > li.menu-profile > a { height:auto; padding:0px; }
.menu-user ul li.menu-profile div { text-align:left; width:auto; display:inline-block; max-width:400px; padding:0px 20px; line-height: 30px; }
.menu-user ul li.menu-profile .menu-company-logo {   }
.menu-user ul li.menu-profile .menu-company-logo a { padding:10px 0px; height:90px; text-align:center; }
.menu-user ul li.menu-profile .menu-company-logo:hover a { background:#efefef; cursor:default; }
.menu-user ul li.menu-profile ul a { text-align:left; }
.menu-user ul li.menu-profile:not(:hover) .menu-company-logo a { height:0px; padding-top:0px; padding-bottom:0px; }

.menu-user ul li.menu-profile .caret { border-top-color:#000; }
.menu-user ul li.menu-profile a { color:black; font-weight: 300; }
.menu-user ul li.menu-profile div span:hover { text-decoration:none; }
.menu-user ul li.menu-profile li a { color:#02708c; font-weight: 400; }
.menu-user ul li.menu-profile img { float: right; width: 60px; height: 60px; margin-right: 20px; }
.menu-user .bullet { background: url('/HealthyConnection1.0/Media/Image_Bullet_Gold.png'); line-height: 35px; vertical-align: middle; height: 10px; width: 10px; margin: 10px; border-radius: 10px; display: block; float: left; }
.menu-user li ul li a { height:0px; transition:all .3s linear; display:block; overflow:hidden; font-size: 12px; color:#02708c; font-weight: 400; }         
.menu-user li ul li.transition-none a { transition:none; }
.menu-user li:hover ul li a { height:32px; background:#EFEFEF; z-index:10000; color:#02708c; }
.menu-user li:hover ul li:hover a { background:#02708c; color:white; text-decoration:none; }

.menu-btn { display:none; position:fixed; top:4px; left:15px; height:35px; width:35px; border:1px solid white; padding:4px; border-radius:4px; -webkit-transition:all .3s linear; transition:all .3s linear; z-index:2600; }
.menu-btn span { background:white; margin:4px; display:block; width:25px; height:3px; -webkit-transition:all .3s linear; transition:all .3s linear;  }
.menu-btn:hover, .menu-btn.active { background-color:#02708c; cursor:pointer;  }        
.menu-btn span { position:absolute; left:0px; top:3px; }
.menu-btn span + span { top:11px; }
.menu-btn span + span + span { top:19px; }
.menu-btn.active span { left:0px; top:10px; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.menu-btn.active span + span { left:0px; top:11px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.menu-btn.active span + span + span { left:0px; top:11px; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
 
.no-js .nav ul{left:-999em;opacity:0;-webkit-transition:0.1s linear opacity;}
.no-js .nav li:hover ul, .no-js .nav li:focus ul{left:0;opacity:0.99;}

ul.bulletList{padding: 0 0 0 25px; list-style-image:url('/HealthyConnection1.0/Media/Image_Bullet_Gold.png');margin-bottom: 0; line-height:20px !important; margin: 7px 0 15px;}
ul.bulletList li { margin: 0 0 5px; word-wrap: break-word; }
.arrow-down { position: absolute; right: 4px; top: 11px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; }
.footer { font-family: "Roboto"; display: block; width: 100%; vertical-align: middle; padding: 10px 0; background: #f7f7f7; color: #999999; float: left; }
.footer p { font-family: "Roboto"; padding: 0; margin: 0px; line-height: 21px; padding: 4px 0; color: #999999; font-family: lato,arial,sans-serif; font-style: normal; font-weight: 200; letter-spacing: 0.030em; font-size: 16px; line-height: 32px; }
.footer .left-col{float:left;margin-left:20px;width:835px;}
.footer .right-col{float:left;margin-right:20px;width:115px;text-align:right;}
.content-wrapper{min-height:430px;}
.nav-icon{width:45px;height:45px;background:url(/HealthyConnection1.0/Media/Image_Menu_Expand.png) no-repeat scroll 0 0;background-size:40px 40px;}
.nav-icon.active{background:url(/HealthyConnection1.0/Media/Image_Menu_S.png) no-repeat scroll 0 0;background-size:40px 40px;}
.textbox { border: 2px solid #D9D9D9; height: 27px !important; font-size: 14px; border-radius: 4px;}
.textbox-row {width:60%; border: 2px solid #D9D9D9; height: 27px !important; font-size: 14px; border-radius: 4px;}
    
.CaptchaTextBoxClass{position:relative;bottom:40px;left:0px;border:1px solid #c7c2bf;padding:7px 8px;font-size:14px;width:180px;}
.rcRefreshImage{position:relative;bottom:-35px;}
.form .riTextBox{}
.form .line{margin:0 0 10px 0;}
.form .form-label{margin:0 0 10px;font-weight:bold;}
.form .btn-row{margin-bottom:15px;}

.rgPager .riSingle .riTextBox{ font-size: 12px !important;    padding: 0 5px !important;    text-align: center;}

.icon-t3 { width: 24px; height: 24px; background: url(/HealthyConnection1.0/Media/Icon_T3Logo.png) no-repeat 0px 0px; }
.icon-facebook { width: 40px; height: 40px; background: url(/HealthyConnection1.0/Media/Icon_Facebook_D.png) no-repeat 0px 0px; }
.icon-facebook:hover { width: 40px; height: 40px; background: url(/HealthyConnection1.0/Media/Icon_Facebook_H.png) no-repeat 0px 0px; }
.icon-twitter { width: 40px; height: 40px; background: url(/HealthyConnection1.0/Media/Icon_Twitter_D.png) no-repeat 0px 0px; }
.icon-twitter:hover { width: 40px; height: 40px; background: url(/HealthyConnection1.0/Media/Icon_Twitter_H.png) no-repeat 0px 0px; }
.icon-youtube { width: 40px; height: 40px; background: url(/HealthyConnection1.0/Media/Icon_Youtube_D.png) no-repeat 0px 0px; }
.icon-youtube:hover { width: 40px; height: 40px; background: url(/HealthyConnection1.0/Media/Icon_Youtube_H.png) no-repeat 0px 0px; }

.grey-panel { height: auto; background-size: 100% auto; background-color: #EAEBEB; padding: 10px; border: 1px solid rgba(216, 216, 216, 1); }
.blue-panel { height: auto; background-size: 100% auto; background-color: rgba(243, 246, 249, 1); padding: 10px; border: 1px solid rgba(216, 216, 216, 1); }

.margin-0 { margin: 0 !important; }
.margin-top-0 { margin-top: 0 !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-bottom-20 { margin-bottom: 20px; }

.padding-0 { padding: 0 !important; }
.padding-10 { padding: 10px !important; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-60 { padding-top: 60px !important; }
.padding-bottom-0 { padding-bottom: 0px !important; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-left-0 { padding-left: 0 !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-left-25 { padding-left: 25px !important; }
.padding-right-0 { padding-right: 0 !important; }
.padding-right-10 { padding-right:10px !important; }
.padding-right-25 { padding-right:25px !important; }
.padding-right-50 { padding-right:50px !important; }

.border-right-1-grey { border-right: 1px dotted lightgrey; }

.background-green { background-color: rgba(134, 186, 57, 1); }
.background-orange { background-color: rgba(215, 153, 50, 1); }
.background-lightblue { background-color: #eff2f5; }
.text-block-blue { background-color: rgb(74, 129, 154); color: white; padding: 2% 8% 2% 8%; }
.text-information-grey { font-size: 12px; font-style: italic; font-weight: normal; color: grey; display: block; }


.text-red { color: red; }
.text-white { color: #fff; }
.text-grey { color: gray; }

.font-size-12 { font-size: 12px !important; }
.font-size-14 {font-size: 14px !important;} 

.float-left { float: left; }
.float-right { float: right; }
.show-mobile { display: none; }
.show-desktop { display: block; }
.show-desktop-inline { display: inline; }
.text-block { display: block; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-underline { text-decoration: underline; }
.text-bold { font-weight: bold; font-style: normal; }
.text-italic { font-style: italic; }
.text-bold-italic { font-style: italic; font-weight: bold; }
.hide-border { border: 0 none !important; }

.icon-circle { background: url("/HealthyConnection1.0/Media/Image_Bullet_Gold.png") no-repeat scroll 0; padding-left: 15px; margin-bottom: 5px; display: inline-block; }
.icon-stopwatch { background: url('/HealthyConnection1.0/Media/Icon_Stopwatch.png') no-repeat scroll 0 3px; padding-left: 30px; display: inline-block; margin-bottom: 5px; line-height: 25px; }
.icon_arrow_outline { background: url('/HealthyConnection1.0/Media/Icon_Arrow_Outline_16.png') no-repeat scroll 0 3px; padding-left: 25px; display: inline-block; margin-bottom: 5px; line-height: 25px; }
.arrow-right { display: inline-block; width: 1px; height: 1px; margin-right: .5em; vertical-align: middle; border-left: .6em solid #00a9ff; border-bottom: .4em solid transparent; border-top: .4em solid transparent; content: ""; overflow: hidden; }

.icon { display: inline-block; vertical-align: middle; }
li .icon:first-child { position: relative; left: -1.3em; margin-right: -1em; }

.row-button { margin-top: 15px; margin-bottom: 15px; }

::-webkit-input-placeholder { font-style: italic; }
::-ms-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }

/************************************************************************************ Home Page *****************/
.banner-img { width: 100%; position: relative; z-index: -1; }
.body1 { font-size: 18px; color: rgb(51, 51, 51); line-height: 1.778; font-weight: 300; text-align: center; }
.body2 { font-size: 20px; font-family: "Roboto Slab"; color: rgb(101, 149, 172); line-height: 1.778; text-align: left; }
.body3 { font-size: 17px; color: rgb(51, 51, 51); line-height: 1.778; text-align: left; font-weight: 300; background-color: #f7f7f7; border: solid 1px #d9d9d9; padding-left: 85px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px; }
.body4 { font-size: 23px; font-family: "Roboto Slab"; color: rgb(147, 181, 197); line-height: 1.778; text-align: center; }

.customizable-banner .body2 { margin-top: 75px; }

.body1-bg{background-color:#F7F7F7;}

.customizable-banner{background: url("/HealthyConnection1.0/Media/Image_Texture.jpg"); padding: 30px 0px;}
.customizable-online-health { background-image: url("/HealthyConnection1.0/Media/Image_Bracket.png"); background-repeat: no-repeat; }
ul.customizable-online-health { list-style-image: url('/HealthyConnection1.0/Media/Image_Bullet_Gold.png'); }
ul.customizable-online-health li { color: #fff; margin-left: 75px; margin-top: 20px; }

.biometric-banner { margin-top: 30px; margin-bottom:30px; }
.icon-1{background-image: url("/HealthyConnection1.0/Media/Image_Heart.png"); background-repeat: no-repeat; background-position: 15px;}
.icon-2{background-image: url("/HealthyConnection1.0/Media/Image_Stethoscope.png"); background-repeat: no-repeat; background-position: 15px;}
.icon-3{background-image: url("/HealthyConnection1.0/Media/Image_Lungs.png"); background-repeat: no-repeat; background-position: 15px;}
.icon-4{background-image: url("/HealthyConnection1.0/Media/Image_Clipboard.png"); background-repeat: no-repeat; background-position: 15px;}

.getstarted-banner{background-color: #00839E;margin: 30px 0px 0px; padding: 30px 0px 50px;}
/************************************************************************************ Home Page - End *****************/

/* accessible menus when javascript is disables*/
.no-js .btn-menu { display: block; position: absolute; left: -999em; }
.no-js .btn-group:hover .btn-menu, .no-js .btn-toggle:focus + .btn-menu { left: auto; }


.btn { border: 0; padding: .5em 1em .55em 1em; text-align: center; cursor: pointer; vertical-align: middle; display: inline-block; text-decoration: none; position: relative; white-space: nowrap; line-height: normal; border: none; letter-spacing: 1px; }
.btn:hover { top: 1px; }
.btn-small { border: 0; vertical-align: middle; letter-spacing: 1px; padding: 0.4em 1em; line-height: 16px; }
.btn-small:hover { top: 1px; }
.btn-black { color: #fff; padding: .5em 1em; border-radius: 8px; background-color: #4e4e4e; background-image: linear-gradient(to bottom, #4e4e4e 0%,#181818 44%,#000000 47%,#323232 50%,#1d1d1d 53%,#0a0809 100%); }
.btn-black:hover, .btn-black:focus { background-color: #0a0809; background-image: linear-gradient(to bottom, #0a0809 0%,#1d1d1d 47%,#323232 50%,#000000 53%,#181818 56%,#4e4e4e 100%); }
.btn-blue { font-size: 16px; color: #ffffff; border: solid 1px #ffffff; letter-spacing: .05em; background: rgb(0, 77, 102); text-align: center; align-content: center; text-decoration: none; cursor: pointer; }
.btn-blue:hover { text-decoration: underline; }
.btn-blue-01 { font-size: 16px; color: #ffffff; border: solid 1px #ffffff; letter-spacing: .05em; background: rgba(74, 128, 153, 1); text-align: center; align-content: center; text-decoration: none; cursor: pointer; }
.btn-blue-01:hover { text-decoration: underline; }
.btn-blue-02 { font-size: 16px; color: #ffffff; border: solid 1px #ffffff; letter-spacing: .05em; background: #80b4c6; font-weight: 700; text-align: center; align-content: center; text-decoration: none; cursor: pointer; }
.btn-blue-02:hover { background-color: #ffffff; color: #80b4c6 !important; border: solid 1px #80b4c6; }
.btn-blue-03 { font-size: 16px; color: rgba(74, 128, 153, 1); border: solid 1px rgba(74, 128, 153, 1); letter-spacing: .05em; background: rgba(227, 235, 240, 1); font-weight: 700; text-align: center; align-content: center; text-decoration: none; cursor: pointer; }
.btn-blue-03:hover { text-decoration:underline; }

.rgFilterBox { margin-right: 5px !important; }

.RadComboBox_Default .rcbFocused .rcbInput, .RadComboBoxDropDown_Default .rcbHovered, .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered { font-weight: 400; }

/* ==============================================================================
                                    RadWindow
   ============================================================================== */

.modal-window { width:1000px; min-height:300px; min-width:300px; height:100%; background-color: #fff; display: inline-block;}
.modal-html { overflow-x:hidden; background-color: #fff; } 
html.modal-html,.modal-html body,.modal-html form { margin: 0; padding: 0; }
html.modal-html { height: 100%; }
.modal-html form { background-color:#fff; }
.modal-html.lt-ie9, .modal-html.lt-ie9 form { height:100%; padding:0px; margin:0px; width:905px; }

div[id^=RadWindowWrapper_alert].RadWindow { min-width: 500px; z-index: 9501 !important; }
div.RadWindow { z-index: 9001 !important; min-width: 560px; max-width: 100%; }

.RadWindow .rwDialogPopup { padding: 5px 0 16px 70px !important; }
.RadWindow .rwWindowContent .rwDialogPopup.radconfirm, .RadWindow .rwWindowContent .radconfirm, .RadWindow .rwWindowContent .radalert { background-position: left top !important; background-position-y: 0px; min-height: 60px; margin-bottom: 0; padding-bottom: 0 !important; word-wrap: break-word; }
.RadWindow .rwPopupButton { padding: 0 !important; margin-top: 15px !important; }
.RadWindow .rwPopupButton, .RadWindow .rwPopupButton span{ height:auto !important; line-height:normal !important; font-size: 16px; color: rgba(74, 128, 153, 1) !important; border: solid 1px rgba(74, 128, 153, 1); letter-spacing: .05em; background: rgba(227, 235, 240, 1) !important; text-align: center; align-content: center; text-decoration: none; cursor: pointer; }
.RadWindow .rwPopupButton, .RadWindow .rwPopupButton span:hover { text-decoration: underline !important; }
.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan { padding: 2px 22px !important; max-height: 30px; }
.RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan { padding: 0 !important; }
.RadWindow .rwDialogPopup .rwPopupButton, .RadWindow .rwDialogPopup .rwPopupButton span { cursor: pointer; }
.RadWindow_Metro .rwCorner { display: none; }

/*.radalert { margin: 16px 25px !important; }
.radalert:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }*/
/*.RadWindow .rwWindowContent .radalert a.rwPopupButton:first-child { margin-left: 125px; }*/

.RadAjax{position:fixed;top:0;left:0;height:100%;width:100%; z-index:10000;}

.rwDialogText { display: inline-block; vertical-align: middle; font-size: 16px; font-family: "Roboto"; color: rgb(51, 51, 51); font-weight: 300; }
.confirm-prompt div { display: inline-block; vertical-align: top; padding-right: 2px; }
.RadToolTip_Web20 .rtWrapper .rtWrapperContent { font-size: 14px !important; }

.RadWindow_Metro { border: none !important; }
.RadWindow_Metro .rwTopLeft, .RadWindow_Metro .rwTopRight, .RadWindow_Metro .rwTitlebar, .RadWindow_Metro .rwTopResize { background-color: #4A819A !important; }
.RadWindow_Metro .rwControlButtons a { background-color: #4A819A !important; border: 0 !important; }
.RadWindow_Metro a.rwIcon { background: none !important; }
.RadWindow_Metro table.rwTitlebarControls em { text-transform: none !important; }
.RadWindow_Metro .rwFooterLeft, .RadWindow_Metro .rwFooterRight, .RadWindow_Metro .rwFooterCenter { display: none !important; }


.modal-window .form-label, .modal-window .form-control, .modal-window .form-fluid { float: left; height: auto; min-height: 1px; position: relative; box-sizing: border-box; padding: 0px; min-height: 25px; }
.modal-window .form-label { width: 25%; font-weight: bold; font-weight: bold; text-align: right; }
.modal-window .form-control { width: 70%; padding-left: 5%; }
.modal-window .form-error { padding-left: 25%; }

/******************************************Dashboard*******************************************/
.header-bar-stats { width: 100px; float: left; height: 81px; color: #fff; font-size: 40px; text-align: center; padding-top: 5px; font-weight: bold; }
.header-bar-stats-first { padding-right: 1% !important; }
.header-bar-text { padding-left: 30px; line-height:75px; font-size: 20px; font-weight: 100; }
.header-bar-text-background { border: 1px solid rgba(216, 216, 216, 1); background-color: rgba(239, 239, 239, 1); }
.header-bar-text-arrow-orange { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgba(215, 153, 50, 1); margin-top: 30px; float: left; }
.header-bar-text-arrow-green { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgba(134, 186, 57, 1); margin-top: 30px; float: left; }
.header-bar-text-div { width: 100%; height: 80px; }

.appointment { height: 50px; font-size: 12px; }
.appointment .exercise { width: 100%; height:50px; background-color: #efefef; }
.appointment .display-newline { display: none; }
.appointment .exercise-text { padding-left: 20px; line-height: 50px; vertical-align: middle; }
.appointment .exercise-icon { line-height: 50px; vertical-align: middle; cursor:pointer; }

/******************************************My Numbers*******************************************/
.my-numbers .form-label { font-weight:bold; font-size:14px; text-align:left; }
.my-numbers .form-control { font-size:14px; }
.my-numbers .border-right { border-right: 1px solid #efefef; }

/******************************************Company Management*******************************************/
.company-management .row-fluid { padding-top: 5px; }
.company-management .form-label { width: 25%; float: left; text-align: right; font-weight: bold; }
.company-management .form-control { width: 70%; padding-left: 5%; float: left; }
.company-management .form-error { padding-left: 30%; }

/******************************************Program Management*******************************************/
.program-management .row-fluid { padding-top: 5px; }
.program-management .form-label { width: 25%; float: left; text-align: right; font-weight: bold; }
.program-management .form-control { width: 70%; padding-left: 5%; float: left; }
.program-management .form-error { padding-left: 30%; }

/******************************************User Management*******************************************/
.user-management .row-fluid { padding-top:5px; overflow:hidden; }
.user-management .form-label { width: 25%; float: left; text-align: right; font-weight: bold;}
.user-management .form-control { width: 70%; padding-left: 5%; float: left; }
.user-management .form-error { padding-left: 30%; }

/******************************************User Clinical Wellness Benchmarks****************************/
.user-clinical-wellness-benchmark .row-fluid { padding-top:5px; }
.user-clinical-wellness-benchmark .form-label { width: 35%; float: left; text-align: right; font-weight: bold; }
.user-clinical-wellness-benchmark .form-control { width: 60%; padding-left: 5%; float: left; }
.user-clinical-wellness-benchmark .form-error { padding-left: 40%; }

/******************************************Event Management****************************/
.event-management .row-fluid { padding-top: 5px; }
.event-management .form-label { width: 17%; float: left; text-align: right; font-weight: bold; }
.event-management .form-control { width: 80%; padding-left: 3%; float: left; padding-right:0 !important; }
.event-management .form-error { padding-left: 20%; }

/******************************************Activity Management****************************/
.activity-management .row-fluid { padding-top: 5px; }
.activity-management .form-label { width: 17%; float: left; text-align: right; font-weight: bold; }
.activity-management .form-control { width: 80%; padding-left: 3%; float: left; padding-right:0 !important; }
.activity-management .form-error { padding-left: 20%; }


/* ==========================================================================
Alerts
========================================================================== */
.alert{display:block;padding:1em;margin-bottom:1em;border-radius:4px;line-height:normal;vertical-align:middle;border-width:1px;border-style:solid;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.alert .icon{float:left;margin:0 1em 0 0;vertical-align:middle;}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;}
.alert-warning{background-color:#fcf8c3;border:1px solid #fbeeb5;}
.alert-error{background-color:#f2dede;border-color:#eed3d7;}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;}





/* ==========================================================================
Buttons
========================================================================== */
.btn .icon,.btn .icon-right{display:inline-block;vertical-align:middle;margin-right:.5em;margin: 20px 15px;}
.btn .icon-right{margin-right:0;margin-left:.5em;}
.btn .icon-top{display:block;margin:0 auto .5em auto;}
.btn .icon-bottom{display:block;margin:.5em auto 0 auto;}

.btn-toolbar .btn{float:left;}
.btn-group{position:relative;display:inline-block;vertical-align:middle;float:left;margin-left:.25em;}
.btn-group:first-child{margin-left:0;}
.btn-group > .btn{position:relative;float:left;}
.btn + .btn-toggle{border-top-left-radius:0;border-bottom-left-radius:0;}
.btn-group > .btn:first-child:not(:last-child):not(.btn-toggle){border-top-right-radius:0;border-bottom-right-radius:0;}
.btn-group > .btn:last-child:not(:first-child):not(.btn-toggle){border-top-left-radius:0;border-bottom-left-radius:0;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.btn-toggle){border-radius:0;}






/* ==============================================================================
                                Success / Warning / Error
   ============================================================================== */
div.success{position:relative;}
.success-img{position:absolute;top:20px;}
.success-message{margin-left:12px;padding:15px 15px 15px 75px;border:2px solid #dddddd;border-radius:10px;min-height:130px;background:rgb(255,255,255);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTBlMGUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background:-moz-linear-gradient(top, rgba(255,255,255,1) 55%, rgba(224,224,224,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 55%,rgba(224,224,224,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );}
.success-message h1{margin-bottom:15px;}
.box.submission{background:url(/HealthyConnection1.0/Media/Image_SuccessfulSubmission.png) 20px 20px no-repeat;}
.box.warning{background:url(/HealthyConnection1.0/Media/Image_AccountExists.png) 20px 20px no-repeat;}
.box-message{padding:30px 15px 15px 135px;border:2px solid #dddddd;}
.box-grey{display:block;padding:6px 15px 0;}
.box-grey-light{border:1px solid #cdcdcd;background-color:#f6f6f6;display:block;padding:10px 10px 20px 10px;}
.box-white{border:1px solid #808080;}
.text-msg{background-repeat:no-repeat;padding-left:55px;padding-top:12px;padding-bottom:12px; margin:0px 20px;text-align:left;display:inline-block;}
.text-success { background-image: url('/HealthyConnection1.0/Media/Image_Check_Green_60.png'); background-repeat: no-repeat; padding: 15px 20px 15px 70px !important; background-position: 5px !important; color: green; }
.text-information { background-image: url('/HealthyConnection1.0/Media/Icon_Info.png'); background-position: 4px 4px; background-repeat: no-repeat; padding: 15px 20px 15px 30px !important; background-position: 5px !important; }
.text-warning { background-image: url('/HealthyConnection1.0/Media/Image_Warning_Yellow_60.png'); background-repeat: no-repeat; padding: 15px 10px 15px 70px !important; background-position: 5px !important; color: rgb(186, 151, 19); }
.text-error { background-image: url('/HealthyConnection1.0/Media/Icon_Error.png'); background-repeat: no-repeat; padding: 15px 20px 15px 30px !important; background-position: 5px !important; color: red; }
.msg-image{background-image:url('/HealthyConnection1.0/Media/Icon_Error.png');background-repeat:no-repeat;padding-left:25px;font-size:12px;color:#b94a48;}
.text-msg.border-success, .text-msg.border-information, .text-msg.border-warning, .text-msg.border-error{padding:5px;padding-left:40px;background-position:7px 5px;border-radius:5px;}
.text-msg.border-information, .text-msg.border-error{background-position:11px 9px;}
.border-success{border:1px solid #7fcf00;}
.border-information{border:1px solid #27BCFC;}
.border-warning{border:1px solid #ffc523; width:95%}
.border-error{border:1px solid #ff0000 !important;}
.bg-success{background-color:rgba(142, 214, 28, 0.50);}
.bg-information{background-color:rgba(39, 188, 252, 0.50);}
.bg-warning{background-color:rgba(255, 197, 35, 0.50);}
.bg-error{background-color:rgba(255, 0, 0, 0.50);}


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


/* 768px */
@media only screen and (min-width: 768px) {    
    #main{position:relative;padding:0 0;}
    /* ==========================================================================Grid (48em)========================================================================== */
    .content-320{float:left;margin-right:320px;margin-bottom:1em;}
    .sidebar-320{float:right;width:320px;margin-left:-320px;margin-bottom:1em;}
    .divider-line{background:url(/HealthyConnection1.0/Media/Image_Divider_Line.png) no-repeat 0 50%;}
    h1-space{margin-top:4em;}
    .pad-left{padding-left:2em;}
    .pad-right{padding-right:2em;}
    [class*="unit"]{float:left;}
    .unit1{width:8.333333333333333%;}
    .unit2{width:16.66666666666666%;}
    .unit3{width:25%;}
    .unit4{width:33.33333333333333%;}
    .unit5{width:41.66666666666666%;}
    .unit6{width:50%;}
    .unit7{width:58.33333333333333%;}
    .unit8{width:66.66666666666666%;}
    .unit9{width:75%;}
    .unit10{width:83.3333333333333%;}
    .unit11{width:91.6666666666666%;}
    .push1{margin-left:8.333333333333333%;}
    .push2{margin-left:16.66666666666666%;}
    .push3{margin-left:25%;}
    .push4{margin-left:33.33333333333333%;}
    .push5{margin-left:41.66666666666666%;}
    .push6{margin-left:50%;}
    .push7{margin-left:58.33333333333333%;}
    .push8{margin-left:66.66666666666666%;}
    .push9{margin-left:75%;}
    .push10{margin-left:83.3333333333333%;}
    .push11{margin-left:91.6666666666666%;}

    .menu-user ul li.menu-profile ul { padding:0px 20px; position: absolute; right: 0px; margin-right: 80px; }
    .menu-user ul li.menu-profile div { text-align:right; }
    .menu-user ul li.menu-profile { max-width:500px; }
    .menu-user ul li.menu-profile div { max-width:325px; }
    .menu-user ul li.menu-profile div span { line-height: 20px; display: inline-block; }

    .menu-user li.menu-selected a { background-color: #02708c; }
    .menu-user li ul li.menu-selected a { background-color:#02708c; color:white; }
}

/*Switch mobile view*/
@media (max-width: 767px) {
    .header { background-color: #F7F7F7; }
    /* -------------------------- Menu --------------------------------------------------*/
    .menu { background: #80b4c6; position: fixed; }
    .menu ul li a { color: white; width:85px; }
    .img-logo { top: 55px; max-width:100%;  }
    .img-logo img { max-width:100%; }
    .menu-user { height: 0px; overflow: hidden; z-index: 2000; background: #fff; color: #02708c; width: 100%; top: 45px; left: 0px; position: absolute; }
    .menu-user ul li { float: none; padding: 0px; max-width: 100%; width: 100%; }
    .menu-user ul li.active li:first-of-type { padding-top: 8px; }
    .menu-user ul li li { margin-left: 0px; max-width: 100%; width: 100%; padding: 0px; }
    .menu-user ul li a { color: #02708c; font-size: 18px; line-height: 32px; height: 32px; }
    .menu-user ul li li a { background: none; }
    .menu-user ul li.menu-profile ul li a, .menu-user ul li ul li a { font-size: 16px; font-weight: 500; }
    .menu-user ul li .caret { border-top-color: #02708c; }
    .menu-user ul li.menu-profile { text-align: left; position: relative; padding: 20px; height: auto; top: 0px; right: 0px; width: 100%; max-width: 100%; }
    .menu-user ul li.menu-profile img { float: left; }
    .menu-user li:hover ul li a { height: 0px; background: none; z-index: 10000; color: #02708c; }
    .menu-user li.active ul li a { height: 32px; }
    .menu-user .bullet { background: url('/HealthyConnection1.0/Media/Image_Bullet_Gold.png'); }

    .menu-user ul li:hover a { background: none; }
    .menu-user ul li.active li { padding: 3px 0px; }
    .menu-user ul li.active li a { padding: 0px 10px 0px 10px; }
    .menu-user ul li.menu-profile:hover > a { background: none; }
    .menu-user ul li.menu-profile:not(.active) .menu-company-logo a { height: 0px; padding-top: 0px; padding-bottom: 0px; }
    .menu-user ul li.menu-profile.active .menu-company-logo a { height: 90px; padding-top: 8px; }
    .menu-user ul li.menu-profile.active .menu-company-logo:hover a { background: none; cursor: default; }
    menu-user li.active li a { height: 32px; }
    menu-user li:not(.active) li a { height: 0px; }
    /*.menu-user li:hover ul li a { height:32px; background:#EFEFEF; z-index:10000; color:#02708c; }
    .menu-user li:hover ul li:hover a { background:#02708c; color:white; text-decoration:none; }*/

    .menu-btn { display: block; }
    .menu-btn.active + .menu-user { height: 95%; height: calc(100% - 45px); }

    .mobile-fixed { overflow: hidden; position: relative; height: 100%; }
    .mobile-fixed form, .mobile-fixed .header { height: 100%; }
    .mobile-fixed .menu-user { overflow: scroll; }

    .show-mobile { display: block; }
    .show-desktop { display: none; }
    .show-desktop-inline { display: none; }
    [class*="unit"] { float: left; }

    .customizable-banner .body2 { margin-top: 25px; }
    ul.bulletList { margin-bottom: 16px; }

    .header-bar-stats-first { padding-right: 0% !important; }

    .my-numbers .border-right { border-right: none; }

    .RadScheduler .rsHeader h2 { text-indent: 5px !important; }
    .RadScheduler_Metro .rsHeader h2 { font-size: 8px !important; }
    .RadScheduler_Metro .rsHorizontalHeaderTable th { font-size: 8px !important; }
    .icon_arrow_outline { font-size: 12px; }

    .dashboard .activity-title { padding-left: 10px; }
}

@media only screen and (max-width: 1020px) {
    .header-bar-text { padding-left: 15px; font-size: 20px; line-height:75px;  }
    .appointment .exercise-text { display: none; }
    .appointment .exercise { text-align: center; padding-top:10px !important; }
    .arrow-down { top: 8px; right: 0px; }
}

@media only screen and (max-width: 900px) {

    
}

@media only screen and (max-width:48em) {
    .clear-mobile { float: none; }

}

@media only screen and (min-width: 940px) {
    .menu-user .container > ul > li > a { padding: 5px 30px; }
    .menu-user ul { padding: 0px; }
    .menu-user ul li { padding: 0px 20px; }
    .menu-user ul li a { font-size: 16px; line-height: 34px; }
    .menu-user ul li.menu-profile { max-width:600px; }
    .menu-user ul li.menu-profile div { max-width:500px; }
    .menu-user ul li:not(.menu-profile) ul { width: 270px; }
    .menu-user ul li:not(.menu-profile) li { max-width: 270px; width: 270px; }
    .menu-user ul li li a { font-size: 14px; }

    .arrow-down { right: 0px; }
    
    .header-bar-text { font-size: 24px; }
}
@media only screen and (min-width: 1025px) {
    .menu-user ul { padding: 0px; }
    .menu-user ul li { padding: 0px 25px; }
    .menu-user ul li a { font-size: 18px; line-height: 32px; height: 32px; }
    .menu-user ul li:not(.menu-profile) ul { width: 300px; }
    .menu-user ul li:not(.menu-profile) li { max-width: 300px; width: 300px; }
    .menu-user ul li li a { font-size: 16px; }
}

@media only screen and (min-width: 1040px) {
    .menu-user .container > ul > li > a { padding: 5px 40px; }
}
@media (min-width: 768px) and (max-width: 979px) {
    
}

@media (max-width: 725px) {
}

@media (max-width: 640px) {
}


@media only screen and (max-width:550px) {
    .header-bar-text { font-size: 20px; }
}

@media only screen and (max-width:400px) {
    .header-bar-stats { width:75px; font-size: 20px; line-height:70px; }
    .header-bar-text { font-size: 16px; }
}

@media (max-width:390px) {
}

@media (max-width:320px) {
}

/*==========================Telerik ===================================================*/
.grid-grey { border: 0 none !important; width: 100% !important; }
.grid-grey .rgHeader { color: #000 !important; font-size: 18px; border: 0 none !important; text-align: left !important; padding-bottom: 7px !important; padding-top: 7px !important; background: rgba(211, 211, 211, 1) !important; }
.grid-grey .rgHeader a { color: #000 !important; }
.grid-grey .rgMasterTable .rgHeader { font-weight: bold; }
.grid-grey .rgFilterRow { background: #fff !important; }
.grid-grey .rgFilterRow > td { border-color: #efefef #fff #efefef !important; }
.grid-grey .rgRow > td { border-color: #fff !important; font-size: 16px; }
.grid-grey .rgAltRow > td { border-color: whitesmoke !important; font-size: 16px; }
.grid-grey .rgFilterRow > td, .grid-grey .rgAltRow > td, .grid-grey .rgRow > td { text-align: left; padding-top: 7px !important; }
.grid-grey .rgAltRow { background: whitesmoke !important; }
.grid-grey .rgFilterRow input { border-color: #d9d9d9; border-radius: 5px; padding: 6px; }
.grid-grey .rgFilterRow .riSingle .riTextBox { border-color: #efefef; border-radius: 5px; padding: 6px; height: 29px; }
.grid-grey .rgRow a, .grid-grey .rgAltRow a, .grid-grey .rgEditRow a, .grid-grey .rgFooter a, .grid-grey .rgEditForm a { color: #02708c !important; line-height:20px; }
.grid-grey td.rgPagerCell { border-color: #efefef #fff !important; background: #f0f0f0; }