/* font family */
.font-cabin{font-family: 'Cabin', sans-serif;}
/* end font-family */

/* font-weight */
.fw-bold{font-weight: bold;}
.fw-600{font-weight: 600;}
.fw-500{font-weight: 500;}
/* end font-weight */

/* white-space */
.nowrap{white-space: nowrap;}
/* end white-space */

/* font-size */
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-24{font-size: 24px;}
.fs-28{font-size: 28px;}
/* end font-size */

/* text align */
.text-left{text-align: left;}
.text-center{text-align: center;}
/* end text align */

/* height line-height */
.h-24{height: 24px !important;}
.h-40{height: 40px;}
.h-60{height: 60px;}
.h-80{height: 80px;}
.h-95{height: 95px;}
.h-130{height: 130px;}
.h-132{height: 132px;}
.h-160{height: 160px;}
.h-240{height: 240px;}
.h-316{height: 316px;}
.h-372{height: 372px;}
.h-400{height: 400px;}
.h-468{height: 468px;}

.hlh-16{height: 16px; line-height: 16px;}
.hlh-18{height: 18px; line-height: 18px;}
.hlh-19{height: 19px; line-height: 19px;}
.hlh-20{height: 20px; line-height: 20px;}
.hlh-24{height: 24px; line-height: 24px;}
.hlh-26{height: 26px; line-height: 26px;}
.hlh-40{height: 40px; line-height: 40px;}

.lh-18{line-height: 18px;}
.lh-32{line-height: 32px;}
/* end height line-height */

/* border-radius */
.radius-2-2-0-0{border-radius: 2px 2px 0 0;}
.radius-0-0-2-2{border-radius: 0 0 2px 2px;}
.radius-2-0-0-2{border-radius: 2px 0 0 2px;}
.radius-0-2-2-0{border-radius: 0 2px 2px 0;}
.radius-2{border-radius: 2px;}
.radius-50-pct{border-radius: 50%;}


