input[type=checkbox] {
    transform: scale(1.5);
	background-color: initial;
    cursor: default;
    appearance: checkbox;
    box-sizing: border-box;
    margin: 3px 3px 3px 5px;
    padding: initial;
    border: initial;
}

input[type=radio] {
    transform: scale(1.5);
	background-color: initial;
    cursor: default;
    appearance: radio;
    box-sizing: border-box;
    margin: 3px 3px 0px 5px;
    padding: initial;
    border: initial;
}

body.forms  {
	margin: 4px;
	background-color: #EEEEE0;
}

body  {
	margin: 4px;
	background-color: #EEEEE0;
}


div.forms  {
	margin: 4px;
	background-color: #EEEEE0;
}

.required:after {
    content:" * Required";
    color: red;
	font-weight: bold;
}
  
.required2:after {
    content:" * Necesario";
    color: red;
	font-weight: bold;
}

#KasKelLogo {	
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#EmpAppText {
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	font-size: 1rem;
	overflow: hidden;
}

.EmpAppTextbox {
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	font-size: 1rem; 
	overflow: hidden;
}

.EmpAppTextboxAlt {
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	font-size: 1rem; 
	overflow: hidden;
	inline-size: -webkit-fill-available;
}

.EmpAppTextboxSml {
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	font-size: 1rem; 
	overflow: hidden;
}

.EmpAppRadioBtn {
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	font-size: 1rem;
	overflow: hidden;
}

#quoteText {	
	padding-top: 5px;
	width: auto;
	font-size: 1rem;
	overflow: hidden;
}

#quoteTextbox {
	text-align: initial;
	padding-top: 5px;
	width: inherit;
	font-size: 1rem; 
	overflow: hidden;
}

#quoteTextboxAlt {
	padding-top: 5px;
	width: auto;
	font-size: 1rem; 
	overflow: hidden;
	inline-size: inherit;
}

#quoteTextboxSml {
	text-align: initial;
	width: auto;
	font-size: 1rem; 
	overflow: hidden;
}

#quoteRadioBtn {
	padding-top: 10px;
	padding-bottom: 5px;
	width: auto;
	font-size: 1rem;
	overflow: hidden;
}
    
@media all and (min-width: 600px) {
 
 #KasKelLogo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}	
	
  #EmpAppText {
	width: fit-content;
    font-size: 1rem;
  }
  
  .EmpAppTextbox {
	width: 50%;
    font-size: 1rem;
  }
  
  .EmpAppTextboxAlt {
	width: 50%;
    font-size: 1rem;
  }
  
  .EmpAppTextboxSml {
    font-size: 1rem;
  }
  
  .EmpAppRadioBtn {
    font-size: 1rem;
  }
  
  #quoteText {
	width: fit-content;
    font-size: 1rem;
  }
  
  #quoteTextbox {
	text-align: initial;
	width: 50%;
    font-size: 1rem;
  }
  
  #quoteTextboxAlt {
	width: 50%;
    font-size: 1rem;
  }
  
  #quoteTextboxSml {
	width: fit-content;
	display: block;
    font-size: 1rem;
  }
  
  #quoteRadioBtn {
    font-size: 1rem;
  }
  
}

.vc-row-wrapper.full_width_content_paddings, .vc-row-wrapper.full_width_small_paddings, .vc-row-wrapper.full_width_content {
    min-width: 100%;
}
div.wpforms-container-full {
    margin-left: auto;
    margin-right: auto;
	padding: 0px 0px 0px 5px;
}

div.application-container-full .application-form .application-field {
    padding: 10px 0;
    clear: both;
}

table {
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}
div {
	background: transparent;
}
hr {
	border: 0;
	height: 2px;
	color: darkred;
	background-color: darkred;
}
#MenuBarBackground {
	width: 100%;
	background-color: transparent;
	border-bottom: 2px solid black;
}
/* News Stuff */
.NewsItem {
	margin: 10px 0px 10px 0px;
	text-align:left;
}/*
.NewsDate {
	font-size: 10px;
	margin: 2px 0px 2px 0px;
}
.NewsItem  DIV P{
	margin: 0px;
}
.NewsItem A {
	font-size: 12px;
}*/
/*The Cost Table Used for Aluminum Pricing*/
.CostTable {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 170px;
	border-collapse: collapse;
	text-align: left;
}
.CostTable TD {
	padding: 3px;
	border-width: 1px;
	border-color: #999999;
	border-style: dashed none;
	white-space: nowrap;
}
.CostTable TH {
	text-align: left;
	padding: 3px;
	white-space: nowrap;
}
.CostTableRight {
	text-align: right;
}
.aluminumSideBar {
	text-align: center;
}

Label, .errorText {
	color: #000000;
	text-align: justify;
	font-size: 10px;
}

label {
	display: contents;
	margin-bottom: .5rem;
}

A {
	text-decoration: none;
	color: #0000EE;
}
/*A:visited {
	color: #0000EE;
}
A:hover {
	text-decoration: underline;
}*/

.errorText {
	color: Red;
}


/*H1, H2, H3, H4, H5, H6, .footerText {*/
	/*color: #000000;*/
