/* Minification failed. Returning unminified contents.
(718,1): run-time error CSS1019: Unexpected token, found '@import'
(718,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap")'
(1837,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(1838,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1857,5): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(1858,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1867,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1868,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1877,5): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1878,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3205,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead>table,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Datepicker 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/*!
 * jQuery UI CSS Framework 1.12.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap");

.intro-wrapper {
    text-align: center;
}

html, body {
    height: 100%;
}

body {
    font-family: "Lato", sans-serif;
    background-image: url('img/background.jpg');
    background-size: cover;
    background-position: left 60px;
    background-repeat: no-repeat;
}

header nav {
    margin-left: auto;
}

.infostream, .infostream:hover {
    font-weight: bold;
    color: #0092a0;
    font-size: 1.3rem;
    align-self: end;
    border-bottom: solid 1px #005665;
    padding: 0.5rem 0 0.6rem 0;

    line-height: 1.75rem;
    text-decoration: none;
}

.accordion-content {
    background-color: #fff;
}

.user-form {
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

/*video style*/
.video-stream {
    width:100%; 
    height:0;
    padding:0 0 56.25% 0;
  
}
.video-wrapper {
    padding-right: 10px;
}

.login-wrapper {
    margin: 100px auto;
    padding: 40px;
    background-color: #fff;
    width: 500px;
}
    .login-wrapper form .form-group label {
        width: auto;
    }

    .login-wrapper form .form-control {
        width: 100%;
    }

.card {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

@media screen and (max-width:992px) {
    #agm-video {
        display: flex !important;
        width: 100% !important;
        flex-wrap: wrap !important;
    }
    #agm-video .video-container {
        width: 100% !important;
        float: none !important;
    }
    .video-wrapper {
        padding-right: 0 !important;
        margin-bottom: 3rem;
    }

}

