body {
  font-family: "Open Sans", sans-serif;
  color: #000;
}

#main  {
  min-height: 800px;  # eliminating the need to add br's for pages with just a few lines. Header and Footer shouldn't be too close
}

/*
H1, H2 and H3 are ALL centered
H4, H5 and H6 are ALL left
H4 = H3 + left
*/
h1 {
  padding: 25px 0 35px 0;
  margin: 0 0 0 0;
  text-align: center;   
  color: #444;   
  font-weight: 550;  
  font-size: 2.2rem;      
}

h2 {
  padding: 40px 0 30px 0;
  margin: 0 0 0 0;
  text-align: center;   
  color: #333;
  font-weight: 500; 
  font-size: 2rem;   
}

h3 {
    padding: 1rem 0 .6rem 0;
    font-size: 0.9rem;
    text-align: left;   
    color:#274C96;  
}

h4 {
    padding: 1rem 0 .6rem 0;
    font-size: 0.7rem;
    text-align: left;       
}

h5 {
    padding: 1rem 0 .6rem 0;
    font-size: 1.1rem;
    text-align: left;       
}

h6 {
    text-align: left;       
}


.aclH1Small{
  font-size: 1.6rem;      
}

.aclH2Small{
  font-size: 1.5rem;      
}



.aclHnLeft {
    text-align: left;   
}

.aclHnBottomMargin {
  margin-bottom: 10px;
}

.aclHnHidden {
  /* to avoid html validation warnings */
  display: none;   
}




.aclBorder {
  border: 1px solid rgb(200, 200, 200);  
  padding: 20px 20px 20px 20px;
}

.aclVWhiteSpace {
  marging: 30px 0 0 0;
}

.aclRedX  {
  color: #f00;
}

.col-form-label.aclFormLabelHighlight  {
  font-weight: 700;  
  color: #3f9953;
}

.form-control.aclFormControlHighlight  {
  font-weight: 700;
  color: #3f9953;
}

.aclProductName  {
  color: #333;
  font-weight: 550;
  
}

.aclGreyX  {
  color: #777;
}

.aclHcenter  {
  text-align: center;   
}

.aclHright  {
  text-align: right;   
}

.aclHrNoVSpace
{
  margin-top: .5rem;
  margin-bottom: .5rem;
}


.aclImportant  {
  /* Note: used in KB */  
  font-weight: 600;    
  color: #f00;
}

.aclNone  {
  display: none;
}

.aclSourceCode  {
  /* Note: also used in KB */
  color: #009900;
  overflow-y:hidden;  
}

.aclColNoHorPadding  {
    padding-left: 0;  /* Otherwise, text and combo's are not left aligned */
    padding-right: 0;  /* Otherwise, text and combo's are not left aligned */
}

.aclTextAreaMedium {
    height: 10em;
}

.aclMediumWeight {
   font-weight: 600;
}

.aclNoWrap {
  white-space:nowrap;
}


 

table.contact
{
    font-size:14px;
    width: 100%;
    line-height: 22px;
}

table.contact img
{
  vertical-align: middle;    
}



p .aclVerticalTextMargin
{
    margin: 20px 0 0 0;
}




#header .logo h1 a, #header .logo h1 a:hover {
  color: #f44;
}

#header .logo h1 {
  letter-spacing: 0px;
}

#topbar .contact-info a {
  color: #000;
}

#topbar .contact-info a:hover {
  color: #000;
}

#topbar .contact-info i {
  color: #000;
}

section {
 // padding:  20px 0px 10px 0px;  /* 10px left en right, otherwise the section-bg look weird, and we want section and section-bg same left alignement */
  margin-top:  0px;
  margin-bottom:  10px;
  
}

section h2 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.section-inlaytransparant {
  padding-left: 10px;
  padding-right: 10px;
}

.section-inlaygrey {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f0f0f5;
}

.section-pricelist {
  padding-top:  10px;
  padding-bottom:  0px;
  margin-bottom:  20px;
  // background-color: #f5f9fc;  
}

.section-crumbtrail {
  padding:  4px 0 4px 0;
  margin:  0 0 0 0;
  background-color: #e5e9ee;  
}

.section-crumbtrail p {
    margin-top: 0;
    margin-bottom: 0; 
	font-size: 11px;
}


.nav-menu a {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;  
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #ffffff;
}

.nav-menu .drop-down ul a {
 // color: #ffffff;
}

#header .logo img {
  border: 0px solid rgb(255, 0, 0);
}


.section-title h2 {
  color: #444;
}



