@import url(https://fonts.googleapis.com/css?family=Work+Sans:100,400,800);
.homeBanner {
    text-align: center;
    color: #FFF;
    padding-top:100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8c00+0,ff5a00+100 */
    background: #ff8c00; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjhjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmY1YTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #ff8c00 0%, #ff5a00 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff8c00), color-stop(100%,#ff5a00)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ff8c00 0%,#ff5a00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ff8c00 0%,#ff5a00 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ff8c00 0%,#ff5a00 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ff8c00 0%,#ff5a00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff5a00',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.homeBanner h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 65px;
    font-weight: 100;
    margin: 60px 0 0;
}
.homeBanner h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
    color: white;
}
.homeBanner .btn {
    font-family: 'Work Sans', sans-serif;
    margin: 40px 0 60px;
}
header {
    width: 100%;
    height: 95px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.head-section .navbar-default {
    background-color: transparent;
}
.dropdown-menu {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 0 3px 3px !important;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25), inset 0 1px 2px 0 rgba(0,0,0,0.25);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25), inset 0 1px 2px 0 rgba(0,0,0,0.25);
}
.navmobile {
  position: relative;
}
.dropdown-menu:hover,
header nav ul li:hover .dropdown + .dropdown-menu {
  display: block;
  position: absolute;
  left: 0;
}
.dropdown-menu li {
  width: 33%;
}
.dropdown-menu li a {
  color: #444e67 !important;
  border: none !important;
  margin: 0;
  padding: 5px;
  white-space: initial;
  line-height: 1.5 !important;
  display: inline-block;
vertical-align: top;
}
.dropdown-menu li i {
  display: inline-block !important;
  vertical-align: top;
  height: 50px;
  width: 50px;
  line-height: 48px;
  font-size: 23px;
  border: 2px solid; 
  border-radius: 50%;
  text-align: center;
}
.dropdown-menu li a strong {
  font-size: 13px;
}
.dropdown-menu li a span {
  display: inline-block;
  width: calc(100% - 70px);
  margin: 5px;
  white-space: initial;
  font-size: 11px;
}
header .whiteLogo {
    background-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header .orangeLogo {
    display: none;
}
header nav {
    display: inline-block;
    float: right;
}
header nav a {
    line-height: 95px;
    margin-left: 0.75vw;
    color: #FFF;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	lettre-spacing: -0.55;
}
header nav ul {
    padding: 0;
    margin: 0;
}
header nav ul li {
    padding: 0;
    margin: 0;
    display: inline-block;
}
header nav a.crm {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.7);
}
header nav a.crm:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    background-color: #FFF;
    color: #FF5A00;
}
header.smaller nav a.crm {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid rgba(255, 90, 0, 0.7);
}
header.smaller nav a.crm:hover {
    border: 1px solid rgba(255, 90, 0, 1);
    background-color: #FF5A00;
    color: #FFF;
}
header nav a i {
    display: none !important;
}
header nav a:visited,
header nav a:hover {
    color: white;
}
header nav a:hover {
    color: white;
    border-bottom: 3px solid;
}
header.smaller {
    height: 55px;
    background-color: white;
    border: 1px ;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.head-section.smaller .navbar-default {
    background-color: transparent;
}
header.smaller .whiteLogo {
    display: none;
}
header.smaller .orangeLogo {
    display: inherit;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller nav a {
    line-height: 55px;
    color: #475168;
}

@media all and (max-width: 768px) {
    header nav {
        visibility: hidden;
        opacity: 0;
        display: none;
        position: fixed;
        top: 0;
        left: -100vw;
        width: 90%;
        max-width: 250px;
        bottom: 0;
        float: none;
        height: auto !important;
        text-align: center;
        background-color: #475168;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    header nav {
        margin-top: 95px;
    }
    header.smaller nav {
        margin-top: 55px;
    }
    header nav.mobile {
        display: block !important;
        visibility: visible;
        opacity: 1;
        left: 0;
    }
    header nav a {
        line-height: 45px !important;
        height: 45px !important;
        border-bottom: 1px solid rgba(0,0,0,0.1) !important;
        display: block !important;
        text-align: left;
        margin: 0 !important;
        color: #FFF !important;
        padding: 0 20px;
    }
    header nav a i {
        display: inline-block !important;
        margin-right: 8px;
    }
    header.smaller {
        height: 55px;
    }
    header.smaller h1#logo {
        height: 40px;
        line-height: 40px;
        font-size: 30px;
    }
    header.smaller nav {
        height: 35px;
    }
    header.smaller nav a {
        line-height: 35px;
    }
}

/************************/
.feature-box .feature-box-heading i {
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 35px;
    border: 2px solid;
}
.feature-box .wow:nth-child(1) .feature-box-heading i {
    color: #1E8BC3;
}
.feature-box .wow:nth-child(2) .feature-box-heading i {
    color: #35BC7A;
}
.feature-box .wow:nth-child(3) .feature-box-heading i {
    color: #FF9F00;
}
.feature-box p {
    padding: 0 40px;
}
.feature-box .feature-box-heading h4 {
    color: #475168;
    font-weight: 400;
    letter-spacing: -0.5px;
}
.property i.fa-power-off {
    color: #1E8BC3;
}
.property i.fa-pie-chart {
    color: #FF9F00;
}
.property i.fa-reply-all {
    color: #35BC7A;
}
.property i.fa-line-chart {
    color: #FF5A00;
}
#home-services .h-service-content h3 {
    color: #475168;
    font-size: 18px;
}
.sec-page {
    background: #ff8c00;
    -webkit-box-shadow:inset 0 50px 100px 0 #FF5A00;
    box-shadow:inset 0 50px 100px 0 #FF5A00;
}
.sec-page + .breadcrumbs{
    margin-top: 95px;
}
.tarifs-page .tarifs,
.services-page .nosservices,
.extern-page .extern,
.about-page .about,
.contact-page .contact {
    border-bottom: 3px solid;
}
.pricing-table-two .price {
    font-size: 42px;
    float: right;
    color: rgb(255, 90, 0);
    vertical-align: bottom;
}
.pricing-table-two .pack {
    float: left;
    line-height: 1.2;
    text-align: left;
}
.pricing-table-two .pack small {
	font-size: 65%;
    color: #778;
}
.price-container .btn {
    margin-left: auto;
    margin-right: auto;
}
.pricing-table-two .price .ttc {
    color: #333;
    font-size: 12px;
}
.homeBanner.servicesBanner {
    position: relative;
    padding: 20px 0;
    margin: -40px 0 0;
}
.homeBanner.servicesBanner img {
    position: relative;
    z-index: 2;
    width: 100%;
}
.homeBanner.home-crm-banner img {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 650px;
}
.homeBanner.servicesBanner .silhouette {
    background-image:url(../img/banner/paris-silhouette.png);
    background-position: bottom right;
    background-repeat:repeat-x;
    padding: 20px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.homeBanner.servicesBanner h1 {
    position: relative;
    z-index: 2;
    font-size: 44px;
    margin-top: 20px;
}
.homeBanner.servicesBanner h2 {
    position: relative;
    z-index: 2;
    font-size: 20px;
    margin-top: 10px;
}
#home-services .feature-head h3 {
    color: #FF5A00;
    font-size: 35px;
    font-weight: 100;
}
#home-services .feature-head h4 {
    color: #475168;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
}
#home-services .feature-head p {
    font-size: 16px;
}
#home-services .feature-head p strong {
    font-size: 16px;
    color: #475168;
}
.oneService h3 {
    font-weight: lighter;
    color: #475168;
}
.extern-txt p {
    height: 60px;
    margin-bottom: 27.5px;
}
.extern-txt p:nth-child(1) {
    color: #1e8bc3;
}
.extern-txt p:nth-child(2) {
    color: #ff9900;
}
.extern-txt p:nth-child(3) {
    color: #35bc7a;
}
.extern-txt p:nth-child(4) {
    color: #ff5a00;
}
.extern-txt p:nth-child(5) {
    color: #475168;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent;
    border: 0px solid transparent;
    height: 55px;
    border-radius: 0;
}
.price-container {
    margin-top: 0 !important;
   margin-bottom: 0;
}
.paypal-button button {
    text-indent: -9999em;
    display: block;
    width: 100%;
    margin: 10px auto;
    padding: 10px 25px !important;
    font-size: 1em !important;
    cursor: pointer !important;
    border: medium none !important;
    background: #0070ba none repeat scroll 0% 0% !important;
    text-shadow: none !important;
    color: #FFF !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    outline: medium none !important;
    border-radius: 5px !important;
    transition: all 0.3s ease 0s !important;
}
.paypal-button button:before {
    content: "\f1ed" !important;
    color: #FFF;
    text-indent: 0em !important;
    display: inline-block;
    font: 1em/40px FontAwesome;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    background: rgba(0,0,0,0.15) !important;
    width: 40px !important;
    border-radius: 0 !important;
    text-align: center;
}
.paypal-button button:after {
    content: "Payer avec PayPal" !important;
    display: block;
    color: #FFF;
    text-indent: 0em !important;
    line-height: 40px;
    left: 20px !important;
    background: none !important;
}
.checkoutSteps {
    
}
.checkoutSteps .stepNum{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    background-color: #CCC;
    border-radius: 50px;
}
.checkoutSteps .stepName{
    font-weight: bold;
    color: #CCC;
}
.checkoutSteps .active .stepNum{
    background-color: #FF5A00;
}
.checkoutSteps .active .stepName{
    color: #FF5A00;
}