/* tabbed content styling */
.tabbed-content {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 90%;
}
.nav-t {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.nav-t > li > a {
    display: block;
    color: #003643;
}
.inner-nav-tabs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
    .inner-nav-tabs li {
        display: block;
        text-align: center;
        font-weight: 300;
        font-size: 20px;
        cursor: pointer;
        transition: background-color 0.5s;
        user-select: none;
        flex-grow: 1;
        min-width: 15rem;
        border-top: solid 1px #dddddd;
        border-left: solid 1px #dddddd;
        border-bottom: solid 1px #dddddd;
        border-right: solid 1px #dddddd;
        margin-left: -1px;
        margin-top: -1px;
    }

        .inner-nav-tabs li:last-child {
            border-right: solid 1px #dddddd;
        }


        .inner-nav-tabs > li > a {
        padding: 0;
        margin: 0;
        line-height: 1rem;
        display: block;
        text-align: center;
    }

        .inner-nav-tabs > li > a {
            padding: 1.7rem 0;
            line-height: 1.25rem;
        }

            .inner-nav-tabs > li > a:hover,
            .inner-nav-tabs > li > a:focus {
                background-color: #0092a0;
                color: #fff;
                text-decoration: none;
            }

    .inner-nav-tabs > .active > a,
    .inner-nav-tabs > .active > a:hover,
    .inner-nav-tabs > .active > a:focus {
        cursor: default;
        background-color: #003643;
        color: #fff;
    }

.tab-content.active {
    display: block;
}

.tab-content.hide {
    display: none;
}
/* end tabbed content styling */


.accordion {
  list-style: none;
  padding-left: 0;
  width: 100%;
}

.accordion input.accordion-open,
.accordion input.accordion-close {
  display: none;
}

.accordion
  > input.accordion-open:checked
  + label.accordion-open
  > label.accordion-close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.accordion label {
  cursor: pointer;
  user-select: none;
}

    .accordion > label.accordion-open {
        position: relative;
        display: block;
        cursor: pointer;
        font-weight: 300;
        font-size: 22px;
        line-height: 29px;
        padding: 19px 82px 23px 40px;
        border: 1px solid #dddddd;
        background-color: white;
        transition: background-color 0.5s, color 0.5s;
        margin-bottom: 0 !important;
    }

.accordion label.accordion-open:not(:last-of-type) {
  border-bottom: none;
}

.accordion > input.accordion-open:checked + label.accordion-open {
  color: white;
  background-color: #0092a0;
  border-bottom: 1px solid #ddd;
}

.accordion > label.accordion-open > .accordion-chevron {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 11px;
  height: 4px;
  transition: transform 0.5s;
}

.accordion
  > input.accordion-open:checked
  + label.accordion-open
  > .accordion-chevron {
  transform: rotate(90deg);
}

.accordion > label.accordion-open > .accordion-chevron::before,
.accordion > label.accordion-open > .accordion-chevron::after {
  content: "";
  width: 1rem;
  height: 2px;
  position: absolute;
  right: 0;
  background-color: #0092a0;
  transition: transform 0.5s, background-color 0.5s;
}

.accordion > label.accordion-open > .accordion-chevron::before {
  transform-origin: bottom right;
  transform: translateY(-50%) rotate(-45deg);
  top: calc(50% - 1px);
  top: 0;
}

.accordion > label.accordion-open > .accordion-chevron::after {
  transform-origin: top right;
  transform: translateY(-50%) rotate(45deg);
  top: calc(50% + 1px);
  top: 2px;
}

.accordion
  > input.accordion-open:checked
  + label.accordion-open
  > .accordion-chevron::before,
.accordion
  > input.accordion-open:checked
  + label.accordion-open
  > .accordion-chevron::after {
  background-color: white;
}

.accordion > label.accordion-open > label.accordion-close {
  display: none;
}

.accordion > .accordion-content {
  display: none;
  order: 1;
}

    .accordion > input.accordion-open:checked + label + .accordion-content {
        display: block;
        padding: 3rem 6rem 4rem;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
    }

.accordion .accordion-content:last-of-type {
  border-bottom: 1px solid #dddddd;
}

.accordion-content h1 {
  font-weight: 300;
  color:#003643;
  font-size: 22px;
  line-height: 1;
  margin: 0;
  margin-bottom: 1rem;
}

.accordion .filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.accordion .filter input.filter-list-toggle {
  display: none;
}

.accordion .filter label.filter-list-toggle {
  font-size: 1.5rem;
  line-height: 1;
  padding: 0.25rem 0;
  padding-right: 1.5rem;
  color: #005665;
  font-weight: 300;
  position: relative;
}

.accordion .filter label.filter-list-toggle::after {
  content: "";
  border-top: 0.5rem solid #003643;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.accordion .filter .filter-list {
  position: absolute;
  top: 2rem;
  left: 0;
  display: none;
  flex-direction: column;
  list-style-type: none;
  padding-left: 0;
  color: #005665;
  background-color: white;
  box-shadow: 2px 2px 2px #999999;
}

.accordion .filter .filter-list-toggle:checked ~ .filter-list {
  display: flex;
}

.accordion .filter .filter-list li {
  padding: 0.5rem;
  cursor: pointer;
}

.accordion .filter .filter-search-wrapper {
  position: relative;
}

.accordion .filter .filter-search-wrapper::after {
  content: url("img/search-icon.png");
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  top: 2px;
  right: 0.25rem;
}

.accordion .filter .filter-search {
  font-size: 1.5rem;
  line-height: 2rem;
  border: none;
  border-bottom: 1px solid #01929f;
  color: #005665;
  position: relative;
  padding: 0 calc(0.5rem + 27px) 0 0.5rem;
}

.accordion-content .year-block.hidden {
  display: none;
}

.accordion-content h2 {
  font-weight: 300;
  color: #0092a0;
  font-size: 30px;
  line-height: 36px;
  margin: 55px 0;
}

/* Move to new file: */

.accordion-content table {
  width: 100%;
}

.accordion-content tr.hidden {
  display: none;
}

.accordion-content td {
  /* padding: 1rem; */
  width: 50%;
}

.accordion-content td:first-of-type {
  color: #003333; /* TODO: replace with variable */
  font-size: 24px;
  line-height: 29px;
  font-weight: 300;
}

/*.accordion-content td:first-of-type::before {
  content: url(./img/PDF.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 1rem;
}*/

    .accordion-content td:first-of-type {
        background: url(./img/PDF.svg) 10px 6px no-repeat;
    }


.accordion-content td:last-of-type a,
.accordion-content td:last-of-type button.btn-link{
    color: #0092a0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 34px;
}

.accordion-content td:last-of-type a::before,
.accordion-content td:last-of-type button.btn-link::before {
    content: url(./img/download.svg);
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 0.25rem;
}

.accordion-content .no-results-message {
  margin-top: 3rem;
  font-size: 1.5rem;
  font-weight: 300;
}

.accordion-content .no-results-message.hidden {
  display: none;
}

footer {
/*  background: url(./img/footer-background.svg) bottom left no-repeat;*/
  margin: 2rem 0 0;
  padding: 3rem 0 5rem;
  background-size: cover !important;
  position: relative;
}

.footer-logo {
    background: url(./img/Cinven-logo.png) 0 0 no-repeat;
    width: 190px;
    height: 57px;
    position: absolute;
    bottom: 0;
    right: 20%;
    background-size: contain;
}

footer .footer-inner {
    max-width: 70rem;
    margin: 0 auto;
    padding: 0 1rem;
}

footer .footer-links {
  display: inline-flex;
  list-style: none;
  padding-left: 0;
}

footer .footer-links li + li {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #003643;
}

footer .footer-links li a {
  color: #0092a0;
  text-decoration: none;
}
header {
    max-width: 70rem;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

header img {
    height: 44px;
}

header .title {
    font-size: 1.8rem;
    line-height: 1;
    font-weight: bold;
    color: #0092a0;
    margin: 15px 0 0 10px;
}

header input.user-toggle {
  display: none;
}

    header label.user-toggle {
        margin-left: 30px;
        margin-bottom: 0;
        position: relative;
        font-size: 1.2rem;
        line-height: 1.75rem;
        padding-right: 1.5rem;
        font-weight: 300;
        color: #003643;
        cursor: pointer;
        border-bottom: solid 1px #005665;
        padding: 0.5rem 2.2rem 0.4rem 0.5rem;
    }

header label.user-toggle::after {
  content: "";
  border-top: 0.5rem solid #003643;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
}

    header .user-options {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        list-style: none;
        padding-left: 0;
        background-color: white;
        border: solid 1px #ddd;
        padding: 1rem;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(221,221,221,1);
        -moz-box-shadow: 0px 0px 3px 0px rgba(221,221,221,1);
        box-shadow: 0px 0px 3px 0px rgba(221,221,221,1);

    }

        header .user-options .tip-cont {
            position: absolute;
            top: -15px;
            left: 0;
        }

            header .user-options .tip-cont .tip {
                width: 35px;
                height: 15px;
                display: block;
                background: url("./img/tip-shadow.svg") 0 0 no-repeat;
            }

            header input.user-toggle:checked + label .user-options {
                display: block;
                z-index: 3;
                margin-top: 1rem;
            }

header .user-options li {
  font-size: 1.25rem;
  line-height: 1.5rem;
}


    header .user-options li span.manage-user,
    header .user-options li a {
        color: #003643;
        text-decoration: none;
        font-size: 1rem;
        padding-left: 1.8rem;
        background-size: contain !important;
    }
.sub-nav-users {
    padding: 0 0 0 2.5rem;
}

.sub-nav-users li {
    list-style: none;
    margin: 0 !important;
}
    .sub-nav-users li::before {
        content: ">";
        color: #0092a0;
        display: inline-block;
        width: 1em;
        margin-left: -0.5em
    }
    .sub-nav-users > li > a {
    padding-left: 0 !important;
}

    header .user-options li a.logout {
        background: url("./img/investor-login150x150.svg") 0 0 no-repeat;
    }
    header .user-options li span.manage-user,
    header .user-options li a.manage-user {
        background: url("./img/manage-user-icon150x150.svg") 0 0 no-repeat;
    }
    header .user-options li a.password {
        background: url("./img/Password-icon150x150.svg") 0 0 no-repeat;
    }
    header .user-options li a.user {
        background: url("./img/Username-icon150x150.svg") 0 0 no-repeat;
    }
    header .user-options li a.www {
        background: url("./img/WWW-icon150x150.svg") 0 0 no-repeat;
    }

    header .user-options li a:hover {
        text-decoration: underline;
    }
    .intro {
        max-width: 70rem;
        margin: 0 auto;
        padding: 2rem;
    }

.intro h1 {
  font-size: 2rem;
  line-height: 44px;
  color:#0092a0;
  margin: 0 0 22px;
}

.intro p {
  font-size: 22px;
  line-height: 36px;
  font-weight: 300;
  color: #003643;
}
.section-tabs {
    padding: 0 1rem;
    list-style: none;
    display: flex;
    max-width: 70rem;
    width: 100%;
    margin: 0 auto 2rem;
    flex-wrap: wrap;
    width: 90%;
}

.section-tabs li {
  font-size: 1.3rem;
  line-height: 1.75rem;
  color: #005665;
  margin-right: 2rem;
  margin-bottom: 0.5rem;
}

.section-tabs li + li {
  margin-right: 2rem;
}

    .section-tabs li a {
        text-decoration: none;
        color: inherit;
        font-weight: 300;
        padding: 0.25rem;
    }

        .section-tabs li a:hover,
        .section-tabs li a.active {
            font-weight: bold;
            padding: 0.25rem;
            border-bottom: 1px solid #005665;
        }
.tabs {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    width: 90%;
    margin: 0 auto;
    max-width: 70rem;
}

.tabs > input {
  display: none;
}

    .tabs > input:checked + label,
    .tabs > input:hover + label,
    .tabs > label.active,
    .tabs > label:hover,
    .tabs > label:active {
        border-color: #0092a0;
        color: #0092a0;
    }

    .tabs > label {
        display: block;
        
        font-size: 1.5rem;
        color: #003643;
        border-bottom: 3px solid #003643;
        line-height: 36px;
        cursor: pointer;
        transition: background-color 0.5s;
        user-select: none;
        margin-left: 1rem;
        flex-grow: 1;
        /*flex-basis: 0;
  max-width: 450px;*/
        min-width: 15rem;
    }

        .tabs > label > a {
            color: inherit;
            text-decoration: none;
            display: block;
        }

    .tabs > label.solo-tab {
        min-width: 29rem;
        border: 0;
        color: #003643 !important;
        text-align: center;
        cursor: default;
    }

.tabs > label:first-of-type {
  margin-left: 0;
}



.tabs > .tab-content {
  width: 100%;
  margin: 3rem auto 0;
  display: none;
  position: relative;
  align-items: center;
  flex-direction: column;
  order: 1;
}

.tabs > input:checked + label + .tab-content {
  display: flex;
}

.table-list {
    list-style: none;
    padding: 0;
    margin: 0;

}

.table-list-item {
    display: flex;
}

.saved {
    background-color: #20c997 !important;
}

.table-list li .tbl-content,
.table-list li .tbl-btn {
    width: 50%;
}

    .table-list li .tbl-btn {
        text-align: center;

    }

        .table-list li .tbl-btn .btn-link {
            background: url(./img/download.svg) 0px 0 no-repeat !important;
            padding-left: 30px !important;
            color: #0092a0;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 14px;
        }

        .table-list li .tbl-btn .btn-link.newfile {
            background: url(./img/new-download.svg) 0px 0 no-repeat !important;            
        }

.table-list li .tbl-content {
    padding-left: 45px;
    min-height: 35px;
    color: #003333;
    line-height: 29px;
    font-weight: 300;
    font-size: 1.2rem;
}
.filter-year-wrapper {
    display: inline-block;
}

    .filter-year-wrapper h3 {
        font-size: 1.5rem;
        line-height: 1;
        padding: 0.25rem 0;
        padding-right: 1rem;
        color: #005665;
        font-weight: 300;
        position: relative;
        display: inline-block;
    }

    .filter-year-wrapper .year-list-wrapper {
        display: inline-block;
    }

    .table-list li:nth-child(even) {
        background-color: #eee;
    }
    .table-list li .tbl-content,
    .table-list li .tbl-content .btn-link {
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;
        /*-ms-word-break: break-all;*/
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        /*word-break: break-all;*/
        /* Instead use this non-standard one: */
        word-break: break-word;
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        /*-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;*/
    }

    .table-list li .tbl-content .btn-link{
        text-align: left;
    }

    .table-list li .tbl-content {
        background: url(./img/PDF.svg) 10px 6px no-repeat;
    }
    .table-list li .tbl-content.pdf-icon {
        background: url(./img/PDF.svg) 10px 6px no-repeat;
    }
    .table-list li .tbl-content.xlsx-icon {
        background: url(./img/xlsx.svg) 10px 6px no-repeat;
    }
    .table-list li .tbl-content.docx-icon {
        background: url(./img/docx.svg) 10px 6px no-repeat;
    }



    @media all and (max-width: 35rem) {
        .tabs > .tab-content {
            order: 0;
            margin-bottom: 3rem;
        }

        .right-tri,
        .left-tri {
            display: none !important;
        }

        .login-wrapper {
            width: 100% !important;
        }

        .form-group label {
            width: 47% !important;
        }

        .user-form {
            width: 100% !important;
        }
    }

    @media all and (max-width: 30rem) {

        .user-form {
            width: 100% !important;
        }

        header .title {
            display: none;
        }

        .tabs > .tab-content {
            margin: 1.2rem 0;
        }

        header .user-toggle {
            width: 30%;
        }

        .tabs > label:not(:first-of-type) {
            margin-top: 1rem;
        }

        .table-list-item {
            display: block;
        }

        .table-list li .tbl-content,
        .table-list li .tbl-btn {
            width: 100%;
        }

        .accordion .filter {
            display: block;
        }

            .accordion .filter .filter-search {
                padding: 0;
            }

        .right-tri,
        .left-tri {
            display: none !important;
        }

        .tabs > .tab-content {
            padding: 0;
        }

        .tabs {
            width: 100%;
        }
    }


    /* :root {
  --blue: #0092a0;
  --blue-alt: #01929f;
  --dark-blue: #003643;
  --dark-blue-alt: #005665;
  --outer-width: 115rem;
  --inner-width: 70rem;
}
 */


    main {
        max-width: 115rem;
        margin: 0 auto;
        padding: 0 1rem;
        position: relative;
    }

    .left-tri {
        background: url("../Content/img/tri-left.png") 0 0 no-repeat;
        display: block;
        position: absolute;
        width: 130px;
        height: 300px;
        left: 30px;
        top: 100px;
        background-size: contain;
    }

    .right-tri {
        background: url("../Content/img/tri-right.png") 0 0 no-repeat;
        background-size: 100%;
        display: block;
        position: absolute;
        width: 100px;
        height: 160px;
        right: 50px;
        top: 170px;
        background-size: contain;
    }
    /*#circularG {
    position: relative;
    width: 58px;
    height: 58px;
    margin: auto;
}*/
    #circularG {
        position: absolute;
        width: 58px;
        height: 58px;
        margin: auto;
        top: 50%;
        left: 50%;
        z-index: 100;
    }

    .circularG {
        position: absolute;
        background-color: rgb(0,0,0);
        width: 14px;
        height: 14px;
        border-radius: 9px;
        -o-border-radius: 9px;
        -ms-border-radius: 9px;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        animation-name: bounce_circularG;
        -o-animation-name: bounce_circularG;
        -ms-animation-name: bounce_circularG;
        -webkit-animation-name: bounce_circularG;
        -moz-animation-name: bounce_circularG;
        animation-duration: 1.1s;
        -o-animation-duration: 1.1s;
        -ms-animation-duration: 1.1s;
        -webkit-animation-duration: 1.1s;
        -moz-animation-duration: 1.1s;
        animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-direction: normal;
        -o-animation-direction: normal;
        -ms-animation-direction: normal;
        -webkit-animation-direction: normal;
        -moz-animation-direction: normal;
    }

    #circularG_1 {
        left: 0;
        top: 23px;
        animation-delay: 0.41s;
        -o-animation-delay: 0.41s;
        -ms-animation-delay: 0.41s;
        -webkit-animation-delay: 0.41s;
        -moz-animation-delay: 0.41s;
    }

    #circularG_2 {
        left: 6px;
        top: 6px;
        animation-delay: 0.55s;
        -o-animation-delay: 0.55s;
        -ms-animation-delay: 0.55s;
        -webkit-animation-delay: 0.55s;
        -moz-animation-delay: 0.55s;
    }

    #circularG_3 {
        top: 0;
        left: 23px;
        animation-delay: 0.69s;
        -o-animation-delay: 0.69s;
        -ms-animation-delay: 0.69s;
        -webkit-animation-delay: 0.69s;
        -moz-animation-delay: 0.69s;
    }

    #circularG_4 {
        right: 6px;
        top: 6px;
        animation-delay: 0.83s;
        -o-animation-delay: 0.83s;
        -ms-animation-delay: 0.83s;
        -webkit-animation-delay: 0.83s;
        -moz-animation-delay: 0.83s;
    }

    #circularG_5 {
        right: 0;
        top: 23px;
        animation-delay: 0.97s;
        -o-animation-delay: 0.97s;
        -ms-animation-delay: 0.97s;
        -webkit-animation-delay: 0.97s;
        -moz-animation-delay: 0.97s;
    }

    #circularG_6 {
        right: 6px;
        bottom: 6px;
        animation-delay: 1.1s;
        -o-animation-delay: 1.1s;
        -ms-animation-delay: 1.1s;
        -webkit-animation-delay: 1.1s;
        -moz-animation-delay: 1.1s;
    }

    #circularG_7 {
        left: 23px;
        bottom: 0;
        animation-delay: 1.24s;
        -o-animation-delay: 1.24s;
        -ms-animation-delay: 1.24s;
        -webkit-animation-delay: 1.24s;
        -moz-animation-delay: 1.24s;
    }

    #circularG_8 {
        left: 6px;
        bottom: 6px;
        animation-delay: 1.38s;
        -o-animation-delay: 1.38s;
        -ms-animation-delay: 1.38s;
        -webkit-animation-delay: 1.38s;
        -moz-animation-delay: 1.38s;
    }



    @keyframes bounce_circularG {
        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(.3);
        }
    }

    @-o-keyframes bounce_circularG {
        0% {
            -o-transform: scale(1);
        }

        100% {
            -o-transform: scale(.3);
        }
    }

    @-ms-keyframes bounce_circularG {
        0% {
            -ms-transform: scale(1);
        }

        100% {
            -ms-transform: scale(.3);
        }
    }

    @-webkit-keyframes bounce_circularG {
        0% {
            -webkit-transform: scale(1);
        }

        100% {
            -webkit-transform: scale(.3);
        }
    }

    @-moz-keyframes bounce_circularG {
        0% {
            -moz-transform: scale(1);
        }

        100% {
            -moz-transform: scale(.3);
        }
    }















    button.btn-link {
        background: none !important;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
        /*border is optional*/
        /*border-bottom: 1px solid #444;*/
        cursor: pointer;
    }




    #pageloader {
        background: rgba( 255, 255, 255, 0.8 );
        display: none;
        height: 100%;
        position: fixed;
        width: 100%;
        z-index: 9999;
    }

        #pageloader img {
            left: 50%;
            margin-left: -32px;
            margin-top: -32px;
            position: absolute;
            top: 50%;
        }



    .validation-summary-errors ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 80%;
        margin-left: 14px;
        margin-bottom: 1rem;
    }

        .validation-summary-errors ul li {
            color: #ff0000;
            font-size: 0.8rem;
        }

