/*

Issue:
Strata, remove z-index from #t-band
Writer, remove z-index from .wrapper.main

*/

@font-face {
  font-family: 'velvet';
  src:  url('../files/icons/velvet.eot?ddr21z');
  src:  url('../files/icons/velvet.eot?ddr21z#iefix') format('embedded-opentype'),
  url('../files/icons/velvet.woff2?ddr21z') format('woff2'),
  url('../files/icons/velvet.ttf?ddr21z') format('truetype'),
  url('../files/icons/velvet.woff?ddr21z') format('woff'),
  url('../files/icons/velvet.svg?ddr21z#velvet') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="velvet-"], [class*=" velvet-"] {
  font-family: 'velvet' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.velvet_alert{
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  font-size: 13px;
  transform: translate(-50%,-50%);
  padding: 6px 10px;
  line-height: 1.5;
  background: rgba(0,0,0,0.8);
  border-radius: 5px;
  text-align: center;
  font-family: arial;
}

.velvet-play-1:before {
  content: "\e903";
}
.velvet-play-2:before {
  content: "\e904";
}
.velvet-play-6:before {
  content: "\e905";
}
.velvet-play-3:before {
  content: "\e901";
}
.velvet-play-4:before {
  content: "\e902";
}
.velvet-play-5:before {
  content: "\e900";
}

.velvet-icon{
  position: absolute;
  z-index: 2;
  pointer-events:none;
  text-align: center;
  text-shadow: none;
  transition: color 300ms;
}
.velvet-icon:after {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.vzoom-img-op .velvet-icon{
	opacity: 0;
}
.cf:after{
  content: "";
  display: table;
  clear: both;
}
.velvet_active{ overflow: visible !important; }

.velvet_active:after{
  content: "";
  display: table;
  clear: both;
}

.vzoom-img-in[data-preventzoom="True"]{
  z-index: 0 !important;
}
.vzoom-img-in[data-preventzoom="True"] img,
.vzoom-img-in[data-preventzoom="True"] .vzoom-img-wrap{
  transform: none !important;
}
.vzoom-player table{ 
  background: transparent !important;
}
.vzoom-player .embed-center{ 
  max-width: 150vh;
  margin: 0 auto;
}
.vzoom-player .embed-container{ 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  background: #000;
  overflow: hidden !important; 
  max-width: 100%;
  margin-bottom: 0 !important;
  line-height: 0;
  box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}
body.velvet_scaleIn .vzoom-player .embed-container{
  animation: ncdVideoScaleIn .5s .2s backwards;
}
.vzoom-player .embed-container:before{
  height: 100%;
  width: 100%;
  background: #000;
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  opacity: 0;
  transition: opacity 150ms;
}
.vzoom-player .embed-container:after{
  padding-top: 100%;
  content: '';
  display: block;
}
.vzoom-player.close .embed-container:before{
  z-index: 1;
  opacity: 1;
}
.vzoom-player .embed-container iframe, 
.vzoom-player .embed-container object, 
.vzoom-player .embed-container embed{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
.vzoom-player .embed-container video{
  position: relative;
  z-index: 1000;
}
.vzoom-img,
.vzoom-img-wrap {
  position: relative;
  z-index: 66669999;
  -webkit-transition: all 300ms 100ms;
  -o-transition: all 300ms 100ms;
  transition: all 300ms 100ms;
}
.vzoom-overlay-open .vzoom-img,
.vzoom-overlay-open .vzoom-img-wrap {
  -webkit-transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition: all 325ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
img[data-action="vzoom"] {
  cursor: pointer;
  width: 100%;
  max-width: none;
  float: left;
  position: relative;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
img.vzoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}
.velvet_placeholder{
  text-align: center;
}

@media screen and (min-width: 400px) {
  .velvet_placeholder{
    height: 0;
    padding-top: 50%;
  }
}


.velvet_placeholder img{
  float: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}


.velvet_placeholder .velvet-icon{
  display: none;
}
.no_image + .velvet-icon{
  display: block;
}


.vzoom-img-in{
  transition: opacity .4s .1s;
  position: relative;
}
.vzoom-img-in img{
  margin: 0;
}
.vzoom-img-in:before{
  position: absolute;
  pointer-events:none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: 1;
  transition: background 300ms;
}
.vzoom-img-in:hover:before{
  background: ;
}
.vzoom-img-in.velvet_active{
 z-index: 77779999;
}
.vzoom-img-in:after {
  content: "";
  display: table;
  clear: both;
}
.vzoom-img-in.vzoom-img-op{
  transition: opacity .35s;
  opacity: 0;
  pointer-events: none;
}
.vzoom-img-in.vzoom-img-op[data-preventzoom="True"]{
  opacity: 1;
}
.vzoom-overlay,
.vzoom-player {
  z-index: 1000;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
.vzoom-overlay-open .vzoom-overlay {
  filter: "alpha(opacity=80)";
  opacity: .80;
}
.vzoom-overlay{
  -webkit-transition: opacity 300ms 300ms;
  -o-transition: opacity 300ms 300ms;
  transition: opacity 300ms 300ms;
}
.vzoom-overlay-open .vzoom-overlay{
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.vzoom-player {
  z-index: 1001;
  background: none;
  margin: 40px;
  opacity: 1;
  filter: none;
  pointer-events: auto;
  animation: ncdVideoOpacityIn .6s .25s backwards;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.vzoom-player table{
  height: 100%;
  width: 100%;
  border-collapse: collapse;
}
.vzoom-player table td{
  vertical-align: middle;
}
.vzoom-player *{
  box-sizing: content-box;
}
.vzoom-player.close .embed-container{
  transition: opacity 300ms;
  opacity: 0;
}
.vzoom-overlay-open,
.vzoom-overlay-transitioning {
  cursor: default;
}
@keyframes ncdVideoOpacityIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes ncdVideoScaleIn {
  0%   { transform: scale(0.96); }
  100% { transform: scale(1); }
}
.vzoom-img-in .embed-container{ 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  background: #000;
  overflow: hidden !important; 
  max-width: 100%;
  line-height: 0;
}
.vzoom-img-in .embed-container iframe, 
.vzoom-img-in .embed-container object, 
.vzoom-img-in .embed-container embed{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}

@media screen and (min-width: 400px) {
  .vzoom-img-in .embed-container{
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .vzoom-img-in img,
  .vzoom-img-in:before,
  .vzoom-img-in .velvet-icon{
    display: none !important;
  }
  .vzoom-img-in .embed-container,
  .vzoom-img-in .embed-container iframe, 
  .vzoom-img-in .embed-container object, 
  .vzoom-img-in .embed-container embed{ 
    display: block;
  }
}


/* Edit Mode */
#stacks_in_175>.s3_row {
	margin: 0 -10px;
}

#stacks_in_175>.s3_row>.s3_column_left {
	width: 50.71%;
}

#stacks_in_175>.s3_row>.s3_column_right {
	width: 49.290001%;
}




#stacks_in_175>.s3_row>.s3_column {
	padding: 0 10px;
}










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



}



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


	#stacks_in_175>.s3_row  {
		margin: -10px 0;
	}
	#stacks_in_175>.s3_row>.s3_column {
		padding: 10px 0;
		width:100%;
	}


}






