.fullTable {
    width: 100%;
}

.tableContainer {
    padding: 0px 20px 25px;
}

.tableContainer .tableTitle {
    width: 100%;
    background: var(--mediumgray);
    color: white;
    padding: 5px 0px;
    text-align: center;
    font-size: 18px;
}

.tableContainer table{
    border-collapse: collapse;
}

.tableContainer tbody tr {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.tableContainer .tableNotes {
    font-size: 12px;
    font-style: italic;
}


.content-centered img {
    max-width: 100%;
}

.modeContainer {
    padding: 0px 50px;
}

.specModes img {
    width: 250px;
    margin: 0px auto;
    display: block;
}

.specModes h4 {
    text-align: center;
    margin: 10px 0px;
    font-size: 20px;
}

.specModes {
    padding: 30px;
}

.specModes p {
    font-size: 14px;
}



.icon_blue {
    color: #8686e9;
}

.icon_red {
    color: #e36565;
}



.syshi_cont {
    width: 25%;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    border-right: 1px solid #dedede;
    position: relative;
    max-width: 350px;
}

img.syshi_img {
    width: 80%;
    margin: auto;
    display: block;
}

p.syshi_desc {
    font-size: 13px;
    color: #686868;
    margin-top: 15px;
}

.syshi_full{
	width:100%;
	padding: 10px 20px;
}

img.syshi_mainimg {
    display: block;
    margin: auto;
    height: 300px;
    background-image: url("/img/syshighlight_all.png");
    background-size: contain;
}

.syshi_cont:nth-of-type(4) {
    border-right: none;
}


.syshi_learnmore {
    padding: 10px 20px;
    /* border: 2px solid #4398d6; */
    text-align: center;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    color: #4398d6;
    font-weight: bold;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
    margin: 20px auto;
}

.syshi_learnmore:hover{
	background: #4398d6;
	color: white;
}

.centerCol {
    max-width: 900px;
    margin: auto;
}

.halfCol {
    width: 50%;
    float: left;
	position:relative;
}

.halfCol img {
    height: 60px;
    display: block;
    margin: auto;
}

.fullCol img {
    float: left;
    margin-top: 16px;
    height: 75px;
    padding-right: 12px;
}

.fullCol {
    padding: 10px;
}

.halfColfullimg{
	max-height: 185px !important;
	height: auto !important;
	max-width: 90%;
}

.hpm_cont {
    width: 50%;
    float: left;
}

.hpm_cont img {
    display: block;
    margin: auto;
    margin-top: 20px;
    max-height: 245px;
    max-width: 95%;
    height: auto;
}

.txt_orange, .txt_red, .txt_green, .txt_blue{
	font-weight:bold;
	text-decoration:none !important;
}

.txt_orange{
	color: #d19267;
}
.txt_red{
	color: #e70000;
}
.txt_green{
	color: #349b3c;
}
.txt_blue{
	color: #4040de;
}

.fullCol_Comm {
    width: 100%;
    padding: 10px;
}

.fullCol_Comm img {
    height: 160px;
    float: left;
    margin-right: 20px;
	border-radius:10px;
}

p.CommMainTxt {
    font-size: 14px;
    color: #686868;
}

.commIcnArea {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.commIcn img {
    height: 35px;
    float: none;
    display: block;
    margin: auto;
    border-radius: 0px;
}

.commIcn {
     /* float: left; */
     text-align: center;
     width: 80px;
     margin: 5px 5px;
}

.commIcn p {
    font-weight: bold;
    font-size: 13px;
    color: #686868;
}

.lgcommicn {
    width: 100px;
}

.lgcommicn img {
    height: 50px !important;
}

img.sizeImg {
    width: 80%;
    display: block;
    margin: auto;
    max-width: 500px;
}

.thirdCont {
    width: 33%;
    float: left;
    padding: 5px;
}


th{
    padding:5px 10px;
    font-weight: normal;
    text-align: left;
}


table td:nth-of-type(1) span{
    vertical-align: -5px;
    padding-right: 5px;
}

table td:nth-of-type(2) {
    /* width: 154px; */
}

td {
    padding: 5px 10px;
    /* border-bottom: 1px solid #808080; */
    /* border-top: 1px solid #808080; */
}

.thirdCont table {
    width: 100%;
}

table{
	margin:auto;
	width: 100%;
}

.smscr{
	display:none;
}

.syshi_full_desc{
	width: 95%;
	margin:10px auto;
	padding: 10px;
	font-size: 14px;
	color: white;
}

.desc_fans{
	background: #8894b6;
} 

.desc_hp{
	background: #d04e4e;
} 

.desc_filt{
	background: #6fa26e;
	color: white;
} 

.desc_controls{
	background: #ae63a7;
} 

.syshi_maincont {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.under_purple{
	box-shadow: 0px 4px 3px -3px #8d5fd3;
	padding-bottom: 5px;
	min-height: 130px;
}
.under_red{
    box-shadow: 0px 4px 3px -3px #ff5b5b;
    padding-bottom: 5px;
    min-height: 130px;
}

.under_green{
    box-shadow: 0px 4px 3px -3px #1cb676;
    padding-bottom: 10px;
}

.under_orange{
	box-shadow: 0px 5px 4px -4px #ff9955;
}

a.pdfDownload {
    width: 250px;
    max-width: 50%;
    opacity: 0.8;
    text-decoration: none;
    font-size: 13px;
    text-align: center;
    color: black;
}

a.pdfDownload:hover {
    opacity: 1;
}

@media only screen and (max-width: 850px){
	.halfCol{
		display:block;
		float:none;
		width:100%;
	}
	.fullCol{
		width: 90%;
		margin:auto;
		padding: 0px;
	}
	p.int_fc_subtxt{
		width: 70%;
		margin-top: 0px !important;
		margin-bottom: 30px;
	}

	.fullCol img{
		display: block;
		float: none;
		margin: auto;
	}
	.lgscr{
		display:none;
	}
	.smscr{
		display:block;
	}
	
	.syshi_arrow.arrowActive{
		width: 20px;
		height: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -18px;
	}

	#syshi_fans .syshi_arrow.arrowActive{
		   background: #8894b6;
	}
	#syshi_hp .syshi_arrow.arrowActive{
		   background: #d04e4e;
	}
	#syshi_filter .syshi_arrow.arrowActive{
		   background: #6fa26e;
	}
	#syshi_controls .syshi_arrow.arrowActive{
		   background: #ae63a7;
	}
	
	

}