span.field-validation-error, .validation-summary-errors {
    color: #ff0000;
    font-size: 0.8rem;
    display: block;
}

.footer-credits {
    font-size: 12px;
}

/* Form Styling */

.footer-credits .btn-info {
    font-size: 11px;
    padding: 1px 5px;
    margin: -3px 0 0 5px;
}

    .login-wrapper .title {
        color: #0092A0;
        font-weight: 300;
        font-size: 2rem;
        margin-bottom: 4rem;
        display: block;
    }

            .login-wrapper form .form-group label {
                width: auto;
            }

            .login-wrapper form .form-control {
                width: 100%;
            }

            .login-wrapper form .registerLink {
                color: #0092a0;
                font-size: 0.8rem;
            }

    /* Form Styling */
    .user-form {
        margin: auto;
        width: 50%;
    }

        .user-form .title {
            color: #0092A0;
            font-weight: 300;
            font-size: 2rem;
            margin-bottom: 4rem;
            display: block;
        }

        .user-form .form-group label {
            width: 30%;
        }


    .form-group {
        margin-bottom: 1rem;
    }

        .form-group label {
            display: inline-block;
            width: 15%;
        }

        .form-group .form-control {
            display: inline-block;
            padding: 0.3rem;
            width: 60%;
            border: solid 1px #ddd;
        }

        .form-group.required label:after {
            content: "*";
            color: red;
        }

    .opt {
        text-align: right;
        width: 90%;
        margin: 1rem 0;
    }

        .opt .btn {
            background-color: #0092A0;
            color: #fff;
            border: none;
            padding: 6px 15px;
            border-radius: 4px;
            margin: 0 2rem 0 0;
            text-transform: uppercase;
        }

        .opt .cancel-btn {
            color: #000;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: 600;
        }


    /* Fund review */
    .table-list-with-subsections li.table-list-item {
        padding-bottom:10px;
    }

    .table-list-with-subsections li ul.table-list {
        width: 100%;
    }

    .table-list-with-subsections li .tbl-content {
            background: inherit;
            padding-left:0;
        }

    .table-list-with-subsections li ul li.table-list-item form,
    .table-list-with-subsections li ul li.table-list-item div {
        display: inline;
    }

    .table-list-with-subsections li ul li.table-list-item.heading-50-50 form, 
    .table-list-with-subsections li ul li.table-list-item.heading-50-50 div {
        display: inline;
    }

    .table-list-with-subsections li ul li.table-list-item {
        display: inline-block;
        background-color: inherit;
        width: 100%;
        padding:3px 0 5px;
    }

    .table-list-with-subsections li ul li.table-list-item.heading-50-50 {
        display: inline-block;
        background-color: inherit;
        width: 49%;
    }

    .table-list-with-subsections li ul.table-list li div .btn-link {
        background-size: 25px 25px !important;
        padding: 0 0 7px 35px !important;
    }

    .table-list li .tbl-btn.pdf-icon .btn-link {
        background: url(./img/pdf25.png) 0px 0 no-repeat !important;
    
    }

    .table-list li .tbl-btn.doc-icon .btn-link {
        background: url(./img/doc25.png) 0px 0 no-repeat !important;
    }

    .table-list li .tbl-btn.docx-icon .btn-link {
        background: url(./img/docx25.png) 0px 0 no-repeat !important;
    }

    .table-list li .tbl-btn.xls-icon .btn-link {
        background: url(./img/xls25.png) 0px 0 no-repeat !important;
    }

    .table-list li .tbl-btn.ppt-icon .btn-link {
        background: url(./img/xls25.png) 0px 0 no-repeat !important;
    }

    .table-list li .tbl-btn.pptx-icon .btn-link {
        background: url(./img/xlsx25.png) 0px 0 no-repeat !important;
    }

    .table-list li .tbl-btn.xlsx-icon .btn-link {
        background: url(./img/xlsx25.png) 0px 0 no-repeat !important;
    }

    /* Form Styling */
    .users-wrapper {
        width: 80%;
        margin: auto;
    }

        .users-wrapper .title {
            color: #0092A0;
            font-weight: 300;
            font-size: 2rem;
            margin-bottom: 1rem;
            display: block;
        }

    .dataTables_length {
        width: 50%;
        display: inline-block;
        margin-bottom: 4rem;
    }

    .dataTables_filter {
        width: 50%;
        text-align: right;
        display: inline-block;
        margin-bottom: 4rem;
    }

    .user-options li {
        margin-bottom: 0.5rem;
    }

    .dataTable {
        border: none;
        border-spacing: 0;
        border-collapse: collapse;
    }

        .dataTable th {
            background-color: #0092A0;
            width: 20% !important;
            padding: 1rem 0.5rem;
            text-align: left;
            color: #fff;
            font-weight: 500;
        }

        .dataTable tr a {
            text-decoration: none;
            color: #2b5662;
        }

        .dataTable tr {
            padding: 1rem 0.5rem;
            color: #2b5662;
        }

            .dataTable tr.odd {
                padding: 1rem 0.5rem;
                background-color: #d7d7d7;
                color: #2b5662;
            }

            .dataTable tr td {
                padding: 1rem 0.5rem;
            }

    .dataTables_info {
        width: 50%;
        display: inline-block;
        margin-bottom: 4rem;
        border-top: solid 1px #ddd;
        padding-top: 1rem;
    }

    .dataTables_paginate {
        width: 50%;
        text-align: right;
        display: inline-block;
        margin-bottom: 4rem;
        border-top: solid 1px #ddd;
        padding-top: 1rem;
    }

        .dataTables_paginate span {
            margin: 0 2rem;
        }


    .dataTables_length label {
        color: #0092a0;
        font-size: 1.3rem;
    }

    .dataTables_length select {
        border: none;
        border-bottom: solid 1px #0092a0;
        color: #0092a0;
    }

    .dataTables_filter {
        width: 50%;
        text-align: right;
        display: inline-block;
        margin-bottom: 4rem;
    }

        .dataTables_filter input {
            border: none;
            border-bottom: solid 1px #0092a0;
            padding: 0.5rem;
        }


    .accordion-content-outer {
        border-left: solid 4px #0092a0;
        padding-left: 2rem;
        margin-bottom: 4rem;
        width: 89%;
        margin: 0 auto 4rem;
    }

    .accordion-content .year-block.hidden {
        display: none;
    }

    .accordion-content h2 {
        font-weight: 300;
        color: #0092a0;
        font-size: 30px;
        line-height: 36px;
        margin: 55px 0;
    }

    /* Move to new file: */

    .accordion-content-outer table,
    .accordion-content table {
        width: 100%;
    }

    .accordion-content-outer tr.hidden,
    .accordion-content tr.hidden {
        display: none;
    }

    .accordion-content-outer td,
    .accordion-content td {
        /* padding: 1rem; */
        width: 50%;
    }

        .accordion-content-outer td:first-of-type,
        .accordion-content td:first-of-type {
            color: #003333; /* TODO: replace with variable */
            font-size: 24px;
            line-height: 29px;
            font-weight: 300;
        }

        /*.accordion-content-outer td:first-of-type::before,
.accordion-content td:first-of-type::before {
  content: url(./img/PDF.svg);
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 1rem;
}*/

        .accordion-content-outer td:first-of-type,
        .accordion-content td:first-of-type {
            background: url(./img/PDF.svg) 10px 6px no-repeat;
            padding-left: 3.2rem;
            padding-right: 3rem;
            font-size: 19px;
            transition: 0.1s;
        }

    .accordion-content-outer tr:nth-child(even),
    .accordion-content tr:nth-child(even) {
        background-color: #eee;
    }

    .accordion-content-outer tr:hover,
    .accordion-content tr:hover {
        background-color: #003643;
        color: #fff;
    }

        .accordion-content-outer tr:hover td button.btn-link,
        .accordion-content-outer tr:hover td,
        .accordion-content-outer tr:hover a,
        .accordion-content tr:hover td button.btn-link,
        .accordion-content tr:hover td,
        .accordion-content tr:hover a {
            color: #fff;
        }


    .accordion-content-outer td:last-of-type a,
    .accordion-content td:last-of-type a {
        color: #0092a0;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 34px;
    }

        .accordion-content-outer td:last-of-type a::before,
        .accordion-content td:last-of-type a::before {
            content: url(./img/download.svg);
            display: inline-block;
            width: 21px;
            height: 21px;
            margin-right: 0.25rem;
        }





    .accordion-content-outer td:last-of-type button {
        color: #0092a0;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 34px;
        border: none;
        background: transparent;
        cursor: pointer;
        padding: 0;
        margin-left: -1rem;
    }

        .accordion-content-outer td:last-of-type button::before {
            content: url(./img/download.svg);
            display: inline-block;
            width: 21px;
            height: 21px;
            margin-right: 0.25rem;
        }

    .accordion-content-outer .no-results-message,
    .accordion-content .no-results-message {
        margin-top: 3rem;
        font-size: 1.5rem;
        font-weight: 300;
    }

    .accordion-content td:last-of-type button.newfile::before,
    .accordion-content-outer td:last-of-type button.newfile::before {
        content: url(./img/new-download.svg);
        margin-left: -6px;
        margin-right: 10.1px;
    }


    /* Customize the label (the container) */
    .container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #0092a0;
    }

    /* On mouse-over, add a grey background color */
    .container:hover input ~ .checkmark {
        background-color: #0092a0;
    }

    /* When the checkbox is checked, add a blue background */
    .container input:checked ~ .checkmark {
        background-color: #0092a0;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .container input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .container .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }



.footer-contact {
    position: relative;
    display: flex;
    font-weight: 300;
    font-size: 1rem;
    line-height: 29px;
    width: 80%;
    margin: 5rem auto 0;
}

    .footer-contact h3 {
        font-weight: 200;
        font-size: 1.5rem;
    }
    .footer-contact h4 {
        font-weight: 500;
        font-size: 1rem;
        margin: 1.5rem 0 0 0; 
    }

    .footer-contact-left {
        width: 30%;
    }
.footer-contact-right {
    width: 70%;
}
.far-right {
    display: flex;
}
.far-right > div {
    width: 50%;
}
.far-right div a {
    color: #212529;
}
/* mobile devices */
@media all and (max-width: 48rem) {
    .left-tri, .right-tri, .video-options {
        display: none !important;
    }

    .accordion > input.accordion-open:checked + label + .accordion-content {
        padding: 3rem 1rem 4rem;
    }

}

@media all and (max-width: 35rem) {
    .accordion > input.accordion-open:checked + label + .accordion-content {
        padding: 3rem;
    }

    .video-options {
        display: none !important;
    }
}

@media all and (max-width: 30rem) {
    .accordion > input.accordion-open:checked + label + .accordion-content {
        padding: 1rem;
    }

    .accordion-content tr {
        display: flex;
        /* flex-direction: column; */
        margin-top: 1rem;
    }
}


.multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
    margin: 0;
    width: auto;
}



