.dashboard-sidebar{
  padding-top: 15px;
  padding-bottom: 15px;
} 

.dashboard-main{
  padding-top: 15px;
  background: #174471;
}
.summary-dropdown{
  margin-bottom: 5px;
}
.summary-dropdown:last-child{
  margin-bottom: 0;
}
.summary-dropdown h2{
  font-size: 26px;
  font-weight: bold;
  color: #669fd5;
}
.summary-dropdown h3{
  margin-top: 10px;
  font-weight: bold;
}
.summary-dropdown .btn-summary-title{
  outline: none;
  width: 100%;
  background: #cad839;
  font-size: 14px;
  font-weight: bold;
  border: none;
  text-align: left;
  padding: 8px 10px 5px 10px;;
  color: #174471;
  white-space: normal;
}
.summary-dropdown .btn-summary-title:hover{
  color: #fff;
}
.summary-dropdown .btn-summary-title .glyphicon{
  margin-right: 5px;
}
.summary-dropdown .down-arrow{
  float: right;
  padding-top: 2px;
  display: none;
}
.summary-dropdown .left-arrow{
  padding-top: 1px;
  float:right;
}
.summary-dropdown.open .down-arrow{
  display:block;
}
.summary-dropdown.open .left-arrow{
  display:none;
}
.summary-dropdown .dropdown-content{
  display:none;
  padding: 10px 10px 0px 7px;
  background: #fff;
  color: #174471;
  height: 100%;
  overflow: hidden;
}
.summary-dropdown .box-table-b td {
    background: none repeat scroll 0 0 #e2ecf7;
    border-left: 1px solid #c8dcf0;
    border-right: 1px solid #c8dcf0;
    padding: 8px;
    border-bottom: 1px solid #c8dcf0;
    font-size: 13px;
}
.summary-dropdown .box-table-b {
    border-collapse: collapse;
    margin: 10px 0 0px;
    width: 100%;
}
.summary-dropdown .box-table-b th {
    background: none repeat scroll 0 0 #669FD5;
    border-right: 1px solid #c8dcf0;
    font-weight: bold;
    padding: 8px;
    color: #FFFFFF;
    text-align: left;
    display: table-cell;
}
.summary-dropdown .box-table-b tbody {
    color: #174471;
}

.dropdown-content h2{
  margin-top: 0;
}

.dashboard-main .row:first-child{
  /*margin: 0 -5px;*/
}
.dashboard-main .tab{
  padding: 0 5px 10px 5px;
  width: 20%;
}
.dashboard-main #tabs-dashboard{
  border: none;
  background:transparent;
}
.dashboard-main #tabs-dashboard ul.ui-tabs-nav{
  background: transparent;
  margin-right: -5px;
}
.dashboard-main #tabs-dashboard li{
  display: inline-block;
  background: transparent;
}


.ui-tabs .ui-tabs-nav li{
  margin: 0;
  padding-right: 5px;
}

.dashboard-main #tabs-dashboard li a *{
  color: #174471;
}

.dashboard-main #tabs-dashboard .tab-content{
  display:block;
  color: #174471;
  background: #cad839;
  text-align: center;
  width: 100%;
}
.dashboard-main #tabs-dashboard li.ui-tabs-active a *{
  color: #174471;@
}

.dashboard-main #tabs-dashboard li.ui-tabs-active .tab-content{background: #ffffff;}

.dashboard-main #tabs-dashboard .tab-panel{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}

.dashboard-main #tabs-dashboard #tab-summary{padding: 15px 15px 15px;}
.dashboard-main #tabs-dashboard .tab-panel .tab-panel-content{
  background:#fff;
  padding: 15px;
}
.dashboard-main #tabs-dashboard .tab{
  width: 16.6% !important;
}
.dashboard-main #tabs-dashboard .tab h2{
  display: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
}

.dashboard-main #tabs-dashboard .tab .glyphicon{
  margin-top: 0;
  font-size: 32px;
}
.dashboard-main #tabs-dashboard .widget-box{  
  height: 100%;
  border: 5px solid #fff !important;
  padding: 0;
  background: #fff;
}
.dashboard-main #tabs-dashboard .widget-box img{
  width: 100%;
}
.input label{clear: both;}
/* clearfix */
.dashboard-main #tabs-dashboard .grid:after {
  content: '';
  display: block;
  clear: both;
}
.dashboard-main #tabs-dashboard .tab-content{
  padding: 15px 10px 20px 10px !important;
}
.dashboard-main #tabs-dashboard .grid {

}
.dashboard-main #tabs-dashboard .grid-sizer{
  width: 107.5px; /* change in javascript masonry init also */
}
.dashboard-main #tabs-dashboard .grid-item {
  width: 107.5px; /* change in javascript masonry init also */
  height: 105px;
  float: left;
  /* vertical gutter */
  margin-bottom: 10px;
  background: none;
}

.dashboard-main #tabs-dashboard .grid-item--width2 { width: 225px; padding:5px 5px 0;margin: 0 0 5px;}
.dashboard-main #tabs-dashboard .grid-item--width3 { width: 225px; padding:5px 5px 0;margin: 0 0 5px;}
.general_content iframe { width: 220px;}

.dashboard-main #tabs-dashboard .grid-item--height1 { height: 318px; }
.dashboard-main #tabs-dashboard .grid-item--height2 { height: auto; }
.dashboard-main #tabs-dashboard .grid-item--height3 { height: auto; }
#tabs-dashboard .features-container{ height: auto; margin-bottom: 0px; background: none;padding: 5px;}
#tabs-dashboard .features-container img{ width:100%;}



.dashboard-main #tabs-dashboard .widget-box svg.bg-circle{
  display:none;
  position:absolute;
}
.dashboard-main #tabs-dashboard .widget-box svg.bg-circle circle {
    stroke: #c2d8ee;
    width: 100%;
    fill: transparent;
    stroke-width: 14;
    stroke-dasharray: 566;
    stroke-dashoffset: 0;
}

.dashboard-main #tabs-dashboard .widget-box svg.projected-circle{
  display:none;
  position:absolute;
}
.dashboard-main #tabs-dashboard .widget-box svg.projected-circle circle {
    stroke: #174471;
    width: 100%;
    fill: transparent;
    stroke-width: 19;
    stroke-dasharray: 566;
    transition: stroke-dashoffset 1s;
    -webkit-transition-delay: 2s; /* Safari */
    -webkit-animation-play-state: running;
    -moz-transform: rotate(-90deg) translateX(-90px);
    stroke-dashoffset: 566;
    /*animation: fillRing 2s linear forwards;*/
    animation: linear forwards;
    /*animation-delay: 1s;*/
}

.dashboard-main #tabs-dashboard .widget-box svg.progress-circle{
  display:none;
  position:absolute;
}
.dashboard-main #tabs-dashboard .widget-box svg.progress-circle circle {
    stroke: #669fd5;
    width: 100%;
    fill: transparent;
    stroke-width: 14;
    stroke-dasharray: 566;
    transition: stroke-dashoffset 1s;
    -webkit-transition-delay: 2s; /* Safari */
    -webkit-animation-play-state: running;
    -moz-transform: rotate(-90deg) translateX(-90px);
    stroke-dashoffset: 566;
    /*animation: fillRing 2s linear forwards;*/
    animation: linear forwards;
    /*animation-delay: 1s;*/
}

.dashboard-main #tabs-dashboard .widget-box .svg-triangle{
  display:none;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 10%;
  width: 80%;
  background: transparent;
}

.dashboard-main #tabs-dashboard .widget-box .svg-triangle polygon {
  fill:#fff;
  stroke:none;
  stroke-width:2;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget{
  text-align: center;
  height: 100%;
  overflow: hidden; position: relative;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .button-settings{
  float: right;
  height: 27px;
  position: relative;
  z-index: 100;
  margin-top: 0px;
}

.dashboard-main #tabs-dashboard .widget-box .menu_suggestion .button-settings{
  float: right;
  height: 27px;
  position: relative;
  z-index: 100;
  margin-top: -13px;
  margin-right: -6px;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .goal-type{
    display: inline-block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 0 50px;
    height: 36px;
    overflow:hidden;
}


.dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info{
    position: relative;
    z-index: 100;
    width: 100%;
    height: 54%;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 75px;
    margin-top: -22px;
    background-position: center !important
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number{
  color: #fff;
  font-size: 20px;
  line-height: 0px;
  display: block;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-units{
  color: #fff;
  font-size: 10px;
  line-height: 46px;
  display: block;
  text-transform: uppercase;
}

.dashboard-main #tabs-dashboard .widget-box #goal-weight .progress-info{
  background-image: url("/images/dashboard/weight.png");
}
.dashboard-main #tabs-dashboard .widget-box #goal-sleep .progress-info{
  background-image: url("/images/dashboard/sleep.png");
}
.dashboard-main #tabs-dashboard .widget-box #goal-water .progress-info{
  background-image: url("/images/dashboard/water.png");
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
  float: left;
  width: 50%;
  text-align: left;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .button-enter-data{
  position: relative;
  z-index: 200;
  top: -30px;
  margin: 0 auto;
  background: none;
  border: none;
  color: #174471;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .button-settings{
  background: none;
  border: none;
  color: #ccc;
}

.dashboard-main #tabs-dashboard .widget-box .menu_suggestion .button-settings{
  background: none;
  border: none;
  color: #ccc;
}


.dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings,
.dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data{
  display: none;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .save-wrapper{
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    text-align: center;
}
.dashboard-main #tabs-dashboard .widget-box .goal-widget .back-wrapper{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .back-wrapper span.glyphicon{
    color: #ccc;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .save-settings,
.dashboard-main #tabs-dashboard .widget-box .goal-widget .save-data{
  background: none;
  border: none;
  color: #cad839;
}
.dashboard-main #tabs-dashboard .widget-box .goal-widget .cancel-data{
  background: none;
  border: none;
  color: #cad839;
  float: left;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget span.glyphicon{
  backface-visibility: visible !important;
  font-size: 24px;
}

.dashboard-main #tabs-dashboard .widget-box .tips .back-wrapper span.glyphicon
{
  color: #174471 !important;
}

.dashboard-main #tabs-dashboard .widget-box .menu_suggestion span.glyphicon{
  backface-visibility: visible !important;
  font-size: 24px;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .save-settings span.glyphicon,
.dashboard-main #tabs-dashboard .widget-box .goal-widget .save-data span.glyphicon{
  font-size: 40px;
}
.dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .target{
  float: right;
  width: 50%;
  text-align: right;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .labels{
  position: relative;
  font-size: 15px;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  color: #174471;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .labels label{
  margin-right: 5px;
  font-size: 15px;
  font-weight: bold;
  text-transform: none;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .back{
  text-align: left;
}
.dashboard-main #tabs-dashboard .widget-box .goal-widget .back label{
  width: 70px;
  text-align: right;
  text-transform: capitalize;
  margin-top: 0px;
}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input{
  width: 90px;
  margin-right: 10px;
  margin-top: 0px;
}
.dashboard-main #tabs-dashboard .widget-box .goal-widget .back span.units{
  color: #174471;
}

.green-box{
  width: 100%;
  background: #c4d817;
  display: inline-block;
}
.blue-box{
  width: 100%;
  background: #679ed5;
  display: inline-block;
}
.goal-tips-widget{
  background: rgb(22, 69, 113) none repeat scroll 0% 0%; 
  color: rgb(255, 255, 255); 
  padding: 8px; 
  margin-top: 10px;
}
.metric-image-icon{
  padding: 45px; 
  color: rgb(255, 255, 255);
}
.comment-icon{
  background: url(../images/comment-icon.png)no-repeat;color: #c3d915;
  font-weight: 600;
  font-size: 50px;
  text-align: center;
  line-height: 28px;
  width: 132px;
  height: 112px;
  line-height: 78px;
  margin: 20px auto 5px;
}
.green-box h4{
  font-size: 20px;
  color: #164571;
  text-align: center;
  font-weight: 500;
  margin: 0;
}
.blue-box h4{
  font-size: 20px;
  color: #164571;
  text-align: center;
  font-weight: 500;
  margin: 0;
}
.green-box .book-now{
  background: #164571;
  padding: 5px 0;
  text-align: center;
  color: #c4d817;
  text-transform: uppercase;
  width: 93%;
  text-decoration: none;
  display: table;
  font-size: 14px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0px;
}

.navbar-admin {
  display: inline-block;
  background: #174471;
  padding: 15px 15px;
  width: 100%;
  height: 52px;
  border-top: 1px solid rgba(255,255,255, .2);

}

.compuser-content #switch-user-form .input.select {
  margin: 0 0 0 5px;
  float: left;
}
.compuser-content #switch-user-form .input {
  width: auto !important;
  margin: 0 15px 0 0 !important;
}

