/*
  Theme Name: CAN DASHBOARD
  Theme URL: http://www.webii.net/
  Description: 
  Author: webii
  Author URI: http://www.webii.net/
  Version: 3.0
 */


/* Global Styles */

@font-face {
    font-family: 'quicksandbold';
    src: url('fonts/quicksand-bold-webfont.woff2') format('woff2'),
         url('fonts/quicksand-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Quicksand');
html,body {height: 100%;}
a:hover, a:focus {text-decoration: underline; color: #4672c1;}
a {/*color: #7B9B60;#42DCA3*/ color: #4672c1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}

body {font-family: 'Quicksand', sans-serif;}
p img {margin:10px;}
img.alignleft {float:left;margin-top:0;}
img.alignright {float:right;margin-top:0;}
/* Home Page Carousel */
.border-radius{border: 0px solid #000000;
-moz-border-radius: 90px;/*Firefox*/
-webkit-border-radius: 90px;/*Safari, Chrome*/
border-radius: 90px;}
#header-section{padding:35px 0;}
a.add-feedback{font-size:16px; color:#fff; padding:14px 22px; margin:0; text-transform:uppercase; background:#00b1da; float: right;}

a.add-feedback:hover{background:#00a4ca;}

.search-top-box{ float: right; margin-right: -15px;}
#custom-search-form .search-query { padding:14px 22px;  border:1px solid #c0c0c0;}
 #custom-search-form button {border:0;  background: #ededed;padding:10px;  margin-top:-4px;   position: relative;left: -48px; width:38px; height:38px;margin-bottom: 0; border: 0px solid #000000;
		-moz-border-radius: 90px;/*Firefox*/
		-webkit-border-radius: 90px;/*Safari, Chrome*/
		border-radius: 90px;}

#custom-search-form button i{font-size:17px; color:#a7a7a7;}
#custom-search-form button:hover{background:#dddddd;}
.search-query:focus + button {z-index: 3; }
.navbar-inverse{background:#9b9b9b; border-radius:0; border:0;}
.navbar-inverse .navbar-nav > li { margin-top:10px;}
.navbar-inverse .navbar-nav > li > a{color:#fff; font-size:16px; text-transform:uppercase;border-right:1px solid #7a7a7a; padding: 5px 30px;}
.navbar-inverse .navbar-nav > li > a:hover{color:#a7e7f5;}
.padding-less{padding-right:0 !important; border:0 !important;}
#dashboard-link{padding:70px 0 80px 0;}

.box-engaged{background:#7595d1; border-top:8px solid #5a74a5;}
.box-basic{background:#7b9b60; border-top:8px solid #5d7c43;}
.box-healthy{background:#d14e52; border-top:8px solid #ad383c;}
.box-potential{background:#fa9a2a; border-top:8px solid #dc841c;}

#dashboard-link .panel-body{min-height: 240px; padding:30px 0 0 0}
#dashboard-link .panel-body ul{margin:0; padding:0; text-align:center;}
#dashboard-link .panel-body ul li{list-style:none; padding-bottom:15px;}
#dashboard-link .panel-body ul li a{font-size:15px; color:#fff; padding:0; margin:0; text-transform:uppercase;}
#dashboard-link .panel-body ul li a:hover{text-decoration:underline;}
#dashboard-link  .panel-heading{padding:25px 0; background:transparent;}
#dashboard-link  .panel-heading h4{font-size:18px; color:#000; padding:0; margin:0; text-transform:uppercase; text-align:center; line-height:30px;}
#dashboard-link  .panel-heading h4 span{width:100%; display: block;}

.panel-default{border:0;}

.panel-heading-image img{text-align:center; margin:0 auto; display: block;}

#aboutus-section{background:#7b9b60 url(img/about-us-img.jpg) no-repeat 0 bottom; padding:80px 0;}
.aboutus-text h2{font-size:40px; color:#fff; padding:0; margin:60px 0 15px 0; text-align:left; text-transform:uppercase;}
.aboutus-text p{font-size:18px; color:#fff; padding:0 80px 0 0; margin:0; line-height:30px; text-align:left;}
#feedback-section{padding:100px 0; text-align:center;}
#feedback-section h2{font-size:40px; color:#000; padding:0 0 20px 0; margin:0; text-transform:uppercase;}
#feedback-section p{font-size:20px; color:#000; padding:0 0 55px 0; margin:0;}
#feedback-section a{font-size:17px; color:#fff; padding:17px 22px; margin:0; text-transform:uppercase; background:#00b1da;}
#feedback-section a:hover{background:#00a4ca;}
.panel-heading-image img:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);}


.panel-heading-image img {

-webkit-transition: all 0.8s ease;

transition: all 0.8s ease;}

/* Footer Styles */

footer { padding:55px 0 30px 0;background:#9b9b9b url(img/footer-bg.jpg) no-repeat 0 bottom;}

.footer-block {border-top:2px solid #fff; margin:0 40px 70px 40px; text-align:center;}

.footer-block h3{font-size:20px; color:#fff; padding:20px 0 15px 0; margin:0;}	

.footer-block p{font-size:16px; color:#fff; padding:0; margin:0;}

	

p.copyright-text{font-size:16px; color:#fff; padding:0; margin:0;}

.social-icons li{margin:0 8px 0 0; display: inline-block; list-style:none;}

.social-icons ul{padding:0; margin:0;}

.social-icons{display:inline-block; margin-top:0; float:right;}

.social-icons li a{font-size:15px; color:#1a1a5d;}

.social-icons .iconRounded{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -khtml-border-radius:50%; width:38px; height:38px; line-height:40px !important; display:block; color: #fff;  border:1px solid #1; text-align: center; font-size:18px !important; background:#5a5a5a;}

.social-icons ul li{display:inline-block; margin:0 8px;}

.social-icons ul li a {padding:0;}

.social-icons ul li a:hover {text-decoration:none;}

.social-icons ul li a i {transition: all 0.9s ease 0s;  -moz-transition: all 0.9s ease 0s;

  -webkit-transition: all 0.9s ease 0s;  -o-transition: all 0.9s ease 0s;}

.social-icons ul li a i:hover{color:#fff; background:#3e3e3e; text-decoration:none; transition: all 0.9s ease 0s;

  -moz-transition: all 0.9s ease 0s;

  -webkit-transition: all 0.9s ease 0s;

  -o-transition: all 0.9s ease 0s;}

#SearchParameters-1.in, #SearchParameters-1.collapsing {display: block!important;}

#SearchParameters-2.in, #SearchParameters-2.collapsing {display: block!important;}

#SearchParameters-3.in, #SearchParameters-3.collapsing {display: block!important;}	

.btn-read{font-size:17px; color:#fff; padding:17px 22px; margin:20px auto 35px auto; text-transform:uppercase; background:#00b1da;display:inline-block;}

.btn-read:hover{background:#00a4ca;}	


/* Inner Page CSS */



#dashboard-service-section{padding:50px 0 50px 0;}	

.dashboard-sidebar ul{margin:0; padding:0;}

.dashboard-sidebar ul li{margin:0 0 20px 0; list-style:none; display: flex;}

.dashboard-sidebar ul li a{padding:35px 35px; background:#e3e3e3; width: 100%; text-align: center;}

.dashboard-sidebar ul li a img{width:60px; height:60px;  margin: 0 auto;}

.dashboard-sidebar ul li a:hover, .active-side{background:#1b2848 !important;}	

.dashboard-service-heading{background:#d14e52; padding:15px; color:#fff; text-transform:uppercase; margin-bottom:30px;}

.dashboard-service-heading h2{font-size:42px; display:inline; margin:0; vertical-align:middle;}

.dashboard-service-heading h2 span{font-size:18px; padding:0 10px 0 5px; display:inline;}

.dashboard-service-heading h4{font-size:30px; display:inline; margin:0; vertical-align:middle;}

.dashboard-heading{margin-bottom:30px;}

.dashboard-heading img{float:left; width:50px; height:50px; margin:0 15px 0 0;}

.dashboard-heading h3{font-size:25px; margin:0; padding:12px 0 0 0; color:#000; text-transform:uppercase;}

.dashboard-meter-img{margin-bottom:30px; float:right;}

.dashboard-meter-img img{float:right;max-width:100%;height:auto;}

.dashboard-service-graph{min-height: 520px; margin-bottom:25px;}

.dashboard-service-graph{padding:20px; background:#f2f2f2;}

.dashboard-service-graph h4{text-align:center; color: #000; font-size:25px;   padding-bottom:15px; line-height:32px;}	

.dashboard-service-graph p{text-align:center; color: #333333; font-size:15px; line-height:28px; padding-top:15px;}

.dashboard-service-text{min-height: 520px; margin-bottom:25px;}	

.dashboard-service-text{padding:20px; background:#f2f2f2;}

.dashboard-service-text h4{text-align:left; color: #000; font-size:30px;  text-transform: uppercase; padding-bottom:10px;}	

.dashboard-service-text p{text-align:left; color: #333333; /*was 787878*/ font-size:15px; line-height:28px; padding-bottom:15px;}	

.dashboard-top-heading{background:#7595d1; padding:10px; color:#fff; text-transform:uppercase; margin-bottom:35px;}

.dashboard-top-heading h2{font-size:28px; display:inline; margin:0; vertical-align:middle;}

.dashboard-heading-image{margin-bottom:30px; border-bottom:2px solid #dedede; padding-bottom:25px;}

.dashboard-box-image{float: left;  height: 100px;}

.dashboard-box-image img{float:left; width:55px; height:55px; margin:18px 40px 0 0;}

.dashboard-heading-image ul{margin:0; padding:0;}

.dashboard-heading-image ul li{margin:0 0 10px 0; font-size:16px; color:#000000;}



.data-table-box th{font-size:16px; color:#000000; text-transform:uppercase; text-align:center; background:#f2f2f2;}



.table > thead > tr > th{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;padding-bottom:15px; padding-top:15px;}



.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{border-right: 1px solid #ddd;}



.data-table-box td{font-size:14px; /*color:#a1a1a1;*/ color: #000000; padding:10px 20px; text-align:center;}



.data-table-box td span.heading-table{font-size:22px; color:#000000; text-align:center; display: block;}



.table-condensed > tbody > tr > td{ padding:20px 5px;text-align:center;}



.target-link{background:#7b9b60; color:#fff; text-align:center; text-transform:uppercase; width:50px; height:50px;  display: block; line-height:50px; margin: 0 auto;}	



.table-condensed > tbody > tr > td p{text-align:center;}



.target-link-negative{background:#d14e52; color:#fff; text-align:center; text-transform:uppercase; width:50px; height:50px;  display: block; line-height:50px; margin: 0 auto;}	



.data-table-box td span.heading-table-middle{font-size:18px; color:#000000; text-align:center; display: block;}

.data-table-box td span.heading-table-first{font-size:22px; color:#000000; text-align:center; display: inline;}	

.table-striped > tbody > tr:nth-of-type(2n+1){background-color: #fff;}

.white-strip{background:#fff;}

.gray-strip{background:#f9f9f9; border-bottom: 1px solid #ddd;}

.white-strip-bottom{background:#fff;}	

.white-strip-bottom td{border-top:0px !important; padding:10px 5px!important;}

.data-table-box{border: 1px solid #ddd; border-right:0px solid #ddd;}

.dashboard-sidebar-right{background:#7595d1; padding:0 0 15px 0;}

.dashboard-sidebar-right h4{font-size:20px; color:#fff; text-align:center; display: block; background:#5a74a5; text-transform:uppercase; padding:10px 0; margin:0;}

.dashboard-sidebar-right ul{padding:0; margin:20px 0;}

.dashboard-sidebar-right ul li{list-style:none; margin-bottom:15px; text-align:center;}

.dashboard-sidebar-right ul li a{font-size:14px; color:#fff; text-transform:uppercase; }

#SearchParameters-5.in, #SearchParameters-5.collapsing {display: block!important;}

.table-condensed > tbody > tr > td strong{font-size: 18px;color: #;text-align: center;display: block; font-family: 'Quicksand', sans-serif; font-weight: normal;line-height: 1.42857143;}



/* Responsive Styles */
@media (min-width: 992px) and (max-width: 1999px) {

.navbar-inverse .navbar-nav > li {float: none;display: inline-block;}
.navbar-nav {width: 100%;text-align: center;}
.navbar-inverse .navbar-nav > li:last-child a {border: none;}

}



@media (max-width: 1064px) {
.navbar-inverse .navbar-nav > li > a{font-size: 15px; padding: 5px 15px;}	
p.copyright-text{font-size: 14px;}
.col-md-12.table-mid-area {padding: 0;}
.data-table-box th { font-size: 15px;}

}



@media (max-width: 991px) {

  /* Break Navigation */
  .navbar-header {float: none;}
  .navbar-left,.navbar-right {float: none !important;}
  .navbar-toggle {display: block;}
  .navbar-nav {padding-bottom:25px;}
   .navbar-collapse.collapse {display: none!important;}
  .navbar-nav {float: none!important;margin-top: 7.5px;}
  .navbar-nav>li {float: none;}
  .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
  .collapse.in{display:block !important;}
  /* Break Navigation */
  .navbar-inverse .navbar-toggle{border:1px solid #fff;}
  .navbar-inverse .navbar-toggle:hover{border:1px solid #666; background:#666;}
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{border:1px solid #666; background:#666;}
  .navbar-inverse .navbar-nav > li > a{ border-right:0; padding:5px 0;}
  .navbar-collapse{box-shadow:none;}
.dashboard-sidebar ul li {display: inline-flex;margin: 0 10px 20px;}
.dashboard-sidebar ul li a {padding: 30px 35px;}
.dashboard-sidebar ul{text-align: center;}
#dashboard-service-section {padding: 20px 0 50px;}

.mid-col-use {float: left;width: 75%;}
.menu-on-right-most {float: right;width: 25%;}
.home .aboutus-text h2{text-align: center;margin: 0 0 15px;}
.home .aboutus-text p{padding: 0;text-align: center;}
.home .aboutus-text a {display: block;text-align: center;color: #405e26; margin-bottom: 20px;margin-top: 20px;}
.home .dashboard-image {text-align: center;}
body .menu-on-right-most{display: none;}


}


@media (max-width: 768px) {
#dashboard-link .panel{margin-bottom:50px; box-shadow:none;}
.aboutus-text{margin-bottom:50px;}
.aboutus-text h2{text-align:center;}
.aboutus-text p{text-align:center; padding:0;}
.dashboard-image img{text-align:center; display: block;  margin: 0 auto;}
p.copyright-text{text-align:center; width:100%; margin-bottom:30px;}
.social-icons{text-align: center; float: none; display: block;  margin: 0 auto;}
.dashboard-sidebar{margin-bottom:30px;}
.dashboard-sidebar ul li{display:inline-flex; margin:0 10px;}
.dashboard-sidebar ul li a{padding:35px;}
.dashboard-meter-img{float:left; margin:20px 0;}
.dashboard-meter-img img{float:left;}
.t-head-line div.only-head{float:left;width:70%;}
.t-head-line div.only-meter{float:left;width:30%;}
.t-head-line .dashboard-heading {margin-top: 26px !important;}
.t-head-line .dashboard-meter-img {float: right; height: auto;max-width: 100%;}
.dashboard-sidebar ul li a {padding: 22px;}
.dashboard-sidebar ul{text-align: center;}
.dashboard-service-text {min-height: unset;}

}



@media (max-width: 640px) {
a.add-feedback{margin-top:25px;}
.search-top-box{margin-top:25px;}
.search-top-box{ float: left;}
.navbar-nav {padding-left:30px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:0;}
.dashboard-sidebar ul li{margin:0 5px 10px 5px;}
.dashboard-service-graph h4{font-size: 18px;  line-height: 28px;}
.dashboard-service-text h4{font-size: 18px;  line-height: 28px;}
.dashboard-service-heading h4{display: inline-block}
.dashboard-sidebar ul li a {padding: 16px;}
.dashboard-sidebar ul{text-align: center;}
.menu-on-right-most .btn-read {font-size: 11px;padding: 7px 10px;}
.dashboard-sidebar-right h4{font-size: 13px;}
.dashboard-sidebar-right ul li a{font-size: 10px;}
.dashboard-sidebar-right ul li{line-height:10px;}
.dashboard-service-heading h2 {display: block;font-size: 30px;}
.dashboard-service-graph{min-height: auto;}
.dashboard-heading-image{float: left;}
body .dashboard-heading-image ul{float: left;width:95%; margin-left: 0;padding-left: 20px;}




.white-strip {display: block;}
.white-strip td {display: block;padding:0 0 10px!important;}
.gray-strip {display: block;}
.gray-strip td {display: block;padding:0 0 10px!important;}

table .section-1 td:first-child, table .section-2 td:first-child, table .section-3 td:first-child, table .section-4 td:first-child, table .section-5 td:first-child, table .section-6 td:first-child {
    background: #666666 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 20px;
    padding-bottom: 1px;
}

.white-strip td:before, .gray-strip td:before {background: #dddddd none repeat scroll 0 0;border-bottom: 1px solid #cccccc;color: #000000;display: block;font-size: 16px;font-weight: bold;margin-bottom: 10px;padding: 5px;text-transform: uppercase;}
.table thead {display: none;}
.section-1 td:nth-child(2):before,.section-2 td:nth-child(2):before,.section-3 td:nth-child(2):before,.section-4 td:nth-child(2):before,.section-5 td:nth-child(2):before {content: "5 Years baseline";}
.section-1 td:nth-child(3):before, .section-2 td:nth-child(3):before, .section-3 td:nth-child(3):before, .section-4 td:nth-child(3):before, .section-5 td:nth-child(3):before{content: "most recent";}
.section-1 td:nth-child(4):before, .section-2 td:nth-child(4):before, .section-3 td:nth-child(4):before, .section-4 td:nth-child(4):before, .section-5 td:nth-child(4):before{content: "target";}
.section-1 td:nth-child(5):before, .section-2 td:nth-child(5):before, .section-3 td:nth-child(5):before, .section-4 td:nth-child(5):before, .section-5 td:nth-child(5):before{content: "5 years trend";}
.section-1 td:nth-child(6):before, .section-2 td:nth-child(6):before, .section-3 td:nth-child(6):before, .section-4 td:nth-child(6):before, .section-5 td:nth-child(6):before{content: "on track to target?";}
table .section-1 td:first-child a, table .section-2 td:first-child a, table .section-3 td:first-child a, table .section-4 td:first-child a, table .section-5 td:first-child a, table .section-6 td:first-child a {color: #ffffff;text-decoration: underline;}


}




@media (max-width: 480px) {
	#feedback-section h2{font-size:25px;}
	.aboutus-text h2{font-size:25px;}
	.search-top-box, .add-feedback{display:none;}
	.dashboard-box-image{width: 100%;}
	.dashboard-heading-image ul{margin-left:20px;}
	.dashboard-top-heading{ margin-bottom: 15px;}
	.dashboard-top-heading h2{font-size: 20px;}
.t-head-line div.only-head {width: 75%;}

.dashboard-heading h3{font-size: 18px;}

.t-head-line div.only-meter {padding-left: 0;width: 25%;}
img{max-width: 100%;height:auto;}
.dashboard-service-graph {min-height: unset;}
.t-head-line .dashboard-heading {margin-top: 20px !important;}
.dashboard-sidebar ul li a {padding: 6px;}
.dashboard-sidebar ul li a img {height: 45px;width: 45px;}
.dashboard-sidebar ul{text-align: center;}
body img.alignright, body img.alignright {display: block;float: none;margin: 0 auto 10px!important;}
.dashboard-service-heading h2 {font-size: 23px; text-align: center;}
.dashboard-service-heading h4{text-align: center;font-size: 24px;}
.dashboard-service-graph p, .dashboard-service-text p{font-size:14px;line-height:20px;padding-top: 0;}
.btn-read{ padding: 12px 16px;margin: 10px auto 20px;font-size: 13px;}
.dashboard-service-text h2, #dashboard-service-section h2 {font-size: 23px;}
#dashboard-service-section ul {padding-left: 5px;}
#dashboard-service-section ul li{font-size:14px;line-height:20px;margin-bottom: 10px;}
.footer-block{margin: 0 40px 40px;}
#header-section{padding: 20px 0;}
.dashboard-sidebar {margin-bottom: 5px;}
.dashboard-service-heading > h3 {font-size: 20px;margin: 10px 0;text-align: center;}


}

@media (max-width: 400px) {
.dashboard-heading img {height: 30px;margin: 0 10px 0 0;width: 30px;}
.dashboard-heading h3{font-size: 13px;padding-top: 0;}
.mid-col-use {width: 70%;}
.menu-on-right-most {width: 30%;}
.dashboard-service-heading h2 {font-size: 22px; text-align: center;}
.dashboard-service-heading h4{text-align: center;font-size: 23px;}
.dashboard-service-graph p, .dashboard-service-text p{font-size:14px;line-height:20px;padding-top: 0;}
.btn-read{ padding: 12px 16px;margin: 10px auto 20px;font-size: 13px;}
.dashboard-service-text h2, #dashboard-service-section h2 {font-size: 21px;}
#dashboard-service-section ul {padding-left: 5px;}
#dashboard-service-section ul li{font-size:14px;line-height:20px;margin-bottom: 10px;}
.footer-block{margin: 0 40px 40px;}


}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{background-color:transparent;color:#a7e7f5;}

.inner-page p{font-size:18px; font-family: 'Quicksand', sans-serif; color: #555;margin-bottom: 15px;}
.navbar-inverse .navbar-nav > li:hover .dropdown-menu{display: block;min-width: 185px;background: #00A4CA;}

.navbar-inverse .navbar-nav > li:hover .dropdown-menu li{display: block;min-width: 185px;}

.navbar-inverse .navbar-nav > li:hover .dropdown-menu li {padding: 8px 0px;border-bottom: 1px solid #ddd;}

.navbar-inverse .navbar-nav > li:hover .dropdown-menu li.last-menu-item  {border-bottom: none;}

.navbar-inverse .navbar-nav > li:hover .dropdown-menu li a  {color: #fff;}

.navbar-inverse .navbar-nav > li:hover .dropdown-menu li a  {background: transparent;}

.dashboard-service-heading h2 strong {font-size: 18px;padding: 0 10px 0 5px;display: inline;font-weight: normal;}

.clear {clear: both;}

.inner-page p .wp-caption-text {font-size:11px;}

.inner-page-look li {color: #555555;font-size: 18px;}

.inner-page p.wp-caption-text {font-size: 11px;margin: 3px 0;text-align: center;}

.dashboard-service-graph img {height: auto;margin: 10px 0;max-width: 100%;}

.panel.panel-default.new-accordion-boxes {
    float: left;
    overflow: hidden;
    width: 100%;box-shadow: none;margin-top: 30px;   border-radius: 0;
}
.panel.panel-default.new-accordion-boxes .panel-heading {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #00B1D9;
    border-radius: 0;
    margin-bottom: 20px;
}

.panel-collapse.collapse.in {
    background: #f6f6f6 none repeat scroll 0 0;
    margin-bottom: 20px;
}
#gform_wrapper_1{display:block!important;}

.additional-col li, .additional-col p {
    color: #333333;
    font-size: 15px;
    line-height: 28px;
}
/*.white-strip.section-5 > td, .gray-strip.section-4 > td {
    padding: 0;
}*/

.white-strip.section-5 td > p , .gray-strip.section-5 td > p {
    margin-bottom: 1px;
}

.wp-caption {
    width: auto!important;
}

.inner-page-look img {
    height: auto;
    max-width: 100%;margin: 0;
}

.home .aboutus-text a {
    color: #ffffff;
    display: block;
}

footer p a {color:#ffffff;text-decoration:underline;}