/*

RWGjs CSS file

*/

/* Overrides for Buttons, Links and Colors */

#showWorkoutSlider .item{
  background: #a1def8;
  padding: 30px 0px;
  display: block;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}


.button {
	background-color: #FFFFFF;
	border-color:#000000;
}

.button.modal-ok {
	background-color: #B22222;
	margin-top: 20px;
	margin-right: 20px;
}

.button.modal-cancel {
	background-color: #000000;
	margin-top: 20px;
	margin-left: 20px;

}

button:hover, button:focus, .button:hover, .button:focus {
background-color: #adadad;
}



a [class^="icon-"], a [class*=" icon-"] {
display: inline;
color: #000000;
}


h1, h2, h3, h4, h5, h6 {
color: #FFFFFF;
}

label {
color: #FFFFFF;
}

label.error {
color: #ffe96d;
font-size:12px;
}

label.modal-text {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

label.modal-text-sm {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

label.modal-text-lg {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
}


input[type="text"]{
	color: #FFFFFF;
	text-align:center;
	font-size: 0.975em;
	height: 2em;
}

input[type="email"]{
	color: #000000;
	text-align:center;
	font-size: 0.975em;
	height: 2em;
}

input[type="password"]{
	color: #000000;
	text-align:center;
	font-size: 0.975em;
	height: 2em;
}

.ui-body-a .ui-overlay-a {
border: 0px;
}

.ui-controlgroup-horizontal.ui-mini .ui-btn-inner {
height: auto;
line-height: 10px;
}

.ui-li-divider {
padding: .2em 15px;
padding-top: 0.2em;
padding-right: 15px;
padding-bottom: 0.2em;
padding-left: 15px;
}

.ui-btn-up-a {
color: #fff;
text-shadow: 0 1px 0 #111;
/* font-weight: 100; */
}

.ui-body-a .ui-link{
color: #FFFFFF;
/* font-weight: 100; */
}

.ui-body-a .ui-link:hover {
color: #FFFFFF;
}

.ui-body-a .ui-link:visited {
color: #FFFFFF;
}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
padding-top: 0.5em;
font-size: 14px;
font-style:normal;
display: block;
}

.ui-header .ui-title { 
	font-size: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, only screen and (min-resolution: 200dpi){
.ui-icon-delete {
    background-position: -81px 50%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, only screen and (min-resolution: 200dpi){
.ui-icon-refresh {
    background-position: -361px 50%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, only screen and (min-resolution: 200dpi){
.ui-icon-arrow-r {
    background-position: -121px 50%;
	}
}

label.ui-select {
font-size: 14px;
line-height: 1.4;
font-weight: 400;
margin: 0 0 .3em;
display: block;
}

.ui-listview.listviewIconColor .ui-icon{
    background-color: #276e9e;
    background-color: rgba(.05,.9,.1,.05);
}


.workoutListHide .ui-listview{
	margin-top: 1px;
}

.workoutListShow .ui-listview{
	margin-top: 15px;
}

.yellow-error{
	color:yellow;
	font-size:1.0em;
}

.yellow-small{
	color:yellow;
	font-size:0.8em;
}

.yellow-large{
	color:yellow;
	font-size:1.2em;
}

.yellow-small7em{
	color:yellow;
	font-size:0.7em;
}

.yellow-percent{
	color:yellow;
	font-size:0.8em;
	float:right;
}


.white-small{
	color:white;
	font-size:0.7em;
}

.white-very-small{
	color:white;
	font-size:0.3em;
}


.disableInput{
	background-color:#4A484A !important;
}

.h-rule{
	width: 100%; 
	height: 1px; 
	background: white; 
	overflow: hidden;
	margin-bottom:3px;
}

.icon-black {
    color: black;
}

.rwgOvalButton {
  background-color:#ffffff;
  -moz-border-radius:34px;
  -webkit-border-radius:34px;
  border-radius:34px;
  border:2px solid #b7b6b8;
  display:inline-block;
  cursor:pointer;
  color:#404040 !important;
  font-family:Arial;
  font-size:15px;
  font-weight:normal !important;
  padding:5px 12px;
  text-decoration:none;
}
.rwgOvalButton:hover {
  	border-color:#812428;
  	color:#812428 !important;
  	font-weight:bold !important;
}
.rwgOvalButton:active {
  position:relative;
  top:1px;
}


/* Placeholder text */
*::-webkit-input-placeholder {
    color :#757575;
    font-size:0.8em;
}

*:-moz-placeholder {
    color:#757575;
    font-size:0.8em;
}

*:-ms-input-placeholder {
    /* IE10+ */
    color:#757575;
    font-size:0.8em;
}


.alertify-message {
color:#000000 !important;
font-size: 1.0em !important;
margin-bottom: .5em !important;
}

.alertify-message-red {
color:red !important;
font-size: 1.0em !important;
margin-bottom: .5em !important;
}


.listText li{
  color: #000000;
  list-style-type: none;
}

/* End Overrrides */

/*  RWG CSS */

.rf-background{
    background: #600101;
    border: 0px;
}

.noauth-background{
    background: #FFFFFF;
    border: 0px;
}

.dark-hr-4px{
	border: 4px solid #812428;
}


/*  BEGIN -- ACTIVE WORKOUT ON RWG PAGE */

div#activeWorkoutBox {
	border: 1px solid;
    height:45px;
    border-color:#6E6E6E;
    margin: auto;
}

.activeWorkoutNameBlank {
	font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color:#6E6E6E;  
	padding-top:14px;
	padding-left:3px;
	padding-right:3px;
	border-right: 0px solid;
	border-color:#6E6E6E;
    width: 100%;
    height: 43px;
    float: left;
    background:#600601;
}

.activeWorkoutNameData {
	padding-top:14px;
	padding-left:3px;
	padding-right:3px;
	border-right: 1px solid;
	border-color:#6E6E6E;
	background:#4A0202;
    width: 95%;
    height: 43px;
    float: left;
}

.activeWorkoutNameMissingText {
	color:#505050;
}

.activeWorkoutCountMissingText {
	color:#505050;
}

.activeWorkoutDataBlank {
	padding-top:7px;
    margin-left: 95%;
    height: 43px;
}

.activeWorkoutData {
	padding-top:7px;
    margin-left: 95%;
    height: 43px;
    background:#4A0202;
}

/*  END -- ACTIVE WORKOUT ON RWG PAGE */



.blank-panel{
	height:1em;
	width:1em;

}

.center-contents{
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.white-text-12{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: white;
}

.white-text-14{
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    color: white;    
}

.white-text-16{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    color: white;    
}

.white-text-24{
    font-family: Arial;
    font-size: 24px;
    font-weight: normal;
    color: white;    
}


.white-text-32{
    font-family: Arial;
    font-size: 32px;
    color: white;    
}


.black-text-10{
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    color: black;    
}

.black-text-11{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: black;    
}


.black-text-12{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: black;    
}

.black-text-14{
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    color: black;   
}


.black-text-15{
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    color: black;    
}

.black-text-16{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    color: black;    
}


.red-text-16B{
    font-family: Arial;
    font-size: 16px;
    font-style:bold;
    color: red;  
}

.red-text-6EM {
    font-family: Arial;
    font-size: 6em !important;
    color: red;  
}

.red-text-error-14 {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    color: red; 
}

.red-text-error-14B {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: red; 
}


/* INTERVAL "I" ON RWG HOME PAGE */
.red-text-14B-times{
    font-family: Times;
    font-size: 14px;
    font-style:bold;
    color: red;  
}

 .green-text-14B-times{
	font-family:Times;
    font-size:14px;
    font-style:bold;
    color:#89c403;
 }
 
 /* END */


.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#fieldsRequired{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    color: #CDBE70;  
}

.headerButton {
    float: left;
    margin-right: 5px!important;
}

.pageInstructions {
    height: 25px; 
    margin-top:10px; 
    margin-bottom:10px;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: white; 
}


/* Main logo background */
.rectangle-logo{
	background: #FFFFFF;
	 width: 100%;
}

/* BEGIN - Randomize Current & Workout buttons on home screen */
.rdm-button{
    background: #FFFFFF;
}


.rdm-button img {
    width: 50px;
    margin: 3px auto;
}
/* END - Randomize Current & Workout buttons on home screen */



/* BEGIN - Workout & User buttons on home screen */
.wu-button {
    width: 38px; 
    height: 42px; 
    background: #FFFFFF;
    position: absolute;
    -moz-border-radius:    10px; 
    -webkit-border-radius: 10px; 
    border-radius:  10px;
}

#selectWorkout{
    right: 79%;
    top: 40%;
}

   
   
/* END - Workout & User buttons on home screen */


/* BEGIN - Edit & Create buttons on home screen */

.ec-button {
    background: #FFFFFF;
    position: absolute;
    -moz-border-radius:    10px; 
    -webkit-border-radius: 10px; 
    border-radius:  10px;
}

#workoutEdit {
    width: 112px; 
    height: 44px; 
}

#workoutCreate {
    width: 112px; 
    height: 44px; 
}

.ec-button img {
    width: 79px;
    margin: 8px auto;
}
/* END - Edit & Create buttons on home screen */


/* BEGIN - QuickView box on home screen */
#quickViewBox {
    width: 180px;
    padding: 17px;
    border: 1px solid gray;
}

#qv-button {
    width: 38px; 
    height: 16px; 
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: white;
    background: gray;
    -moz-border-radius:    4px; 
    -webkit-border-radius: 4px; 
    border-radius:  4px;
}
/* END  */


