body { min-width:0px;}
#product-item-filter li		{ margin-left:0px; }
.driver_group  				    { margin:0px; padding:0px; }
.driver_group ul 		    	{ margin:0px; }
.driver_group .tab		  	{ display:none; }
.driver_group .tab.active 	{ display:block; }
.driver_group li		      	{ -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type:none; margin-right:12px; width: 293px; height: 55px; margin-left:0px !important; padding: 0; cursor:pointer;}
.driver_group li.soon   		{ background-color:whitesmoke;  opacity: 0.6;}
.driver_group li.bluesky		{ background-color:whitesmoke;  opacity: 0.6;}
.provider > div 		      	{ display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: relative; }
.provider > div > .driver-icon	{ width: 40px; height: 40px; background-size: cover; display: inline-block; }
.provider > div .text 		{ width: 230px; overflow-y:hidden; height: 100%; }
.provider > div .text h3	{ margin: 0; box-sizing: border-box; padding:0; color:black; display: table-cell; vertical-align: middle; max-width: 230px; padding-left: 10px; }
.provider > div .subtext 	{ position: absolute; bottom: -2px; right: 5px; display: inline-block; visibility: hidden; }
.driver_group li .subtext {  padding: 0!important; }
.driver_group li:hover .subtext { visibility: visible; }


/* ******* GENERAL SETUP ******* */

.product-wrapper header {
  min-height:340px;
  border-bottom:1px solid gainsboro;
}

.product-wrapper header2:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1793c4+0,1dc4f2+100&1+25,0.5+100 */
  background: -moz-linear-gradient(-45deg, rgba(56, 124, 187,1) 0%,rgba(56, 124, 187,1) 10%,rgba(0, 160, 255,0.3) 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(56, 124, 187,1) 0%,rgba(56, 124, 187,1) 10%,rgba(0, 160, 255,0.3) 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(56, 124, 187,1) 0%, rgba(56, 124, 187,1) 10%, rgba(0, 160, 255,0.3) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1793c4', endColorstr='#801dc4f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  /* IE6-9 */
  position: absolute;
  top: 0%;
  left: 0%;
  content: ' ';
  height: 100%;
  width: 100%;
}

.product-wrapper header .hero-sub {
  background: #EDF7FD;
  text-align: center;
}

.product-wrapper header.dark h1,
.product-wrapper header.dark h2,
.product-wrapper header.dark h3,
.product-wrapper header.dark p {

}

/* ******* Headers for Driver Pages ******* */

/*ODBC*/
.product-wrapper header.odbc {  background: url(../../drivers/_img/odbc_hero.jpg) no-repeat center center;
background-size: cover;
}

/*ODBC*/
.product-wrapper header.python {  background: url(../../drivers/_img/python_hero.jpg) no-repeat center center;
background-size: cover;
}

/*JDBC*/
.product-wrapper header.jdbc {  background: url(../../drivers/_img/jdbc_hero.jpg) no-repeat center center;
background-size: cover;
}

/* ADO */
.product-wrapper header.ado {	background: url(../../drivers/_img/ado_hero.jpg) no-repeat center center;
background-size: cover;
}

/* FIREDAC */
.product-wrapper header.firedac {	background: url(../../drivers/_img/firedac_hero.jpg) no-repeat center center;
background-size: cover;
}

/* ******* RESPONSIVE / MOBILE ******* */

/* mobile style*/
@media screen and (max-width:640px){
  .full{width:300px;}
}

@media screen and (max-width: 980px) {
  .product-wrapper header {
      background-position: -203px 55px;
      background-size: cover;
    }
	.section-feature-specs .specs-right {margin-top:2em;}
	.section-feature-specs  .features-left .feature-specs-inner { border:none;}
}

@media screen and (max-width: 640px) {
  .product-wrapper header {overflow: hidden;}
  .product-wrapper header {
      background-position: -420px 116px;
      background-size: cover;
    }
    .product-wrapper img {
      max-width: 100% !important;
    }
  .driver-connections .source {
    width: 33%;
  }
    /*.driver-connections .driver-data-sources.d-flex .source{
        width:auto;
    }*/
}


