/* +++++++++++++++++++++++++++++++++++++++++
   ++++++++++   TDS Manager  ++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++  */      

h1::after {
  content: "";
  display: block;
  width: 30%;
  height: 4px;
  background-color: #fed400;
  margin: 30px auto !important;
}


/* Set the overall size of font in the TDS sections */


#TDSCats.tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            border-left: 1px solid;
                color: white !important;
        }


#pnlTDSCategoryList, #pnlTDSController {
    font-size: smaller;
}

/* TDS Cat Tree */
#TDSCats ul {
    border-bottom: solid 1px #efefef !important;
}

/* margin bottom new cat */
#TDSCats .branch ul li:nth-last-child(1){
margin-bottom: 20px !important;
}

/* margin bottom new cat */
#TDSCats .branch ul{
margin: 5px 0 5px 0 !important;
}

/* generic button padding */
.btn {
    padding: .60rem 2.14rem !important;
}


#TDSCats ul li {
    border-bottom: dotted 1px #C7C7C7 !important;
    color: #202020 !important !important;
}

#TDSCats ul li:nth-last-child(1) {
    border-bottom: dotted 1px #fff !important;
}

#TDSCats li .active a {
color: #fec90a !important;
font-weight:800 !important;  
}


#TDSCats.tree ul::before{
   border: none !important;
}


#TDSCats.tree, .tree ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    margin-left: 10px !important;
}

#TDSCats.tree ul {
        margin-left: 1em!important;
        position: relative !important;
    }

#TDSCats.tree ul ul {
            margin-left: .5em !important;
        }

#TDSCats.tree ul:before {
            content: "" !important;
            display: block !important;
            width: 0 !important;
            position: absolute !important;
            top: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            border-left: 1px solid !important;
        }

#TDSCats.tree li {
        font-size: 14px !important;
        margin: 0 !important;
        padding: 0 1em !important;
        line-height: 2em !important;
        font-weight: 700 !important;
        position: relative !important;
    }


#TDSCats.tree li {
       text-transform: uppercase !important;
    }

#TDSCats.tree ul li a {
       text-transform: capitalize !important;
    }


#TDSCats.tree li li {
            font-weight: 500 !important;
        }

#TDSCats.tree ul li:before {
        content: "" !important;
        display: block !important;
        width: 10px !important;
        height: 0 !important;
        border-top: 1px solid !important;
        margin-top: -1px !important;
        position: absolute !important;
        top: 1em !important;
        left: 0 !important;
    }

#TDSCats.tree ul li:last-child:before {
        height: auto !important;
        top: 1em !important;
        bottom: 0 !important;
    }

.indicator {
    margin-right: 5px;
}

.tree li a {
    text-decoration: none;
    color: #202020;
}

.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color: #202020;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}


        hr {
            height: 0px;
            border-bottom: solid 1px #fec90a;
        }

            hr.tdsHR_Short {
                height: 0px;
                border-bottom: solid 3px #fec90a;
                width:80px;
            }

            .bgLightGrey {
                background-color: #efefef;
            }

        .bgDarkGrey {
            background-color: #E5E5E5;
        }

        .bgProductDarkGrey {
            background-color: #202020;
            color: white;
            margin-top:25px
        }

.bgProductDarkGrey hr {
 border-bottom: solid 1px #fec90a;
    height:0px !important;
}

.bgProductDarkGrey ul {
    list-style:none;
}

.bgProductDarkGrey li {
      margin-left: -40px !important;
   
}

.bgProductDarkGrey li::before {
   content: "•"; color: #fec90a;
    font-size:2rem;
    margin-left: 0px;
    line-height: 1rem;
    
}

        .tdsTxt_ProductTitle, .tdsTxt_SKU, .tdsTxt_Downloads {
            color: #ffd400;
display: block;
        }

        .tdsTxt_Downloads {
            margin-bottom: 10px;
        }

        .btn-aztec:link {
           
            background-color: #fec90a;
            color: #202020 !important;
            font-size: 14px;
            width: 100%;
            text-align: center;
            border: 0px;
            margin:0px;
            margin-top: 5px !important;
            font-weight:bolder;
            border-radius: .6em;
        }

        .btn-tdsDownload:link {
            display:inline-block;
             font-size:1rem !important;
            background-color: #fec90a;
            color: #202020;
            font-size: 12px !important;
            width: 100%;
            text-align: center;
            padding: 10px;
            margin: 5px 0px 5px 0px !important;
        }

        .btn-sdsDownload:link {
              display:inline-block;
             font-size:1rem !important;
            background-color: #efefef;
            color: #202020;
            font-size: 12px !important;
            width: 100%;
            text-align: center;
            border: 0px;
            padding:10px;
           margin: 5px 0px 5px 0px !important;
        }

        #pnlTDSController h5.card-title {
            font-size: 14px;
            color: #202020;
            font-weight:bolder;
        }

        #pnlTDSController .card-text {
            font-size: 14px;
            color: #202020;
        }

#pnlTDSController .tdsTxt_Breadcrumb {
   width:100%;
    border-bottom: solid 1px #efefef;
    padding-bottom:5px;
    margin-bottom: 25px;
}

#pnlTDSController table td img {
    max-width:120px;
}

/* Header Overrides*/
#pnlTDSController h1:after {width:0px;margin:0px !important;background-color: transparent;}
#pnlTDSController h2:after {width:0px;margin:0px !important;background-color: transparent;}
#pnlTDSController h3:after {width:0px;margin:0px !important;background-color: transparent;}
#pnlTDSController h2, .header h2 {font-size:1.8em; color: #fec90a;}
#pnlTDSController h3, .header h3 {font-size:1.5em; color: #fec90a;padding-top:30px;padding-bottom:10px;}
.header h2:after {width:0px;margin:0px !important; background-color: transparent;}