#stacks_in_175 {
	background-color: rgba(21, 38, 56, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
}

#stacks_in_173 {
	margin:  10px;
	padding:  12px;
}

#stacks_out_173 {
	margin-left:0;
}

#stacks_in_174 {
	font-size: 103%;
}

#stacks_in_178 {
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	margin:  10px;
	padding:  20px;
}

#stacks_out_178 {
	margin-left:0;
}

#stacks_in_147 {
	border: solid rgba(26, 36, 63, 1.00);
	border-width:  7px;
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	padding:  10px;
}

#stacks_in_137 {
	padding:  20px;
}

#stacks_in_151 {
	font-size: 79%;
	font-weight: bolder;
}
/* @group Resets */

/* CSS reset and theme specific fixes */
#gridIronWrapperstacks_in_180 label,
#gridIronWrapperstacks_in_180 input[type="search"] {
	display: inline; /* Fixes alignment problems in Zurb Foundation */
}

#gridIronWrapperstacks_in_180 label {
	line-height: 20px;
}

#gridIronWrapperstacks_in_180 select,
#gridIronWrapperstacks_in_180 input[type="search"] {
	width: auto; /* Fixes alignment problems in Zurb Foundation */
	margin: 0;
	min-width: 60px; /* Fixes width of page size dropdown in Zurb Foundation when number of entries is >99 */
}

