@charset "UTF-8";

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/*-------------------------------------------------------------------
Base Elements / Basic Structure
-------------------------------------------------------------------*/



body{background: url('../media/images/bg.jpg ');
	padding-top: 100px;
}





/*-------------------------------------------------------------------
Header
-------------------------------------------------------------------*/
#header{padding:8px 0 12px;}
#header > .container{position:relative;}
#header .navbar-brand{margin:0 -10px 0 0;padding:0;height:auto;}
#header .navbar-brand img{width:80%;}


/* Navbar ---------------------------------------------------------*/
	.navbar{padding:20px 0;border:none;margin:0;}
	/* Navigation */
		#navigation{margin:10px 0 0;}
		#navigation > li{float:left;}
		#navigation > li > a{
			position:relative;
			padding:0 15px;
			height: 36px;
			line-height: 36px;
		}
		#navigation > li:last-child > a{padding:0 0 0 15px;}

		/* Icons */
			#navigation > li > a .fa-search,
			#navigation > li > a .fa-bars{font-size:24px;}
			#navigation > li > a .fa-bars{position:relative;top:1px;}
			#navigation > li > a .fa-caret-down{font-size:14px;margin:0 0 0 7px;}

			/* Override Mobile list-group styles within dropdown on a button */
				/*.navbar-inverse .navbar-nav .open .dropdown-menu > li> a{color:#333;}*/
	.navbar-inverse .navbar-nav .open .dropdown-menu > li> a:hover, .collapse > li > a:hover{color:#f9f9f9;background-color:#222;cursor: pointer;text-decoration: none;}
/*-------------------------------------------------------------------
Footer
-------------------------------------------------------------------*/



#footer.navbar{background: #ccc;padding:15px 0;}
#footer.navbar > .container > .row + .row{margin:5px 0 0;}
#footer.navbar > .container > .row:first-child{margin:0;}

#footer p,
#footer p + .navbar-nav > li{font-size:11px;}
#footer p + .navbar-nav{margin:-8px 0 0;}

/* Footer Nav */
	#footer .navbar-nav{margin:0;}
	#footer .navbar-nav > li{
		float:left;
		margin: 0 0 6px;
		font-size:12px;
		border-left: 1px solid #333;
		height:12px;
		padding:0 11px;
	}
	#footer .navbar-nav > li:first-child{border:none;padding: 0 11px 0 0;}
	#footer .navbar-nav > li > a{padding:0;height:12px;line-height:12px;}

	/* Social Nav */
		#social-nav.navbar-nav{height:30px;margin:0 0 6px;}
		#social-nav.navbar-nav > li{
			height:30px;
			line-height:30px;
			border:none;
			height:auto;
			font-size:14px;
			font-weight:bold;
			padding:0 5px;
		}
		#social-nav.navbar-nav > li > a{font-size: 24px;height:30px;display:block;line-height:30px;}

/*-------------------------------------------------------------------
Accordion
-------------------------------------------------------------------*/

.panel-heading {

    padding: 2%;
    border-radius: 7px;
}

.panel-danger .panel-heading {
    cursor: default;
}

.panel a {
    cursor: pointer;
}

.panel-footer {
    padding: 1%
}


/*-------------------------------------------------------------------
Static Sidebar
-------------------------------------------------------------------*/
.staticSidebar {


}
.staticSidebar .list-group {
    margin: 1em 0;
}



/*-------------------------------------------------------------------
Main Content
-------------------------------------------------------------------*/

#wrap {
    margin: 1% 0;
}


/*-------------------------------------------------------------------
Component Overrides
-------------------------------------------------------------------*/


/* Container Overrides --------------------------------------------*/
	.container.options{
		border-top:1px solid #ccc;
		margin:10px auto 20px;
		padding: 15px;
		min-height: 120px;

		background: #fff; /*older browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 60px, rgba(255,255,255,0) 100px); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(60px,rgba(255,255,255,1)), color-stop(100px,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 60px,rgba(255,255,255,0) 100px); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 60px,rgba(255,255,255,0) 100px); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 60px,rgba(255,255,255,0) 100px); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 60px,rgba(255,255,255,0) 100px); /* W3C */
	}
	.container.options + .container.options{margin-top:-20px;}
	.container.options > .row + .row{margin-top:20px;}


/* Page Header-----------------------------------------------------*/
.page-header {
    margin: 2% 0;
    border-bottom: 2px solid;
}



