:root {
    --font-family: 'Poppins', sans-serif !important;
    --main-color-maritime: #1E50A3;

    --second-color-maritime: orange;
    --color--maritime: #45b7ed;
    --border-radius: 8px
}


.nQte {
    margin: 0 0 35px;
    border: 1px solid #c9c9c9;
    background: #FFF;
    border-radius: var(--border-radius);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 20px !important;
    border: 1px solid rgba(128, 137, 150, 0.1);
}

.nQteBody {
    display: table;
    width: 100%;
    padding: 5px 7px
}

.nQteBody > div:first-child {
    border: none;
    padding: 2px 10px;
}

.nQteBody > div {
    display: table-cell;
    vertical-align: top; /*width:50%;*/
    border-left: 1px solid #e3e3e3;
    padding: 0;
    height: auto
}

.nTkt {
    display: table;
    width: 100%
}

.color-time {
    color: #999999;

}

.color-route {
    color: #193354;
}

.color-date {
    color: #999999;
}

.nTkt > div {
    display: table-row
}

.nTkt .time1 {
    text-align: right;
    font-size: 18px;
    line-height: 18px;
    padding-right: 10px;
    font-weight: 600;

    padding-top: 2px
}

.nTkt .time2 {
    text-align: center
}

.nQteHead {
    border-bottom: 1px solid #e3e3e3;
    padding: 5px 7px
}

.nQteHead .hdOp, .nTkt .time3 {
    padding-left: 10px
}

.nQteHead > div {
    display: table;
    width: 100%
}

.nQteHead > div > div {
    display: table-cell;
    vertical-align: middle
}

.nQteHead > div > div > div {
    display: table
}

a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    cursor: pointer
}

.nQteHead .hdIm {
    width: 110px;
    border-right: 1px solid #e3e3e3
}

.nQteHead .hdIm img {
    display: block;
    margin: 0 auto
}

.nQteHead .hdIm + .hdOp {
    padding-right: 10px
}

.nQteHead > div > div > div > div {
    display: table-cell;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px
}

.nTkt .route1, .nTkt .time3 {
    padding-top: 2px;
    font-weight: 600
}

.nQteHead .hdOp span:first-child {
    font-size: 14px
}

.nQteHead .hdOp span {
    font-size: 12px;
    line-height: 15px;
    display: block;
    clear: both
}