.gridIronSpacerstacks_in_180 {
	height: 20px;
	display: block;
	clear: both;
}

#gridIronWrapperstacks_in_180 input[type="search"] {
	padding: 0px 5px;
	margin: 0 0 0 5px;
	line-height: 20px;
	font-size: 8px;
	border: 1px solid rgba(153, 153, 153, 1.00) !important;
	outline: none;
	box-shadow: none;
	color: rgba(51, 51, 51, 1.00);
	background: ;
	border-radius: 4px;
	font-weight: normal;
}

#gridIronWrapperstacks_in_180 input[type="search"]:focus {
	border: 1px solid rgba(0, 0, 0, 1.00) !important;
	color: rgba(0, 0, 0, 1.00);
}

/* Wrapper */
div.dataTables_wrapper {
    margin: 0 auto;
}

/* @end */

/* @group Basic Table styling */

table#grid-iron-stacks_in_180.dataTable {
    width: 100%; /* Needed for the scrollX function */
}

table#grid-iron-stacks_in_180.dataTable p {
	padding: 0;
	margin: 0;
}

table#grid-iron-stacks_in_180.dataTable tbody tr td {
    color: rgba(205, 205, 205, 1.00);
    font-size: 16px;
    padding: 14px 10px !important;
    text-align: left;
    vertical-align: middle;
}

/* Fix for some themes applying colors and sizing on paragraph tags */
table#grid-iron-stacks_in_180.dataTable tbody tr td p {
    color: rgba(205, 205, 205, 1.00);
    font-size: 16px;
}

/* Remove default image icons on coloum sorting - fixes #121 */
table#grid-iron-stacks_in_180.dataTable thead .sorting,
table#grid-iron-stacks_in_180.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,
table#grid-iron-stacks_in_180.dataTable thead .sorting_asc_disabled,
table#grid-iron-stacks_in_180.dataTable thead .sorting_desc_disabled {
    background-image: none !important;
}

/* @end */

/* @group Responsive table styling */

/*  */
table#grid-iron-stacks_in_180.dataTable th,
table#grid-iron-stacks_in_180.dataTable td {

}
/*  */

/* @end */

/* @group Odd row colouring */
table#grid-iron-stacks_in_180 tbody tr.even {
    background-color: rgba(0, 0, 0, 1.00);
}
table#grid-iron-stacks_in_180 tbody tr.odd {
    background-color: rgba(0, 0, 0, 1.00);
}

/* @end */

/* @group Footer borders */

table#grid-iron-stacks_in_180.dataTable.no-footer {
    border-bottom: 4px solid rgba(109, 24, 149, 1.00) !important;
}

/* @end */

/* @group Table heading / footer styling */

table.fixedHeader-floating thead th,
table.fixedHeader-floating thead td,
table#grid-iron-stacks_in_180.dataTable thead th,
table#grid-iron-stacks_in_180.dataTable thead td {
    border-bottom: 4px solid rgba(109, 24, 149, 1.00) !important;
    border-right: 4px solid rgba(109, 24, 149, 1.00) !important;
    background-color: rgba(0, 0, 0, 1.00) !important;
    font-weight: bold !important;
    font-style: none !important;
    text-align: left;
    color: rgba(205, 205, 205, 1.00);
    font-size: 14px;
    padding: 4px 17px 4px 4px !important;
    vertical-align: middle;
    position: relative;
}