/* NEW DRIVERS SECTION */

	.driver-connections hr {
        margin-bottom: .2em;
      }

      .driver-connections .product-wrapper {
        background-color: #fff;
      }

      .driver-connections .source {
        height: 150px;
        padding-top: 20px;
      }

      .driver-connections .driver-data-sources.d-flex.horiz-tiles .source{
          padding-top:0;
          display:flex;
          align-items:center;
          height:110px;
          
      }
        .driver-connections .driver-data-sources.d-flex.horiz-tiles .source > div {
            border: 1px solid #DBDFEA;
            border-radius: 5px;
            height: 90px
        }


        .driver-connections .source:hover .icon img {
            transform: scale(1.1);
            cursor: pointer;
        }

      .driver-connections .source .for {
      

        text-align: center;
        color: black;
        font-size: 14px;
        line-height: 1.2;
        padding: 0.4em;
        margin: 0 0 0.5em;
      }
      .driver-connections .driver-data-sources.d-flex.horiz-tiles .source .for {
        text-align: left;
        color: black;
        font-size: 14px;
        line-height: 1.2;
        padding: 0 15px 0 0;
        margin: 0;
        flex:1;
      }

      

      .driver-connections .source .icon {
        border-radius: 10px;
        border:1px solid #DBDFEA;
        width: 100%;
        height:90px;
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: .2em;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .driver-connections .driver-data-sources.d-flex.horiz-tiles .source .icon {
            border-radius: 0;
            border: none;
            width: auto;
            height:auto;
            background-color: white;
            margin:0;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            flex:0 0 auto;
        }

      .driver-connections .source .icon i {
        display: none;
        position: absolute;
        right: -5px;
        top: -5px;
        color: #00A0FF;
      }

      .driver-connections .source .icon img {
        margin: 10px;
        transform: scale(1);
        transition: all 0.2s ease-in-out;
      }

      .driver-connections .source .icon .tag {
        color: grey;
        text-transform: uppercase;
        margin: 0px;
        font-size: .6em;
        border-top: 1px solid gainsboro;
        padding: .4em;
      }

      .driver-connections .source.smart .icon i {
        display: inline-block;
      }

      .driver-connections a:hover .icon {
        background: #fff;
       /* box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);*/
      }

      .driver-connections .nav>li>a.active {
        background-color: #eee;
      }

      .driver-connections .col-md-2:hover .cta {
        opacity: 1;
      }

      .driver-connections .col-md-2:hover .cta-contact {
        opacity: 1;
      }

      .driver-connections .contact-us {
        border-radius: 4px;
        border: 1px solid #e5e5e5 !important;
        width: 82px;
        background-color: #f9f9f9 !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: .2em;
        position: relative;
        opacity: 0.5;
      }


	  .driver-connections .content {
        position: relative;
        overflow: hidden;
      }

      .driver-connections .content .content-overlay {
        background: rgba(0, 160, 255, 0.9);
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
      }

      .driver-connections .content:hover .content-overlay {
        opacity: 1;
      }

      .driver-connections .content-details {
        position: absolute;
        text-align: center;
        padding-left: 1em;
        padding-right: 1em;
        width: 100%;
        top: 65%;
        left: 47.95%;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        color: white;
        font-size:.85em;
      }

      .driver-connections .content:hover .content-details {
        opacity: 1;
      }

	  .driver-connections .fadeIn-top {
        top: 35%;
      }
.product-item-subfilter-wrapper{
    /*text-align:center;*/
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    
}
#product-item-subfilter {
    display: inline-block;
    flex:1 1 auto;
    max-width:80%;
    
}
#product-item-vertical-subfilter{
    display:flex;
    flex-direction:column;
}
#product-item-vertical-subfilter.nav.nav-pills > li{
    float:none;
    margin:0;
}
#product-item-subfilter.nav-pills > li + li{
   margin:0;
}
/*SEARCH BAR FILTER*/
.search-block-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 0 0 0 5px;
    z-index: 1000;
    flex:1 1 auto;
    margin:6px 0;
    max-width:20%;
}
.search-block-wrapper.full-width{
    max-width:100%;
    padding:0;
} 
.search-block {
    position: relative;
    flex: 0 0 auto;
    width: 30px;
    max-width: 100%;
    transition: all 0.3s ease;
    opacity:0;
    margin-right:0;
}
.search-block.active {
    width: calc(100% - 30px);
    opacity:1;
    margin-right:30px;
}
.search-block.full-width{
    width:100%;
    opacity:1;
    position:relative;
}
/*.search-block.full-width:after{
    content:'\f002';
    position:absolute;
    width:auto;
    height:auto;
    font-size:16px;
    right:8px;
    top:50%;
    transform: translate(-50%,-50%);
    font-family:'FontAwesome';
    color:#cccccc;
}*/
.search-block.full-width #quicksearch{
    background:url("../img/redesign/icon-search-gray.svg")no-repeat calc(100% - 16px) 50% / 16px auto;
}
.search-block.full-width #quicksearch:focus,.search-block.full-width #quicksearch:focus-visible, .search-block.full-width #quicksearch:active{
    background:none;
}
#quicksearch {
    width: 100%;
    padding: 8px 32px 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    color: #231e20;
    background: #fff;
    border: 1px solid #DBDFEA;
    display: block;
    transition: border-color .15s linear;
    position: relative;
}

    #quicksearch:focus, #quicksearch:focus-visible, #quicksearch:active {
        border-color: #b6bed4;
        outline: none;
    }



