/**
  *************************
  * A D M I N   A R E A 
  *************************
  */
  
 .bldred {
     color:#bf0006;
     font-weight: bold;
 }
 
 
 
/**
  *************************
  * P R O G R E S S  B A R  
  *************************
  */


div#progressBar {
    display:flex;
}

div#labeltext {
    position:absolute;
    left: 0;
    right:0;
    align-items:center;
    white-space: nowrap;
}

#progressBar {
    width: 635px;
    height: 22px;
    border: 1px solid #111;
    background-color: transparent;
    color: #8b8791;
    white-space: nowrap;
}

#progresstext {
    display: block;
}

#progressBar div {
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0px; 
    background-color: #0099ff;
    overflow:hidden;
    margin-left: 25px;
    max-width: 71.5%;
    white-space: nowrap;
}


/**
  *******************************
  * mobile breakpoints  uvideo
  *******************************
  */

@media (max-width:55em) {
    html, body, div, span, applet, 
    object, iframe, h1, h2, h3, h4, h5, 
    h6, p, blockquote, pre, a, abbr, acronym, 
    address, big, cite, code, del, dfn, em, 
    font, img, ins, kbd, q, s, samp, small, 
    strike, strong, sub, sup, tt, var, b, u, 
    i, center, dl, dt, dd, ol, ul, li, fieldset, 
    form, label, legend, table, caption, tbody, 
    tfoot, thead, tr, th, td {
        display:block;
    }
    .ow_table_1{
        display:flex;  
    }
    #videos {
         display:block;
    }
}


@media (max-width:480px) {
	/* Fix for pre "viewport <meta>" mobile browsers */
	* {
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none;
	}
}