.multiselect-native-select .btn-group, .multiselect-native-select .btn-group-vertical {    
    width: 60%;
}



/* new styling pages Ace 2019 - this will seriously need to be changed to precomplied css at later date.... */

.wrapper-module {
    padding: 0 0 5rem 0;
}
    .wrapper-module h2 {
        font-size: 36px;
        line-height: 44px;
        font-weight: 300;
        color: #0092a0;
        margin: 2rem 0 22px 0;
    }

.wrapper-module-content {
    margin: 0 auto 0;
    max-width: 1000px;
    width: 100%;
    overflow: hidden;
    padding: 0 2rem;
}
.grey-bg {
    background-color: #f0f0f0;
}

.manage-hub {
    display: flex;
    list-style: none;
    padding: 0;
    margin: -0.5rem;
    margin-top: 1rem;
}
    .manage-hub li {
        width: 25%;
        text-align: center;
        border: solid 0.5rem transparent;
    }
        .manage-hub li a {
            display: block;
            background-color: #0092A0;
            color: #fff;
            min-height: 170px;
            font-size: 1.6rem;
            font-weight: 300;
            text-decoration: none;
            transition: 0.2s;
        }

            .manage-hub li a:hover {
                color: #005665;
                transition: 0.2s;
            }
        .manage-hub li span {
            display: block;
            font-size: 5rem;
            margin-bottom: 0.5rem;
            padding-top: 1rem;
        }

        .sub-options {
            display: flex;
            padding: 0;
            margin: -0.5rem;
            margin-top: 0.5rem; 
        }
    .sub-options .panel {
        width: 33.33%;
        border: solid 0.5rem #f0f0f0;
        background-color: #fff;
        padding: 2rem;
    }

        .sub-options .panel > h3 {
            text-align: center;
            font-size: 1.7rem;
            line-height: 1.75rem;
            font-weight: 300;
            color: #003643;
            margin: 0 0 3rem 0;
        }

        .sub-options .panel ul li {
            margin: 0 0 1rem 0;
        }
            .sub-options .panel ul,
            .sub-options .panel ul li,
            .sub-options .panel ul li a {
                color: #003643;
                text-decoration: underline;
                font-size: 1.1rem;
                transition: 0.2s;
            }

            .sub-options .panel ul li a:hover {
                color: #0092A0;
                transition: 0.2s;
            }


