:root {
    --dark-blue: #D4E9FF !important;
    --light-blue: #e2f3ff !important;
    --inverse-bg-gray: linear-gradient(to bottom,#c1c1c1 0%,#ececec 39%,#ececec 39%,#fbfbfb 100%) !important;
    --bg-gray: transparent linear-gradient(#FBFBFB, #ECECEC, #CECECE) repeat scroll 0% 0% !important;
    --blue-bg: linear-gradient(to bottom, #0d85a8 0%, #35add1 39%, #44c0e5 100%) !important;
    --inserse-blue-bg: linear-gradient(to bottom,#0d85a8 0%,#35add1 61%,#44c0e5 100%) !important;
    --dark_blue_text: #0093D6;
}
#breadcrumb {
    width: 100% !important;
    height: 32px;
    margin-top: 5px !important;
    padding: 0;
    display: block;
    background: transparent !important;
    margin-bottom: 0px !important;
    list-style: none;
    position: relative;
    top: 174px;
    padding: 0;
    left: -17px;
}
.inline {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 16px;
    margin-top: 10px;
}
section.authentication {
    background: linear-gradient(rgb(255, 255, 255), rgb(250, 250, 250), rgb(234, 234, 234)) 0px 0px repeat scroll padding-box transparent;
    width: 1238px;
    margin: 14px auto;
    padding: 20px 0px;
    border: 1px solid #0091d1;
    border-radius: 0 0 6px 6px;
    margin-top: -18px;
    position: relative;
    left: -2px;
}
.silk-navigation.text-center {
    position: relative;
    top: 3px;
}
.steps__container {
    width: 109.2%;
    left: -1px !important;
    position: relative;
}
input#email {
    width: 270px;
}
input#password {
    width: 170px;
}
.input-group-addon i.fa, .input-group-addon .glyphicon, .input-group-addon.normal-addon {
    color: #007FBD !important;
    font-size: 16px;
}
.authentication-login-section .auth__top__txt__container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.authentication-login-section .auth__top__txt__container .text {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    position: unset;
}
.authentication-login-section .auth__top__txt__container .btn {
    background: linear-gradient(to bottom, #44c0e5 0%, #35add1 39%, #0d85a8 100%);
    color: white;
    padding: 5px 25px 5px 15px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.authentication-login-section .auth__top__txt__container .btn i::after {
    content: '';
    position: absolute;
    right: 0;
    top: 11px;
    font-weight: 600;
}
.authentication-login-section .auth__top__txt__container .btn.active {
    background: linear-gradient(to bottom, #0d85a8 0%, #35add1 61%, #44c0e5 100%) !important;
}

button{
    outline: none;
    border: none;
}

.authentication-login-section .remember-me {
    display: flex;
    align-items: flex-end;
    gap: 5px;
}
.custom__booking__form select, .custom__booking__form input {
    font-size: 13px;
}
.body-border input, .body-border select, .body-border textarea {
    border-style: solid !important;
    border-color: #66afe9 !important;
    border-width: thin !important;
    color: #555 !important;
    background: white;
}
.authentication-login-section .remember-me label {
    line-height: 13px;
    font-size: 13px;
    margin: 0;
}
.authentication-login-section  #forgot__password__btn {
    text-decoration: none;
    color: #007FBD;
    font-size: 14px;
    margin-top: 5px;
}
.authentication-login-section  .form-options a {
    color: #004B89;
    text-decoration: none;
}
.step__previous__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #ffffff, #cccccc);
    color: #555;
    font-weight: bold;
    font-size: 13px;
    padding: 6px 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
    position: relative;
    height: min-content;
}
.btn-default {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: #d0d0d0 !important;
    background-image: linear-gradient(#ffffff, #ffffff 25%, #d0d0d0) !important;
    background-repeat: no-repeat !important;
    border-color: #ccc #ccc #bbb !important;
    border-image: none !important;
    border-radius: 4px !important;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    color: #000 !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 15px !important;
    line-height: normal !important;
    padding: 8px 14px 9px !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    transition: all 0.1s linear 0s !important;
    margin: 0 0px !important;
    font-family: 'Open Sans' !important;
    text-decoration: none !important;
}
.step__previous__btn::before {
    content: "❮";
    font-size: 16px;
    background: white;
    color: gray;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 5px;
}
.step__previous__btn span {
    position: unset !important;
    color: #000 !important;
    font-size: unset !important;
    text-transform: uppercase;
}
.step__previous__btn:hover {
    background: linear-gradient(to bottom, #eeeeee, #bbbbbb);
}
.aut__login__section .btn-login.red__3d__btn {
    font-size: 14px;
}
.red__3d__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #ff4d4d, #cc0000);
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 6px 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    position: relative;
    height: min-content;
    white-space: nowrap;
}
.red__3d__btn::after {
    content: "❯";
    font-size: 16px;
    background: white;
    color: red;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 5px;
}
form .form-group {
    margin-bottom: 10px;
    position: relative;
}
.authentication-login-section .forget-password-container .inline__box {
    display: flex;
    gap: 10px;
    background: transparent linear-gradient(#fbfbfb, #ececec, #cecece) repeat scroll 0% 0%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #0091d1 !important;
}
.authentication-login-section .forget-password-container .inline__box .form-group {
    margin-bottom: 0 !important;
}
.forget-password-container {
    width: 90%;
    margin-bottom: 20px;
}
form.custom__booking__form label {
    display: block !important;
    font-weight: normal;
}
.authentication-login-section .btn-forget {
    background: linear-gradient(to bottom, #44c0e5 0%, #35add1 39%, #0d85a8 100%);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 4px 12px;
    font-weight: 900;
    cursor: pointer;
    font-size: 14px;
    height: fit-content;
    white-space: nowrap;
    transform: translateY(30px);
}

.authentication-login-section .forget-password-container .inline__box {
    display: flex;
    gap: 10px;
    background: transparent linear-gradient(#fbfbfb, #ececec, #cecece) repeat scroll 0% 0%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #0091d1 !important;
}

.authentication-login-section .btn-forget {
    background: linear-gradient(to bottom, #44c0e5 0%, #35add1 39%, #0d85a8 100%);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 4px 22px;
    font-weight: 900;
    cursor: pointer;
    font-size: 17px;
    height: fit-content;
    white-space: nowrap;
    transform: translateY(30px);
}
.remove__btn {
    cursor: pointer;
    overflow: hidden;
    outline: none;
    padding: 0px;
    height: fit-content;
    font-size: 15px;
    color: #ffffff;
    height: 22px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    margin: 0px;
    line-height: 20px;
    border: 1px solid red;
    background-color: red;
}
.remove__btn .fa-minus {
    color: #fff !important;
}
form label {
    font-size: 13px !important;
    color: #000;
}
.divider__box {
    border-left: 1px solid #66afe9;
}
.authentication-section {
    display: flex;
    justify-content: space-between;
}
.form-row {
    display: flex;
    gap: 10px;
}
.select-wrapper::after {
    content: "\f0d7";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    color: #2ba5c9;
    font-size: 16px;
    pointer-events: none;
    z-index: 10;
}
input#bookNom, input#bookingAddressLocation, input#comBookingAddress {
    width: 537px;
}
input#bVille {
    width: 315px;
}
select#particularOpt {
    width: 246px;
}
input#Organisme {
    width: 246px;
}
select#civiliteReg {
    width: 70px;
}
input#regFname {
    width: 188.6px;
}
input#lNamE {
    width: 188.6px;
}
input#Emailreg {
    width: 149px;
}
input#RegPhone1 {
    padding-left: 8px !important;
    width: 149px;
}
input#faxReg1 {
    width: 149px;
}
input#companyFunction {
    width: 246px;
}
input#NomService {
    width: 246px;
}
input#company_siretNumber{
    width: 246px;
}
input#company_vatNumber{
    width: 246px;
}
select, input{
    color: #000;
}
::placeholder{
    color: #000 !important;
}
.input-group-addon:first-child {
    background: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    border: 1px solid #1980ad;
    border-right: 0;
    color: #007FBD;
    font-size: 16px;
    padding:5px 7px;
}
.current__location__btn, .current__stop__location__btn {
    position: absolute;
    z-index: 10;
    right: 5px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.current__location__btn img, .current__stop__location__btn img {
    width: 21px;
    height: 21px;
}

div#ruleBox {
    top: 32px;
}
div#bookAdressLoca img {
    left: -24px;
    position: absolute;
    top: -10px;
}
.terms__label, .privacy__label {
    padding-left: 5px !important;
    margin: 0;
    font-size: 12px !important;
}
.terms__label a, .privacy__label a {
    padding-left: 0px;
    margin: 0;
    font-size: 12px !important;
    color: #007FBD;
    font-weight: 600;
}
a:active, a:hover {
    outline: 0;
}
a:hover {
    text-decoration: none;
}