@media only screen and (max-width : 800px) {
	.tableContainer table{
		font-size:14px;
	}
	.tableContainer .tableTitle{
		font-size:16px;
	}
}


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

	.tableContainer{
		padding:5px;
	}
	.tableContainer table{
		font-size:12px;
	}
	.tableContainer .tableTitle{
		font-size:13px;
	}
	.tableContainer .icon_blue{
		font-size:20px;
		padding-right: 2px;
	}
	.tableContainer td{
		padding:5px;
	}

	
	.syshi_full{
		padding: 10px 10px;
	}
	.syshi_img{
		width: 100% !important;
	}
	.syshi_full_desc{
		width:100%;
	}
	.hpm_cont{
		width:100%;
		float:none;
	}
	p.int_fc_subtxt:nth-of-type(1){
		margin-bottom: 10px;
	}
	.fullCol_Comm>img:nth-of-type(1){
		float:none;
		display:block;
		margin:auto;
		height: 90px;
		position:absolute;
		left:0;
		right:0;
		top:10px;
	}
	
	.fullCol_Comm>.CommMainTxt{
		margin-top:10px;
		text-align:center;
	}
	.commIcn{
		/* width:33%; */
		/* height: 80px; */
		/* float:left; */
		margin: 10px auto 0px;
	}
	.sizeImg{
		width:95% !important;
	}
	.thirdCont{
		width:90%;
		float:none;
		margin: 0px auto 30px;
	}
	.fullCol_Comm{
		position:relative;
	}
	.commbkgnd_red{
		width:100%;
		height: 90px;
		background:#d95454;
	}
	.commbkgnd_green{
		width:100%;
		height:90px;
		background:#3b9f59;
	}

	.commbkgnd_purple{
		width:100%;
		height:90px;
		background:#aa6aff;
	}

	.commbkgnd_orange{
		width:100%;
		height:90px;
		background:#ff9955;
	}
	
	

}


@media only screen and (max-width: 575px){
	.tableContainer{
		width:100%
	}
	.tableContainer table{
		font-size:12px;
	}
	.tableContainer .tableTitle{
		font-size:13px;
	}
	.tableContainer .icon_blue{
		font-size:20px;
		padding-right: 2px;
	}
	.tableContainer td{
		padding:5px;
	}

	.tableContainer img{
		/* max-width:75%; */
	}

	.specModes.block-half{
		width:100%;
	}

}