/* Empty. Add your own CSS if you like */

.item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
}
.ProgramImageList {
	width:100%;
	max-width:120px;
}

.program-select-button:hover {
  background-color: lightgray;
  border-radius:10px;
  margin:2px;

}

.bar-balanced {
    box-shadow: 0px 5px 5px grey;
}

.item.item-avatar-left {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    background: #9ff59f;
}

.item.item-body img {
    max-width: 100% !important;
    max-height: 100% !important;
}

/*  Style definition for slide over menu */


.logospacer {
	padding:3%;
	padding-top:5%;
}

.messageText {
	width: 100%;
	margin: 1%;
	font-weight: bold;
	text-align: center;
	color: rgba(102,102,102,1.00);
}

wrapper {
    width: 50%;
}
.wrapper {
    margin: 0 auto;
    text-align: center;
	max-width: 1280px;
}

.fluidvids {
    max-width: 100%;
    position: relative;
    width: 100%;
}
.fluidvids {
    background: none repeat scroll 0 0 #000;
    box-shadow: 0 1px 4px #000;
    margin: 30px 0;
}
.fluidvids-item {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.selectedprogram_fluidvids_container {
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	
}

.listmargins {
	margin:1%;
	
}

.item-input {
	display:block;
}

.item-input input {
	background-color:#F2F2F2;
	padding-left:2%;
}
input.ng-invalid{
	border:1px solid red;
    
	}
	
.alert_message_box{
	text-align:center;
	font-size:160%;
	font-weight:bold;
	z-index:!important;
	display:block;
}
alert alert-success {
	background-color:rgba(0,0,0,1.00);
}

.graph {
	margin:2%;
	margin-top:5%
	
}

.donut_container {
	width: 100px;
	min-height: 100px;
	position: relative;

}
.donut_container_min_size {
	min-width:110px;	
}

.donut_canvas_container, 
.donut_text_container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.donut_text_container {
    z-index: 10;
}
.donut_text {
	margin-top: 35%;
	vertical-align: middle;
	color: #ffffff;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 10px;
	font-size: 180%;	
}
.donut_value {
	color:#FFFFFF;
	line-height: 1.2;
	font-size: 400%;		
	font-weight: 400;

}
.donut_remark {
	color:#FFFFFF;
	font-size: 130%;	
	margin-right: 5%;	
}
.status_background {
	background-image:url(../img/results.jpg);
	background-size:cover;
}

.start_background {
	background-size:100%;
	background-repeat:no-repeat;
}
.start_button_not_connected {
	margin-top:10%;
	align-items:center;	
}
.start_app_title {
	font-family: "Myriad Pro";
	font-size: 3em;
	font-weight: bold;
	color: rgba(252,251,251,1.00);
	text-align: center;
	white-space: nowrap;
	line-height:1em;
}
.start_app_sub_title {
	font-family:Arial;
	font-size: 1.6em;
	font-weight: bold;
	color: rgba(252,251,251,1.00);
	text-align: center;
	white-space: nowrap;
}
.start_app_title_box {
	
	padding-top: 20px;
	padding-bottom: 15px;
	margin: 0 auto;
	margin-top: 32%;
	margin-left:10%;
	margin-right:10%;
}
.start_app_sub_title_box {

}
.excersise_time_box {
	margin-top:10px;
	margin-bottom: 10px;
	
}
.excersise_time_minutes {
	font-size: 4em;
	font-weight: bold;
	color:#f37e0d;
	text-align: center;
	white-space: nowrap;
}
.excersise_time_separator {
	font-size: 1em;
	font-weight: bold;
	color:#EF4311;
	text-align: center;
	white-space: nowrap;
	position:relative;
}
.excersise_time_seconds {
	font-size: 4em;
	font-weight: bold;
	color:#f37e0d;
	text-align: center;
	white-space: nowrap;
	position:relative;
}

.no_program_title {
	font-family: "Myriad Pro";
	font-size: 2em;
	font-weight: bold;
	color: rgba(252,251,251,1.00);
	text-align: center;
	white-space: nowrap;
	line-height:1em;
}

/* char tc-angular-chartjs */

.footer {
  background-color:#333333;
  color:white;
  padding-top:15px;
}

.chart-banner {
  background-color:rgba(0, 140, 186, 0.3);
  padding-top:25px;
  margin-bottom:15px;
  border-top:1px solid #666666;
  border-bottom:1px solid #cccccc;
}

.tc-chart-js-legend {
  list-style-type: none;
  padding-left: 0px;
  float:right;
  color:#FFFFFF;
}
.tc-chart-js-legend li {
  display: block;
  display: inline;
  float: left;
  padding:10px;
}
.tc-chart-js-legend li span {
  width:25px;
  height:25px;
  display:block;
  float:left;
  margin-right:10px;
}
.button-rounded {
	border-radius:10px;
}


.videogular-container {
      width: 78vw; /* 90% of viewport vidth */
    height: 50.625vw; /* ratio = 9/16 * 90 = 50.625 */
    background: pink;
    max-height: 90vh;
    max-width: 160vh; /* 16/9 * 90 = 160 */
    margin: auto;
   
}

@media (min-width: 1200px) {
    .videdddogular-container {
        width: 1170px;
        height: 658.125px;
    }

    .videogular-container.audio {
        width: 1170px;
        height: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videdddogular-container {
        width: 940px;
        height: 528.75px;
    }

    .videogular-container.audio {
        width: 940px;
        height: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .viddddeogular-container {
        width: 728px;
        height: 409.5px;
    }

    .videogular-container.audio {
        width: 728px;
        height: 50px;
    }
}