/* Fix for some themes applying colors and sizing on paragraph tags */
table.fixedHeader-floating thead th p,
table.fixedHeader-floating thead td p,
table#grid-iron-stacks_in_180.dataTable thead th p,
table#grid-iron-stacks_in_180.dataTable thead td p {
    color: rgba(205, 205, 205, 1.00);
    font-size: 14px;
}

/**/
/**/
table.fixedHeader-floating thead th,
table.fixedHeader-floating thead td,
table#grid-iron-stacks_in_180.dataTable thead th,
table#grid-iron-stacks_in_180.dataTable thead td {
    border-top: 4px solid rgba(109, 24, 149, 1.00) !important;
}

table.fixedHeader-floating thead th:first-child,
table.fixedHeader-floating thead td:first-child,
table#grid-iron-stacks_in_180.dataTable thead th:first-child,
table#grid-iron-stacks_in_180.dataTable thead td:first-child {
    border-left: 4px solid rgba(109, 24, 149, 1.00) !important;
}
/**/

/* @end */

/* @group Table cell borders */

/**/
/* CSS applied when table type is set to custom and cell borders are enabled */
table#grid-iron-stacks_in_180.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top: 4px solid rgba(109, 24, 149, 1.00) !important;
    border-right: 4px solid rgba(109, 24, 149, 1.00) !important;
}
table#grid-iron-stacks_in_180.dataTable.cell-border tbody tr th:first-child,
table#grid-iron-stacks_in_180.dataTable.cell-border tbody tr td:first-child {
    border-left: 4px solid rgba(109, 24, 149, 1.00) !important;
}
table#grid-iron-stacks_in_180.dataTable.cell-border tbody tr:first-child th,
table#grid-iron-stacks_in_180.dataTable.cell-border tbody tr:first-child td {
    border-top: none !important;
}

/**/
table#grid-iron-stacks_in_180.dataTable.cell-border tbody tr td:first-child {
    border-left: none !important;
}
table#grid-iron-stacks_in_180.dataTable.cell-border tbody tr td:last-child {
    border-right: none !important;
}
/**/
/**/

/* @end */

/* @group Cell Padding */

table#grid-iron-stacks_in_180 tbody td {
    padding: 14px 10px !important;
}

/* Space for responsive toggle button */

table#grid-iron-stacks_in_180.dtr-inline.collapsed>tbody>tr>td:first-child {
	padding-left: 30px !important;
}

/* @end */

/* @group Hovering */
/*  */
table#grid-iron-stacks_in_180 tbody tr.odd:hover,
table#grid-iron-stacks_in_180 tbody tr.even:hover {
    background-color: rgba(103, 69, 123, 1.00) !important;
}
table#grid-iron-stacks_in_180.dataTable.hover tbody tr:hover.selected,
table#grid-iron-stacks_in_180.dataTable.display tbody tr:hover.selected {
    background-color: rgba(103, 69, 123, 1.00) !important;
}
/*  */

/* @end */

/* @group Table row selection */

/*  */

/* @end */

/* @group No row selection */

/*  */
/* CSS applied when table has no row select enabled */
table#grid-iron-stacks_in_180.dataTable th.focus,
table#grid-iron-stacks_in_180.dataTable td.focus {
    outline: none !important;
    outline-offset: 0px !important;
}
/*  */

/* @group Compact table */

 */

/* @end */

/* @group Sorting */

/*  */

/* @end */

/* @group Responsive toggle buttons */

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
	font-family: FontAwesome !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	border: none !important;
	color: rgba(49, 177, 49, 1.00) !important;
	content: '\f055' !important;
	background: none !important;
}

table#grid-iron-stacks_in_180.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table#grid-iron-stacks_in_180.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
	font-family: FontAwesome !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	border: none !important;
	color: rgba(49, 177, 49, 1.00) !important;
	content: '\f055' !important;
	background: none !important;
}