.flag-container {
    display: none;
}


/* right side style */


.authentication__side__bar__container {
    width: 500px;
    margin: 0;
    padding: 20px;
    border-radius: 10px;
    /* background: linear-gradient(to bottom, #0d85a8 0%, #35add1 39%, #0d85a8 100%) !important; */
}
.authentication__side__bar__container .logo {
    text-align: center;
}
.authentication__side__bar__container * {
    color: #000 !important;
}
.logo {
    margin-top: -2px;
}
.authentication__side__bar__container  h3 {
    font-size: 16px;
    font-weight: bold;
    margin: -7px 0px 0px 0;
    text-align: center;
    color: #000 !important;
}
.authentication__side__bar__container h2 {
    font-size: 30px;
    margin: 10px 0 0px 0;
    color: var(--dark_blue_text) !important;
    font-family: Satisfy, cursive;
    font-weight: 400;
    font-style: normal;
}
.authentication__side__bar__container p {
    color: #000 !important;
    font-weight: 600;
    margin-bottom: 0px;
    font-family: Satisfy,cursive;
    font-style: normal;
    font-size: 20px;
}
.authentication__side__bar__container .advantages {
    text-align: left;
    margin-top: 15px;
}
.advantage div p, p.signInQuote{
    font-family: 'MyriadProLight', Arial, Helvetica, sans-serif, Calibri;
}
.authentication__side__bar__container .advantage {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.authentication__sidebar__section.col-md-6 {
    position: relative;
    top: -37px;
}
.authentication__side__bar__container .advantage img {
    border-radius: 100%;
    width: 85px;
    height: 60px;
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
}
.authentication__side__bar__container .advantage h4 {
    margin: 0;
    font-size: 16px;
    color: #0d98cd !important;;
}
.authentication__side__bar__container .advantage p {
    margin: 0;
    font-size: 14px;
}
.authentication__side__bar__container #testimonial-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.authentication__side__bar__container .silk-slides {
    transform: translateX(-200%);
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.authentication__side__bar__container .silk-slide {
    flex: 0 0 100%;
    text-align: center;
}
.authentication__side__bar__container .silk-slide img {
    width: 80px;
    border-radius: 50%;
    margin-bottom: 10px;
    border: 2px solid #007FBD;
    padding: 1px;
}
.authentication__side__bar__container .silk-slide h4 {
    margin: 5px 0;
    font-size: 18px;
    color: #0d98cd !important;
}
.authentication__side__bar__container .silk-slide p {
    font-style: italic;
    font-size: 14px;
    padding: 0 15px;
}
.authentication__side__bar__container .silk-navigation button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}
.authentication__side__bar__container .silk-navigation .dot {
    cursor: pointer;
    position: unset;
    display: inline-block;
    height: 15px;
    width: 15px;
    background-color: rgb(229,50,50);
    border-radius: 50%;
    border: 2px solid #D1CACA;
    margin: 0 5px;
}
.logo img {
    width: 180px !important;
    height: 100px !important;
    margin-top: 0;
}