/* BEGIN - Edit User form box */

#editFormBox {
    width: 285px;
    padding: 5px;
    border: 1px solid #470101;
    margin: 10px;
}


/* BEGIN - New Workout page */
.newWorkout {
    text-align: center;
}

#workoutName {
    margin: 0px auto;
    text-align: center;
    color:#FFFFFF;
}

#workoutTag {
    text-align: center;
}

.tag-input input {
	 text-align: center;
}

.lbkgChoice {
	   text-align: center;
	   padding-top:5px;
}

.lbkgChoice fieldset {
    display: inline;
}

.intervalChoice{
 	   text-align: center;
	   padding-top:5px; 
}

.intervalChoice fieldset {
    display: inline;
}

.ae-button {
    background: #FFFFFF;
    position: absolute;
    -moz-border-radius:    10px; 
    -webkit-border-radius: 10px; 
    border-radius:  10px;
}

#addExercise {
    width: 155px; 
    height: 42px;
    right:26%;
}

.ae-button img {
    margin: 5px auto;
}

/* END  */


 .greenButton {
        -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
        -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        background-color:#458029;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:14px;
        font-weight:normal;
        padding:5px 13px;
        text-decoration:none;
    }
    .greenButton:hover {
        background-color:#418f1a;
    }
    .greenButton:active {
        position:relative;
        top:1px;
    }
    
 .greenButton-workout {
        -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
        -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        background-color:#458029;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:14px;
        font-weight:normal;
        padding:5px 13px;
        text-decoration:none;
    }
    
    
 .redButton {
        -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
        -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        background-color:#d0451b;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:14px;
        font-weight:normal;
        padding:5px 13px;
        text-decoration:none; 
    }
    
    .redButton:hover {
        background-color:#bc3315;
    }
    .redButton:active {
        position:relative;
        top:1px;
    }
    
     .redButton-workout {
        -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
        -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        background-color:#d0451b;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:14px;
        font-weight:normal;
        padding:5px 13px;
        text-decoration:none;
    }