table#grid-iron-stacks_in_180.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table#grid-iron-stacks_in_180.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
	font-family: FontAwesome !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	border: none !important;
	color: rgba(211, 51, 51, 1.00) !important;
	content: '\f056' !important;
	background: none !important;
}

/* @end */

/* @group Controls */

#gridIronWrapperstacks_in_180 .dt-buttons a.dt-button,
#gridIronWrapperstacks_in_180 div.dataTables_paginate a.paginate_button {
	border: 1px solid rgba(153, 153, 153, 1.00) !important;
	background: rgba(233, 233, 233, 1.00) !important;
	color: rgba(51, 51, 51, 1.00) !important;
	border-radius: 4px !important;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	text-decoration: none !important;
	outline: none;
	padding: 0 10px !important;
	line-height: 20px;
	font-size: 8px;
}

#gridIronWrapperstacks_in_180 .dt-buttons a.dt-button:hover,
#gridIronWrapperstacks_in_180 div.dataTables_paginate a.paginate_button.current,
#gridIronWrapperstacks_in_180 div.dataTables_paginate a.paginate_button:hover {
	border: 1px solid rgba(0, 0, 0, 1.00) !important;
	background: rgba(109, 24, 149, 1.00) !important;
	color: rgba(255, 255, 255, 1.00) !important;
	text-decoration: none !important;
	outline: none;
}

#gridIronWrapperstacks_in_180 div.dataTables_paginate a.paginate_button.disabled,
#gridIronWrapperstacks_in_180 div.dataTables_paginate a.paginate_button.disabled:hover {
	opacity: 0.50;
	cursor: not-allowed;
	border: 1px solid rgba(153, 153, 153, 1.00) !important;
	background: rgba(233, 233, 233, 1.00) !important;
	color: rgba(51, 51, 51, 1.00) !important;
}

#gridIronWrapperstacks_in_180 .dataTables_length label,
#gridIronWrapperstacks_in_180 .dataTables_filter label,
#gridIronWrapperstacks_in_180 .dataTables_info {
	font-size: 13px;
	color: rgba(205, 205, 205, 1.00);
}

/* @end */

/* @group Message Boxes */

/*  */

/* @end */

#stacks_in_180 {
	padding:  14px;
}

#stacks_in_230 {
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
}

#stacks_in_213 {
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
}
#stacks_in_181>.s3_row {
	margin: 0 -10px;
}

#stacks_in_181>.s3_row>.s3_column_left {
	width: 50.00%;
}

#stacks_in_181>.s3_row>.s3_column_right {
	width: 50.000000%;
}




#stacks_in_181>.s3_row>.s3_column {
	padding: 0 10px;
}










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



}



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


	#stacks_in_181>.s3_row  {
		margin: -10px 0;
	}
	#stacks_in_181>.s3_row>.s3_column {
		padding: 10px 0;
		width:100%;
	}


}






#stacks_in_181 {
	background-color: rgba(44, 0, 51, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	padding:  10px;
}

#stacks_out_181 {
	margin-right:0;
}

#stacks_in_152 {
	margin:  10px;
}

#stacks_in_202 {
	padding:  10px;
}
#stacks_in_218>.s3_row {
	margin: 0 -10px;
}

#stacks_in_218>.s3_row>.s3_column_left {
	width: 52.64%;
}

#stacks_in_218>.s3_row>.s3_column_right {
	width: 47.360001%;
}




#stacks_in_218>.s3_row>.s3_column {
	padding: 0 10px;
}










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



}



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


	#stacks_in_218>.s3_row  {
		margin: -10px 0;
	}
	#stacks_in_218>.s3_row>.s3_column {
		padding: 10px 0;
		width:100%;
	}


}






#stacks_in_218 {
	background-color: rgba(32, 45, 33, 1.00);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	padding:  10px;
}

#stacks_out_218 {
	margin-right:0;
}

#stacks_in_222 {
	margin:  10px;
}

#stacks_in_219 {
	padding:  10px;
}

#stacks_in_251 {
	background-color: rgba(79, 19, 11, 0.53);
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px;
	padding:  20px;
}