/* Panels ---------------------------------------------------------*/

    .panel-group .panel {
        border-radius: 7px;
        margin: 1em 0;

    }

    .panel

	/* Custom - Full Gray -----------------------------------------*/
		.panel-full_gray{background: #333;color: #fff;}
		.panel-full_gray .panel-title{font-size:24px;font-weight:bold;}
		.panel-full_gray .panel-body{padding:0 15px 15px;}
		.panel-full_gray .panel-body p{margin:0 0 15px;}

	/* Custom - Table ---------------------------------------------*/
		.panel-table .panel-body{padding:0;}
		.panel-table .panel-body p{padding:0 8px;}
		.panel-table .panel-body .table{margin-bottom:10px;}

	/* Collapse ---------------------------------------------------*/
		.panel-default>.panel-heading:before {
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			/* content: "\f0dc"; */
			float:right;
		}
		.panel-default.toro-hide-arrows > .panel-heading:before{display:none;}
		.panel-heading .panel-title a { display:block; }



/* List Groups ----------------------------------------------------*/

	/* Manual Listing ---------------------------------------------*/
		.list-group.manual-listing > li{padding-left:40px;position:relative;}
		.list-group.manual-listing > li > .fa-file-pdf-o{
			position:absolute;
			top:10px;
			left:16px;
			font-size: 18px;
			color:#cc0000;
		}
		.list-group.manual-listing > li > .btn.btn-sm{margin:10px 0 5px !important;}
		.list-group.manual-listing > li > .btn > .fa-download{font-size:15px;}




/* Buttons --------------------------------------------------------*/
	.full_width{width:100%;}

	/* Remove Filter ----------------------------------------------*/
		.remove_filter{padding:6px 25px 6px 12px;position:relative;white-space:normal;text-align:left;}
		.remove_filter + .remove_filter{margin-top:10px;}
		.remove_filter .filter{font-weight: bold;}
		.remove_filter .fa-times{color:#cc0000;position:absolute;right:7px;top:50%;margin:-7px 0 0 !important;}

/* Icons ----------------------------------------------------------*/
	.fa.large{font-size:18px;}

	/* Icons within buttons ---------------------------------------*/
		.btn .fa.fa-shopping-cart,
		.btn .fa.fa-search-plus,
		.btn .fa.fa-download{margin:0 5px 0 0;}
		.btn .fa.fa-check,
		.btn .fa.fa-times{margin:0 0 0 5px;}

/* Alerts -----------------------------------------------------------*/
    .alert {
        margin-bottom: 1%;
        font-size: medium;
    }

/* AJAX Loading ---------------------------------------------------*/
	.template-ajax-loading{padding:50px 0;text-align:center;}
	.template-ajax-loading .icon-ajax-loader{
		background: url('../images/ajax-loader.gif') no-repeat center center;
		display:block;
		margin:0 auto 15px;
		width:32px;
		height:32px;
	}
	.template-ajax-loading p{font-size:16px;}

/*-------------------------------------------------------------------
Utility Classes
-------------------------------------------------------------------*/
h2.subhead, h3.subhead, h4.subhead, h5.subhead,
.h2.subhead, .h3.subhead, .h4.subhead, .h5.subhead {padding-bottom:10px; margin-bottom:15px; border-bottom:solid 1px #999;}
.txt_uppercase{text-transform:uppercase;}
.field-margin {margin-bottom:10px;}
.no-margin {margin:0;}
.no-margin-top {margin-top:0;}
.rectangle {
	width: 15%;
	height: 2em;
	background: #F2DEDE;
        border-radius: 7px;
        vertical-align: middle;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

	/* Bootstraps Embed Code */
		.embed-responsive.embed-responsive-16by9{padding-bottom: 56.25%;}
		.embed-responsive {
			position: relative;
			display: block;
			height: 0;
			padding: 0;
			overflow: hidden;
		}
		.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: 0;
		}


/*-------------------------------------------------------------------
Bootstrap Misc Fixes
-------------------------------------------------------------------*/
@-moz-document url-prefix(){fieldset { display: table-cell; }} /* Responsive Tables Fix */


.vidyard-container {
    width: 75%;
}

.custom-play-button {
    			position: absolute;
                        margin: auto;
			width:26%;
			height:26%;
			/* Adjust these values depending on the size of your graphic */
			top: 0; left: 0; bottom: 0; right: 0;
}

ol {
    -webkit-padding-start: 5%;
}

.panel-title {
	font-weight: bold;
	font-size: 18px;
}


.toc-menu-item {
	font-weight: bold;
	font-size: 26px;
}

#tocNav {
	font-weight: bold;
}

.vidyard {
    width: 40%;
    margin: 0 auto;
}

.hidden {
    display: none;
}

.panel .panel:not(.figurePanel){
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.inverse-dropdown{
  min-width: 400px;
  background-color: #222;
  border-color: #080808;
}

.dropdown-menu > li > a, .collapse > li > a, .collapsing > li > a {
    color: #b7b7b7;
}

.collapse > li , .collapsing > li{
    margin-top: 10px;
    margin-bottom: 10px;
}

#nav-button {
    border-color: #fff;
    min-width: 57px;
}

.fa-bars {
    font-size: 27px;
    color: #fff;
}

.img-responsive {
  max-width: 67%;
}

.dropdown-menu {
    overflow-y: scroll;
    max-height: 300px;
}

.collapse > li, .collapsing > li {
    list-style: none;
}

.dropdown-menu {
    min-width: 400px;
}

.dropdown-menu>li>a {
    font-weight: bold;
}

.dropdown > li > .collapse > li> a:hover {
    color: #222;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
}

/*-------------------------------------------------------------------
Brand bar on top with the navbar beneath
-------------------------------------------------------------------*/
.top-affix {
  top: 0px;
  width: 100%;
  height: 100px;
  padding: 20px 0px 0px 15px !important;
  position: fixed;
  z-index: 9999;
}

.nav-affix {
  top: 100px;
  width: 100%;
  position: fixed;
  padding: 0px;
  z-index: 9999;
}

#headerProductName {
  margin: 10px 200px 0px 200px;
  padding: 0px 0px 0px 0px;
  color: white;
  font-size: x-large;
  line-height: normal;
  word-break: break-word;
}

#content_wrapper {
  margin: 50px 0px 0px 0px;
}

#menuTOC {
  color: #5e5e5e;
}

#safetyModal {
  z-index: 99999;
}

.modal-header {
  display: none;
}