#tabs-dashboard .bxslider {
  margin: 0px;
  padding: 0px;
}

#tabs-dashboard .features-container {
  width: 100%;
  overflow: hidden;
}

#tabs-dashboard .feature-size{
  display:inherit !important;
}


.tabs {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  width: 100%;
}

.tabs nav {
   display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  background: #799ed2;
  color: #FFFFFF;
   font-size: 12px;
  width: 150px; margin-bottom: 30px;
}

.tabs nav a {
  border: 1px solid #174471;
  padding: 10px 0px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  color:#FFFFFF;
  text-transform: uppercase;
  font-weight: normal;
}
.tabs nav a span{
  text-transform:uppercase;
}



.tabs nav a:hover,
.tabs nav a.selected {
  background: #FFFFFF;
  color: #174471;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}


.tabs .content {
  padding: 20px 0px;
  position: absolute;
  top: 0px;
  left: 150px;
  color: #174471;
  width: 0px;
  height: 100%;
  overflow: hidden;
  /*opacity: 0;*/
  transition: opacity 0.1s linear 0s;
}

.tabs .content.visible {
  padding: 20px;
  width: calc(100% - 150px);
  overflow: scroll;
  opacity: 1;
}

.tabs .content p { padding-bottom: 2px; }

.tabs .content p:last-of-type { padding-bottom: 0px; }

.dashboard-main #tabs-dashboard .tab-panel .content{
  background: transparent;
  padding: 15px;
  margin-top: -2px;
}
.general_content{
   text-align: center;
   margin-top: 0px;
}

.widget_img, .widget_video {
   text-align: center;
}

.dashboard-main #tabs-dashboard .widget-box .widget_img img, .dashboard-main #tabs-dashboard .widget-box .widget_video video {
  max-height: 155px;
  max-width: 156px;
  width: auto;
}

.dashboard-main #tabs-dashboard .widget-box .tips .front .tip-img{
  width: 40%;
  margin-bottom: 10px;
  margin-top: 10px;
}

.dashboard-main #tabs-dashboard .widget-box .menu_suggestion .front .menu-img{
  width: 35%;
}

.back .menu-img{
   margin-left: 6px;
   float: left;

}

.dashboard-main #tabs-dashboard .widget-box .goal-widget .back .tip-img{
  margin-left: 90px;
}

.menu-box{
  width: 100%;
  background-image: url("/images/dashboard/black-bg.jpg");
  padding: 20px 0;
  font-family: 'Open Sans',
  sans-serif;display: inline-block;
}

.menu-box img{
  width:35px;
}

.menu-box h3{
  color: #fff;
  text-transform: uppercase;
  margin-top: 45px;
  font-size: 17px !important;
}

.menu-box .menu_suggestions {
    margin: 0 auto;
    width:180px;
}
.menu-box .calories_class {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    width: 105px;
    text-align: left;
}
.menu-box .calories_top {
  border-top: 1px solid #fff;
}
.menu-box .calories_value{
  color:#fff;
  font-size: 14px;
  display: block;
  text-align: left;
}
.menu-box .calories,.menu-box .difficulty {
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 100%;
}

.menu-box .summary-widget-title{
  padding-left: 40px !important;
}


/****************** Goals tab ***********************/
.goal-set table{
  color: #174471;
}
.goal-set table th{
  text-align: center;
}


.goal-set table .initial,
.goal-set table .target{
  width: 100px;
}

.goal-set table .start-date,
.goal-set table .end-date{
   width: 100px;
   text-align: center;
   height: 27px;
   padding: 0px;
}
.goal-set table .glyphicon-remove{
  color: red;
}

.goal-set table .units{
  padding-left: 5px;
  padding-right: 30px;
}

.goal_submit{
   -webkit-appearance: button;
    cursor: pointer;
    background: #174471;
    border: none;
    width: 10%;
    height: 10%;
    text-transform: uppercase;
    margin: 10px 0 0;
    text-align: center;
}

#goal-table .initial{
  width:56px;
}


#goal-table .target{
  width:56px;
  text-align: center;
  padding: 0px;
  height: 27px;
}

#goal-table {
  border-collapse: collapse;
  margin: -13px 0 0px;
  width: 100%;
  box-sizing: border-box;
}
#goal-table th {
  background: none repeat scroll 0 0 #2e456f;
  border-right: 1px solid #ffffff;
  font-weight: bold;
  padding: 10px 8px;
  color: #FFFFFF;
}
#goal-table td {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  padding: 8px 3px 0px 12px ;
  border-bottom: 1px solid #f1f1f1;
  background: #d7e3f3;
}
#goal-table td .row{
  margin: 0;
}
#goal-table td button{
  border: none;
  background: transparent;
}
#goal-table td select{
  padding: 2px;
  border: 1px solid #174471;
  width: 180px;
  margin: 0 !important;
  position: relative;
  z-index: 100;
}
#goal-table td input{
  border: 1px solid #174471;
  position: relative;
  z-index: 100;
}
.goal_submit{
  font-weight: bold;
  padding: 10px 30px;
  width: 100px;
}

#goal-table .initial{
  width: 46px;
  text-align: center;
  padding: 0px;
  height: 27px;
  z-index: 10;
}
.goal-set table .units{
  display: block;
  padding-right: 0;
}

.tabs{
  display: inline-block;
}
.tabs .content{
  position: relative;
  float: none;
  width: 100%;
  left: 0;
}
.tabs .content.visible {
  width: 737px;
  overflow: visible;
  opacity: 1;
}
.tabs nav{
  box-shadow: none;
  width: 100%;
}
.tabs nav a:hover, .tabs nav a.selected{
  text-shadow: none;
}
/*.tabs nav a:hover:after, .tabs nav a.selected:after{
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #799ed2;
  position: absolute;
  bottom: -10px;
  content: '';
  margin: 0 auto;
  left: 0;
  right: 0;
}*/
.tabs nav a{
  border: none;
  position:relative;
  border: 1px solid #FFFFFF;
  font-size: 14px;
  text-transform: none;
  width: 25%;
}
.tabs nav p{
  display: block;
  float: none;
  width: 100%;
}
.tabs .content{
   padding: 13px 20px !important;
}

.goal_submit:hover{
   color: #cad839 !important;
}

.goal_submit{
  margin: 15px auto 0;display: table;
}

/*Consultations tab */
    .consultations h1{margin: 0 0 20px;}
      .links{margin: 0; padding: 0; list-style: none; text-align: right; float: right;}
      .links li{display: inline-block; line-height: 40px; margin: 0 0 0 16px;}
      .links li a{color: rgb(23, 68, 113);}
      #tab-bookings .page-content{float: none;}
      #tab-bookings .page-content label{display: block;}
      #tab-bookings form div.submit {background-color: rgb(249, 185, 16);  border: medium none; color: rgb(255, 255, 255); font-size: 0.77778em; font-weight: 600; height: auto; line-height: 30px; margin-top: 1.11111em; max-width: 180px; min-width: 30px; padding: 0; position: relative; text-transform: uppercase; margin-bottom: 20px;}
      #tab-bookings form div.submit input, #tab-bookings form div.submit button {background: rgb(249, 185, 16) none repeat scroll 0 0; border: medium none; color: #FFFFFF; height: 100%;  padding-left: 6px; padding-right: 6px; text-transform: uppercase; width: 100%;}
      #tab-bookings form div.submit input {height: auto; padding: 0 25px;}
      #Bookings_length, #Bookings_filter{float: left; margin: 0 20px 20px 0;}
      #Bookings_length select, #Bookings_filter input{padding: 0px 10px;}

      /*Table*/
      #tab-bookings .consultations-table {border-collapse: collapse; margin: 10px 0 10px; width: 100%;}
      #tab-bookings .consultations-table th {background: none repeat scroll 0 0 #174471; border-right: 1px solid #ffffff; font-weight: normal; padding: 8px; color: #FFFFFF; font-size: 16px;}
      #tab-bookings .consultations-table td {background: none repeat scroll 0 0 #f3f3f3; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 8px; border-bottom: 1px solid #ffffff;}
      #tab-bookings .consultations-table tr:hover td {background: none repeat scroll 0 0 #e2ecf7;}
      #tab-bookings .consultations-table td a{color: #174471;}
      input[type="checkbox"]{display: inline-block;}

      /* Summary tab*/
      .dashboard-main #tabs-dashboard .widget-box .health-widget {
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dashboard-main #tabs-dashboard .widget-box .health-widget .button-settings {
    float: right;
    height: 27px;
    position: relative;
    z-index: 100;
    background: none;
    border: none;
    color: #ccc;
}
.dashboard-main #tabs-dashboard .widget-box .health-widget .cancel-data {
    background: none;
    border: none;
    color: #cad839;
    float: left;
}
.dashboard-main #tabs-dashboard .widget-box .health-widget .back-wrapper span.glyphicon {
    color: #ccc;
}
.dashboard-main #tabs-dashboard .widget-box .health-widget .back-wrapper {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
}
.dashboard-main #tabs-dashboard .widget-box .health-widget span.glyphicon {
    backface-visibility: visible !important;
    font-size: 24px;
}
.dashboard-main #tabs-dashboard .widget-box .health-widget .goal-type {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    margin: 0 ;
    margin-top: -20px;
    padding: 0 35px;
}

/* Homework tab */
.homework-attachments > ul {
    margin: 0.27778em 0;
    padding: 0;
}
.survey-entry {
    list-style: disc inside none;
    position: relative;
    width: 100%;
}
  .generic-page h2{
    text-transform: capitalize;
  }
  .survey-entry.opened .survey-container{
    padding: 1.33333em;
  }
  .survey-entry .survey-opener{
    font-weight: bold;
    border: 1px solid #65a0d6;
    padding: 5px 10px;
  }
  .survey-entry .survey-opener {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: padding, background-color, color;
    -moz-transition-property: padding, background-color, color;
    -o-transition-property: padding, background-color, color;
    transition-property: padding, background-color, color;
    display: inline-block;
    padding: 0.27778em 0;
    background-color: white;
  border: 0px solid #65a0d6;margin-bottom: 2px;
}
.survey-entry.opened .survey-container {
    display: block;
}
.survey-entry .survey-container {
    display: none;
}
.survey-entry .survey-opener:hover .note, .survey-user-summary + .buttons-row .survey-opener:hover .note {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible;
}

.survey-entry .note, .survey-user-summary + .buttons-row .note {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: visibility, opacity;
    -moz-transition-property: visibility, opacity;
    -o-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    color: #b2b2b2;
    display: inline;
    margin-left: 1em;
    position: absolute;
    visibility: hidden;
}
.survey-entry a {
    color: #669fd5;
}
/* Menu suggetion and Tips Widgets */
.user_menu_tips{
  text-align: center;
  font-size: 25px !important;
  color: #FFFFFF;
}

.user_menu_title{
  text-align: center;
  font-size: 25px !important;
  color: #FFFFFF;
  margin-right: -12px;
  margin-top: 10px;
}

.user_menu_desc{
  font-size: 20px !important;
  margin: 35px 0px 0px 15px;
  color: #FFFFFF;
}

.calories_class{
  font-size: 18px;
  color: #174371;
  float: left;
  font-weight: bolder;
}
.difficulty,.calories{
  /*text-align: center;*/
}
.calories_value{
  margin: 0px -7px 0px -18px;
  color: #174371;
}
.menu_suggestions{
  margin: 20% 0 0 19%;
}
.suggestions{
  display: block;
  padding-right: 28px;
}
.dashboard-main #tabs-dashboard .widget-box .menu_suggestion .cancel-data {
  background: none;
  border: none;
  color: #ccc;
  float: left;
  font-size: 24px;
}
.dashboard-main #tabs-dashboard .widget-box .tips .cancel-data {
  background: none;
  border: none;
  color: #ccc;
  float: left;
  font-size: 24px;
}
.dashboard-main #tabs-dashboard .widget-box .menu_suggestion .menu_description{
  display: none;
}
.tips_description{
  display: none;
}
.tips h4{
  padding:0 20px;
}
.tips_button{
  position: relative;
  z-index: 100;
  background: none;
  border: none;
  color: #1B466C;
  margin-right:-14px;
}

.menu_suggetion_desc {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 65px;
}
.intrest_menu_buttons{
  float: right !important;
  position: relative !important;
  z-index: 100 !important;
  background: none !important;
  border: none !important;
  color: #ccc !important;
  height: 27px !important;
  margin-top: 0px !important;
}

.page-enter-data-summery{
  height: 210px;
  display: table;
  width: 100%;
  text-align: center;
}

.page-enter-data-summery .description{
  padding: 0 10px;
}
.menu_description{
  display: table-cell;
  vertical-align: middle;
}

.tip-flip{
  background: none;
  border: none;
  color: #1B466C;
  position: absolute;
  bottom: 5px;
  width: 100%;
  left: 0;
}

