@charset "UTF-8";
/* CSS Document
Client: Paramount Health Options
Company: Informatics, Inc
Author: J Stephens
Date: 09 2014

Purple: #694368
Green: #9ca67f
*/

/* TYPOGRAPHY */
body {font-family: "Lato", sans-serif; font-weight: 400; background: #eceae9; font-size: 13px; line-height: 20px;}
h1, h2, h3 {color: #222; font-family: "Lato", sans-serif; font-weight: 700;}
h1 {font-family: "Lato", sans-serif; color: #694368; font-weight: 400; font-size: 32px;}
h2 {font-size: 26px;}
h3 {color: #694368; font-size: 21px; margin:0 0 .5em 0;}
p {margin: 0 0 15px 0; font-size: 13px;}
.container {position: relative; width: 100%;}
/* LINKS */
a {color: #0066cc;/*color: #024873;*/}
a:visisted {}
.btn-primary {background: #694368; border-color: #523551; text-decoration:none !important;}
.btn-primary, .btn-success, .btn-info {text-decoration:none !important;}


/* Animate */
a {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
}


.checkbox-list td{ vertical-align:top;}
.checkbox-list label { font-weight:normal; margin-left:0px; margin-right:10px; vertical-align: top; margin-left:10px !important;display: inline !important;}
.checkbox-list-width label {width:90%}


/* Mobile First */
#nav-main ul {display: none;}

#header {background: none; border: none; margin: 0;}
#logo {width: 250px; display: block; margin: 0 auto;}
#logo img {margin: 10px auto; display: block; width: 100%;}
#toggle {width: 100%; background: #694368; margin: 0; border: none; border-radius: 0;}
#toggle .icon-bar {background: #fff; height: 3px;}

#nav-bar {background: #6e784f; border: none;}
#nav-bar a {color: #fff;}
#nav-bar li:hover > a {background: rgba(0,0,0,.2);}
#nav-bar .btn-primary {width: 100%; margin: 15px 0 0 0; border-radius: 20px;}

.navbar-nav li a{text-decoration:none !important;}

#login-info {color: #fff; padding: 10px 0 ; border-bottom: 1px solid rgba(0,0,0,.2);}
#login-info p {margin: 0 0 5px 0; font-size: 12px;}
#login-info a {display: inline-block; background: rgba(0,0,0,.2); padding: 5px 10px; border: 1px solid rgba(0,0,0,.2); font-size: 10.5px; color: rgba(255,255,255,.5); border-radius: 4px; text-transform: uppercase; margin: 0 5px 0 0;}

#search {position: relative; margin-top: 20px;}
#search input[type="search"] {border: 1px solid #321c31; border-radius: 20px;}
#search .search-go {background: none; display: block; width: 35px; height: 35px; position: absolute; right: 0; top: 0; border: 0; z-index: 5;}
#search span {position: absolute; right: 10px; top: 5px; font-size: 21px; z-index: 4; color: #ccc;}

#footer {padding: 20px 0; text-align: center;border-top: 1px solid #eeecea; background: rgba(0,0,0,.1); width: 100%; float: left;}
#footer p, #footer a {color: rgba(0,0,0,.6); margin: 0; font-size: 12px;}
#footer p.copy {width: 100%; float: left;}

.content {background: rgba(255,255,255,.5); padding: 20px 0 40px; width: 100%; float: left; margin: 30px 0; border-radius: 10px;box-shadow: 1px 1px 3px rgba(0,0,0,.1);}

nav#sec ul {list-style: none; padding: 0; margin: 0 0 20px 0; border-top: 10px solid #9ca67f;}
nav#sec a {border-bottom: 1px solid #ccc; color: #444; padding: 5px 10px; display: block; font-size: 13px;}
nav#sec a:hover {text-decoration: none; background: rgba(0,0,0,.1);}
nav#sec > ul > li.nav-path-selected:hover {background: none;}
nav#sec > ul > li.nav-path-selected > a {font-weight: bold;}

hgroup.page-header {border-bottom: 1px dotted rgba(0,0,0,.2); background: #8a6089; margin: 0 0 30px 0; padding: 50px 0; box-shadow: inset 0 0px 10px 0 rgba(0,0,0,.2);}
hgroup.page-header h1 { color: #fff;}
hgroup.page-header p { color: #fff;}
.img-fit {max-width: 100%; margin: 0 0 0 0;}
.side-box {padding: 20px; background :rgba(0,0,0,.1); font-style: italic; font-family: Georgia, serif; font-size: 16px; margin-top: -1px; box-shadow: 8px 8px 0 rgba(0,0,0,.05); border: 1px solid #c3bab4;}

.service {border-bottom: 1px dotted rgba(0,0,0,.5);}

.content-main .sidebar {margin: 20px 0 0 -10px;}
.col-blurb {background: rgba(0,0,0,.05); padding: 10px; border: 1px solid #ccc; border-radius: 4px;}
.col-blurb p {font-size: 12px; margin: 0;}


a.dropbox span {font-size: 34px;}
a.dropbox {text-decoration:none !important;text-align: center; background :#9ca67f; border: 1px solid rgba(0,0,0,.2); display: block; border-radius: 4px; margin: 20px 0; padding: 10px 5px; color: #fff; box-shadow: inset 0 -50px 20px rgba(0,0,0,.1); opacity: .9;}
a.dropbox strong {display: block; text-transform: uppercase;}
a.dropbox em {font-size: 14px; line-height: 18px; display: block; border-top: 1px dotted rgba(255,255,255,.4); padding-top: 5px; margin-top: 5px;}
a.dropbox:hover {opacity: 1; text-decoration: none;}

.filter {background: #f2f2f2; border: 1px solid #ccc; padding: 5px; margin: 0 0 20px 0; border-radius: 3px;}
.filter .glyphicon {border: 1px solid #ccc; padding: 8.5px; border-radius: 3px; margin: -1px 0 0 0; background: #fff; color: #777; text-shadow: 1px 1px 0 #fff; float: left;}
.filter .short {width: 100px;}
.form-horizontal label {font-size: 13px;}
.form-horizontal .form-group {margin: 0 0 5px 0;}
.form-horizontal h3 {border-top: 1px solid #ccc; padding: 15px 0 0 0; margin: 20px 0 15px 0;}
.content-main {background: #fff; width: 100%; padding: 20px; float: left;}
.content-main a { text-decoration:underline;}

.panel {background: #fff; border: 1px solid #dddddd; padding: 10px;}
.panel h3:first-of-type {background: #9ca67f; color: #fff; padding: 5px 10px; border-radius: 4px 4px 0 0; margin: -10px -10px 10px -10px; border: 1px solid rgba(0,0,0,.2);}
.panel ul {padding: 0; list-style: none;}
.panel ul li {padding: 5px 0; border-bottom: 1px solid #eee; display: block;}

.help-link {border-bottom: 1px solid #ccc; position: relative; padding: 10px 0 10px 45px;}
.help-link:last-of-type {border: none;}
.help-link span {font-size: 20px; padding: 10px; position: absolute; left: 0; top: 10px; background: #9ca67f; color :#fff; border-radius: 50%;}
.help-link h4 {margin: 0;}
.help-link a {padding: 0 3px; border-right: 1px solid #ccc;}
.help-link a:last-of-type {border: none;}
.filter-height {max-height: 100%;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
h1 {}
h2 { font-size: 32px;}
h3 { font-size: 16px;}
#logo {width: 215px;}

#nav-bar {background: #694368; border: none;}
/*#nav-main {width: 100%;}*/
#nav-main > li {position: relative;}
#nav-main > li > a {padding: 7px 6px; border-left: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(0,0,0,.2); font-size: 11.5px;}
#nav-main > li.nav-path-active > a {background: #9ca67f; border-top: 1px solid rgba(0,0,0,.4); border-right: none;}

#search {position: absolute; right: 15px; top: -70px; width: 200px;}
#search input[type="search"] {border: 1px solid #c8b4a9;}
#nav-bar .btn-primary {width: auto; margin: 15px 0 0 0; position: absolute; right: 220px; top: -65px;}
#nav-bar .login {text-transform: uppercase;}

#login-info {color: #333; padding: 0 10px 0 0; position: absolute; top: -63px; right: 220px; text-align: right; border: none; border-right: 1px solid #ccc;}
#login-info p {margin: 0 0 5px 0; font-size: 13px;}
#login-info a {background: #9ca67f; color: #fff; padding: 3px 5px 2px 3px; float: none; display: inline-block; margin: 0;}

#nav-main {border-left: 1px solid rgba(0,0,0,.2);}
/*#nav-main > li:hover > ul {display: block; position: absolute; left: 0; top: 100%; z-index: 150; background: #fff; text-align: left; list-style: none; padding: 0; width: 200px; box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding: 10px; border-radius: 0 0 5px 5px;}
#nav-main li ul a {color: #555; display: block; padding: 5px 5px 5px 10px; text-transform: none; border-radius: 4px; font-size: 12px;}
#nav-main li ul a:hover {background: #694368; color: #fff; text-decoration: none;}*/

.col-1, .col-2, .col-3, .col-4 { padding: 10px;}
.col-1 {width: 25%; float: left;}
.col-2 {width: 50%; float: left;}
.col-3 {width: 75%; float: left;}
.col-4 {width: 100%; float: left;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

#nav-main > li > a {font-size: 13px; padding: 10px 8px;}
.filter-height {max-height: 64px;}
.content-main {padding: 20px 15px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

 @media (max-width: 687px) {
    .checkbox-list td{ display:block;}
    
    
    /* ---------------------*/
    /* Responsive Table CSS */
    /* ---------------------*/
    
    /* Force table to not be like tables anymore */
    table.cust-table-responsive, table.cust-table-responsive thead, table.cust-table-responsive tbody, table.cust-table-responsive th, table.cust-table-responsive td, table.cust-table-responsive tr {display: block;}
 
    /* Hide table headers (but not display: none;, for accessibility) */
    table.cust-table-responsive thead tr {position: absolute; top: -9999px; left: -9999px; }
    table.cust-table-responsive tr { border: 1px solid #ccc; }
 
    /* Behave like a "row" */
    table.cust-table-responsive td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; }

    table.cust-table-responsive tr:nth-of-type(odd) {background: #f9f9f9; }

    /* Top/left values mimic padding */
    table.cust-table-responsive td:before { top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; }
 
    /* Label the data*/
    table.cust-table-responsive.responsive-data-label td:before { content: attr(data-title); }
    
    /* ---------------------*/
    /* Responsive Table CSS */
    /* ---------------------*/
}


 .glyphicon { margin-bottom: 10px;}
 .mt20 {margin-top:20px;}
 .req{color:red;}
 .checkbox label {margin-left: -20px;}
 .checkbox {padding-left:22px;}
 .mr10 {margin-right:10px;}
 a {transition: none 0s ease 0s ;}
 .pr20 {padding-right:20px;}
 .pr10 {padding-right:10px;}
 
 /* NEWS layout CSS*/
.cms-news-item {background-color: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);margin-bottom: 20px; padding: 20px 10px;} 
.cms-news-item h1, .cms-news-item h1 a { margin-top:0px; color: #694368; font-family: "Lato",sans-serif; font-weight: 700; font-size: 24px; }    
.cms-news-item .newsPostDate {font-size: 85%; color:Gray; margin-bottom:-10px;}       
        
 /* Print and Email buttons layout CSS*/
#cms-story-tools .cms-story-tools-item a {float:left; margin-right:10px !important;}
#cms-image-viewer { margin: 0 0 10px 10px; float:right;}
#cms-image-viewer br {clear:both;margin-top:15px; margin-bottom:15px;display:block;}
#nav-main {width: 100%;}
#nav-main > li:hover > ul {display: block; position: absolute; left: 0; top: 100%; z-index: 150; background: #fff; text-align: left; list-style: none; padding: 0; width: 200px; box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding: 10px; border-radius: 0 0 5px 5px;}
#nav-main li ul a {color: #555; display: block; padding: 5px 5px 5px 10px; text-transform: none; border-radius: 4px; font-size: 12px;}
#nav-main li ul a:hover {background: #694368; color: #fff; text-decoration: none;}
 

.social-item {float:left; display:inline-block; line-height: 1em; margin-right: 5px;margin-top:5px;}
.iframe#twitter-widget-0{width: 79px !important;}

#cms-story-tools{border-top:1px solid #dddddd;margin-top:24px; padding-top:16px;padding-bottom:16px;}
.image-info{margin-top:12px;}
.image-datalist{width:300px; margin-top:12px;}
#cms-image-viewer {width:300px;margin-bottom:25px; margin-left:25px;}
#cms-image-viewer img{box-shadow: 5px 5px 3px rgba(0,0,0,.2); margin: 0px;}
.img-padding{float:left !important;display:block !important;width:60px !important; height:50px !important; margin-right:12px;}
div#cms-image-viewer .imageSB{border:1;}div#cms-image-viewer .imageV{width:50px;}
div#cms-image-viewer .imageT{width:50px; height:50px; padding:5px;}

.passwordCriteria {
    list-style-type: none;
    padding-left: 0px;
}

    /* Or specifically targeting li elements */
    .passwordCriteria li {
        list-style-type: none;
    }

    .passwordCriteria li {
        color: red;
    }

        .passwordCriteria li.valid {
            color: green;
        }

        .passwordCriteria li i {
            margin-right: 5px;
        }

.pad-10 {
    padding-left: 25px;
}