.pauseButton {
	background-color:#999999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#000000 !important;
	font-family:arial;
	font-size:1.0em;
	padding:4px 5px;
	margin-top: 3px;
	text-decoration:none;
}

.pauseButton:hover {
	background-color:#666666;
}
.pauseButton:active {
	position:relative;
	top:1px;
}


.deleteButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:7px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.deleteButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.deleteButton:active {
	position:relative;
	top:1px;
}

.questionButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333 !important;
	font-family:Courier New;
	font-size:12px;
	font-weight:bold;
	padding:0px 3px;
	text-decoration:none;
}
.questionButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.questionButton:active {
	position:relative;
	top:1px;
}

.menuQuestionButton{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	color:#333333 !important;
}


.interval-icon-red{
	margin-right: 22px !important;
	 font-family:Times !important;
	 color:red !important;
}

.interval-icon-black{
	margin-right: 22px !important;
	 font-family:Times !important;
	 color:black !important;
}

.grayButton {
	background-color:#eae0c2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739 !important;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:3px 7px;
	text-decoration:none;
}
.grayButton:hover {
	background-color:#ccc2a6;
}
.grayButton:active {
	position:relative;
	top:1px;
}


.iconButton-red {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Times New Roman;
	font-size:10px !important;
	font-style: normal !important;
	text-decoration:none;
	margin-right: 22px !important;
}