.btn.float-right {
    margin: 0;
}
.btn {
    background-color: #0092a0;
    color: #fff;
    border: none;
    padding: 6px 15px;
    border-radius: 4px;
    margin: 0 2rem 0 0;
    text-transform: uppercase;
}
    .btn:hover {
        background-color: #005665;
    }




.textarea-input {
    width: 100%;
    height: 250px;
    border: solid 1px #ddd;
    color: #0092A0;
}


.icon-Icon_Trash {
    color: #0092a0;
    font-size: 1.5rem;
    cursor: pointer;
    transition: 0.2s;
}

    .icon-Icon_Trash:hover {
        transition: 0.2s;
        color: #000;
    }

    .email-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .email-list li {
        margin: 0 0 1rem 0;
    }

        .email-list li input {
            border: solid 1px #ddd;
            width: 70%;
            padding: 0.5rem;
            margin: 0 0 0 1rem;
        }

        .email-list li button {
            border: none;
            background-color: transparent;
        }



.roles-content {
    padding: 0.5rem !important;
}

    .roles-content th {
        font-weight: 300;
        font-size: 1.3rem;
        color: #0092a0;
        padding: 0.8rem 0 0.8rem 0;
        
    }


    .roles-content td {
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
    }

        .roles-content td:first-of-type {
            background: url(./img/PDF.svg) 10px 17px no-repeat;
        }

        .roles-content td.pdf-icon {
            background: url(./img/pdf25.png) 10px 17px no-repeat;
        }
        .roles-content td.xlsx-icon {
            background: url(./img/xlsx25.png) 10px 17px no-repeat;
        }
        .roles-content td.docx-icon {
            background: url(./img/docx25.png) 10px 17px no-repeat;
        }

    .roles-content tr {
        margin: 2rem 0;
        background-color: #fff !important;
        transition: 0.2s;
    }
        .roles-content tr:hover {
            background-color: #003643 !important;
            transition: 0.2s;
        }

        .roles-content .table-list li {
            padding: 0.4rem;
        }
        .roles-content .table-list li,
        .roles-content .table-list li a {
            background-color: #fff !important;
            color: #005665;
        }

    .roles-content .dropdown-menu {
        min-width: 350px;
        width: 100%;
    }