#footer {
  background: #333;
}

#footer .footer-top {
  background: #333;
  padding: 30px 0 30px 0;  
  margin: 100px 0 0 0;  
}

#footer .footer-top .footer-links ul li {
    padding: 4px 0;
}

#footer .footer .footer-links ul li {
    padding: 4px 0;
}



/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero, #hero .carousel-item {
  # height: calc(100vh - 320px);
  height: 400px;
}
/*
@media (max-width: 992px) {
  #hero, #hero .carousel-item {
    height: calc(100vh - 149px);
  }
}
*/


#hero .carousel-item::before {
  /* Background layer of the background image */
  background-color: rgba(10, 10, 10, 0.3);
}

#hero p {
  font-size: 22px;
  color: #eee;
  width: 100%;
  /* Without min-height, the hero's may not be horizontal smooth aligned when moving to the next hero */
  min-height: 100px;
  padding: 0px 20px 0px 0px;
}

#hero p .aclHeroStrong {
 /* font-size: 24px;  */
  color: #9eccf4;  
  font-weight: bolder;  
}

#hero p .aclHeroAvtech {
  color: #faa;  
  font-weight: bolder;  
}


#hero span .aclHeroBrDisplay {
   display:inherit;
}

  #hero .aclHeroExtraButtonDisplay {
  }  

/*
@media (max-width: 400px) {
  #hero, #hero .carousel-item {
    height: calc(100vh - 149px);
  }
}
*/

#hero .btn-get-started{
  width: 200px;
  margin: 10px 10px 10px 0px; /* instead of 'margin: 10px' because it gives 10px on all sites, and then left-most button is not alligned with the aobve text   */
  background: #4c89ca;
  text-align: center;   
  font-weight: 700;
  font-size: 16px;   
}

#hero .btn-get-avtech{
  width: 300px;
  background: #900000;  
}

#hero .btn-get-avtech:hover {
  background: #700000;
}


#hero .btn-get-home {
}

#hero .btn-get-checks {
}

#hero .btn-get-download{
  width: 400px;  
  /* background: #aa0000; */
  background: #00a803; 
}

#hero .btn-get-download:hover {
  background: #018b04;
}




.carousel-indicators li {
  /* No carousel item unerscore for every carousel-item. Annoying */
  display: none;
}




@media (max-width: 992px) {
  
  h1 {
    font-size: 1.8rem;      
  }
  
  h2 {
    font-size: 1.7rem;      
  }

  
  #hero p {
    font-size: 16px;
    margin-bottom: 0px;
  }
  #hero h2 {
    margin-bottom: 10px;    
    font-size: 22px;
  }
  #hero .aclHeroBrDisplay {
     display:none;
  }  

  #hero .btn-get-home{
    width: 450px;  
  }
  
  #hero .btn-get-checks {
    display: none;
  }
  
  #hero .btn-get-download{
    width: 450px;  
  }

}

@media (max-width: 542px) {
  
  h1 {
    font-size: 1.6rem;      
  }
  
  h2 {
    font-size: 1.5rem;      
  }
  
  #hero .btn-get-started{
    text-align: center;   
    font-weight: 600;
    font-size: 14px;   
    padding: 6px 6px;
    margin-bottom: 2px;     
  } 
  
  #hero .btn-get-home{
    width: 300px;  
  }
  
  #hero .btn-get-checks {
    display: none;
  }  
  
  #hero .btn-get-download{
    width: 300px;  
  }
  

  

  #hero .aclHeroExtraButtonDisplay {
     display:none;
  }  
}


/*--------------------------------------------------------------
# Screenshots 
--------------------------------------------------------------*/

.portfolio .portfolio-wrap {
    box-shadow:none;   /* without this override, screenshots have a weird background in the mobile/tablet format */
}

.portfolio .portfolio-wrap:hover {
  box-shadow: none;
}

/*--------------------------------------------------------------
# Forms 
--------------------------------------------------------------*/
.form-group {
    margin-bottom: .3rem;
}

.form-control {
    font-weight: 600; 
    background-color: #eee;
}



/*--------------------------------------------------------------
# Product Icons
--------------------------------------------------------------*/

.services .icon i {
  color: #a00;
}

.services .title::after {
  background: #274C96;
}



.container p.aclSmallBottomMargin
{
  margin-bottom: 0.2rem;
}

.container ul.aclBulletGreen li {
  margin:0 0 0 -2em;
  padding:0 0 0 1em;
  list-style-type:none;
  line-height:18px;	
  background: url("/assets/img/bullets/bullet-gray.jpg") 0 .4em no-repeat;
}