.iconButton-green {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Times New Roman;
	font-size:10px !important;
	font-style: normal !important;
	text-decoration:none;
	margin-right: 22px !important;
}

.restButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6)) !important;
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%) !important;
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:8px;
	-webkit-border-radius:8px !important;
	border-radius:8px;
	border:2px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739 !important;
	font-family:Arial;
	font-size:.9em;
	font-weight:normal !important;
	padding:4px 10px;
	text-decoration:none;
}
.restButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
.restButton:active {
	position:relative;
	top:1px;
}

.nextSetText{
	background:white; 
	height: 1.2em; 
	line-height: 1.2em;
	font-family: Arial;
    font-size: 1.5em;
    font-weight: normal;
    color: black;    
}


.labelCheckBox{
	width:14%;
	border-top-width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	border-bottom-width: 0px;
	margin-bottom: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	font-size:14px  !important;
	float:left;
}

.checkBoxLink {
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-right:0px !important;
	padding-left: 0px !important;
}

.setActiveCheck{
	color:green;
}

.rdm-bw-workout {
    font-family: Arial;
    font-size: 22px;
    font-weight: normal;
    color: white;    
}

.rdm-bw-workout a{
    color: white;    
}

ul.rdm-bw-workout li {
 background-color:black;
 margin: 4px;
}

#showWorkoutSlider .{
background-image: none;
}


#showWorkoutSlider .item{
  display: block;
  cursor: pointer;
  background: black;
  margin: 0px;
  padding:0px;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 22px;
  font-weight: normal;
  color: white;    
}

#showWorkoutSlider li{
  margin: 4px;
}


.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
margin: 5px;
padding: 3px 10px;
font-size: 18px !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);
opacity: 0.5;
}

#randomizingOverlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #600101;
    opacity: 0.9;
    filter: alpha(opacity=80);
    text-align: center;
}

#randomizingGif {
	margin: auto;
  	position: fixed;
  	top: -100px; left: 0; bottom: 0; right: 0;
}

.Absolute-Center {
  margin: auto;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
}


 /* SLIDER WORKOUT CSS */
.sliderExName{
    font-family: Arial;
    font-size: 1.5em;
    color: white;
    margin-bottom:10px;
   }
   
   .sliderExDetail{
    font-family: Arial;
    font-size: .5em;
    color: white;
    margin-top:10px;
   }


.itvSliderExName{
    font-family: Arial;
    font-size: 2.0em;
    color: white;
    margin-bottom:10px;
   }
   
   .itvSliderExDetail{
    font-family: Arial;
    font-size: .7em;
    color: white;
    margin-top:10px;
   }
  /*  END SLIDER WORKOUT CSS */
    
    
  /* SAVED WORKOUT CSS */
   