.icon-Icon_Trash {
    text-decoration: none;
}

    /*.form-control {
        display: none;
    }*/
/* ICON FONTS */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?dggafb');
    src: url('fonts/icomoon.eot?dggafb#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?dggafb') format('truetype'), url('fonts/icomoon.woff?dggafb') format('woff'), url('fonts/icomoon.svg?dggafb#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Icon_PDF:before {
    content: "\e906";
}

.icon-Icon_Trash:before {
    content: "\e907";
    text-decoration: none;
}

.icon-Icon_Roles:before {
    content: "\e904";
}

.icon-Icon_Companies:before {
    content: "\e900";
}

.icon-Icon_Configuration:before {
    content: "\e901";
    display: block;
}

.icon-Icon_Email:before {
    content: "\e902";
    display: block;
}

.icon-Icon_Funds:before {
    content: "\e903";
}

.icon-Icon_Users:before {
    content: "\e905";
}

.no-icon {
    background: none !important;
    padding: 0 !important;
}

tr.no-bg:hover,
tr.no-bg:hover td {
    background-color: #fff !important;
    color: #000 !important;
}

.sub-title {
    color: #005665;
}

.roles-content .table-list li a::before {
    display: none !important;
}

button.error {
    background-color: orangered !important;
}





/*agm video*/
#agm-video {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
}

