﻿.sticky-container {width: 100%;z-index: 99;position: static;}
.sticky-container.sticky {position: sticky;top: 124px;background: #f8f9fa !important;transition: linear all 0.3s;}
.sticky-container-2 {width: 100%;z-index: 99;position: static;}
.sticky-container-2.sticky {position: sticky;top: 100px;padding-top: 10px}
@media (max-width:1280px) {
    .sticky-container.sticky {position: sticky;top: 119px;background: #f8f9fa !important;transition: linear all 0.3s;}
}
@media (max-width:767px) {
    .sticky-container.sticky {position: static;top: 70px;background: #f8f9fa !important;transition: linear all 0.3s;}
}


/*New Style Tag*/
@media (max-width:980px) and (min-width:768px) {
.table-directory {min-width: 690px}
.table-directory tr th:nth-child(1) {width: 180px !important}
.table-directory tr th:nth-child(2) {width: 100px !important}
.table-directory tr th:nth-child(3) {max-width: initial !important}
.table-directory tr th:nth-child(4) {width: 150px !important}
}

@media (max-width:767px) {
.table-directory {_display: block;border: 0px !important;border-collapse: collapse !important}
.table-directory tr th {display: none;}
/*.table-directory tbody tr {display: block;margin-bottom: 20px;border: 1px solid rgba(0,0,0,.15);border-radius: 10px;overflow: hidden;}*/
.table-directory tbody tr {display: block;border-bottom: 1px solid rgba(0,0,0,.15);overflow: hidden;}
.table-directory tr td {display: block;width: 100%;border:0;padding:3px 10px;}
.table-directory tr td:nth-child(1), .table-directory tr td:nth-child(2) {display: flex;}
.table-directory tr td:nth-child(1) { color: var(--bs-primary);font-weight:bold;font-size:calc(1rem + 0.6vw);padding-top:10px;}
.table-directory tr td:nth-of-type(1):before {content: "";font-weight: 600;min-width: 0px !important}
.table-directory tr td:nth-of-type(2):before {content: "Headquarter :";font-weight: 600;min-width: 40px !important;padding-right:5px;}
.table-directory tr td:nth-of-type(3):before {content: "Products / Solutions Offered :";font-weight: 600;display: block;}
.table-directory tr td:nth-of-type(3) {padding-bottom:10px;}
.table-directory tr td:nth-of-type(4){display:none;}
.table-details tr td:nth-of-type(1), .table-details tr td:nth-of-type(2), .table-details tr td:nth-of-type(3) {width:auto !important}

/*.table-details tr td:nth-of-type(1) {content: "Year of Establishment";font-weight: 600;min-width: 80px !important; }
.table-details tr td:nth-of-type(2):before {content: "Number of Employees";font-weight: 600;min-width: 80px !important;}
.table-details tr td:nth-of-type(3):before {content: "Geographical Reach";font-weight: 600;display: block;}*/
}
.table-directory tr td {transition: linear 0.2s}
.table-directory tr:hover td {cursor: pointer;_background: #e7edf5 !important}
.table-directory tr:hover .btn {background: #ed7d31;color: #fff}
.table-directory tr:hover .btn-outline-primary {background: transparent !important;color: #fff !important}

.dynamic-height-wrap {overflow: hidden;position: relative;-webkit-transition: max-height 0.25s ease-in-out;-moz-transition: max-height 0.25s ease-in-out;-o-transition: max-height 0.25s ease-in-out;transition: max-height 0.25s ease-in-out;width: 100%;}
/* Bottom gradient (optional, but recommended)*/
.dynamic-height-active .dynamic-height-wrap:before {background: -moz-linear-gradient(top, rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff',GradientType=0 );bottom: 0;content: '';height: 30px;left: 0;position: absolute;right: 0;z-index: 1;}
.dynamic-height-active .dynamic-show-more {display: inline-block;}
.dynamic-show-more {display: none;}
.bg-address-panel {background: #e6e6e6;}