#DeltaPlaceHolderMain *, #DeltaPlaceHolderMain *:before, #DeltaPlaceHolderMain *:after {
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#DeltaPageStatusBar {
	display:none
}
.site-contents{padding:0}
.section-wrapper {padding: 15px 0;}
.page-wrapper { padding:30px 0}
.page-title { display:flex;padding-left:120px;position:relative;    z-index: 1;}
.page-title:before {
	content: "";
    width: 24%;
    height: 400px;
    background-color:#464f59;
    position: absolute;
    top: -22px;
    z-index: -1;
    left: 0px;
    box-shadow: 2px 8px 10px rgb(51 51 51 / 30%);
}
.page-title:after {
	content: "";
    width: 90px;
    height: 256px;
    background-color: transparent;
    position: absolute;
    top: 49px;
    z-index: -1;
    left: 31px;
    border: none;
    border-left: 1px dashed #FFD52D;
    border-top: 1px dashed #FFD52D;}

.page-title span {height:50px;width:100%; background:#FFD52D;text-transform:uppercase;font-size:15px;font-weight:700;color:#333;line-height: 50px;
    padding: 0 20px;}
.page-content {
	margin:0;padding:20px 0 0 50px;z-index:0
}    
.page-content-inner {
	 background:#EFF6FC;position:relative;z-index:1;padding: 2%;
}
.contents {
	padding:15px
}

/* Tab view */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
      background: #2c3e50;
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: 500;
  cursor: pointer;
  font-size:14px
  /* Icon */
}
.tab-label:hover {
  background: #1a252f;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tab-label.no-arrow::after  {
	display:none
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: rgb(255 255 255 / 78%);
  transition: all 0.35s;
  overflow-y: auto;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tab-close:hover {
  background: #1a252f;
}

input:checked + .tab-label {
  background: #1a252f;
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}
.tab label a:link, .tab label a:visited {
	color:#fff
}
.tab label a:hover {
	text-decoration:none;color:#ffd52d
}

/* end:tab styles */

/* Downloads */
.downloads .page-content-inner {display:flex}
.downloads .tabs {    width: 230px;}
.downloads .contents {width: calc(100% - 230px);}
.downloads .tab-content .heading a:link,.downloads .tab-content .heading a:visited {
	color:#35353a	
}
.downloads .tab-content .heading a:hover {
	text-decoration:none;color:#ffd52d
}



/* ========= Grid Items ============================ */
.grid-item-wrap { display:flex;flex-direction: column;margin-bottom: 60px; position:relative}
.grid-title {
    position: absolute;
    height: 30px;
    width: calc(100% - 80px);
    left: 80px;
    background: #bcbcbc;
    line-height: 30px;
    padding: 0 15px;
    font-weight: 600;
    color: #000; top:-15px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;}
.grid-content {
    padding: 20px 15px 15px 15px;
    background: #fff;
    box-shadow: 1px 1px 5px #e3e3e3;
    min-height: 140px;
}
.grid-content label {
	width: 100%;
    padding: 5px 0;
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #333;
    margin-top: 10px;
}