.user_tips_desc{
  margin: 30px 10px 10px 20px;
  color:#174471;
  font-size:14px;
  line-height:20px;
}
.menu-box a h4 {
    color: #FFFFFF;
}

.clear-link {
    color: #FFFFFF;
    padding: 0px 20px;
    font-size: 16px;
    float: right;

}


 #switchCompany_chzn {
  float: left;
  width: 311px !important;
}

#switchUser_chzn{
  float: left;
  width: 120px !important;
}


/* Menu suggestion && Tips Ends */




.health_category h3{border-bottom: 1px solid #174471; font-size: 17px; font-weight: bold; padding-bottom: 6px;}
.health_category ul{margin: 0; padding: 0}
.health_list{
  background: #d7e3f3;
  margin: 0;
  padding: 20px;
  list-style: none;
  display: inline-block;
  width: 100%;
}
.health_list li {
     background: transparent;
     padding: 0; /*float: left; width: 49%;*/ width: 100%;
}
.health_category{
  text-transform: uppercase;
}

.health_list .checkbox, .radio {
    margin: 4px 0;
}

.health_list .checkbox label, .radio label {
    width: 100% !important;
    text-transform: inherit !important;
    padding: 0;
    max-width: 422px !important;
}

.health_list input[type="checkbox"] + label span {
  margin: 0px !important;
}
.summery-tabs nav {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /*background: #799ed2;*/
    color: #FFFFFF;
    /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); */
    box-shadow: none;  
    width: 166px; 
    float: left;
}
.summery-tabs a.selected {
    background: #cad839;
    color: #174471;
    text-align: center;
    font-weight: bold;
}
.summery-tabs nav a {
    border: none;position:
    relative;border: 1px solid #174471;
    font-size: 14px;
    text-transform: none;
    background-color: #799ed2;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    padding: 6px 10px;
    color: #FFFFFF;
    height: 66px;
    display: table;
    width: 100%;
}
.summery-tabs nav a span{
  display: table-cell;
  font-weight: normal;
  font-size: 12px;
  text-transform:uppercase;
  text-align: left;
}
.summery-tabs img.icon_images{
  max-width : 31px;
  margin-right: 10px;
}
.summary-content{
  float: right; 
  width: 680px;
}
.dashboard-main #tabs-dashboard .summary-content .grid-item--height2{
  margin: 0 0.6px 3px 2.4px;
  padding: 1px;
  width: 49.58%;
}
.dashboard-main #tabs-dashboard .summary-content .grid-item--height2:nth-child(2n+2){
  margin-right: 0;
}

.pro-img{
  /*display: none;*/
  text-align: center;
  width: 25%;
  min-height: 60px;
  float: left;
  margin-right: 10px;
}
.pro-img img{
  width: 100%; margin-bottom: 10px;
}
.category_select{
  color: #fff;
  font-size: 18px;
  margin-top: 5%;
  text-align: center;
}

.player .video-wrapper{
  background:#fff !important;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  webkit-border-image: url(/img/film-sprockets.png) 50 50 0 364 repeat; /* Safari 3.1-5 */
  -o-border-image: url(/img/film-sprockets.png) 50 50 0 364 repeat; /* Opera 11-12.1 */
  border-image: url(/img/film-sprockets.png) 50 50 0 364 repeat;
}
.health_list{-webkit-columns: 360px; -moz-columns: 360px; columns: 360px; -webkit-column-gap: 5em; -moz-column-gap: 5em; column-gap: 5em;}
.health_category{margin-bottom: 1.3em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

.thumbnail-img {
  height: 165px;
  max-width: 100%;
}

.navbar-second {
    z-index: 1000;
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(255,255,255, .2);

}

table.user-info
{
  display: block;
  width: 100%;
}
table.user-info tbody,
table.user-info tbody tr
{
  /*display:block; */
  overflow: hidden;
}
table.user-info tbody th
{
  display:block;
}

.poll-description {
  margin: 30px 0px 0px 15px;
}

.dashboard-main #tabs-dashboard .widget-box .poll-widget{

  height: 100%;
  overflow: hidden;
}

.dashboard-main #tabs-dashboard .widget-box #poll-box .poll-back .poll-data {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: rgb(23, 68, 113);
    float: left;
    font-size: 24px;
    height: 20px;
    margin-top: -30px;
    width: 50px;
}
.dashboard-main #tabs-dashboard .widget-box #poll-box .poll-back{
  position:absolute !important;
}
.poll-data .glyphicon{
  left: 10px;
    position: absolute;
}
.dashboard-main #tabs-dashboard .widget-box #poll-box .poll-back{
  position:absolute !important;
}
.poll-data .glyphicon{position:absolute;}

.dashboard-main #tabs-dashboard .widget-box .poll-widget .poll-settings {

    background: none;
    border: none;
    margin-left: -20px;
}

.poll-table{
  margin-bottom: 10px;
}

.poll-table > tbody > tr > td, .poll-table > tbody > tr > th, .poll-table > tfoot > tr > td, .poll-table > tfoot > tr > th, .poll-table > thead > tr > td, .poll-table > thead > tr > th {
  padding: 4px;
  line-height: 1.42857143;
  vertical-align: top;

}

.poll-table > tbody > tr.poll-row {
  border-top: 1px solid #ddd;
}

button.vote-btn, input.vote-btn {

  font-size: 14px;
  color: #FFFFFF;
  padding: 5px 12px;
  background-color: #174471;
  -webkit-border-radius: 4px !important;
}

.poll-question {
  font-weight: bold; font-size:15px;
}

.poll-progress {
    height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    line-height: 30px;
}