/* New Pricing Table */
.background {
     padding: 0 25px 25px;
     position: relative;
     width: 100%;
}
 .background::after {
     content: '';
     background: #ff8c00;
     background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
     background: -moz-radial-gradient(center, ellipse cover, #ff8c00 0%, #ff5a00 100%);
     background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff8c00), color-stop(100%,#ff5a00));
     background: -webkit-radial-gradient(center, ellipse cover, #ff8c00 0%,#ff5a00 100%);
     background: -o-radial-gradient(center, ellipse cover, #ff8c00 0%,#ff5a00 100%);
     background: -ms-radial-gradient(center, ellipse cover, #ff8c00 0%,#ff5a00 100%);
     background: radial-gradient(ellipse at center, #ff8c00 0%,#ff5a00 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff5a00',GradientType=1 );
     height: 350px;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1;
}
 @media (min-width: 900px) {
     .background {
         padding: 0 0 25px;
    }
}
.background .container {
     margin: 0 auto;
     padding: 50px 0 0;
     max-width: 960px;
     width: 100%;
}
 .panel {
     background-color: #fff;
     border-radius: 10px;
     padding: 15px 25px;
     position: relative;
     width: 100%;
     z-index: 10;
}
 .pricing-table {
     box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
     display: flex;
     flex-direction: column;
}
 @media (min-width: 900px) {
     .pricing-table {
         flex-direction: row;
    }
}
 .pricing-table * {
     text-align: center;
     text-transform: uppercase;
}
 .pricing-plan {
     border-bottom: 1px solid #e1f1ff;
     padding: 25px;
}
 .pricing-plan:last-child {
     border-bottom: none;
}
 @media (min-width: 900px) {
     .pricing-plan {
         border-bottom: none;
         border-right: 1px solid #e1f1ff;
         flex-basis: 100%;
         padding: 25px 50px;
    }
     .pricing-plan:last-child {
         border-right: none;
    }
}
 .pricing-img {
     margin-bottom: 15px;
     opacity: .25;
     max-width: 50%;
}
 .pricing-header.plan-01 {
     color: #FF7381;
}
 .pricing-header.plan-02 {
     color: #ff8c00;
}
 .pricing-header.plan-03 {
     color: #2CCA70;
}
 .pricing-plan h6 {
     color: #000000;
}
 .pricing-features {
     font-weight: 400;
     letter-spacing: 1px;
     margin: 50px 0 25px;
}
 .pricing-features-item {
     border-top: 1px solid #e1f1ff;
     font-size: 11px;
     line-height: 1.5;
     padding: 15px 0;
}
 .pricing-features-item:last-child {
     border-bottom: 1px solid #e1f1ff;
}
 .pricing-price {
     color: #475168;
     display: block;
     font-size: 32px;
     font-weight: 700;
}
 .pricing-button {
     border: 1px solid #9dd1ff;
     border-radius: 10px;
     color: #348EFE;
     display: inline-block;
     margin: 25px 0;
     padding: 15px 35px;
     text-decoration: none;
     transition: all 150ms ease-in-out;
}
 .pricing-button:hover, .pricing-button:focus {
     background-color: #e1f1ff;
}
 .pricing-button.is-featured {
     background-color: #48aaff;
     color: #fff;
}
 .pricing-button.is-featured:hover, .pricing-button.is-featured:active {
     background-color: #269aff;
}
 .pricing-price strong {
     font-size: 44px;
     color: #000000;
}
 .pricing-price .price-currency {
     color: #000000;
     font-size: 18px;
}
 .pricing-price .price-ext {
     font-size: 12px;
     font-weight: 200;
}
.pricing-price .price-ht {
    font-size: 10px;
    font-weight: 100;
    color: #a1a1a1;
    display: inline-block;
}
 .useCoupon {
     font-size: 10px;
     border-style: dashed;
     border-color: #ccc;
     position: relative;
}
 .useCoupon:before {
     content: "\f0c4";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 22px;
     position: absolute;
     top: -14px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 span.inner {
     color: #FF5A00;
}
 span.outer {
     color: rgba(255, 90, 0, .35);
     text-decoration: line-through;
}


/* Avantages et services */
.al-services {
     background:rgba(248, 248, 255, 0.85);
    padding-bottom: 50px;
}

.al-services .container,
.breadcrumbs .container {
    margin-top: 0!important;
    padding-top: 0!important;
}

 .al-service-box {
     background:#fff;
     border-radius:4px;
     margin-top:30px;
     transition:all .4s;
}
 .al-service-box:hover {
     box-shadow:0 0 35px rgba(0,0,0,.05);
}
 .al-service-box:hover .btn {
     background:#FF5A00;
     color:#fff;
}
 .al-service-icon {
     background:rgba(248, 248, 255, 0.85);
     border-radius:100%;
     display:inline-block;
     padding:10px;
     width:90px;
     height:90px;
     border: 2px solid #FF5A00;
}
 .al-service-icon i {
     color:#FF5A00;
     display:inline-block;
     font-size: 42px;
    line-height: 64px;
}
 .al-service-box h4 {
     color:#475168;
     font-size:20px;
     font-weight:500;
}
 .al-service-box p {
     text-align: center;
}
 .al-service-box .btn {
     border-color:#FF5A00;
     color:#FF5A00;
}
.al-service-box .btn:focus
{
    box-shadow:none;
}
 .al-service-box .btn:hover {
     background:#FF5A00;
     color:#fff;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 3rem!important;
}
.pr-5, .px-5 {
    padding-right: 3rem!important;
}
.pl-5, .px-5 {
    padding-left: 3rem!important;
}
.mt-3 {
    margin-top: 3rem;
}

.faq-smaller {
    font-size: 90%;
    margin-top: 30px;
}


/* Testimenials Carousel */
.carousel {
  margin: 0 auto;
  padding: 0 70px;
}
.carousel .item {
  color: #333;
  overflow: hidden;
    min-height: 120px;
  font-size: 13px;
}
.carousel .media {
  position: relative;
  padding: 0 0 0 5px;
}
.carousel .media img {
  width: 75px;
  height: 75px;
  display: block;
  border-radius: 50%;
}
.carousel .testimonial-wrapper {
  padding: 0 10px;
}
.carousel .testimonial {
    color: #475168;
    position: relative;
    padding: 15px;
    background: rgba(255, 255, 255, 0.75);
    border: #607D8B;
    border-radius: 3px;
  margin-bottom: 15px;
}
.carousel .testimonial::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(255, 255, 255, 0.75);
  position: absolute;
  bottom: -10px;
  left: 25px;
}
.carousel .overview .details {
  padding: 5px 0 8px;
}
.carousel .overview b {
  text-transform: uppercase;
  color: #FFF;
  letter-spacing: 0.75px;
}
.carousel .carousel-indicators {
  bottom: -70px;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 15px;
    height: 15px;
  border-radius: 50%;
  margin: 1px 2px;
}
.carousel-indicators li { 
    background: #e2e2e2;
    border: 4px solid #fff;
    margin: 0;
}
.carousel-indicators li.active {
  color: #fff;
    background: #FF5A00;    
}

.overley-bg {
    background: 
                radial-gradient(ellipse at center, rgba(255, 140, 0, 0.65) 0%,#ff5a00 100%), 
                url(../img/clients.jpg) center center no-repeat;
    background-size: cover;
}
.gray-bg {
    background: 
                radial-gradient(ellipse at center, rgba(52, 73, 94, 0.65) 0%,#2C3E50 100%), 
                url(../img/clients.jpg) center center no-repeat;
    background-size: cover;
}
.overley-bg h2 {
    text-align: center;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 50px;
    text-transform: uppercase;
    color: #fff;
}
.gray-bg h2 {
    text-align: center;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 50px;
    text-transform: uppercase;
    color: #fff;
}
.gray-bg .details {
    color: #bdbdbd;
}

/****************************************************************
 By BAGHOUR 05/05/2022
 ****************************************************************/
 .table > thead > tr > th {
    border: 1px solid #ddd !important;
}
.agentList-pic img {
    width: 40px !important;
    height: 40px !important;
}
.agentList-name h6 {
    text-transform: capitalize;
}
.table > thead tr:nth-child(2) th:nth-child(1) {
    min-width: 200px;
}
.agent-rv-date .agent-rv-jour, .agent-one-rv .agent-rv-date .agent-rv-jour {
    font-size: 14px;
    font-weight: 800;
}
.agent-rv-date, .agent-one-rv .agent-rv-date {
    width: 36px;
    margin: 0 !important;
}
.table > tbody > tr > td {
    vertical-align: middle;
}
.master-page .agentList-pack .progress {
    padding: 0;
    margin-top: 2px;
    display: block;
    margin: 2px auto !important;
}
a .text-extra-small.text-grey {
    opacity: 0.5;
}
/*******
New list agents container & sidebar
********/
#list_agents_container {
    padding-left: 0;
    padding-right: 10px;
}
#list_agents_sidebar {
    position: fixed;
    z-index: 9;
    right: 0;
    top: 70px;
    bottom: 0;
    padding: 0 10px;
}
@media (min-width: 1190px) {
    #list_agents_container {
        width: 100%;
    }
    #list_agents_sidebar {
        position: initial;
        width: 100%;
    }
}
@media (min-width: 1190px) {
    #list_agents_container {
        width: 80%;
    }
    #list_agents_sidebar {
        width: 17.5%;
    }
}
@media (min-width: 1390px) {
    #list_agents_container {
        padding-left: 0;
        padding-right: 10px;
        width: 83%;
    }
    #list_agents_sidebar {
        position: fixed;
        z-index: 9;
        right: 0;
        width: 15.5%;
        top: 70px;
        bottom: 0;
        padding: 0 10px;
    }
}