@media (min-width: 992px) {
    .nTkt .time2 > div {
        width: 167px;
        background-image: url(../images/quotes-line.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }
}

.nTkt .time2 > div {
    height: 10px;
    width: 102px;
    background-image: url(../images/quotes-line.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto
}

.nTkt .time3 {
    text-align: left;
    font-size: 18px;
    line-height: 18px;

}

.nTkt .route1, .nTkt .route3 {
    vertical-align: middle;

}

.nTkt > div > div {
    display: table-cell;
    vertical-align: middle
}

@media (min-width: 992px) {
    .nTkt .route1, .nTkt .route3 {
        width: 142px
    }
}

.nTkt .route1 {
    width: 120px;
    text-align: right;
    padding-right: 12px;
    line-height: 15px;
    font-size: 14px
}

@media (min-width: 992px) {
    .nTkt .dur2 {
        width: 167px
    }
}

.nTkt .dur2 {
    text-align: center;
    width: 102px;
    font-size: 12px;
    line-height: 10px;
    padding-top: 5px;
    vertical-align: middle
}

.nTkt .date1, .nTkt .route3 {
    line-height: 15px;
    font-weight: 600
}

@media (min-width: 1200px) {
    .nTkt .route1, .nTkt .route3 {
        width: 175px
    }
}

.nTkt .route3 {
    width: 120px;
    text-align: left;
    padding-left: 12px;
    padding-top: 2px;
    font-size: 14px
}

.nTkt .date1 {
    padding-right: 10px;
    text-align: right;
    font-size: 12px;
    display: block;
    margin-bottom: 3px;
    margin-top: 2px;


}

.nTkt .ship2 {
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    vertical-align: top
}

.nTkt .ship2 > span {
    font-size: 12px;
    display: block;
    line-height: 15px;
    margin-bottom: 3px;
    margin-top: 3px
}

.nQteHead .hdPr span {
    font-size: 24px;
    line-height: 24px;
    display: block;
    font-weight: 600;
    color: #193354;
    white-space: nowrap
}

.nQteHead .hdPr {
    text-align: right;
    padding-right: 10px
}

.nTkt .date3 {
    padding-left: 10px;
    font-size: 12px;
    display: block;
    line-height: 15px;
    margin-bottom: 3px;
    margin-top: 2px;
    font-weight: 600;

}

.afrwd_summary {
    float: right;
    width: 30%;
    margin: 0 1% 1em;
    position: relative
}

.afrwd_summary .afrwd_basic-cntn {
    padding: 1em;
    border: 1px solid rgba(0, 0, 0, .06)
}

.afrwd_summary .afrwd_basic-cntn > h2 {
    font-size: 1.4em;
    color: #333;
    display: block;
    letter-spacing: .01em;
    padding: 0;
    border-bottom: 0 none
}

.afrwd_summary .afrwd_outrtn-cntn {
    margin: .75em 0
}

.afrwd_outrtn-cntn {
    width: 100%;
    display: inline-block;
    margin: .6em 0 0
}

.afrwd_oplogosum1 {
    clear: both;
    display: inline-block;
    width: 110px;
    height: auto;
    min-height: 32px;
    overflow: hidden;
    margin: 0
}

.afrwd_sum-info2 {
    color: #333;
    font-weight: 700
}

.afrwd_sum-info3 {
    font-weight: 700
}

.afrwd_sum-info, .afrwd_sum-info2, .afrwd_sum-info3, .afrwd_sum-info4 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    line-height: 1.4
}

.afrwd_price-cntn .afrwd_price, .afrwd_totalprc {
    font-size: 2em;
    color: #005684;
    margin: .2em 0 0;
    display: inline-block;
    line-height: 1;
    text-align: right
}

.positionBloc {
    position: absolute;
    top: 8px
}

.list-services-effect .navire-big-picto-legende {
    transition: all .15s ease-in-out;
    font-size: 14px
}

.navire-big-picto, .navire-big-picto-legende {
    text-align: center;
    pointer-events: none;
    transition-duration: 1.5s;
    transition-delay: 0s
}

.navire-big-picto-legende {
    font-weight: 600;
    line-height: 15px;
    padding-top: 10px;
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 1;
    transition-property: opacity
}

.contenudunavire h2 {
    font-size: 18px !important;
    margin-top: 20px !important
}

.marginrowpicto {
    margin-top: 10px;
    padding-bottom: 50px
}

.navire-big-picto {
    clear: both;
    margin-top: 0;
    display: inline-block;
    transition-property: margin-top
}

@media (max-width: 767px) {
    .navire-big-picto-legende {
        display: none !important
    }
}

.displayStrong {
    display: inline-block
}

.properties__info {
    border: none;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(../img/bg-border-dotted-horizontal.png) 0 100% repeat-x;
    padding: 10px 0
}

.properties__offer-value strong {
    font-size: 25px;
}

.box-maritime {
    border: none !important;
    background-color: #fff;
    padding: 20px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 0px 0 rgba(0, 0, 0, 0.12);
}


.bg-box {
    background: #f6f6f6;
    text-align: center;
    padding: 8px
}


/***CHD 30/10***/

.btnSearch {
    color: #fff;
    background-color: var(--second-color-maritime) !important;
    border: 1px solid var(--second-color-maritime) !important;
    font-size: 16px;
    margin-top: 10px;
    padding: 10px 30px;
    font-weight: 500;
    float: right;
    width: auto;

}

.card.card-maritime .btn-secondary:active,
.card.card-maritime .btn-secondary:focus,
.card.card-maritime .btnSearch:hover {
    color: var(--second-color-maritime) !important;
    background-color: #fff !important;
    border: 1px solid var(--second-color-maritime) !important;
    box-shadow: none !important;
}


.top-15 {
    margin-top: 15px
}

.card.card-maritime {
    border-radius: var(--border-radius);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    padding: 20px !important;
    border: 1px solid rgba(128, 137, 150, 0.1);
}

.card.card-maritime .input-sm {
    height: 45px;
}

.card.card-maritime .form-control, .card.card-maritime .bootstrap-select .btn.btn-default, .dropdown--select .dropdown-toggle {

    width: 100%;

    height: 45px;
    background-color: #fff;
    color: #193354;

    border: 2px solid #d3d0c9;
    font-size: 14px;
    padding: 8px 8px 8px 40px;
    border-radius: var(--border-radius);
    text-decoration: none;

    text-align: initial;
}
.bootstrap-select .btn.btn-default:focus{
    border-color: transparent;
}
#content-area  .membership-content .form-group .form-control,#content-area  .membership-content .bootstrap-select .btn.btn-default {
    width: 100%;

    height: 45px;
    background-color: #fff;
    color: #193354;

    border: 2px solid #d3d0c9 !important;
    font-size: 14px;

    border-radius: 6px!important;
    text-decoration: none;

    text-align: initial;
}
.card.card-maritime .form-control:focus, .bootstrap-select.open .btn.btn-default {
    border: 2px solid var(--color--maritime) !important;
}

.card.card-maritime input:disabled {
    background-color: lightgray !important;
}
#content-area .membership-content label{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--main-color-maritime);
}
.card.card-maritime .in-label {


    margin-right: 10px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px
}

.card.card-maritime .mb-25 {
    margin-bottom: 15px
}


.card.card-maritime label.control-label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--main-color-maritime);
}

i.remove-vehicules {
    position: absolute;
    float: right;
    right: 30px;
    color: red;
    cursor: pointer;
    margin-top: -20px;

}


.aller-differt {


    padding: 8px;
    border-radius: var(--border-radius);

    font-size: 20px;
    font-weight: 700;
    color: var(--color--maritime);

}