/* CMS Page Banners - GENERIC */
 .catBanner {
background-size: cover;
background-repeat: no-repeat;
padding-top:160px !important;
color: white !important;
}

/* cards */
.card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.card .btn-primary {
   margin: 20px 0 5px 0 !important;
   border-radius: 15px;
}


.catBanner .leadingText {color: white !important; font-size:2.1rem;padding:20px 0px 0px 45px;display: block;font-weight:100;}
.catBanner .leadingText strong {font-weight:800;}

/* CMS Page Banners - AEROSOLS */
.catBanner_Aerosols {
background-image: url(https://cms.aztecoils.co.uk/weblab/sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/aerosols-header-2000x700.jpg);
}

/* CMS Page Banners - AUTOMOTIVE */
.catBanner_Automotive {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Torotec-header-2000x780_BG.jpg);
}

/* CMS Page Banners - AGRICULTURE */
.catBanner_Agriculture {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Agritec-header-2000x780.jpg);
}

/* CMS Page Banners - AZTEC */
.catBanner_Aztec {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Generic-Aztec-header-2000x780.jpg);
}

/* CMS Page Banners - BIO */
.catBanner_Bio {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Generic-Aztec-header-2000x780.jpg);
}

/* CMS Page Banners - COOLANT */
.catBanner_Coolant {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Generic-Aztec-header-2000x780.jpg);
}

/* CMS Page Banners - EXPORT */
.catBanner_Export {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Generic-Aztec-header-2000x780.jpg);
}

/* CMS Page Banners - GREASE */
.catBanner_Grease {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Generic-Aztec-header-2000x780.jpg);
}

/* CMS Page Banners - MOTORCYCLE */
.catBanner_Motorcycle {
background-image: url(https://cms.aztecoils.co.uk/weblab/sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/mototec-header-2000x780.jpeg);
}

/* CMS Page Banners - CLASSIC */
.catBanner_Classic {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Classic-header-2000x780.jpg);
}

/* CMS Page Banners - COMMERCIAL */
.catBanner_Commercial {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Emprotec-header-2000x780.jpg);
}

/* CMS Page Banners - HALLET */
.catBanner_Hallett {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Hallett-header-2000x780.jpg);
}

/* CMS Page Banners - MARINE */
.catBanner_Marine {
background-image: url(https://cms.aztecoils.co.uk/weblab/sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/marnine-header-2000x700.jpg);
}

/* CMS Page Banners - HYDRAULIC */
.catBanner_Hydraulic {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Hydratec-header-2000x780.jpg);
}

/* CMS Page Banners - METALWORK */
.catBanner_Metalwork {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Metaltec-header-2000x780.jpg);
}

/* CMS Page Banners - FOODGRADE */
.catBanner_FoodGrade {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Nutritec-header-2000x780.jpg);
}

/* CMS Page Banners - TRANSMISSION */
.catBanner_Transmission {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Transmatec-header-2000x780.jpg);
}

/* CMS Page Banners - INDUSTRIAL */
.catBanner_Industrial {
background-image: url(https://cms.aztecoils.co.uk/weblab/Sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/Manutec-header-2000x780.jpg);
}

/* CMS Page Banners - POWERGEN */
.catBanner_PowerGen {
background-image: url(https://cms.aztecoils.co.uk/weblab/sites/c6676e5d-1863-7ac3-6f2b-83ef7eb83dbb/resources/images/site/power-generation-header-2000x780.jpg);
}



/* hero image position */
    .colTDS_ProdImg{
        margin-top:112px;
    }
    .atTopHeader{
        min-height: 115px;
    }



/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
   .colTDS_ProdImg{
        margin-top:112px;
    }
    .atTopHeader{
        min-height: 115px;
    }
    
    
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  
 .catBanner .leadingText {color: white !important; font-size:1.5rem;padding:20px 0px 0px 5px;display: block;font-weight:100; text-align: center}
.catBanner .leadingText strong {font-weight:800;}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  .bgProductDarkGrey {
            margin-top:-26px
        }
     .btn-tdsDownload:link {
     min-height:70px;    
    }
     .btn-sdsDownload:link {
     min-height:70px;    
    }
    
    .catBanner .leadingText {color: white !important; font-size:1.8rem;padding:10px 0px 0px 30px;display: block;font-weight:100;}
.catBanner .leadingText strong {font-weight:800;}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .colTDS_ProdImg{
        margin-top:55px;
    }
     .bgProductDarkGrey {
            margin-top:-26px
        }
    
       .btn-tdsDownload:link {

            font-size: 14px !important;
        }

        .btn-sdsDownload:link {
            font-size: 14px !important;
        }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
      .colTDS_ProdImg{
        margin-top:0px;
    }
    
     .bgProductDarkGrey {
            margin-top:-26px
        }
    
     .btn-tdsDownload:link {

            font-size: 14px !important;
         min-height: inherit;
        }

        .btn-sdsDownload:link {
            font-size: 14px !important;
            min-height: inherit;
        }
    
        .catBanner .leadingText {color: white !important; font-size:2.8rem;padding:20px 0px 0px 45px;display: block;font-weight:100;}
.catBanner .leadingText strong {font-weight:800;}
}
}

/* TDS Search Box */
#pnlTDSSearch .input-group-append {width:100%;}
#pnlTDSSearch input {width:100%; border-radius:0;height:39px;margin-right:10px;}
#pnlTDSSearch .TDSSearchBtn {
    padding:0px 20px 0px 20px !important;
    background-color: #202020 !important;
    border: none !important; 
    color: white !important;
    border-radius: 0px !important;
}

/* TDS Search Box full width hack */
#pnlTDSSearch .mb-3 div{
    width: 100% !important;
}