html {
    height: 100%;
}
body{
    font-family: Helvetica;
    font-size: 13px;
    background: #ededed;
    display: block;
    height: 100%;
}

a {
    color: #337ab7;
}

a:focus:not(.btn), a:hover:not(.btn) {
    color: #23527c;
    text-decoration: underline;
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: menulist-button;
}

#main {
    position: relative;
    min-height: 100%;
}

#main-header {
    z-index: 1040;
}

#main-menu {
    z-index: 1039;
}
    #main-menu .logo-brand a {
        font-family: 'Times New Roman';
        text-decoration: none;
        font-size: 30px;
        font-weight: normal;
        display: inline-block;
        margin-top: -8px;
    }

    #main-menu .navbar-brand, .main-logo {
        font-family: 'Times New Roman';
        text-decoration: none;
        font-weight: normal;
        font-size: 32px;
        line-height: 21px;
    }

    #main-menu .nav-item {
        font-size: 15px;
        border-bottom: 3px solid transparent
    }

    #main-menu .nav-item .nav-link {
        text-decoration: none;
    }

    #main-menu .nav-item.active {
        border-bottom-color: #ce436a
    }

    #main-menu .navbar-toggler {
        font-size: 13px;
    }

#main-submenu {
    z-index: 1038;
    margin-top: 49px;
}
    #main-submenu .row {
        min-height: 40px;
    }

    #main-submenu .nav-item:hover {
        text-decoration: underline;
    }

#submenu-search-bar {
    max-width: 1440px;
    margin-top: 88px;
}

#main-content {
    margin-top: 115px;
    padding-bottom: 300px;
}

@media screen and (max-width: 575px) {
    #main-content {
        padding-bottom: 385px;
    }
}

@media screen and (max-width: 992px) {
    #main-submenu {
        margin-top: 47px;
    }
}

@media screen and (max-width: 1600px) {
    .logo-brand {
        display: list-item !important;
    }
}

#main-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#circle-progress {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
    #circle-progress img {
        width: 104px;
        height: 104px;
        vertical-align: top;
        border-radius: 50%;
        border: 1px solid #FFF;
        margin-top: 8px;
    }

    #circle-progress .user-picture-default {
        padding-top: 30px;
    }

    #circle-progress canvas {
        position: absolute;
        left: 0;
        top: 0;
    }

.alert {
    font-size: 1rem;
}

.banner {
    height: 400px;
    margin-top: 49px;
    z-index: -1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-spacer {
    height: 290px;
}

.banner-video {
    margin-top: -25px;
}

.banner-video .embed-responsive {
    height: 400px;
}

.bg-grey {
    background-color: #ededed !important;
}

.bg-pink {
    background-color: #ce436a;
}

.bg-yellow {
    background-color: #d7cb26;
}

.bg-blue {
    background-color: #1f718b;
}

.bg-blue-50 {
    background-color: rgba(31, 113, 139, 0.8);
}

.bg-blue-dark {
    background-color: #08313e;
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5);
}

.blank-company-logo {
    width: 180px;
    height: 90px;
}

.bootstrap-select .dropdown-menu li a {
    font-size: 13px;
    padding: .25rem 1rem;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 10px !important;
}

.border-grey {
    border-color: #ced4da;
}

.border-blue {
    border-color: #1f718b;
}

.border-yellow {
    border-color: #d7cb26;
}

.btn.focus, .btn:focus {
    box-shadow: none
}

.btn-pink, a.btn-pink {
    color: #fff;
    background-color: #ce436a;
    border-color: #ce436a;
    text-shadow: none;
}

.btn-pink:not(:disabled):active, a.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):focus, a.btn-pink:not(:disabled):not(.disabled):focus {
    color: #fff;
    background-color: #c81b3d;
    border-color: #c71131;
}

.btn-pink:hover, a.btn-pink:hover {
    color: #fff;
    background-color: #cb2548;
    border-color: #c81b3d;
}

.clean-img img {
    max-width: 100% !important;
    height: auto !important;
}

.company-logo-tiny {
    max-height: 60px;
    max-width: 120px;
}

.company-logo-normal {
    max-height: 90px;
    max-width: 180px;
}

.color-grey {
    color: #ced4da;
}

.color-pink, a.color-pink {
    color: #ce436a;
}

.color-pink-50 {
    color: rgba(206, 67, 106, 0.5);
}

.color-blue, a.color-blue {
    color: #1f718b;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
}

.custom-file-input:lang(fr)~.custom-file-label::after {
    content: 'Parcourir'
}

.custom-file-control.selected:lang(fr)::after {
  content: "" !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #1f718b;
    color: #FFF;
}

.font-size-16 {
    font-size: 16px;
}

.list-group-item.active {
    background-color: #1f718b;
    border-color: #1f718b;
}

.list-group-item.active .badge {
    background-color: #FFF;
    color: #1f718b !important;
}

a.list-group-item.active {
    color: #FFF;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.offer-summary.viewed, .offer-summary.viewed a, .offer-summary.viewed .fa-star, .offer-summary.viewed .fa-heart {
    color: #738594 !important;
}

.offer-summary.viewed .fa-star.color-grey {
    color: #ced4da !important;
}

.offer-summary.viewed:hover, .offer-summary.viewed:hover a, .offer-summary.viewed:hover .fa-star, .offer-summary.viewed:hover .fa-heart {
    color: initial !important;
}

.offer-summary.viewed:hover .color-blue{
    color: #1f718b !important;
}

.offer-summary.viewed:hover .color-pink{
    color: #ce436a !important;
}

.object-content-premium {
    border: 3px solid #1f7195;
}

.opacity-50 {
    opacity: 0.5;
}

.page-item.active .page-link {
    background-color: #ce436a;
    border-color: #ce436a;
}

.pointer {
    cursor: pointer;
}

.w-1440 {
    max-width: 1440px;
}