#agm-video .video-container {
    width: 50%;
    float: left;
}

#page-agm .additionalText{
    text-align: center;
}


.consolidatedblock {

}
/*powerbi embed*/
#embedContainer {
    height: 1000px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

#embedContainer iframe {
    border: none;
}

#dashboardContainer {
    height: 920px;
    width: 100%;
    max-width: 1320px;
}

#dashboardContainer iframe {
    border: none;
}

@charset "utf-8";

#page {
	height:100%;
	box-sizing:border-box;
}

/*  HEADER
	-------------------------------------------------------------------------- */
#page > header {
	background-color:#fff;
}
#page > header .logo {
	display:inline-block;
	padding:10px 0 10px 10px;
}
#page > header .logo img {
	display:block;
}
#page > header h1 {
	display:inline-block;
	padding:6px 10px 6px 10px;
	margin:0;
	font-size:22px;
	font-weight:normal;
	color:#555;
}
#page > header .logo,
#page > header h1 {
	vertical-align:bottom;
}

/*  PAGE MIDDLE
	-------------------------------------------------------------------------- */
    #page > .mid {
        position: relative;
        box-sizing: border-box;
        padding: 0 10px;
        background-color: #f4f4f4;
    }


/*  MEDIA 50%/50%
	-------------------------------------------------------------------------- */
.mid > .media {
	position:relative;
	margin-bottom:15px;
	overflow:hidden;
}
#split-screen {
	position:relative;
	display:table;
	table-layout:fixed;
	width:100%;
}
.video-options {
    display: flex;
    position: absolute;
    top: 10px;
}

    .video-options h5 {
        font-weight: 400;
        font-size: 1rem;
    }

    .video-options ul {
        display: flex;
        list-style: none;
        margin-right: auto;
        padding: 0;
        margin-left: 10px;
    }


.video-options ul li {
    margin-right: 1rem;
}

#video-container, #slides-container {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
}
#video-container { 
	padding-right:10px; 
}
#slides-container { 
	position:relative;
	padding-left:10px;
	height:100%;
}

#resizer {
	-webkit-user-select:none;
	position:absolute;
	left:50%;
	top:0;
	width:40px;
	height:100%;
	margin-left:-20px;
	min-height:300px;
	background:transparent;
	z-index:10;
	cursor:e-resize;
    display: none;
}
#resizer::before {}
#resizer::after {
	position:absolute;
	display:block;
	content:'';
	width:10px;
	height:45px;
	top:50%;
	left:50%;
	margin-left:-5px;
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAApCAMAAAA71EgXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAM0lEQVR42mJgYGBkhGAGJCYjHCAzB4NaXEwGOA3RycDAyMAAYzIgiyKrJcGKQRtQAAEGAAaOASkaPeIoAAAAAElFTkSuQmCC') no-repeat 50% 50%;
	opacity:0.3;
}
#resizer:hover::before {

}
#resizer:hover::after {
	opacity:0.5;
}


#shield {
	display:none;
	-webkit-user-select:none;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,0,0,0);
	z-index:9;
}

@media (max-width:639px) {
	/* Stack halves vertically */
	#split-screen {
		display:block;
	}
	#video-container,
	#slides-container {
		display:block;
		width:100% !important;
		padding:0;
	}
	#resizer {
		display:none;
	}
}
/* ipad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#split-screen {
		display:block;
	}
	#video-container,
	#slides-container {
		display:block;
		width:100% !important;
		padding:0;
	}
	#resizer {
		display:none;
	}
}

/*  VIDEO DISPLAY SIZES
	-------------------------------------------------------------------------- */

.type-button {
    display: inline-block;
    text-indent: -9999px;
    width: 34px;
    height: 16px;
    margin-top: 5px;
    margin-right: -0.5rem;
}
.type-1-button {
    background: url(/Content/pres-vid/img/half-half-icon-grey.svg);
    background-size: contain;
    background-position: 0 0px;
    background-repeat: no-repeat;
}
.type-2-button {
    background: url("/Content/pres-vid/img/three-quarter-icon-grey.svg");
    background-size: contain;
    background-position: 0 0px;
    background-repeat: no-repeat;
}
.type-3-button {
    background: url("/Content/pres-vid/img/three-quarter-icon-1-grey.svg");
    background-size: contain;
    background-position: 0 0px;
    background-repeat: no-repeat;
}

.split-screen.type-1 .type-1-button {
    background: url(/Content/pres-vid/img/half-half-icon-blue.svg);
    background-size: contain;
    background-position: 0 0px;
    background-repeat: no-repeat;
}

.split-screen.type-2 .type-2-button {
    background: url(/Content/pres-vid/img/three-quarter-icon-blue.svg);
    background-size: contain;
    background-position: 0 0px;
    background-repeat: no-repeat;
}

.split-screen.type-3 .type-3-button {
    background: url(/Content/pres-vid/img/three-quarter-icon-1-blue.svg);
    background-size: contain;
    background-position: 0 0px;
    background-repeat: no-repeat;
}

/*  VIDEO HALF
	-------------------------------------------------------------------------- */
#video-container .video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.2%;
    margin-top: 40px;
}
#video-container .video-wrapper iframe,
#video-container .video-wrapper > div {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/*  SLIDES HALF
	-------------------------------------------------------------------------- */
/* Tabs */
#slides-container .tabs {
	margin-top:10px;
    padding:0;
}
    #slides-container .tabs a {
        display: inline-block;
        padding: 5px 15px 3px 15px;
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
        color: #fff;
        background-color: #003643;
        margin-left: auto;
    }
#slides-container .tabs a+a {
	/**/margin-left:0px;
}
        #slides-container .tabs a:hover,
        #slides-container .tabs a.active {
            color: #fff;
            background-color: #0092a0;
            padding: 5px 15px;
            border-bottom: 0;
        }
#slides-container .tabs a.active {
	border-right:1px solid rgba(0,0,0,0.1);
}
/* end tabs*/

#current-slide,
#slides-list {
	visibility: hidden;
}
#current-slide.active,
#slides-list.active {
	visibility: visible;
}