.reset {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    background: 0 0;
    border: none;
    font-size: 16px;
    color: #b6bed4 !important;
    opacity: 0;
    transition: opacity .15s linear;
}

#quicksearch:focus + .reset, #quicksearch:focus-visible + .reset, #quicksearch:active + .reset {
    opacity:1;
}

span.search-trigger {
    width: 30px;
    height: 44px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 0.3s ease;
    display:flex;
    justify-content:center;
    align-items:center;
}


span.search-trigger i {
    color: #ccc;
    font-size:16px;
    transition: color 0.3s ease;
}
span.search-trigger.search-trigger-active i{
    color:#337ab7;
}
span.search-trigger:focus{
    outline: none;
}
@media (min-width:992px) and (max-width:1199px) {
    .driver-connections .driver-data-sources.d-flex.horiz-tiles .source .for {
        font-size: 12px;
    }

    .driver-connections .driver-data-sources.d-flex.horiz-tiles .source .icon img {
        width: 30px;
    }
}
@media (min-width:768px) and (max-width:1199px){
    .product-item-subfilter-wrapper{
        align-items:flex-start;
    }
    #product-item-subfilter {
        flex: 0 0 auto;
        max-width: 75%;
    }
    .search-block-wrapper{
        flex:1 1 auto;
        max-width:25%;
    }
    
    
}

@media (min-width:768px) {
    #product-item-vertical-subfilter.stuck {
        position: sticky;
        top: 90px;
    }
}

@media (max-width:767px){
    #product-item-subfilter, .search-block-wrapper{
        flex:0 0 auto;
        width:100%;
        max-width:100%;
    }
    .product-item-subfilter-wrapper{
        /*padding:0 15px;*/
    }
    span.search-trigger {
        height: 36.5px;
        left: 0;
        right: auto;
    }
    .search-block-wrapper {
        /*margin: -8px 0 16px;*/
        justify-content: flex-start;
    }
    .search-block.active {
        width: calc(100% - 30px);
        opacity: 1;
        margin-left: 30px;
    }
}
@media (max-width:575px){
    .driver-connections .driver-data-sources.d-flex.horiz-tiles .source {
        height: 125px;
    }
    .driver-connections .driver-data-sources.d-flex.horiz-tiles .source > div {
        flex-direction: column;
        height: 100px;
    }
     .driver-connections .driver-data-sources.d-flex.horiz-tiles .source .icon img{
         width:35px;
     }
    .driver-connections .driver-data-sources.d-flex.horiz-tiles .source > div .for {
        padding:0 10px 10px;
        text-align:center;
    }
}
@media (max-width:440px){
    .driver-connections .driver-data-sources.d-flex.horiz-tiles .source {
        width: 50%;
    }
}
#product-item-vertical-subfilter.nav-pills > li.active > a, #product-item-vertical-subfilter.nav-pills > li.active > a:focus {
    background: #00a0ff;
}
#product-item-vertical-subfilter.nav-pills > li > a:hover {
    background: #daecf9;
}
#product-item-vertical-subfilter.nav-pills > li.active > a:hover {
    background: #1f5b8e;
}