.container ul.aclBulletGreen li.aclNoBullet {
  background:none;
}


.container ol.aclBulletGreen li {
  margin:0;
  padding:0 0 0 1em;
  list-style-type:none;
  line-height:1.5em;	
  background: url("/assets/img/bullets/bullet-gray.jpg") 0 .4em no-repeat;
}

.container ol.aclBulletGreen li.aclNoBullet {
  background:none;
}


.aclTableSmallFont{
  font-size: 14px;
}

.aclTableSmallFont thead th {
  text-align: left;	
  vertical-align: top;
}

.aclTableSmallFont tbody th {
  text-align: left;	
  vertical-align: top;
}

.aclTableSmallFont tbody td {
  text-align: left;	
  vertical-align: top;
}

.aclTableSmallFont tbody td img {
  max-width: 100%; 
  max-height: 100%;
}


.aclTableAvtechList{
  font-size: 14px;
}

.aclTableAvtechList thead th {
  text-align: center;	
  vertical-align: middle;
}

.aclTableAvtechList tbody th {
  text-align: center;	
  vertical-align: middle;
}

.aclTableAvtechList tbody td {
  text-align: center;	
  vertical-align: middle;
}

.aclTableAvtechList tbody td img {
  text-align: center;  
  vertical-align: middle;  
  max-width: 80%; 
  max-height: 80%;
}

.aclTableAvtechList tbody td:nth-child(3) {
  text-align: left;	
}


.aclTableAvtechProduct{
  font-size: 12px;
}

.aclTableAvtechProduct thead th {
  text-align: center;	
  vertical-align: middle;
}

.aclTableAvtechProduct tbody th {
  text-align: center;	
  vertical-align: middle;
}

.aclTableAvtechProduct tbody td {
  text-align: center;	
  vertical-align: middle;
  border-top:none;
  border-bottom:1px solid #dee2e6;
}

.aclTableAvtechProduct tbody td img {
  text-align: center;  
  max-width: 80%; 
  max-height: 80%;
}

.aclTableAvtechProduct tbody td:nth-child(3) {
  text-align: left;	
}






ul.aclBulletPdf li  {
 background: url('/assets/img/bullets/bullet-pdf.png') no-repeat left center;
 padding: 3px 0px 3px 30px;
 list-style: none;
}


pre.aclSourceCommand {
  margin: 0;
  width:97%;
  color:#333;
  font-family:"Courier New", Courier, monospace;
  border:1px dashed #999;
  background:#feffca;
  overflow:auto;
  white-space: pre-wrap;  
}

.aclSourceCode {
  //margin:1em 0 2em 0;
  padding:.5em 1%;
  width:97%;
  color:#333;
  font-family:"Courier New", Courier, monospace;
  border:1px dashed #999;
  background:#feffca;
  overflow:auto;
  white-space: pre-wrap;  
}

.aclSourceCode .aclSourceComment {
  color:#015720;
} 

.aclSourceCode .aclMibBrackets { color: Navy; }
.aclSourceCode .aclMibComments { color: Gray; }
.aclSourceCode .aclMibDefault { color: Teal; }
.aclSourceCode .aclMibIdentifier { color: Blue; }
.aclSourceCode .aclMibMain {}
.aclSourceCode .aclMibNumber { color: Navy; }
.aclSourceCode .aclMibQuotes { color: Green; }
.aclSourceCode .aclMibReserved { color: Olive; }
.aclSourceCode .aclMibString { color: Green; }


.aclImageNormal {
} 

.aclImageNormal p {
  font-size: 11px;
} 

.aclImageNormal img {
  max-width: 100%;
  max-height: 100%;
} 


  
.toc_tree
{
    margin-bottom: 1em;
}

.toc_tree ul
{
    overflow:hidden;
    list-style: none;
    padding-left:30px;
}

.toc_tree ul:first-child
{
    overflow:hidden;
	list-style: none;
    padding-left:0px;
}

.toc_tree a
{
    background: url('/images/bullet_expanded.png') no-repeat left center;
    display: block;
    font-size: 14px;
    padding-left:35px;
    margin-bottom:10px;
    line-height:30px;	
    text-decoration: none;    
}

.toc_tree a:last-child
{
    background: url('/images/bullet_collapsed_small.png') no-repeat 4px center;
    padding-left:35px;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height:20px;	
    text-decoration: none;
    font-weight: normal;	
 }