/* Current slide box */
#slides-container .slides-wrap {
	position:relative;
	width:100%;
	height:calc(100% - 41px);
	/*padding-top:56.2%;
	background-color:#fff;*/
}
#current-slide {
	position:relative;
	top:0;
	right:0;
	/*bottom:0;
	left:0;*/
	width:100% !important;
	/*height:100% !important;*/
	padding-top: 56.2%;
}
#current-slide::before {
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	overflow:hidden;
	top:50%;
	left:50%;
	border:6px solid #00929F;
	border-right-color:transparent;
	border-radius:50%;
	margin:-15px 0 0 -15px;
	animation:rotate 1s infinite linear;
}

@keyframes rotate {
  0%    { transform:rotate(0deg); }
  100%  { transform:rotate(360deg); }
}
#current-slide img {
	display:block;
	position:absolute;
	width:100%;
	height:auto;
	top:0;
}
/* end current slide box */

/* slide list box */
#slides-list {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100% !important;
    height:100% !important;
	overflow:hidden;
    overflow-y:auto;
	background-color:#fff;
}
#slides-list ul {
	list-style:none;
	padding:10px;
	margin:0;
}
#slides-list li {
	border-bottom:1px dotted #ccc;
}
#slides-list li a {
	display:table;
	text-decoration:none;
	color:#674447;
	padding:5px 0;
}
#slides-list li a:hover {
	background-color:#f6f2ef;
}
#slides-list li a span.thumb,
#slides-list li a span.title {
	display:table-cell;
	vertical-align:top;	
}
#slides-list li a span.thumb {
	padding-right:10px;
}
#slides-list li a span.title {
	width:10000px;
	vertical-align:middle;
}
#slides-list li a img {
	display:block;
	-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.4);
}

/* end slide list box */

/*  CHAPTERS
	-------------------------------------------------------------------------- */
.chapters {}
.chapters .session {
	margin-bottom:15px;
}
.chapters .session h3 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 100;
    color: #0092a0;
    margin: 0 0 22px;
}
.chapters .session ul {
	list-style:none;
	padding:0;
	margin:0;
}

    .chapters .session li:nth-child(even) a {
        background-color: #fff;
    }
    .chapters .session li a {
        display: block;
        padding: 10px;
        font-size: 1.1rem;
        font-weight: 100;
        color: #674447;
        text-decoration: none;
        background-color: #f4f4f4;
    }
        .chapters .session li a:hover,
        .chapters .session li.active a {
            color: #fff;
            background-color: #003643;
        }

    .chapters .session li a {
        border-width: 8px;
        border-style: solid;
        border-top: none;
        border-right: none;
        border-bottom: none;
    }
    
    .chapters .session li a.business { border-image: linear-gradient(to left, #4362ab, #8595cb) 1 100%; }
    .chapters .session li a.consumer { border-image: linear-gradient(to left, #e7590f, #f08c17) 1 100%; }

        .chapters .session li a.financial {
            border-image: linear-gradient(to left, #0e9b96, #9ed5d3) 1 100%;
        }
        .chapters .session li a.healthcare {
            border-image: linear-gradient(to left, #f8ad21, #fed729) 1 100%;
        }
        .chapters .session li a.industrials {
            border-image: linear-gradient(to left, #75247a, #b22a87) 1 100%;
        }
        .chapters .session li a.tmt {
            border-image: linear-gradient(to left, #cbcd5c, #89ac28) 1 100%;
        }
    .chapters .session li a { border-left: 8px solid transparent; }


.type-1 #video-container {
    width: 50%;
}

.type-1 #slides-containerr {
    width: 50%;
}

.type-2 #video-container {
    width: 30%;
}

.type-2 #slides-containerr {
    width: 70%;
}


.type-3 #video-container {
    width: 70%;
}
.type-3 #slides-containerr {
    width: 30%;
}

@media (min-width:480px) {
    /* on wider than 480 put sesions side by side */
    .chapters {
		display:table;
		width: 100%;
		table-layout:fixed;
	}
	.chapters .session {
		display:table-cell;
		box-sizing:border-box;
	}
	.chapters .session:first-child {
		padding-right:10px;
	}
	.chapters .session:last-child {
		padding-left:10px;
	}
}
@media (min-width:960px) {
	/* on wider than 960 put links within session into columns */
	.chapters .session ul {
		-webkit-columns:2;
		-moz-columns:2;
		columns:2;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}
	.chapters .session ul li {
		-webkit-column-break-inside:avoid;
		page-break-inside:avoid;
		break-inside:avoid;
	}
	/* FOR IE < 10 */
	.ie8 .chapters .session ul,
	.ie9 .chapters .session ul {
	}
	.ie8 .chapters .session ul li,
	.ie9 .chapters .session ul li {
	}
}
@media (min-width: 1041px) {
    .chapters .session li a {
        padding: 10px;
        font-size: 1.1rem;
        font-weight: 100;
    }
}


/*  SECTOR COLOURS LEGEND
	-------------------------------------------------------------------------- */
.colour-legend {
	width:100%;
	padding:20px 0;
}
@media (min-width:960px) {
	/* on wider than 960 put sector legend in full width */
	.colour-legend {
		box-sizing:border-box;
		width:50%;
		padding-right:10px;
	}
}

.colour-legend ul {
	list-style:none;
	padding:0;
	margin:0;
}
.colour-legend li {
	display:inline-block;
	padding:3px 4px 3px 0;
	font-size:10px;
	color:#797979;
    margin-right: 1rem;
}
    .colour-legend li::before {
        display: inline-block;
        content: "";
        width: 26px;
        height: 27px;
        vertical-align: middle;
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 5px;
    }
    .colour-legend li.business::before {
        background-image: url("/Content/pres-vid/img/Business Services-icon.svg");
    }
    .colour-legend li.consumer::before {
        background-image: url("/Content/pres-vid/img/Consumer-icon.svg");
    }
    .colour-legend li.financial::before {
        background-image: url("/Content/pres-vid/img/Financial Services.svg");
    }
    .colour-legend li.healthcare::before {
        background-image: url("/Content/pres-vid/img/Healthcare-icon.svg");
    }
    .colour-legend li.industrials::before {
        background-image: url("/Content/pres-vid/img/Industrial Copy 2.svg");
    }
    .colour-legend li.tmt::before {
        background-image: url("/Content/pres-vid/img/TMT-icon@2x.svg");
    }



/*  FOOTER
	-------------------------------------------------------------------------- */

#page > .legal {
    padding: 20px 10px;
    font-size: 11px;
    color: #999;
    margin: 3rem auto;
    max-width: 950px;
}
    #page > .legal h2 {
        font-weight: 100;
        font-size: 1.5rem;
    }
    #page > .legal p {
	margin:0;
}
#page > .legal a {
	color:#999;
	text-decoration:none;
}

#playerElement {
	padding:0 !important;
}