.ages_enfant_differt, .ages_enfant, .ages_bebe {
    width: 100%;
}

.card.card-maritime .input-icon:before {
    width: 26px;
    height: 26px;
    filter: invert(74%) sepia(20%) saturate(6233%) hue-rotate(169deg) brightness(99%) contrast(87%);
    top: 22%;
    left: 6px;
}

.card.card-maritime .input-select-route:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='dfMuiIcon _icon_q9fne_16' focusable='false' aria-hidden='true' viewBox='0 0 24 24' data-testid='FastForwardOutlinedIcon'%3E%3Cpath d='M15 9.86 18.03 12 15 14.14V9.86m-9 0L9.03 12 6 14.14V9.86M13 6v12l8.5-6L13 6zM4 6v12l8.5-6L4 6z'%3E%3C/path%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    z-index: 555;
}

.card.card-maritime .input-calendar:before {


    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2728 3.81818H18.3637V2H16.5455V3.81818H7.45463V2H5.63645V3.81818H4.72736C3.72736 3.81818 2.90918 4.63636 2.90918 5.63636V20.1818C2.90918 21.1818 3.72736 22 4.72736 22H19.2728C20.2728 22 21.091 21.1818 21.091 20.1818V5.63636C21.091 4.63636 20.2728 3.81818 19.2728 3.81818ZM19.2728 20.1818H4.72736V10.1818H19.2728V20.1818ZM19.2728 8.36364H4.72736V5.63636H19.2728V8.36364Z' fill='%23193354'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    z-index: 555;
}

.card.card-maritime .input-select-retour:before {


    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='dfMuiIcon _icon_q9fne_16' focusable='false' aria-hidden='true' viewBox='0 0 24 24' data-testid='FastRewindOutlinedIcon'%3E%3Cpath d='M18 9.86v4.28L14.97 12 18 9.86m-9 0v4.28L5.97 12 9 9.86M20 6l-8.5 6 8.5 6V6zm-9 0-8.5 6 8.5 6V6z'%3E%3C/path%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    z-index: 555;
}

.card.card-maritime .input-users:before {


    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='dfMuiIcon _icon_ojma4_69' focusable='false' aria-hidden='true' viewBox='0 0 24 24' data-testid='PeopleAltTwoToneIcon'%3E%3Ccircle cx='9' cy='8' r='2' opacity='.3'%3E%3C/circle%3E%3Cpath d='M9 15c-2.7 0-5.8 1.29-6 2.01V18h12v-1c-.2-.71-3.3-2-6-2z' opacity='.3'%3E%3C/path%3E%3Cpath d='M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24C14.5 5.27 15 6.58 15 8s-.5 2.73-1.33 3.76c.42.14.86.24 1.33.24zm-6 0c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 7c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 555;
}

.card.card-maritime .input-pets:before {


    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='dfMuiIcon _icon_i9twm_55' focusable='false' aria-hidden='true' viewBox='0 0 24 24' data-testid='PetsIcon'%3E%3Ccircle cx='4.5' cy='9.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='9' cy='5.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='15' cy='5.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='19.5' cy='9.5' r='2.5'%3E%3C/circle%3E%3Cpath d='M17.34 14.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 555;
}

.card.card-maritime .input-car:before {


    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='currentColor' class='bi bi-ev-front-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2.52 3.515A2.5 2.5 0 0 1 4.82 2h6.362c1 0 1.904.596 2.298 1.515l.792 1.848c.075.175.21.319.38.404.5.25.855.715.965 1.262l.335 1.679q.05.242.049.49v.413c0 .814-.39 1.543-1 1.997V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.338c-1.292.048-2.745.088-4 .088s-2.708-.04-4-.088V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.892c-.61-.454-1-1.183-1-1.997v-.413a2.5 2.5 0 0 1 .049-.49l.335-1.68c.11-.546.465-1.012.964-1.261a.8.8 0 0 0 .381-.404l.792-1.848Zm6.75.51a.186.186 0 0 0-.23.034L6.05 7.246a.188.188 0 0 0 .137.316h1.241l-.673 2.195a.19.19 0 0 0 .085.218c.075.043.17.03.23-.034l2.88-3.187a.188.188 0 0 0-.137-.316H8.572l.782-2.195a.19.19 0 0 0-.085-.218Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 555;
}

.card.card-maritime .input-promo:before {


    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-upc' viewBox='0 0 16 16'%3E%3Cpath d='M3 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0zm2 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 555;
}

.card.card-maritime .myGroup .panel {
    margin-bottom: 0
}


.card.card-maritime hr {
    margin: 4px 0
}

.card.card-maritime .bg-gray {
    border-radius: var(--border-radius);
    padding: 6px;
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}


button.swal2-confirm.swal2-styled {

    font-size: 16px;
}


#filter_maritime .panel-info {
    width: 100%;
}

#filter_maritime input:invalid:required {
    border: 2px solid red !important;
}

@media only screen and (max-width: 768px) {
    #filter_maritime .panel-info {
        position: relative;
    }
}