.poll-progress-info .bar, .poll-progress .bar-info {
    background-color: #cad839;
    background-image: -moz-linear-gradient(top,#cad839,#cad839);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#cad839), to(#cad839));
    background-image: -webkit-linear-gradient(top,#cad839,#cad839);
    background-image: -o-linear-gradient(top,#cad839,#cad839);
    background-image: linear-gradient(to bottom,#cad839,#cad839);
    background-repeat: repeat-x;
}

.poll-progress .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #174471;
    background-image: -moz-linear-gradient(top,#174471,#174471);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#174471), to(#174471));
    background-image: -webkit-linear-gradient(top,#174471,#174471);
    background-image: -o-linear-gradient(top,#174471,#174471);
    background-image: linear-gradient(to bottom,#174471,#174471);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.poll-bar {
    margin-left: -15px;
    margin-right: -15px;
}

.row.poll-option {
    margin-bottom: 0px;
}

.poll-graph-title {
  margin: 10px;
}

.dashboard-main #tabs-dashboard .widget-box #poll-box .info-img {
  width: 33px;
  height: 28px;
  font-size: 34px;
  color: #174471;
}

.dashboard-main #tabs-dashboard .grid-item--height2a { height: 326px; }

.poll-graph-title{margin: 10px 0; color: #174471;}
.poll-option .col-sm-2{width: 100%; color: #174471;}
.poll-option .col-sm-10{width: 90%; margin: 0 15px; color: #174471;}
.well .ng-scope{padding: 5px 10px; margin-bottom: 10px;}
.well .ng-scope h4{font-size: 20px; font-weight: normal;}

/* viemo video responsive css */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.dashboard-main #tabs-dashboard .grid-item--height2a.video-container{background: none !important; border: 0px solid #FFFFFF; height: auto !important; }
#admin_video-3 .front{position: relative !important;}
#admin_video-3 .front h4{display: none;}
.dashboard-main #tabs-dashboard .grid-item--height2a.video-container .widget-box{padding: 0;}

.pages-dashboard .content {
  margin-top: 46px;
}
.extra_margin .content{ margin-top: 0px;}

.navbar-ul #switch-user-form a{
  font-size: 14px;
  text-transform: none;
}

.change-percent{
   font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

.health-summary-row{
  margin-bottom: 0px;
}

.summary-front{
  background-color:white;
}

.loader {

  background: url('/images/dashboard/widget-loading.gif') 50% 50% no-repeat rgb(249,249,249);
  height: 534px;
}

.dashboard-main #tabs-dashboard .grid-item--height2a.video-container{background: none !important; }
#admin_video-3 .front{position: relative !important;}
#admin_video-3 .front h4{display: none;}
.dashboard-main #tabs-dashboard .grid-item--height2a.video-container .widget-box{padding: 0;}

.header-img {
  max-width: 221px;
  max-height: 50px;
}

.image-preview {
  float:right;
}


.well{
  background: #fff;
  padding: 0px;
  border-radius: 0px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
  margin-bottom: 20px;
  min-height: 20px;
}

.dashboard-main #tabs-dashboard .grid-item--height2.homework{/*height: 318px;*/}
.grid-item--height2.homework h3{font-size: 22px; margin-bottom: 20px;}
.grid-item--height2.homework h3 span{font-weight: bold;}
.home_label{font-size: 16px; text-transform: uppercase; float: left; width:150px;text-align: right; color: #154470;margin:-2px 8px 0px 0px;}
.home_text{background: #144472; color: #FFFFFF; font-size: 20px; padding: 4px 14px; border-radius: 6px;float:left;line-height: 12px;
margin: 0 0 0 0px;}
.grid-item--height2.homework .green-box div {padding: 0 20px; margin-bottom: 10px; display: inline-block; width: 100%;}

/*#tabs{margin-top: 40px;}*/
.input label{line-height: 24px;}
.chzn-container-multi .chzn-choices .search-field input{height: 25px;}
.chzn-container-multi .chzn-choices .search-field{width: 100%;}
.chzn-container{margin-bottom: 10px;}

.site_class{background: #f1f1f1; margin-bottom: 20px; padding: 20px;}

.survey_recipient{background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); margin: 10px 0 0;}
.survey_recipient .input.text{float: none;}
#challenge_widgets > div {border-bottom: 10px solid rgb(255, 255, 255); }
.delete-btn {float: right; padding-right: 20px;}
.input.text > a {display: inline-block; width: 290px; text-align: right; padding-right: 7px;}
.input.select select{width: 290px;}


.profile_image{position: relative;}
#display_avatar_model{cursor: pointer; position: absolute; background: rgb(255, 255, 255, 0.5) none repeat scroll 0% 0%; padding: 10px; right: 5px; top: 5px;}

.avatar-preview .glyphicon-remove{
    color:red;
}

.icons{
  margin-right: 10px;
  height:20px;
  width:20px;
}

.intro_label{
  text-transform: none;
}


.poll-widget{background: #c5d92d}
.poll-widget .well{background: transparent; padding: 20px;border: 0px !important;}
.poll-widget .well h4{padding: 0;}
.poll-table > tbody > tr.poll-row{border: none;}
.poll-widget .vote-btn{width: 100%; color: #c5d92d; font-weight: bold; text-transform: uppercase; border-radius: 0px !important;}
.poll-widget .poll-img{text-align: center;}
.dashboard-main #tabs-dashboard .poll-widget .widget-box img{width: auto;}

.poll-question{font-size:15px;}

/* alpesh */
#summary-new{}
#summary-new .tabs{display: inline-block;}
#summary-new .tabs .content{position: relative; float: none; width: 100%; left: 0;}
#summary-new .tabs .content.visible {width: 737px; overflow: visible; opacity: 1; }
#summary-new .tabs nav{box-shadow: none; width: 100%;}
#summary-new .tabs nav a:hover, .tabs nav a.selected{text-shadow: none;}
#summary-new .tabs nav a{border: none; position:relative; border: 1px solid #FFFFFF; font-size: 14px; text-transform: none; width: 25%; }
#summary-new .tabs nav p{display: block; float: none; width: 100%; }
#summary-new .tabs .content{padding: 13px 20px !important;}
#summary-new .tabs nav {display: flex; flex-wrap: wrap; align-items: stretch; background: #2e456f; color: #FFFFFF; font-size: 12px; width: 150px; margin-bottom: 30px;}
#summary-new .tabs nav a:hover, #summary-new .tabs nav a.selected {background: #2e456f; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}

#summary-new.dashboard-summary{padding: 0 0 20px!important; background-color: #FFFFFF;}
#summary-new.dashboard-summary nav{margin: 0 0 10px; padding: 0; float: none;} 
#summary-new.dashboard-summary .summery-tabs nav a{background: #FFFFFF; border: 1px solid #c1cbcd; color: #174471; width: 20%; height: 56px}
#summary-new.dashboard-summary .summery-tabs nav a img{display: none;}
#summary-new.dashboard-summary .summery-tabs a.selected{background: #FFFFFF;}
#summary-new.dashboard-summary .summery-tabs nav a span{text-align: center;}
#summary-new.dashboard-summary .summary-new-icon{padding: 0 15px}
#summary-new.dashboard-summary .summary-new-icon li{background: rgba(255,255,255,0.8) !important}
#summary-new.dashboard-summary .summary-new-icon li p{text-transform: uppercase; font-weight: bold;}
#summary-new.dashboard-summary .contents{padding: 0 15px;}
#summary-new.dashboard-summary .contents .grid-item{margin: 0 0 2px;}
#summary-new.dashboard-summary .contents .grid-item .widget-box{background: rgba(255,255,255,0.8); border: none !important;}
#summary-new.dashboard-summary .contents .grid-item .widget-box .ready{background: none !important}
#summary-new.dashboard-summary .contents .grid-item .widget-box h1{margin: 0; padding: 0; position: relative;}
#summary-new.dashboard-summary .contents .grid-item .widget-box h1:after{background: url(/images/right-arrow.png) no-repeat; width: 17px; height: 9px; content: ''; position: absolute; right: 0; top: 6px;}
#summary-new.dashboard-summary .summary-new-icon li svg {
    width: 180px;
    padding: 20px;
}
.intro_content{
   border-bottom: 1px solid #174471;
}
.intro_content .intro_label_size{
  min-width: auto !important;
  margin-bottom: 10px;
}

.content .content-body{
  background:#d7e3f3;
  padding: 30px;
}

.content-body input{
  float: right;
}

.intro_content .intro_label_size span{
  margin:0px 0px 0px 320px !important;
}
/*Message Filter */
.message-filter li{
  width: auto !important;
  background: none !important;
  padding: 0 !important;
  font-weight: bold;

}
.message-filter li a{padding: 10px 15px;border:1px solid #fff;color: #174471;}
.message-filter>li.active>a, .message-filter>li.active>a:focus, .message-filter>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #cad839;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.sub-nav .message-filter li:after {
  content: "";
}
.message-filter{
  width: 100% !important;
  padding: 10px 15px 0 !important;
}
/*Homework tab*/
.dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs{padding: 0;}
.dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs .content{margin-top: 20px;}
.dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs .content .survey-user-summary ul{margin: 0; padding: 0; list-style: none;}
.dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs .content .survey-user-summary ul li{text-align: left;}
.dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs .content .survey-user-summary ul li.survey-entry .survey-opener{background: none; background-color: transparent;}
.dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs .content .survey-user-summary ul li.survey-entry.opened .survey-container {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;  -moz-border-top-colors: none; border-color: rgb(101, 160, 214) rgb(226, 226, 226) rgb(226, 226, 226); border-image: none; border-style: solid; border-width: 5px 1px 1px; margin: 0;     padding: 0.55556em; background: #FFFFFF;}

.homework-tab{padding: 15px;}
.dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs .posture-results, .dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs .manualhandling-results, .dashboard-main #tabs-dashboard .tab-panel .homeworks-tabs .ergonomics-results{padding: 0; background: transparent;}
.homework-tab .homework-completed-surveys ul{margin: 0; padding: 0; list-style: none;}
.homework-tab .homework-completed-surveys ul li{}
.homework-tab .homework-completed-surveys ul li.survey-entry.opened .survey-container {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;  border-color: rgb(101, 160, 214) rgb(226, 226, 226) rgb(226, 226, 226); border-image: none; border-style: solid; border-width: 5px 1px 1px; margin: 0; padding: 0.55556em;}
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-container .actions {float: right;}
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-container .actions ul {margin: 0; padding: 0;}
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-container .actions ul li:first-child {border-left: medium none; margin-left: 0; padding-left: 0;}
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-container .actions ul li {border-left: 1px solid rgb(226, 226, 226); margin-left: 0; display: inline-block !important}
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-container .actions ul li a{margin: 0 10px;}
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-responses {clear: both; width: 100%; }
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-responses .response {border-bottom: 1px solid rgb(226, 226, 226); margin: 1em 0; padding-bottom: 1em; display: inline-block; width: 100%;}
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-responses .questionLabel {float: left; font-size: 14px; margin-bottom: 0; margin-right: 10%; width: 20%;}
.homework-tab .homework-completed-surveys ul li.survey-entry .survey-responses .questionAnswer {float: left; font-size: 14px; width: 13%;}
.homework-portlet > ul {list-style: outside none none; margin: 0; padding: 0;}
.homework-portlet > ul li {display: block !important; float: none;}
.dashboard-main #tabs-dashboard .tab-panel .homework-tab .content .survey-user-summary ul li .survey-container ul.profile-summary li{/*display: block !important; width: 100%; text-align: center;*/}
.dashboard-main #tabs-dashboard .tab-panel .homework-tab .content .survey-user-summary ul li .survey-container ul.profile-summary li img{margin: 0 20px;}

.homeworks-tabs img{width:20%;}
.homeworks-tabs nav {
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: stretch;
    color: #FFFFFF;
    font-size: 12px;
    width: 150px;
    /*margin-bottom: -5%;
    margin-top: -15px;
    margin-left: -15px;*/
    cursor: pointer;
}
.homeworks-tabs nav {
    box-shadow: none;
    width: 100%;
}
.homeworks-tabs .content {
    position: relative;
    float: none;
    width: 100%;
    left: 0;
}
.homeworks-tabs nav a:hover, .homeworks-tabs nav a.selected {
    background: #FFFFFF;
    color: #174471;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.homeworks-tabs nav a {
    position: relative;
    border: 1px solid #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    width: 33.33%;
    color: #FFFFFF;
    padding: 10px 28px;
    background: #799ed2; text-align: center;
}
.ajax{ padding: 0px 0px 0px 5px; width: 14%;}

/* forum */
.survey-sub-question{display: inline-block !important;}
.survey-sub-question .input label{min-width: 100%;text-align: left;}
.survey-question .health_list .checkbox label, .radio label{width: 100% !important;text-align: left !important;}
.surveyform1 .blue-text{display: table !important;width: 100%;}
.surveyform1 .radio_buttons{margin-left: 20px;}
.datetime label ,.surveyform1 label{text-align: left;min-width: auto;}
.survey-question .input label{text-align: left;min-width: 200px;}
.multi_select_options .one_radio_button{display: inline-block;margin-right: 20px;}


#tab-homework{padding: 4px 15px 15px !important;}
#tab-messages{padding: 4px 20px 15px !important;}
#tab-goals{padding: 4px 15px 15px !important;}
#tab-chat{padding:4px 15px 15px !important}

.tips_desc{
  display:block;
  margin-top:140px;
  color:#174471;
}
/*Risk alert Budge on header */
  .risk_badge li:first-child a, .risk_badge li:last-child a{
  padding: 10px 0 !important;text-transform: none; display: inline-block;}
  .navbar-nav.risk_badge>li:first-child{margin-right: 12px;}
  .risk_badge span.badge{position: relative; right: 0; top: -5px; margin-right: 6px;}
  .navbar-nav.risk_badge>li{float: left;}
  #navbar .navbar-right.risk_badge li:last-child a{padding-right: 0;}
  #navbar a{padding-right: 10px; padding-left: 5px;}
  .navbar-nav.risk_badge>li:after{content: ''}
  .moderately{background-color:#FD8F14 !important;}
  .risk_badge span.badge{height: 35px;width: 35px;line-height: 34px; font-size: 12px;padding: 3px 0;}

.dashboard-main #tabs-dashboard #tab-chat{padding: 0 0 14px;}
.dashboard-main #tabs-dashboard #chat-tab .tab-content{padding-right: 1px !important;}
  
.thumbnail-preview_oveview_page {margin: 0 0 20px 297px;width: 35%;}
.remove_feature_images_overview_page{ margin: -20px 74% 3px 12px;}

/* Image overlay for dahsboard widgets */
.container_new {
  position: relative;
}

.image2 {
  display: block;
  width: 90%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.5) !important;
  color: #FFFFFF !important;
  overflow: hidden;
  width: 100%;
  height: 20%;
  transition: .9s ease;
}
.overlay .caption h2{text-align:center; margin-top:5px; margin-bottom:0px;font-size:25px;}
.overlay .caption h2 a{color:#FFFFFF;}
.overlay .caption p{padding:10px;color:#FFFFFF;margin-top:-8px;}
.container_new:hover .overlay {
  height: 100%;
}
.dashboard-main #tabs-dashboard .widget-box{
	overflow:hidden;
}

/*==========  Mobile First Method  ==========*/

/* ----------- Smartphones (portrait) ----------- */

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

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
      float: left;
      text-align: left;
      margin-top: -3px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .target{
      float: right;
      text-align: right;
      margin-top: -3px;
    }

    .green-box h4{
        font-size: 14px;
        color: #164571;
        text-align: center;
        font-weight: 500;
        margin: 0;
    }
    
     .blue-box h4{
        font-size: 14px;
        color: #164571;
        text-align: center;
        font-weight: 500;
        margin: 0;
    }

    .green-box .book-now{
        background: #164571;
        text-align: center;
        color: #c4d817;
        text-transform: uppercase;
        width: 93%;
        margin: 20px auto 5px;
        text-decoration: none;
        display: table;
        font-size: 14px;
      }

     .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number {
        color: #fff;
        font-size: 20px;
        line-height: 0px;
        display: block;
        margin: -6px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {
        margin-top: 0px;
        height: 17px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-initial-data  {
        width:56px !important;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-target-data  {
        width:56px !important;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings h3 {
        margin-bottom: 2px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data .goal-metric-value {
        width: 56px !important;
      }

      .dashboard-main #tabs-dashboard .tab{
        width: 20%;
      }

      .health_list .checkbox label, .radio label {
        min-width: 0px !important;
      }

      .health_list .checkbox label, .radio label {
              width: 98% !important;
              text-transform: none !important;
              padding: 0;
              max-width: 100% !important;

      }

      .user_menu_title{
        font-size: 22px !important;
      }

      .user_menu_desc{
        font-size: 18px !important;
      }

      .dashboard-main #tabs-dashboard .grid-item--height2a { height: 264px !important; }
      .ajax{ padding: 0px 0px 0px 5px; width: 33%;}
      .navbar-nav.risk_badge>li:first-child{float: none;display: block;}
      .remove_feature_images_overview_page{ margin: -20px 74% 3px 12px;}
      .thumbnail-preview_oveview_page {margin: 0 0 20px 80px;width: 35%;}
      

}

.left-side{background:rgba(23,68,113, .8);}

/* Custom, iPhone Retina */
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
    float: left;
    text-align: left;
    margin-top: -3px;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .target{
    float: right;
    text-align: right;
    margin-top: -3px;
  }

  .green-box h4{
    font-size: 14px;
    color: #164571;
    text-align: center;
    font-weight: 500;
    margin: 0;
  }
  .blue-box h4{
    font-size: 14px;
    color: #164571;
    text-align: center;
    font-weight: 500;
    margin: 0;
  }

  .green-box .book-now{
    background: #164571;
    text-align: center;
    color: #c4d817;
    text-transform: uppercase;
    width: 93%;
    margin: 5px auto 5px;
    text-decoration: none;
    display: table;
    font-size: 14px;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number {
    color: #fff;
    font-size: 20px;
    line-height: 0px;
    display: block;
    margin: -6px;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {
   margin-top: 0px;
   height: 17px;
  }

 .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-initial-data  {
  width:56px !important;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-target-data  {
    width:56px !important;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings h3 {
   margin-bottom: 2px;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data .goal-metric-value {
    width: 56px !important;
  }

  .dashboard-main #tabs-dashboard .tab{
    width: 20%;
  }

  .dashboard-main #tabs-dashboard .widget-box .widget_img img, .dashboard-main #tabs-dashboard .widget-box .widget_video video {
    max-height: 93px;
    max-width: 156px;
    width: auto;
  }


  .health_list .checkbox label, .radio label {
    min-width: 0px !important;
  }


.health_list .checkbox label, .radio label {
  width: 98% !important;
  text-transform: none !important;
  padding: 0;
  max-width: 100% !important;

}

.user_menu_title{
  font-size: 22px !important;
}

.user_menu_desc{
  font-size: 18px !important;
}
.ajax{ padding: 0px 0px 0px 5px; width: 12%;}

  

}

  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .tabs .content{width: 100%;}

    .dashboard-main #tabs-dashboard .grid-item--width2{}
    .dashboard-main #tabs-dashboard .widget-box .goal-widget{margin: 0 auto;}


    .tabs nav{width: 100%;}
    .tabs nav a{width: 50%;}

    #goal-table, #goal-table thead, #goal-table tbody, #goal-table th, #goal-table td, #goal-table tr {display: block;}
    #goal-table thead tr {position: absolute; top: -9999px; left: -9999px;}
    #goal-table td {width: 100%; text-align: center; line-height: 30px; text-align: left;}
    #goal-table tr {background: #f1f1f1;  /*width: 100%;*/text-align: left; border-bottom: 1px solid #FFFFFF;}
    #goal-table td {/* Behave  like a "row" */ border: none; position: relative; padding-left: 25%; width: 100%;}
    #goal-table td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}
    #goal-table td .row{margin: 0;}
    #goal-table .initial, #goal-table .target{margin-left: 0;}

    .health_list li{float: none; width: 100% !important ;}

    #goal-table tr th{display: none;}
    #goal-table tr:nth-child(2n+2){background: #f5f5f5;}
    #goal-table tr td:nth-of-type(1):before {content: "Goal";}
    #goal-table tr td:nth-of-type(2):before {content: "Inital";}
    #goal-table tr td:nth-of-type(3):before {content: "Target";}
    #goal-table tr td:nth-of-type(4):before {content: "Start";}
    #goal-table tr td:nth-of-type(5):before {content: "End";}
    #goal-table tr td:nth-of-type(6):before {content: "";}
    .tabs .content.visible{width: 290px;}
    .goal-set table .units{display: inline-block;}

    .tabs nav a:hover::after, .tabs nav a.selected::after {border-top: 10px solid #FFFFFF; top: 0; border: auto; z-index: 100;}

    .menu-box h3 {
      font-size: 8px !important;
      margin-top: 7px !important;
    }
    .menu-box .calories_class{font-size: 10px;}
    .menu-box .calories_value{font-size: 10px;}

    .tips h4 p{
      font-size:  17px !important;
    }

    .user_menu_title{
      font-size: 10px !important; margin-top: 24px; margin-right: 0;
    }

    .user_menu_desc{
      font-size: 10px !important; margin: 30px 5px 0px 5px;
    }
    .menu-box a h4{font-size: 12px;}
    .menu-box .menu_suggestions{width: 120px;}
    .menu-box .calories_class{width: 60px; line-height: 14px;}
    .menu-box .calories_value{float: right; width: 63px; line-height: 14px;}

    .dashboard-main #tabs-dashboard .grid-item--width2{width: 50%; margin: 0 0 5px; height: 144px !important;}
    .dashboard-main #tabs-dashboard .grid-item--width2 .widget-box .container_new .image2{height: 144px !important;}
    .dashboard-main #tabs-dashboard .grid-item--height2a.poll-widget {height: 178px !important; }

    .summery-tabs nav a { width: 100%;border:2px solid #174471;}

    .dashboard-main #tabs-dashboard .grid-item--width2 iframe{width: 100%;}

    .dashboard-main #tabs-dashboard .grid-item--width3{width: 100%;}
    .dashboard-main #tabs-dashboard .widget-box .menu_suggestion .front .menu-img{width: 26%;}
    .custum-widget img{width: auto !important; max-height: 254px;}

    .user_tips_desc{margin: 30px 8px 0px 8px;font-size: 11px !important; line-height: 14px;}
    .user_tips_desc p{font-size: 11px !important; line-height: 14px;}
    .tips h4 p{font-size: 12px !important;}

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .goal-type{padding: 0 0 10px; margin-top: 0; font-size: 9px; margin-bottom: 10px;}
    /* .page-enter-data br, .page-settings br{display: none;} */
    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back label{width: 35px; margin: 0; font-size: 9px; line-height: 17px;}
    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back input {width: 66px; margin: 0 0 1px 10px; font-size: 8px; padding: 0 4px; line-height: 12px; position: relative; top: -5px;}
    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {margin: 0; height: 17px;}
    .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels label{font-size: 10px;}
    .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels{font-size: 8px;}
    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back span.units{font-size: 8px;}
    .dashboard-main #tabs-dashboard .widget-box .goal-widget .save-settings span.glyphicon, .dashboard-main #tabs-dashboard .widget-box .goal-widget .save-data span.glyphicon{font-size: 22px;}
    .dashboard-main #tabs-dashboard .widget-box .goal-widget span.glyphicon{font-size: 14px;}

       /*.dashboard-main #tabs-dashboard .grid-item--width2.tips-grid-item{width: 47%; margin: 0 4px 10px;}
       .dashboard-main #tabs-dashboard .grid-item--width2.tips-grid-item .green-box h4{font-size: 13px;}
       .dashboard-main #tabs-dashboard .grid-item--width2.tips-grid-item .tips h4 p{font-size: 13px;}*/

       .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info{width: 40%; height: 48%; padding-top: 42px;}
       .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number{font-size: 10px; margin: -10px;}
       .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-units{font-size: 7px;}
       .health-widget .summary-widget-title{height: 40px; font-size: 10px; line-height: 12px; display: block;}
       .menu-box .summary-widget-title{height: 22px;}

       .thumbnail-img{height: 137px;}
       .comment-icon{font-size: 20px; width: 52px; height: 43px; line-height: 32px; background-size: 100%; margin-top: 18px;}
       .dashboard-main #tabs-dashboard .widget-box .goal-widget .button-enter-data{top: -24px;}
       .green-box h4{font-size: 12px;}
       .blue-box h4{font-size: 12px;}
       .menu-box{padding: 2px 0;}
       .dashboard-main #tabs-dashboard .widget-box .menu_suggestion .button-settings{margin-top: -2px;}
       .dashboard-main #tabs-dashboard .widget-box .menu_suggestion .cancel-data{}
       .green-box .book-now{font-size: 10px; line-height: 10px; margin: 20px auto 5px;}

       .navbar-admin{padding: 15px 0px !important;height: 70px;}
       .clear-link{padding: 5px 0px !important;}
       .pages-dashboard .content{margin-top: 90px;}
       .extra_margin .content{ margin-top: 0px;}

       #switchCompany_chzn {float: left; width: 145px !important;}
       #switchUser_chzn{float: left; width: 113px !important;}
       .well{padding: 5px;}
       .well p{font-size: 8px; line-height: 14px;}
       .poll-question {font-weight: normal; font-size: 10px; margin: 0;}
       .content p{margin-bottom: 5px;}
       .custum-widget > p {margin-bottom:0px;}
       .poll-table > tbody > tr > td, .poll-table > tbody > tr > th, .poll-table > tfoot > tr > td, .poll-table > tfoot > tr > th, .poll-table > thead > tr > td, .poll-table > thead > tr > th{padding: 0 4px;}
       .poll-row input[type="checkbox"],.poll-row input[type="radio"]{margin: 0;}
       button.vote-btn, input.vote-btn{font-size: 10px; padding: 0px 12px;}
       #PollViewForm .col-xs-10, .well.ng-scope .col-xs-10{width: 90%;}
       .dashboard-main #tabs-dashboard .widget-box #poll-box .info-img{font-size: 20px;}       
       #PollViewForm .col-xs-2, .well.ng-scope .col-xs-2{position: relative; right: 0; bottom: 35px;float:right;}
       .poll-graph-title {margin: 7px 0; font-size: 7px; line-height: 10px;}
       .poll-option .col-sm-2 {font-size: 8px; line-height: 10px;}
       .poll-option .col-sm-10 {height: 16px;}
       .poll-progress .bar{line-height: 18px; font-size: 8px;}

       .poll-description {margin: 30px 2px 0px 5px; font-size: 10px; line-height: 13px;}
       .well .ng-scope {margin-bottom: 5px;}      

       .thumbnail-img{height: 87px;}
       .text .article-title{font-size: 8px;}
       .text .content-size{font-size: 7px; line-height: 10px;}

       #contact_form .input label
       { text-align: left; }

       #contact_form input
       { width: 290px; }

       #contact_form textarea
       { width: 290px; }

       #contact_form .submit input
       {  margin-top: 10px; width: 95px;}

       .thumbnail-img{height: 87px;}
       .text .article-title{font-size: 8px;}
       .text .content-size{font-size: 7px; line-height: 10px;}

       .badge{font-size: 10px !important; height: 20px !important; line-height: 20px !important; padding: 0 !important; width: 20px !important;}

       .grid-item--height2.homework h3{font-size: 10px; margin: 5px; padding: 0;}
       .grid-item--height2.homework .green-box div{padding: 0 5px; margin-bottom: 0;}
       .home_label{width: 80px; font-size: 8px; line-height: 10px;margin: 2px 3px 0px 0px !important;}
       .home_text{font-size: 9px; padding: 0px 7px; line-height: 12px;margin: 0px !important;}
       .grid-item--height2.homework .green-box .book-now{margin: 6px auto 2px;}
       .input label{min-width: auto; width: 100%; margin: 0; text-align: left;}
       .input.text input {width: 100%;}
       .thumbnail-preview{margin: 0 !important;}
       .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: 0.5em 7px;}

       .chzn-select {width: 100%; margin-bottom: 10px;}
       .site_class{width: 100%;}
       .chzn-container-multi .chzn-choices{width: 100%;}
       .chzn-container{width: 100% !important;}

       .input.text > a{text-align: left; width: 100%;}
       .input.select select {width: 100%;}

       .dashboard-main #tabs-dashboard .grid-item--width2.poll-widget{margin: 0 0 5px;width: 100%;}
       .dashboard-main #tabs-dashboard .widget-box .poll-widget .poll-settings {margin-left:0px;}
       .articlebox .box h3{font-size: 9px;}
       .dashboard-main #tabs-dashboard .widget-box .custum-widget iframe{width: 100%;}
       .dashboard-main #tabs-dashboard .grid-item--width2.poll-widget .well{padding: 10px 20px;}

       .dashboard-main #tabs-dashboard .poll-widget .widget-box img{width:23px;}
       .poll-table {margin-bottom: 0;}

       .dashboard-main #tabs-dashboard .tab{width: 50%;}

       .summery-tabs nav{width: 100%; margin-bottom: 2px;margin-left: -2px;}

       .summery-tabs nav a span{width: 80%;}
       .summary-content{width: 100%;}
       .dashboard-main #tabs-dashboard .summary-content .grid-item--height2{width: 99%; margin: 0 0 4px 0;}
       .dashboard-main #tabs-dashboard .summary-content .grid-item--width2{height: 244px !important;}
       .ajax{ padding: 0px 0px 0px 5px; width: 18%;}

       #PollViewForm .poll-table{width: 90%;}/*1staug*/
       #PollViewForm p{width: 90%;}/*1staug*/
       #PollViewForm .col-xs-2, .well.ng-scope .col-xs-2{right: 20px;}/*1staug*/
       .navbar-nav.risk_badge>li:first-child{float: none;display: block;}

  }
  
  @media only screen
  and (min-width : 360px) and (max-width: 479px)  {
    .dashboard-main #tabs-dashboard .grid-item--width2 {height: 164px !important; }
    .dashboard-main #tabs-dashboard .grid-item--width2 .widget-box .container_new .image2 {height: 164px !important; }
    .dashboard-main #tabs-dashboard .grid-item--height2a.poll-widget {height: 178px !important; }
    #PollViewForm .col-xs-2, .well.ng-scope .col-xs-2 {right: 15px;bottom:35px;} 
    .remove_feature_images_overview_page{ margin: -20px 74% 3px 12px;}
    .thumbnail-preview_oveview_page {margin: 0 0 20px 115px;width: 35%;}
  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px) {
    .dashboard-main #tabs-dashboard .tab h2{
      display:block;
    }
  }

  @media only screen and (min-width: 480px) and (max-width: 639px) {
      .tabs .content{width: 100%;}
       .navbar-nav.risk_badge>li:first-child{float: none;display: block;}
      .dashboard-main #tabs-dashboard .tab h2{font-size: 11px;}
      .dashboard-main #tabs-dashboard .grid-item--width2{}
      .dashboard-main #tabs-dashboard .widget-box .goal-widget{margin: 0 auto;}


      .tabs nav{width: 100%;}
      .tabs nav a{width: 25%;}

       #goal-table, #goal-table thead, #goal-table tbody, #goal-table th, #goal-table td, #goal-table tr {display: block;}
       #goal-table thead tr {position: absolute; top: -9999px; left: -9999px;}
       #goal-table td {width: 100%; text-align: center; line-height: 30px; text-align: left;}
       #goal-table tr {background: #f1f1f1;  /*width: 100%;*/text-align: left; border-bottom: 1px solid #FFFFFF;}
       #goal-table td {/* Behave  like a "row" */ border: none; position: relative; padding-left: 20%; width: 100%;}
       #goal-table td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}
       #goal-table td .row{margin: 0;}
       #goal-table .initial, #goal-table .target{margin-left: 0;}

       #goal-table tr th{display: none;}
       #goal-table tr:nth-child(2n+2){background: #f5f5f5;}
       #goal-table tr td:nth-of-type(1):before {content: "Goal";}
       #goal-table tr td:nth-of-type(2):before {content: "Inital";}
       #goal-table tr td:nth-of-type(3):before {content: "Target";}
       #goal-table tr td:nth-of-type(4):before {content: "Start";}
       #goal-table tr td:nth-of-type(5):before {content: "End";}
       #goal-table tr td:nth-of-type(6):before {content: "";}
       .tabs .content.visible{width: 450px;}
       .goal-set table .units{display: inline-block;}
       .tabs nav a:hover::after, .tabs nav a.selected::after {border-top: 10px solid #799ed2; top: auto; border: auto; z-index: 100; bottom: -10px}
       .health_list .checkbox label, .radio label {
            min-width: 0px !important;
        }
        .health_list .checkbox label, .radio label {
              width: 100% !important;
              text-transform: none !important;
              padding: 0;
             max-width: 100% !important;

        }

        .menu-box h3 {
          font-size: 14px !important;
          margin-top: 25px !important;
        }

       .tips h4 p{
         font-size:  17px !important;
        }

        .user_menu_title{
          font-size: 22px !important;
        }

       .user_menu_desc{
        font-size: 18px !important;
       }
       .dashboard-main #tabs-dashboard .grid-item--width2 {width: 50%; height: 264px;}
       .dashboard-main #tabs-dashboard .grid-item--width2 .widget-box .container_new .image2 { height: 264px;}
       .dashboard-main #tabs-dashboard .grid-item--width2 iframe{width: 100%;}
       
       .dashboard-main #tabs-dashboard .grid-item--width3{width: 100%; }
       .articlebox .box h3{font-size: 15px;}
       .summery-tabs nav a { width: 100%;border:2px solid #174471;}
       .dashboard-main #tabs-dashboard .widget-box .menu_suggestion .front .menu-img{width: 30%;}
       .custum-widget img{width: auto !important; max-height: 198px;}
       .navbar-admin{padding: 15px 0px !important;}
       .clear-link{padding: 0px 0px !important;}
       .pages-dashboard .content{margin-top:70px;}
       .extra_margin .content{ margin-top: 0px;}

        #switchCompany_chzn {
          float: left;
          width: 145px !important;
        }

        #switchUser_chzn{
          float: left;
          width: 113px !important;
        }

       .dashboard-main #tabs-dashboard .grid-item--height2a{height: 264px !important;}

       .poll-option .col-sm-10 {width: 93%;}
       .poll-progress .bar{line-height: 22px;}

       .summary-widget-title{font-size: 12px;}

        #contact_form .input label {
          text-align: left;
        }

        #contact_form .submit input{
          margin-top: 10px;
          width: 95px;
        }
       .well{padding: 10px;}
       .poll-question{margin: 0 0 10px;}
       .poll-graph-title{font-size: 12px;}
       .well p {font-size: 12px; line-height: 14px;}
       #PollViewForm .col-xs-2, .well.ng-scope .col-xs-2 {bottom: 7px; position: absolute; right: 6px;}
       .dashboard-main #tabs-dashboard .grid-item--height2a.video-container{margin-bottom: 8px;}

      .thumbnail-img{height: 165px;}

      .text .article-title{font-size: 14px;}
      .text .content-size{font-size: 10px;}

       .badge{font-size: 10px !important; height: 20px !important; line-height: 20px !important; padding: 0 !important; width: 20px !important;}

       .input label{min-width: auto; width: 100%; margin: 0; text-align: left;}
       .dashboard-main #tabs-dashboard .grid-item--height2.homework{height: 264px;}
       .grid-item--height2.homework h3{font-size: 14px; margin: 14px 0 31px; padding: 0;}
       .grid-item--height2.homework .green-box div{padding: 0 15px; margin-bottom: 10px;}
       .home_label{width: 130px; font-size: 14px; line-height: 14px;margin: 2px 8px 0px 0px;}
       .home_text{font-size: 14px; padding: 2px 12px; line-height: 18px;margin: 0px !important;}
       .grid-item--height2.homework .green-box .book-now{margin: 6px auto 5px;}
       .chzn-select {width: 100%; margin-bottom: 10px;}
       .input.text > a{text-align: left; width: 100%;}

       .dashboard-main #tabs-dashboard .grid-item--width2.poll-widget{width: 100%;}
       .dashboard-main #tabs-dashboard .grid-item--width2.poll-widget .well{padding: 10px 20px;}
       .dashboard-main #tabs-dashboard .poll-widget .widget-box img{width:28px;}
       #PollViewForm tabel{margin-bottom:10px}

       .summery-tabs nav{width: 100%; margin-bottom: 2px;}
       .summery-tabs nav a {width: 50%; }
       .summery-tabs nav a span{width: 80%;}
       .summary-content{width: 100%;}
       .dashboard-main #tabs-dashboard .summary-content .grid-item--height2{width: 49.3%; margin:0 5.8px 5px 0px;}
       .dashboard-main #tabs-dashboard .summary-content .grid-item--height2{padding: 0 2px;width: 50%;margin: 0 0 5px;}
       .summary-widget-title{font-size: 10px;}
       .ajax{ padding: 0px 0px 0px 5px; width: 23%;}
  }

   @media only screen and (min-width: 640px) and (max-width: 767px) {
      .tabs .content{width: 100%;}

      .dashboard-main #tabs-dashboard .widget-box .goal-widget{margin: 0 auto;}



      .tabs nav{width: 100%;}
      .tabs nav a{width: 25%;}

       #goal-table, #goal-table thead, #goal-table tbody, #goal-table th, #goal-table td, #goal-table tr {display: block;}
       #goal-table thead tr {position: absolute; top: -9999px; left: -9999px;}
       #goal-table td {width: 100%; text-align: center; line-height: 30px; text-align: left;}
       #goal-table tr {background: #f1f1f1;  /*width: 100%;*/text-align: left; border-bottom: 1px solid #FFFFFF;}
       #goal-table td {/* Behave  like a "row" */ border: none; position: relative; padding-left: 40%; width: 100%;}
       #goal-table td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}
       #goal-table td .row{margin: 0;}
       #goal-table .initial, #goal-table .target{margin-left: 0;}

       #goal-table tr th{display: none;}
       #goal-table tr:nth-child(2n+2){background: #f5f5f5;}
       #goal-table tr td:nth-of-type(1):before {content: "Goal";}
       #goal-table tr td:nth-of-type(2):before {content: "Inital";}
       #goal-table tr td:nth-of-type(3):before {content: "Target";}
       #goal-table tr td:nth-of-type(4):before {content: "Start";}
       #goal-table tr td:nth-of-type(5):before {content: "End";}
       #goal-table tr td:nth-of-type(6):before {content: "";}
       .tabs .content.visible{width: 610px;}
       .goal-set table .units{display: inline-block;}
       .tabs nav a:hover::after, .tabs nav a.selected::after {border-top: 10px solid #799ed2; top: auto; border: auto; z-index: 100; bottom: -10px}
       .health_list .checkbox label, .radio label {
            min-width: 0px !important;
       }

       .health_list .checkbox label, .radio label {
              width: 100% !important;
              text-transform: none !important;
              padding: 0;
              max-width: 100% !important;
        }
        .dashboard-main #tabs-dashboard .grid-item--width3 { width: 100%; }
         .general_content iframe { width: 455px;}

       .menu-box h3 {
          font-size: 14px !important;
          margin-top: 25px !important;
       }

      .tips h4 p{
        font-size:  17px !important;
      }

      .user_menu_title{
        font-size: 22px !important;
      }

      .user_menu_desc{
        font-size: 18px !important;
      }
      .dashboard-main #tabs-dashboard .grid-item--width2 {width: 50%; height: 264px;}
      .dashboard-main #tabs-dashboard .grid-item--width2 .widget-box .container_new .image2 { height: 264px;}
      .summery-tabs nav a { width: 50%;}
      .dashboard-main #tabs-dashboard .grid-item--width2 iframe{width: 100%;}
      .dashboard-main #tabs-dashboard .grid-item--width3{width: 100%; }
      .dashboard-main #tabs-dashboard .widget-box .menu_suggestion .front .menu-img{width: 22%;}
      .custum-widget img{width: auto !important; max-height: 254px;}

      .dashboard-main #tabs-dashboard .grid-item--height2a{height: 264px !important;}
      .navbar-admin{padding: 15px 0px !important;}
      .clear-link{padding: 0px 0px !important;}
      .pages-dashboard .content{margin-top: 70px;}
      .extra_margin .content{ margin-top: 0px;}

      .poll-option .col-sm-2 {font-size: 12px; line-height: 15px; float: left;}
      .poll-option .col-sm-10 {float: right;}
      .poll-progress .bar{line-height: 22px;}

      .dashboard-main #tabs-dashboard .grid-item--height2a.video-container{margin-bottom: 8px;}
      .thumbnail-img{height: 165px;}
      #contact_form .input label
      { text-align: left; }

      #contact_form .submit
      { margin-top: 10px; max-width: 350px; text-align: left; }

      .badge{font-size: 11px !important; height: 22px !important; line-height: 22px !important; padding: 0 !important; width: 22px !important;}
      .thumbnail-img{height: 187px;}

      .dashboard-main #tabs-dashboard .grid-item--height2.homework{height: 264px;}
      .grid-item--height2.homework h3{margin: 10px 0;}
      .grid-item--height2.homework .green-box div{margin-bottom: 8px;}

      .input label{min-width: 175px;}.
      .input.text > a{width: 180px;}

      .poll-widget{width: 100%;}
      .poll-widget .well{padding: 10px 10px;}

      .summery-tabs nav{width: 19.5%;}
      .summery-tabs nav a {width: 100%; padding:6px 8px;}
      .summery-tabs nav a span{width: 80%; font-size: 8px;}
      .summery-tabs img.icon_images{max-width: 22px;}
      .summary-content{width: 80.5%;}
      .dashboard-main #tabs-dashboard .summary-content .grid-item--height2{width:  49.35%; margin: 0 0px 4px 3.2px;}
      .dashboard-main #tabs-dashboard .summary-content .grid-item--height2:nth-child(2n+2){margin-right: 0;}
      .summery-tabs img{max-width: 18px;}
      .summary-widget-title{font-size: 11px;}

      .dashboard-main #tabs-dashboard .poll-widget .widget-box img{width: 30px;}/*1staug*/
      .poll-table{margin: 0;}/*1staug*/
      

  }


  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {
    .pro-img{
      display: block;
      width: 100%;
      float: none;
    }

    .pages-dashboard .container.main .row:first-child{
      display:block; /*ensures equal height columns */
    }
    .dashboard-main #tabs-dashboard .widget-box .widget_img img, .dashboard-main #tabs-dashboard .widget-box .widget_video video {
      max-height: 93px;
      max-width: 156px;
      width: auto;
    }
    .dashboard-main #tabs-dashboard .tab .glyphicon{
      margin-top: 20px;
    }

}

/*@media only screen
and (max-width : 768px) {
 .dashboard-main #tabs-dashboard .tab {
   width: 50%;
 }
}*/

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
        float: left;
        text-align: left;
        margin-top: -3px;
      }
      .dashboard-main #tabs-dashboard .tab .glyphicon{
        margin-top: 20px;
        font-size: 40px;
      }
      .dashboard-main .tab h2{
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
      }
      .dashboard-main #tabs-dashboard .tab-content{
        padding: 5px 10px 15px 10px !important;
      }

      .green-box .book-now{
          background: #164571;
          text-align: center;
          color: #c4d817;
          text-transform: uppercase;
          width: 93%;
          margin: 20px auto 5px;
          text-decoration: none;
          display: table;
          font-size: 14px;
        }

       .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number {
          color: #fff;
          font-size: 20px;
          line-height: 0px;
          display: block;
          margin: -6px;
        }

        .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {
          margin-top: 0px;
          height: 17px;
        }

        .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-initial-data  {
          width:56px !important;
        }

        .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-target-data  {
          width:56px !important;
        }

        .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings h3 {
          margin-bottom: 2px;
        }

        .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data .goal-metric-value {
          width: 56px !important;
        }

        .dashboard-main #tabs-dashboard .tab{
          width: 20%;
        }

        .dashboard-main #tabs-dashboard .tab h2{
          font-size: 12px;
        }

       .dashboard-main #tabs-dashboard .widget-box .widget_img img {
          max-height: 155px;
          max-width: 156px;
          width: auto;
        }
       .dashboard-main #tabs-dashboard .widget-box .widget_video video {
          max-height: 155px;
          max-width: 230px;
          width: auto;
       }

       .user_menu_title{
        font-size: 25px !important;
       }

       .user_menu_desc{
        font-size: 20px !important;
       }


       .dashboard-main #tabs-dashboard .grid-item--height2a{height: 264 !important;}

       #contact_form .submit
       { margin-left: 300px; margin-top: 10px; max-width: 350px; text-align: right; }


}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
        float: left;
        text-align: left;
        margin-top: -3px;
      }
      .dashboard-main #tabs-dashboard .grid {
        max-width: 727.5px;
      }
      .dashboard-main #tabs-dashboard .grid-sizer{
        width: 107.5px; /* change in javascript masonry init also */
      }
      .dashboard-main #tabs-dashboard .grid-item {
        width: 107.5px; /* change in javascript masonry init also */
        height: 105px;
        float: left;
        /* vertical gutter */
        margin-bottom: 10px;
        background: none;
      }

      .dashboard-main #tabs-dashboard .grid-item--width2 { width: 225px; }
      .dashboard-main #tabs-dashboard .grid-item--width3 { width: 100%; }
      .general_content iframe { width: 455px;}

      .dashboard-main #tabs-dashboard .grid-item--height1 { height: 298px; }
      .dashboard-main #tabs-dashboard .grid-item--height2 { height: 220px; }
      .dashboard-main #tabs-dashboard .grid-item--height3 { height: auto; }
      #tabs-dashboard .features-container { margin-bottom: 0px;}

      .health_list .checkbox label, .radio label {
            min-width: 0px !important;
      }

      .health_list .checkbox label, .radio label {
              width: 100% !important;
              text-transform: none !important;
              padding: 0;
      }
       .user_menu_title{
        font-size: 25px !important;
       }

       .user_menu_desc{
        font-size: 20px !important;
       }

    }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
       .tabs .content{width: 100%;}
       #goal-table, #goal-table thead, #goal-table tbody, #goal-table th, #goal-table td, #goal-table tr {display: block;}
       #goal-table thead tr {position: absolute; top: -9999px; left: -9999px;}
       #goal-table td {width: 100%; text-align: center; line-height: 30px; text-align: left;}
       #goal-table tr {background: #f1f1f1;  /*width: 100%;*/text-align: left;border-bottom: 1px solid #FFFFFF;}
       #goal-table td {/* Behave  like a "row" */ border: none; position: relative; padding-left: 40%; width: 100%;}
       #goal-table td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}
       #goal-table td .row{margin: 0;}
       #goal-table .initial, #goal-table .target{margin-left: 0;}

       #goal-table tr th{display: none;}
       #goal-table tr:nth-child(2n+2){background: #f5f5f5;}
       #goal-table tr td:nth-of-type(1):before {content: "Goal";}
       #goal-table tr td:nth-of-type(2):before {content: "Inital";}
       #goal-table tr td:nth-of-type(3):before {content: "Target";}
       #goal-table tr td:nth-of-type(4):before {content: "Start";}
       #goal-table tr td:nth-of-type(5):before {content: "End";}
       #goal-table tr td:nth-of-type(5):before {content: "";}
       .tabs .content.visible{width: 587px;}
       .goal-set table .units{display: inline-block;}
       .health_list .checkbox label, .radio label {
          min-width: 0px !important;
      }

      .health_list .checkbox label, .radio label {
            width: 100% !important;
            text-transform: none !important;
            padding: 0;

      }

      .menu-box h3 {
          font-size: 14px !important;
          margin-top: 25px !important;
      }

      .tips h4 p{
        font-size:  17px !important;
      }

       .user_menu_title{
        font-size: 25px !important;
       }

       .user_menu_desc{
        font-size: 20px !important;
       }
       .dashboard-main #tabs-dashboard .grid-item--width2 {width: 50%; height: 264px;}
       .dashboard-main #tabs-dashboard .grid-item--width2 .widget-box .container_new .image2 { height: 264px;}
       .dashboard-main #tabs-dashboard .grid-item--width2 iframe{width: 100%;}

       .dashboard-main #tabs-dashboard .grid-item--width3{width: 100%;}
       .health_category{width: 100% !important;}
       .health_list .checkbox label, .radio label{max-width: 592px !important;}
       .dashboard-main #tabs-dashboard .widget-box .menu_suggestion .front .menu-img{width: 20%;}
       .custum-widget img{width: auto !important; max-height: 254px;}

       .dashboard-main #tabs-dashboard .grid-item--height1 {height: 264px;}
       .dashboard-main #tabs-dashboard .grid-item--height2 {height: 264px;}
       .dashboard-main #tabs-dashboard .grid-item--height2 .widget-box .container_new .image2 {height: 264px;}

       .home_text{margin: 0px !important;}
       .dashboard-main #tabs-dashboard .grid-item--height2a { height: 264px; }

       .dashboard-main #tabs-dashboard .grid-item--height2a.video-container{margin-bottom: 8px;}

       .dashboard-main #tabs-dashboard .grid-item--height2 {height: 264px;}
       .dashboard-main #tabs-dashboard .grid-item--height2 .widget-box .container_new .image2 {height: 264px;}

       .dashboard-main #tabs-dashboard .grid-item--height2.homework{height: 264px;}
    .grid-item--height2.homework h3{margin: 10px 0;}
    .grid-item--height2.homework .green-box div{margin-bottom: 8px;}
    .home_label{width: 150px; font-size: 18px;}
    .home_text{margin: 0px !important;}

       .thumbnail-img{height: 165px;}

       #contact_form button[type=submit]
       { margin-left: 300px; margin-top: 10px; max-width: 350px; text-align: right; }

       .dashboard-main #tabs-dashboard .grid-item--height2a.video-container{margin-bottom: 8px;}


       .dashboard-main #tabs-dashboard .grid-item--height2.homework{height: 264px;}
       .grid-item--height2.homework h3{margin: 10px 0;}
       .grid-item--height2.homework .green-box div{margin-bottom: 8px;}
       .home_label{width: 150px; font-size: 18px;}
  .well .ng-scope{margin-bottom: 0;}

       .summery-tabs nav{width: 19.5%;}
       .summery-tabs nav a {width: 100%; }
       .summery-tabs nav a span{width: 80%; font-size: 8px;}
       .summary-content{width: 80.5%;}
       .dashboard-main #tabs-dashboard .summary-content .grid-item--height2{width: 49.28%; margin: 0 0px 4px 4px;}
       .dashboard-main #tabs-dashboard .summary-content .grid-item--height2:nth-child(2n+2){margin-right: 0;}
       .summery-tabs img{max-width: 18px;}
       .summary-widget-title{font-size: 11px;}
       .survey-entry{margin-bottom: 2px;}
       .poll-widget .well{padding: 20x 10px;}/*1staug*/

  }

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tabs .content{width: 100%;}
     #goal-table, #goal-table thead, #goal-table tbody, #goal-table th, #goal-table td, #goal-table tr {display: block;}
     #goal-table thead tr {position: absolute; top: -9999px; left: -9999px;}
     #goal-table td {width: 100%; text-align: center; line-height: 30px; text-align: left;}
     #goal-table tr {background: #f1f1f1;  /*width: 100%;*/text-align: left;border-bottom: 1px solid #FFFFFF;}
     #goal-table td {/* Behave  like a "row" */ border: none; position: relative; padding-left: 40%; width: 100%;}
     #goal-table tr {background: #f1f1f1;  /*width: 100%;*/text-align: left; border-bottom: 1px solid #FFFFFF;}
     #goal-table td:before {position: absolute; top: 6px; left: 6px; width: 45%; white-space: nowrap; text-align: left; font-weight: bold;}
     #goal-table td .row{margin: 0;}
     #goal-table .initial, #goal-table .target{margin-left: 0;}

     #goal-table tr th{display: none;}
     #goal-table tr:nth-child(2n+2){background: #f5f5f5;}
     #goal-table tr td:nth-of-type(1):before {content: "Goal";}
     #goal-table tr td:nth-of-type(2):before {content: "Inital";}
     #goal-table tr td:nth-of-type(3):before {content: "Target";}
     #goal-table tr td:nth-of-type(4):before {content: "Start";}
     #goal-table tr td:nth-of-type(5):before {content: "End";}
     #goal-table tr td:nth-of-type(5):before {content: "";}
     .tabs .content.visible{width: 420px;}
     .goal-set table .units{display: inline-block;}

     .menu-box h3 {
          font-size: 14px !important;
          margin-top: 25px !important;
      }

     .tips h4 p{
        font-size:  17px !important;
     }

     .user_menu_title{
        font-size: 25px !important;
      }

     .user_menu_desc{
        font-size: 20px !important;
      }
      .dashboard-main #tabs-dashboard .grid-item--width2 {width: 50%; height: 264px;}
      .dashboard-main #tabs-dashboard .grid-item--width2 .widget-box .container_new .image2 { height: 264px;}
      .dashboard-main #tabs-dashboard .grid-item--width2 iframe{width: 100%;}

      .summery-tabs nav a { width: 33.33%;}

       .dashboard-main #tabs-dashboard .grid-item--width3{width: 100%; }
       .dashboard-main #tabs-dashboard .widget-box .menu_suggestion .front .menu-img{width: 26%;}
       .custum-widget img{width: auto !important; max-height: 235px;}
       .dashboard-main #tabs-dashboard .grid-item--height2 {height: 264px;}
       .dashboard-main #tabs-dashboard .grid-item--height2 .widget-box .container_new .image2 {height: 264px;}

       .dashboard-main #tabs-dashboard .grid-item--height1 {height: 397px;}
       .dashboard-main #tabs-dashboard .grid-item--height2a { height: 264px; }
       .poll-widget .well{padding: 10px;}
       .poll-table tr td label{margin-bottom: 0;}
       .poll-question{font-size: 13px;}
       .poll-option .col-sm-2 {font-size: 12px; line-height: 15px; float: left;}
       .poll-option .col-sm-10 {float: right; margin: 0 10px;}
       .poll-progress .bar{line-height: 22px;}

       .thumbnail-img{height: 165px;}

       #contact_form button[type=submit]
       { margin-left: 300px; margin-top: 10px; max-width: 350px; text-align: right; }

       .dashboard-main #tabs-dashboard .grid-item--height2a.video-container{margin-bottom: 8px;}
       .thumbnail-img{height: 187px;}
        #contact_form button[type=submit]
       { margin-left: 300px; margin-top: 10px; max-width: 350px; text-align: right; }

       .dashboard-main #tabs-dashboard .grid-item--height2.homework{height: 264px;}
    .grid-item--height2.homework h3{margin: 10px 0;}
    .grid-item--height2.homework .green-box div{margin-bottom: 8px;}
    .home_label{width: 130px; font-size: 15px;margin: 2px 7px 1px 0px;}

    .summery-tabs nav{width: 19.5%;}
    .summery-tabs nav a {width: 100%;padding: 6px 8px; }
    .summery-tabs nav a span{width: 80%; font-size: 7px;}
    .summery-tabs img.icon_images{max-width: 16px; margin-right: 6px;}
    .summary-content{width: 80%;}
    .dashboard-main #tabs-dashboard .summary-content .grid-item--height2{width: 49.65%; margin: 0 3px 3.5px 0px;}
    .dashboard-main #tabs-dashboard .summary-content .grid-item--height2:nth-child(2n+2){margin-right: 0;}
    .summery-tabs img{max-width: 18px;}
    .summary-widget-title{font-size: 9px;}
    .dashboard-main #tabs-dashboard .tab h2{font-size: 12px;}


  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {
      .dashboard-main #tabs-dashboard .tab .glyphicon{
        margin-top: 20px;
        font-size: 50px;
      }
      .dashboard-main .tab h2{
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
      }
      .dashboard-main #tabs-dashboard .tab-content{
        padding: 15px 10px 30px 10px !important;
      }      

      .dashboard-main #tabs-dashboard .grid {
        /*max-width: 847.5px;*/
        margin-right: 0px;
      }
      .dashboard-main #tabs-dashboard .grid-sizer{
        width: 133px; /* change in javascript masonry init also */
      }
      

      /*.dashboard-main #tabs-dashboard .grid-item--width2 { width: 274px; }*/
     /* .dashboard-main #tabs-dashboard .grid-item--width3 { width: 558px; }*/
      .dashboard-main #tabs-dashboard .grid-item--width2 {
        margin: 0 0 5px;
        padding:5px 5px 0;
        width: 33.33%;
      }
      .dashboard-main #tabs-dashboard .grid-item--width3 {
        margin: 0 0 5px ;
        padding:5px 5px 0;
        width: 66.67% ;
      }
      .general_content iframe { width: 550px;}

      .dashboard-main #tabs-dashboard .grid-item--height1 { height: 318px; }
      .dashboard-main #tabs-dashboard .grid-item--height2 { height: 266px; }
      .dashboard-main #tabs-dashboard .grid-item--height2 .widget-box .container_new .image2 { height: 266px; }
      .dashboard-main #tabs-dashboard .grid-item--height3 { height: auto; }
      .dashboard-main #tabs-dashboard .grid-item--height4 { height: 318px; }
      /*#tabs-dashboard .features-container { margin-bottom: 0px;}*/



     .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
        float: left;
        text-align: left;
        width: 50%;
        margin-top: 10px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .target{
        float: right;
        text-align: right;
        width: 50%;
        margin-top: 10px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info{
        height: 55%;
      }

      .green-box h4{
        font-size: 20px;
        color: #164571;
        text-align: center;
        font-weight: 500;
        margin: 0;
      }
      .blue-box h4{
        font-size: 20px;
        color: #164571;
        text-align: center;
        font-weight: 500;
        margin: 0;
      }
      .green-box .book-now{
        background: #164571;
        padding: 5px 0;
        text-align: center;
        color: #c4d817;
        text-transform: uppercase;
        width: 93%;
        margin: 20px auto 5px;
        text-decoration: none;
        display: table;
        font-size: 14px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number {
          color: #fff;
          font-size: 32px;
          font-weight: bold;
          line-height: 0px;
          display: block;
          margin: 0px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {
          height: 36px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .goal-type{
        padding: 0 75px;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-initial-data{
        width:90px !important;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-target-data{
        width:90px !important;
      }

      .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data .goal-metric-value {
        width: 90px !important;
      }


       .dashboard-main #tabs-dashboard .tab h2{
        font-size: 14px;
      }

     .health_list .checkbox label, .radio label {
              width: 100% !important;
              text-transform: inherit !important;
              padding: 0;
              max-width: 422px !important;
      }

     .user_menu_title{
      font-size: 25px !important;
     }

     .user_menu_desc{
      font-size: 20px !important;
     }

     .dashboard-main #tabs-dashboard .grid-item--width2 iframe{width: 100%;}

    /* .dashboard-main #tabs-dashboard .grid-item--height2a { height: 318px !important; }*/

     #contact_form button[type=submit]
    { margin-left: 300px; margin-top: 10px; max-width: 350px; text-align: right; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
    float: left;
    text-align: left;
    margin-top: -3px;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .target{
    float: right;
    text-align: right;
    margin-top: -3px;
  }

  .green-box h4{
      font-size: 14px;
      color: #164571;
      text-align: center;
      font-weight: 500;
      margin: 0;
  }
  .blue-box h4{
      font-size: 14px;
      color: #164571;
      text-align: center;
      font-weight: 500;
      margin: 0;
  }

  .green-box .book-now{
      background: #164571;
      text-align: center;
      color: #c4d817;
      text-transform: uppercase;
      width: 93%;
      margin: 20px auto 5px;
      text-decoration: none;
      display: table;
      font-size: 14px;
    }

   .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number {
      color: #fff;
      font-size: 20px;
      line-height: 0px;
      display: block;
      margin: -6px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {
      margin-top: 0px;
      height: 17px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .goal-type{
        padding: 0 55px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-initial-data  {
      width:56px !important;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-target-data  {
      width:56px !important;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings h3 {
      margin-bottom: 2px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data .goal-metric-value {
      width: 56px !important;
    }

     .dashboard-main #tabs-dashboard .tab h2{
      font-size: 14px;
    }

    .health_list .checkbox label, .radio label {
              width: 100% !important;
              text-transform: inherit !important;
              padding: 0;
              max-width: 422px !important;

     }

     /*.dashboard-main #tabs-dashboard .grid-item--width2 { width: 225px; }*/
      /*.dashboard-main #tabs-dashboard .grid-item--width3 { width: 461px; }*/
      .general_content iframe { width: 455px;}
     .menu-box h3 {
          font-size: 14px !important;
          margin-top: 25px !important;
      }

     .tips h4 p{
        font-size:  17px !important;
     }

     .user_menu_title{
        font-size: 25px !important;
     }

     .user_menu_desc{
        font-size: 20px !important;
     }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
    float: left;
    text-align: left;
    margin-top: -3px;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .target{
    float: right;
    text-align: right;
    margin-top: -3px;
  }

  .green-box h4{
      font-size: 14px;
      color: #164571;
      text-align: center;
      font-weight: 500;
      margin: 0;
  }
  .blue-box h4{
      font-size: 14px;
      color: #164571;
      text-align: center;
      font-weight: 500;
      margin: 0;
  }

  .green-box .book-now{
      background: #164571;
      text-align: center;
      color: #c4d817;
      text-transform: uppercase;
      width: 93%;
      margin: 20px auto 5px;
      text-decoration: none;
      display: table;
      font-size: 14px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number {
      color: #fff;
      font-size: 20px;
      line-height: 0px;
      display: block;
      margin: -6px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {
      margin-top:0px;
      height: 17px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-initial-data  {
      width:56px !important;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-target-data  {
      width:56px !important;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings h3 {
      margin-bottom: 2px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data .goal-metric-value {
      width: 56px !important;
    }


     .dashboard-main #tabs-dashboard .tab h2{
      font-size: 12px;
    }

    .health_list .checkbox label, .radio label {
              width: 100% !important;
              text-transform: inherit !important;
              padding: 0;
              max-width: 592px !important;
    }

    .menu-box h3 {
          font-size: 14px !important;
          margin-top: 25px !important;
    }

    .tips h4 p{
        font-size:  17px !important;
    }

     .user_menu_title{
        font-size: 25px !important;
      }

      .user_menu_desc{
        font-size: 20px !important;
      }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
    float: left;
    text-align: left;
    margin-top: -3px;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .target{
    float: right;
    text-align: right;
    margin-top: -3px;
  }

  .green-box h4{
      font-size: 14px;
      color: #164571;
      text-align: center;
      font-weight: 500;
      margin: 0;
  }
  
  .blue-box h4{
      font-size: 14px;
      color: #164571;
      text-align: center;
      font-weight: 500;
      margin: 0;
  }

  .green-box .book-now{
      background: #164571;
      text-align: center;
      color: #c4d817;
      text-transform: uppercase;
      width: 93%;
      margin: 20px auto 5px;
      text-decoration: none;
      display: table;
      font-size: 14px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number {
      color: #fff;
      font-size: 20px;
      line-height: 0px;
      display: block;
      margin: -6px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {
      margin-top: 0px;
      height: 17px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-initial-data  {
      width:56px !important;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-target-data  {
      width:56px !important;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings h3 {
      margin-bottom: 2px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data .goal-metric-value {
      width: 56px !important;
    }

     .dashboard-main #tabs-dashboard .tab h2{
      font-size: 12px;
    }

    .health_list .checkbox label, .radio label {
              width: 100% !important;
              text-transform: inherit !important;
              padding: 0;
              max-width: 422px !important;
    }

    .menu-box h3 {
          font-size: 14px !important;
          margin-top: 25px !important;
    }

    .tips h4 p{
        font-size:  17px !important;
    }

    .user_menu_title{
        font-size: 25px !important;
    }

    .user_menu_desc{
        font-size: 20px !important;
     }
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {


  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .start{
    float: left;
    text-align: left;
    width: 50%;
    margin-top: 10px;
  }

  .dashboard-main #tabs-dashboard .widget-box .goal-widget .labels .target{
    float: right;
    text-align: right;
    width: 50%;
    margin-top: 10px;
  }

  .green-box h4{
      font-size: 20px;
      color: #164571;
      text-align: center;
      font-weight: 500;
      margin: 0;
   }
   
   .blue-box h4{
      font-size: 20px;
      color: #164571;
      text-align: center;
      font-weight: 500;
      margin: 0;
   }
   .green-box .book-now{
      background: #164571;
      padding: 5px 0;
      text-align: center;
      color: #c4d817;
      text-transform: uppercase;
      width: 93%;
      margin: 20px auto 5px;
      text-decoration: none;
      display: table;
      font-size: 14px;
    }

   .dashboard-main #tabs-dashboard .widget-box .goal-widget .progress-info .progress-number {
      color: #fff;
      font-size: 30px;
      line-height: 0px;
      display: block;
      margin: 0px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-settings .goal-type {
      height: 36px;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-initial-data{
      width:90px !important;
    }

    .dashboard-main #tabs-dashboard .widget-box .goal-widget .back  input.goal-target-data{
      width:90px !important;
    }

   .dashboard-main #tabs-dashboard .widget-box .goal-widget .page-enter-data .goal-metric-value {
     width: 90px !important;
    }

     .dashboard-main #tabs-dashboard .tab h2{
      font-size: 14px;
    }

    .health_list .checkbox label, .radio label {
              width: 100% !important;
              text-transform: inherit !important;
              padding: 0;
              max-width: 433px !important;
    }

    .user_menu_title{
        font-size: 25px !important;
    }

    .user_menu_desc{
        font-size: 20px !important;
    }

    #contact_form button[type=submit]
    { margin-left: 300px; margin-top: 10px; max-width: 350px; text-align: right; }
}
.badge {
    background-color: rgb(255, 0, 0);
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    line-height: 24px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 5px;
    width: 30px;
    z-index: 10;
}
.navbar-nav > li.actionli a{cursor:pointer;}
.navbar-nav > li.actionli ul {visibility:hidden; position:absolute; top:0; left:0px; height:0; overflow:hidden;background:none; z-index:100; list-style: none;}
.navbar-nav > li.actionli:hover ul,
.navbar-nav > li.actionli a:hover ul {visibility:visible; width:155px; margin-left:8px; height:auto; position:absolute; top:45px; left:-8px; border:0px solid #000000; overflow:visible; background: #FFFFFF; padding: 0;}
.navbar-nav > li.actionli:hover ul li,
.navbar-nav > li.actionli ul li{}
.navbar-nav > li.actionli ul li a {display:block; border:0px solid #00FF33; text-align:left; text-decoration:none; background: #174471; color: #FFFFFF !important; height:auto; line-height:1.3em; width:110px; w\idth:100%; padding: 10px !important; border-bottom: 1px solid #45698d;}
.navbar-nav > li.actionli ul li:after{content: '' !important}
.navbar-nav > li.actionli ul li a:hover{background: #FFFFFF; color: #174471 !important;}
#navbar li.actionli:hover ul li a{padding: 10px;}
/*News Page Css for all category*/
.feature-menu .dropbtn {background-color: #C4D818;color: #174370;padding: 13px 6px 10px;font-size: 16px;border: none;cursor: pointer;}
/* The container <div> - needed to position the dropdown content */
.feature-menu .dropdown_cate {position: relative;display: inline-block;}
/* Dropdown Content (Hidden by Default) */
.feature-menu .dropdown-content-cate {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
/* Links inside the dropdown */
.feature-menu .dropdown-content-cate a {color: black;padding:5px 5px 4px 5px;text-decoration: none; display: block;font-size: 14px;}
/* Change color of dropdown links on hover */
.feature-menu .dropdown-content-cate a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.feature-menu .dropdown_cate:hover .dropdown-content-cate {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.feature-menu .dropdown_cate:hover .dropbtn {background-color: #174471;color:white;}


.survey-user-summary > ul > li > span > div.actions > ul > li > a {color: #fff;}

.navbar-nav > li.admin-menu{position: initial}
.navbar-nav > li.admin-menu a{cursor:pointer;}
.navbar-nav > li.admin-menu ul {visibility:hidden; position:absolute; top:0; left:0px; height:0; overflow:hidden;background:none; z-index:100; list-style: none;}
.navbar-nav > li.admin-menu:hover ul,
.navbar-nav > li.admin-menu ul {visibility:visible; width:1140px; height:auto; position:absolute; top:42px; border:0px solid #000000; overflow:visible; background: #FFFFFF; padding: 0;}
.navbar-nav > li.admin-menu:hover ul li,
.navbar-nav > li.admin-menu ul li{}
.navbar-nav > li.admin-menu ul li a {display:block; border:0px solid #00FF33; text-align:left; text-decoration:none; background: #174471; color: #FFFFFF !important; height:auto; line-height:1.3em; width:110px; w\idth:100%; padding: 10px !important; border-bottom: 1px solid #45698d;}
.navbar-nav > li.admin-menu ul li:after{content: '' !important}
.navbar-nav > li.admin-menu ul li a:hover{background: #FFFFFF; color: #174471 !important;}
.navbar-nav > li.admin-menu ul li{}
.navbar-nav > li.admin-menu ul li ul.default-list{float: left; width: 100%; position: relative; top: auto;}
.navbar-nav > li.admin-menu ul li .menu-coll{width: 25%; float: left;}
.navbar-nav > li.admin-menu ul li .menu-coll:last-child{border: none}
.navbar-nav > li.admin-menu ul li ul.default-list h3{font-size: 20px;text-transform: none;color: #666666;margin: 0;padding: 10px; font-weight: bold}
.navbar-nav > li.admin-menu ul li ul.default-list li a{background: transparent;color: #666 !important;text-transform: none; border: none; line-height: 10px;}
.navbar-nav > li.admin-menu ul li ul.default-list li a:hover{color: #174471}
.navbar-nav > li.admin-menu ul li .search{background: #f1f1f1; padding: 20px; text-align: center;} 
.navbar-nav > li.admin-menu ul li .search .input{margin: 0; border: 1px solid #CCC; padding: 0 10px; line-height: 38px; width: 300px;}
.navbar-nav > li.admin-menu ul li .search .submit{margin: 0; border: 1px solid #CCC; padding: 0 30px; line-height: 38px; background: #174471; color: #FFF; text-transform: uppercase;}