/*	font-family: Arial, Helvetica, sans-serif;*/
	/*font-weight: bold;
	color: #7777ff;*/
/*	color: #DDDD00;*/ /*yellow*/
/*	color: #FFA500;*/ /*orange*/
/*	color: #00bb00;*/ /*green*/
/*	color: #000000;
	text-align: center;
}*/
/*H1 {
	font-size: 20px;
}

H2 {
	font-size: 18px;
}

H3 {
	font-size: 16px;
}

H4, .footerText, H5, H6 {
	font-size: 14px;
}

H7 {
	font-size: 12px;
}*/

P {
	padding: 5px;
	margin: 0px 0px 0px 0px;
}


.formLabel {
	color: #000000;
	text-align: justify;
	font-size: 10px;
}

.detailTable {
	background-color: White; 
}

.detailTableHeader {
	background-color: #CC0000; 
	border: 1px solid black; 
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}

.detailTableData {
	background-color: White; 
	border: 1px solid black; 
	text-align: center;
	font-size: 10px;
}

.detailHeader {
	color: #000000;
	text-align: center;
	font-size: 11px;
}

.detailInfo {
	color: #000000;
	text-align: center;
	font-size: 8px;
}

.NoWrap {
	white-space: nowrap;
}

.SearchResult {
	margin: 10px;
}

.RequiredFormField {
	font-weight: bold;
}
.StandardDieTable td, .StandardDieTable th {
	padding: 1px 1em 1px 1em;
	white-space: nowrap;
}
.StandardDieTable TH {
	border-width: 1px;
	border-color: black;
	border-style: none none solid none;
}
.FooterLinks a {
	margin-left: 1em;
	margin-right: 1em;
}
.FooterImages {
	background: white;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	/*border: 2px solid #cd2525;*/
}
#IndexColumn1, #IndexColumn2, #IndexColumn3, #PaintColumn1, #PaintColumn2, #NavColumn {/*, #ContentColumn {*/
	/*float: center;*/
	padding: 0.5em;
	margin-top: 0px;
	/*border: 2px solid #cd2525;*/
	margin-bottom: 0.5em;
	background: transparent;
	min-height: 420px;
}
#ContentColumn {
	max-width: 1140px;
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
#IndexColumn1, #IndexColumn3 {
	width: 208px;
	/*padding: 1em;*/
	border-width: 0px 0px 0px 0px;
}
#IndexColumn1, #PaintColumn1, #NavColumn {
	width: 240px;
}
#IndexColumn2 {
	width: 496px;
	border-width: 0px 2px 0px 2px;
	text-align: center;
}
#PaintColumn1, #NavColumn {
	border-width: 0px;
}
#PaintColumn2 {/*, #ContentColumn {*/
	width: 704px;
	border-width: 0px 0px 0px 2px;
	/*text-align: center;*/
}
#IndexCAP {
	float: left;
	width: 47%;
	padding-bottom: 0.5em;
	padding-left: 1%;
	padding-right: 1%;
	margin-top: 0.5em;
	/*padding-left: 1%;
	padding-right: 1%;*/

}
#IndexLEED {
	float: right;
	width: 48%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 0.5em;
	margin-top: 0.5em;
	border: 2px solid #cd2525;
	border-width: 0px 0px 0px 2px;	/*padding-left: 1%;
	padding-right: 1%;
	border: 1px solid black;*/
}
#IndexFooter {
	border: 2px solid #cd2525;
	border-width: 2px 0px 0px 0px;
	text-align: center;
	clear: both;
	padding: 0.5em;
	background: transparent;
}
#IndexFooter a{
	padding-left: 2em;
	padding-right: 2em;
}
.ImagePairedContent {
    clear: both;
    text-align: left;
}
.ImagePairedContent img, .ImagePairedContent div {
    float: left;
    vertical-align: middle;
}
.ImagePairedContent img {
    padding-top: 15px;
}
.TestimonialText {
	font-style: italic;
}
.TestimonialSource {
	font-weight: bold;
}
.MMRoundedRect, .MMRoundedRect tr, .MMRoundedRect td {
	padding: 0;
	margin: 0;
	
}
.MMRoundedRect td {
	background-color: #000000;
}
.MMRRTL {
	background: url('../images/Triangle1.png');
	background-color: transparent !important;
	width: 5px;
	height: 5px;
}
.MMRRTR {
	background: url('../images/Triangle2.png');
	background-color: transparent !important;
	width: 5px;
	height: 5px;
}
#StandardShapeTables {
	font-size: 10px;
}
	
.LeftBorder {
	border-style: solid;
	border-color: #darkred;
	border-width: 0px 0px 0px 2px;
}
.ErrorMessage {
	font-weight: bold;
	color: #FF0000 !important;
	background: #FFE0E0 !important;
}
.important {
	color: #CC0000;
}

BorderTable {
	border-collapse:collapse;
}

BorderTable td {
	border: 1px solid black;
	background: #FFFFFF;
} 

BorderTable th {
	border: 1px solid black;
	background: #FFFFFF;
}