.savedExName{
    font-family: Arial;
    font-size: 1.3em;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
   }
   
   .savedExDetail{
    font-family: Arial;
    font-size: 1.1em;
    color: white;
    background:#000000;
    margin-left:3%;
    margin-right:3%;
   }
   
   .savedExDetail label{
    font-size: 0.8em;
    margin-bottom:5px;
   }
   
   .savedExDetail ul{
    font-size: 1.0em;
	padding-top:5px;
	padding-bottom: 5px;
	list-style-type: none;
   }

   
   .itvSavedExDetail{
    font-family: Arial;
    font-size: 1.1em;
    color: white;
    background:#000000;
    padding-top:10px;
    margin-left:5%;
    margin-right:5%;
   }
   
   .itvSavedExDetail label{
    font-size: 1.0em;
    margin-bottom:5px;
   }
   
   .itvSavedExDetail ul{
    font-size: 1.1em;
	padding-top:5px;
	padding-bottom: 5px;
	list-style-type: none;
   }

   
     /*  END SAVED WORKOUT CSS */
   
   .geoText-small{
    font-family: Arial;
    font-size: .5em;
    color: yellow;
    margin-top:25px;
    margin-bottom:10px;
   }
   
    .geoText-large{
    font-family: Arial;
    font-size: .9em;
    color: yellow;
    margin-top:5px;
    margin-bottom:10px;
   }
   
    .geoText-xlarge{
    font-family: Arial;
    font-size: 2.0em;
    color: yellow;
    margin-top: .5em;
   }
   
   
 .tapLine{
	color:yellow;
	font-size:0.5em;
	margin-top:10px;
}

 .phase-green {
	font-family:Arial;
    font-size:22px;
    font-style:bold;
    color:#89c403;
    margin-top:7px; 
    margin-bottom:5px;
 }
 
 .phase-red {
    font-family: Arial;
    font-size: 22px;
    font-style:bold;
    color: #E80000;
    margin-top:7px; 
    margin-bottom:5px;
}

.workoutglance {
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: black;
	line-height: normal;
	margin-bottom: auto;
}

.readyText{
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	color:#59B310;
	margin-bottom: .2em;
}

 #upNext {
    font-family: Arial;
    font-size: 22px;
    color: yellow;    
}

 #upFirst {
    font-family: Arial;
    font-size: 1.5em;
    color: yellow; 
}

 #workoutComplete {
    font-family: Arial;
    font-size: 2em;
	color: white;
	margin-top: .5em;
}


#savedWorkoutsListView  .ui-li-link-alt .ui-btn-inner {
	padding: 0;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
}


#savedWorkoutsListView .fa-random:after {
	background-repeat: no-repeat;
	background-position: 4px 3px;
}


@media only screen 
and (min-width : 600px){
	
.sliderExName{
    font-size: 2.0em;
   }
   
   .sliderExDetail{
    font-size: .5em;
   }
   	
.itvSliderExName{
    font-size: 3.0em;
   }
   
   .itvSliderExDetail{
    font-size: .7em;
   }
   
 .phase-green{
    font-size:2.5em;
}

 .phase-red{
    font-size: 2.5em; 
}

.workoutglance {
	font-size: 18px;
}

#readyText{
	font-size: 25px;
}

  #upNext{
    font-size: 2em;  
}

 #upFirst{
    font-size: 2.5em;
    margin-top: 25px;
}

 #workoutComplete{
    font-size: 3em; 
   }

 .startWorkoutTimer {
		font-size: 8em;
		margin-top:20px;
	}
	
.copyButtonHelp {
  background-color:#008000;
  -moz-border-radius:28px;
  -webkit-border-radius:28px;
  border-radius:28px;
  border:1px solid #09290c;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:13px;
  padding:7px 9px;
  text-decoration:none;
  text-shadow:0px 1px 0px #2f6627;
}
	
	
}