.border-2-blue{border: solid 2px #4554c7;}
.border-2-green{border: solid 2px #3db793;}
.border-none{border: none !important;}
/* end border-radius */

/* vertical align middle */
.align-middle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
/* end vertical align middle */

/* width */
.w-inherit{width: inherit !important;}
.w-100-pct{width: 100%;}
.w-100-100{width: calc(100% - 100px);}
.w-25-60{width: calc(25% - 60px);}
.w-25-20{width: calc(25% - 20px) !important;}

.w-24{width: 24px !important;}
.w-40{width: 40px;}
.w-160{width: 160px;}
.w-340{width: 340px;}
.w-400{width: 400px;}
.w-560{width: 560px;}

.min-w-160{min-width: 160px;}
.min-w-500{min-width: 500px;}

max-w-230{max-width: 230px;}
/* end width */

/* display */
.display-none{display: none;}
.display-b{display: block !important;}
.display-t{display: table !important;}
.display-ilb{display: inline-block;}
.display-ilt{display: inline-table;}
/* end display */

/* padding */
.p-0{padding: 0 !important;}
.p-16{padding: 16px;}
.p-18{padding: 18px;}
.p-20{padding: 20px;}

.p-0-1-em{padding: 0 1em;}
.p-20-20{padding: 20px 20px;}
.p-20-40{padding: 20px 40px;}
.p-40-0{padding: 40px 0;}
.p-60-80{padding: 60px 80px !important;}

.p-t-0{padding-top: 0;}
.p-t-15{padding-top: 15px;}

.p-r-0{padding-right: 0;}
.p-r-60{padding-right: 60px !important;}
.p-r-80{padding-right: 80px;}


.p-l-0{padding-left: 0 !important;}

.p-b-0{padding-bottom: 0;}
.p-b-15{padding-bottom: 15px;}

/* end padding */

/* margin */
.m-0{margin: 0 !important;}

.m-r-0{margin-right: 0 !important;}
.m-r-8{margin-right: 8px;}
.m-r-20{margin-right: 20px !important;}
.m-r-40{margin-right: 40px;}
.m-r-50{margin-right: 50px;}

.m-t-0{margin-top: 0 !important;}
.m-t-4{margin-top: 4px;}
.m-t-16{margin-top: 16px;}
.m-t-30{margin-top: 30px !important;}
.m-t-24{margin-top: 24px;}
.m-t-40{margin-top: 40px !important;}
.m-t-60{margin-top: 60px !important;}

.m-b-0{margin-bottom: 0 !important;}
.m-b-1{margin-bottom: 1px !important;}
.m-b-4{margin-bottom: 4px !important;}
.m-b-8{margin-bottom: 8px;}
.m-b-12{margin-bottom: 12px;}
.m-b-16{margin-bottom: 16px;}
.m-b-20{margin-bottom: 20px;}
.m-b-25{margin-bottom: 25px;}
.m-b-40{margin-bottom: 40px;}

.m-l-0{margin-left: 0 !important;}
.m-l-10{margin-left: 10px !important;}
.m-l-40{margin-left: 40px !important;}

.ml-mr-auto{margin-left: auto !important;margin-right: auto !important;}
/* end margin */

/* left */
.l-0{left: 0;}
/* end left */


/* mon-labo */
.mon-labo{
    width: 100%;
    background-color: #eeeeee;
    box-shadow: inset 0 1px 0 0 #dadada;
}
/* end mon-labo */

/* footer divider */
.footer-divider{height: 1px;background-color: #bebebe;}
/* end footer divider */

/* span header */
.span-header-message{
    margin-left: 50px;
    margin-right: 20px;
}
/* end span header */

/* img header */
.container-img-header{
    height: 60px;
    width: 60px;
    position: absolute;
    left: -30px;
    top: 42px;
}

.img-header{
    top: 15px;
    position: absolute;
    width: 28px;
    margin: 0 16px;
}
/* end img header */

/* icon */
.hamburger{
    margin-top: 11px;
    height: 38px !important;
    margin-right: 4px;
}

.icon-menu{
    line-height: 25px;
    vertical-align: sub;
}

.span-menu-dropdown{
    line-height: 30px;
    height: 25px;
    display: inline-table;
}
/* end icon */

/* text transformations */
.uppercase{text-transform: uppercase;}
/* end text transformations */

/* positions */
.rel{position: relative;}
.fixed{position: fixed;}
.abs{position: absolute;}
/* end positions */


.laboratory{
    width: calc(50% - 10px) !important;
}

.biologist-card{
    position: relative;
    float: left;
}

.biologist-card:last-of-type{
    margin-right: 0 !important;
}

@media screen and (max-width: 767px){
    .biologist-card{
        width: 100%;
    }
}

@media screen and (min-width: 992px){
    .biologist-card{
        width: calc(25% - 15px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .biologist-card{
        width: calc(50% - 10px);
    }
}


@media screen and (max-width: 991px){
    .laboratory{
        width: 560px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .row-lab-detail{
        width: 560px;
        display: table;
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 590px){
    .laboratory{display: none;}
    .laboratories-device{display: block;}
    .row-lab-detail{width: 100%;}
}


@media screen and (min-width: 591px){
    .laboratories-device{display: none;}
    .laboratory{display: block;}
}

@media screen and (min-width: 770px){
    .laboratory-device{display: none}
    .laboratory-detail{display: block;}
    .info-pratique{padding: 60px 80px;}
}

@media screen and (max-width: 769px){
    .laboratory-device{display: block;}
    .laboratory-detail{display: none;}
}

@media screen and (max-width: 991px){
    .laboratory-detail > .detail-info{padding: 60px 40px;}
}

@media screen and (min-width: 992px){
    .laboratory-detail > .detail-info{padding: 60px 80px;}
}

@media screen and (max-width: 769px){
    .info-pratique{padding: 20px 40px;}
}

@media screen and (max-width: 460px){
    .w-25-60{width: 100% !important;}
}

@media screen and (min-width: 461px) and (max-width: 769px){
    .w-25-60{width: calc(50% - 10px) !important;}
    .biologists-row>div:last-child{margin-right: 0 !important;}
}

@media screen and (min-width: 770px){
    .dropdown-content > a[href="/laboratoires"]{
        display: none !important;
    }
}

.info-pratique-detail > p{
    font-weight: 500;
    font-size: 15px;
    color: #505050;
}

.lab-name:hover{
    color: #ffffff;
    text-decoration: none;
}

#biologists-list{left: -1.1rem !important;}
#exceptional-hours-list {
    padding-left: 16px;
    margin-bottom: 0;
}

#bio > p{
    font-size: 13px;
    font-weight: 600;
    color: #bebebe;
}

.dropdown-content > a,
ul.pull-ul > li > a{
    font-family: 'Cabin', sans-serif;
}

.laboratory,
.laboratories-device{cursor: pointer;cursor: hand;}

.text-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}