/**Browser focus removal**/
*:focus {
    outline: 0 !important;
    outline-style:none !important;
    box-shadow:none !important;

}

a:focus {
    outline: 0 !important;
    outline-style:none !important;
    box-shadow:none !important;

}

input[type="file"]:focus {
    outline: 0 !important;
    outline-style:none !important;
    box-shadow:none !important;
    border: transparent !important;
}

/**End browser focus removal**/

/** Form style **/
.form-control:focus {
    box-shadow: none;
}

.form-control::placeholder {
    color: #c5c5c5;
    opacity: 1;
    font-weight: 400;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

input[type=number] {
    -moz-appearance:textfield;
}
.go-back-to-admin {
    position: absolute;
    top: 80px;
    right: 0;
    padding: 20px;
    margin: 5px;
    border: 1px solid lightgray;
    border-radius: 15px;
    z-index: 1000;
}
.search-input.postal-input ~ .select2-container {
    background: url("/img/location_icon.png");
    background-image: none, url("/img/post-box.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 96%;
    background-size: 20px;

}
.search-input.postal-input ~ .select2-container .select2-selection__arrow b {
    display: none!important;
}
.select2-selection__placeholder {
    color: #72748c !important;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    font-family: 'NewMontserrat-Regular', sans-serif;
}
.printButton, .userPrintButton {
    border: none;
    background-color: transparent;
    color: #ea4335;
    font-size: 48px;
    margin-right: 10px;
}
.printButton:hover, .userPrintButton:hover {
    color: #ea4335;
}
.gmaps-route {
    display: inline-block;
    margin: 0 10px;
}

.export-order-notice {
    position: fixed;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 550px;
    padding: 10px;
    margin: auto;
    text-align: center;
    font-size: 20px;
}

.search-input.approximate-time {
    background: url("/img/clock.png");
    background-image: none, url("/img/clock.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 20px 19px;
}
.filter-input > .custom-input-box2 {
    height: 50px;
    width: 100%;
}
.guide-container a {
    text-decoration: none;
}
.book-a-truck {
    background-color: #FF690A;
    border: none;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 150px;
}

.truck-book-now {
    background-color: #FF690A;
    color: #ffffff;
    border: none;
    height: 50px;
    /*text-transform: uppercase;*/
    padding: 15px 30px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
}
.add-to-cart {
    clear: both;
    height: 50px;

}
.packages .package-list {
    padding: 20px;
    box-shadow: 2px 2px 10px 5px lightgray;
    height: 100%;
    position: relative;

}
input[type="checkbox"] {
    margin-right: 20px;
}

a {
    text-decoration: none;
}

label {
    color: #393939;
    font-weight: 200;
    padding: 0 6px 0 0;
}

.admin-wrapper #wrapper {
    background-color: #F5F5FA;
}





@media(max-width: 1500px){
    .search-button {
        width: 100%;
    }
}

/**End form style**/

/**Layout**/
.content-wrapper {
    /*overflow: hidden;*/
    margin-top: 68px;
    /*padding-bottom: 200px;*/
}

.container-box{
    padding: 50px 100px;
}

.container-box.grey {
    background-color: #f4f4f4;
}

.container-box .section-title {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    color: #002e48;
    text-transform: uppercase;
    font-size: 34px;
    letter-spacing: 4px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0;
}

.white-box .section-title {
    color: #000000;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 4px;
    text-align: left;
    margin: 40px 0;
}

.padding-block {
    padding: 0 25px;
}

/*@media(max-width: 1500px){*/
/*    .container-box {*/
/*        padding: 50px 100px;*/
/*    }*/
/*}*/

@media (max-width: 767px){
    .container-box {
        padding: 30px 15px;
    }

    .container-box .section-title {
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 480px){
    .container-box .section-title {
        font-size: 22px;
        line-height: 30px;
    }
}

/**End layout**/
/**Pagination**/
.pagination ul {
    padding: 0px;
    text-align: center;
}

.pagination {
    display: block;
    /* width: 400px; */
    width: 100%;
    height: 100%;
    background-color: #f5f5fa;
    margin: 0 auto;
    /* margin-top: 20px; */
    padding-top: 20px;
}

.pagination ul li {
    list-style-type: none;
    display: inline-block;
    width: 40px;
    height: 30px;
}

.pagination ul li a {
    border: none;
    color: #8181A5;
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
}

.pagination ul li a:hover {
    background-color: transparent;
    color: #000;
}

.pagination ul li.active a {
    background-color: transparent;
    color: #000;
    font-weight: bold;
}

.pagination ul li a.arrow-left,
.pagination ul li a.arrow-right {
    padding: 0;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.pagination ul li a.arrow-left {
    /*background-image: url('/img/left-button.png');*/
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('/img/left-button-hover.png');
}

.pagination ul li a.arrow-right {
    /*background-image: url('/img/right-button.png');*/
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('/img/right-button-hover.png');
}

.pagination ul li a.arrow-left:hover {
    background-image: url('/img/left-button-hover.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.pagination ul li a.arrow-right:hover {
    background-image: url('/img/right-button-hover.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

@media (max-width: 480px) {
    .pagination {
        width: 100%;
    }
}
/**End Pagination**/
/**Homepage**/

.video-container .col-md-12 {
    padding: 0;
}

.video-container .search-part {
    background: url("/img/header-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.video-container .search-part #header-video {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: -10%;
}

.video-container .search-part .header-image {
    position: absolute;
    top: 140px;
    width: 100%;
}

.video-container .search-part .header-image img {
    display: block;
    margin: auto;
}

.container-box.recommended-tours {
    padding-top: 0;
}

.container-box .highlight-title {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    line-height: 24px;
    margin-top: 20px;
}

@media(max-width: 1500px){
    .video-container .search-part {
        height: 600px;
    }

    .video-container .search-part .header-image {
        top: 90px;
    }
}

@media(max-width: 1199px){
    .video-container .search-part {
        height: 500px;
    }

    .video-container .search-part .header-image img {
        width: 300px;
    }
}

@media(max-width: 991px){
    .video-container .search-part {
        background-position: center top;
        height: 400px;
    }

    .video-container .search-part .header-image img {
        width: 200px;
    }
}

@media (max-width: 767px){
    .video-container .search-part {
        background-image: none;
        background-color: #FF690A;
    }

    .video-container .search-part .header-image img {
        margin-bottom: 100px;
    }

    .video-container .search-part #header-video {
        /*display: none;*/
        height: 100% !important;
        width: auto;
    }

    .video-container .search-part .orange-week-header {
        top: 50px;
    }
    .orange-week-title, .orange-week-subtitle {
        font-size: 40px;
    }
    .orange-week-btn {
        padding: 10px!important;
        width: 300px!important;
    }
}

.search-box {
    position: relative;
    background-color: #ffffff;
    margin-top: -125px;
    padding: 50px;
}



/**Truck list page**/
/*.truck-list-search {*/
/*    padding: 50px;*/
/*    background-color: #f4f4f4;*/
/*}*/
#remainingTimeToParty .modal-location-content {
    background-color: #fda345;
    color: white;
    background-image: url("/img/highlight2.png");
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(253,163,69,.8);
}
#instagramModal .modal-location-content {
    background-color: #fda345;
    color: white;
    background-image: url("/img/followus6-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(253,163,69,.8);
}
#remainingTimeToParty .location-icon {
    width: 100px;
}
#remainingTimeToParty .modal-location-icon {
    background-color: transparent;
}
#remainingTimeToParty h3 {
    text-align: center;
    color: white;
    font-size: 36px;
    margin: 20px 0;
}
#timeToParty {
    display: flex;
    z-index: 100000;
    /*background-color: white;*/
    justify-content: space-between;
    gap: 20px;
    padding: 10px 20px;
}
#timeToParty > div {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 10px;
}
#timeToParty > div > strong {
    font-size: 32px;
}

.truck-list-search .search-form .search-button {
    width: 100%;
}

.truck-list-search .search-form .filter-input:nth-child(-n+3){
    margin-bottom: 20px;
}

.truck-list-search .search-form .select2-container {
    border-radius: 0 !important;
    text-overflow: ellipsis;
    width: 100% !important;
    color: #333;
    font-weight: bold;
}

.truck-list-search .search-form #toggleFilters {
    border: none;
    color: #72748C;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    background-color: transparent;
    padding: 0;
    margin-top: 20px;
    background: url("/img/chevron-down.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center right;
    width: 70px;
    text-align: left;
    transform: scale(1);
    animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgb(251,156,70);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}


.truck-list-search .search-form #toggleFilters.active {
    border: none;
    color: #8c8c8c;
    background-color: transparent;
    font-weight: bold;
    padding: 0;
    margin-top: 20px;
    background: url("/img/chevron-up.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center right;
    width: 60px;
    text-align: left;
}

.truck-list-search .search-form #toggleFilters:focus {
    border-bottom: none !important;
}

.truck-list-search .search-form #truckFeatures {
    margin-top: 20px;
}

.truck-list-search .search-form #truckFeatures .feature-list {
    display: inline-block;
    width: 33%;
    padding-right: 20px;
    padding-top: 10px;
}

.truck-list-search .search-form #truckFeatures input[type="checkbox"]{
    margin-right: 5px;
}

.truck-list-search .search-form #truckFeatures input[type=checkbox] {
    display:none;
}

.truck-list-search .search-form #truckFeatures input[type=checkbox] + label
{
    background: url("/img/unchecked-gray.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    display:inline-block;
}
.truck-list-search .search-form #truckFeatures input[type=checkbox]:checked + label
{
    background: url("/img/checked-orange.png");
    background-size: 20px;
    background-repeat: no-repeat;
    display:inline-block;
    padding-left: 30px;
}

.school-information > .select2-container--default .select2-selection--single {
    border-style: solid;
    border-width: 0px 0px 1px;
    border-color: #72748c;
    border-radius: 0px;
}
.school-information > .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #72748C;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(90deg, rgba(249,143,73,1) 0%, rgba(253,163,69,1) 100%);
}
.select2-container--default .select2-selection--single {
    border: 1px solid #cfd7ee;
    background-color: transparent;
    border-radius: 6px;
    height: 50px;
    padding-left: 10px;
    padding-top: 10px;
}
#truck-booking .select2-container--default .select2-selection--single,
#photograph-booking .select2-container--default .select2-selection--single {
    padding-top: 5px;
    /*padding-left: 27px;*/
    padding-left: 0;
}
.package-booking .select2-container--default .select2-selection--single {
    padding-left: 0;
}
.home-page .select2-container--default .select2-selection--single {
    height: 54px!important;
}
.home-page .select2-selection__placeholder {
    vertical-align: middle!important;
}

#truck-booking .select2-container--default .select2-selection--single,
#photograph-booking .select2-container--default .select2-selection--single{
    height: 38px!important;
}
#truck-booking .select2-container--default .select2-selection--single .select2-selection__arrow,
#photograph-booking .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 14px;
}
.package-booking .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px!important;
}
.package-booking i.fas {
    height: 20px;
    width: 22px;
    text-align: center;
}

.select2-results__option[aria-selected] {
    font-weight: normal;
    color: #72748C;
    font-size: 16px;
    line-height: 26px;
    padding: 8px 20px;
}
.select2-results__option {
    word-break: break-word;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #72748c;
    font-weight: 400;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding-top: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
}
.cart-info-schedule > .cart-min-input > .col-sm-9 > .select2-container > .selection >.select2-selection > .select2-selection__rendered {
    color: #72748C;
    /*font-weight: bold;*/
}
.list .section-title {
    text-align: left;
    font-size: 28px;
    line-height: 34px;
}

.tour-details, .provider-details, .provider-subdetails { display: flex; justify-content: space-between; }
.tour-details {
    /*display: grid;*/
    /*grid-template-columns: 1fr 50px 1fr;*/
    align-items: baseline;
    text-align: center;
}
.tour-details i {
    /*font-size: 26px;*/
    margin-bottom: 16px;
    color: #FB9C46;
}

.user-route-details { align-items: center; }
.provider-subdetails { gap: 10px; align-items: center; }
.tour-right-details {
    /*text-align: right;*/
    /*margin-bottom: 20px;*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-route-details .tour-right-details { margin-bottom: 0; }
.user-route-details .tour-right-details button {
    background-color: transparent;
    border-radius: 14px;
    width: 40px;
    height: 40px;
}
.user-route-grid-info { padding-bottom: 0!important; }
.user-route-grid-info .tour-left-details a:hover {text-decoration: none; }
.user-route-grid-info .tour-left-details a:hover h4 { color: #FB9C46; }
.user-route-details .tour-right-details { min-width: 90px; }
.user-route-details .tour-right-details button:hover {
    background-color: #f2f2f2;
}
.create-new-route {
    width: 50% !important;
    display: block;
    margin: 20px auto auto;
}
.user-route-details .tour-right-details .edit-route-name:hover { color: #FB9C46; }
.user-route-details .tour-right-details .delete-route { color: red; }
.tour-right-details p { display: inline-block; color: #72748C;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.tour-right-details .price {
    color: #F2654A;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

/*Price Depositum and Pris */
.price-depositum {
    display: inline-block;
    float: left;
}
.price-pris {
    display: inline-block;
    float: right;
}

.pac-container:after {
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */
    background-image: none !important;
    height: 0px;
}

.truck-image,
.similar-truck-image {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.quick-add-to-cart:hover {
    background-color: rgba(225, 225, 225, 0.9);
}
.quick-add-to-cart {
    position: absolute;
    text-align: center;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px;
    cursor: pointer;
    width: 100px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.reserved-truck-all {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(44, 44, 44, 0.3);
    z-index: 10;
}
.reserved-truck {
    position: absolute;
}
.reserved-txt-all {
    color: white;
    font-weight: bold;
    border: 4px solid #FB9C46;
    width: 80%;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    rotate: -20deg;
    background-color: rgba(0, 0, 0, 0.5);
}
.range-disabled {
    pointer-events: none;
    opacity: 0.5;
    user-select: none;
}
.reserved-txt {
    color: white;
    font-weight: bold;
    border: 4px solid #FB9C46;
    width: 180px;
    text-align: center;
    padding: 5px;
    font-size: 15px;
    height: 36px;
    margin-top: 10px;
    margin-left: 5px;
    background-color: rgba(0, 0, 0, 0.5);
}
.reserved-truck ~ img {
    filter: grayscale(100%);
}

.zoom-image {
    font-size: 30px;
    color: #000;
    position: absolute;
    bottom: 10px;
    right: 50px;
    display: none;
    z-index: 100;
}
.zoom-image:hover {
    color: #FF690A;
}
.package-image-container:hover .zoom-image {
    display: block;
}

.tour-box h4 {
    color: #000000;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* Product list*/
.flip-box {
    background-color: transparent;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    margin: 0 0 30px 0;

}
.box1 {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.flip-box:hover .box1 {
    transform: rotateY(180deg);
}
.flip-box-front,
.box-content {

    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.box-content {
    background-color: #FF690A;
    color: white;
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 110px 0;
}
.box-content p {
    color: #fafafa;
    font-size: 18px;
}
/**.box1 .box-content {
    position: absolute;
    overflow: hidden;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
}
.box1:hover .box-content {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.box1 img {
    display: block;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.box1:hover img {
    filter: brightness(0.6);
    -webkit-filter: brightness(0.6);
    background-color: gray;
}
.box1 h4 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    color: #FFF;
    padding: 1em 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}
.box1 p {
    color: #FFF;
    padding: 1px, 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.box1:hover h4,
.box1:hover p {
    opacity: 1;
    font-weight: bold;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.box1:hover h4 {
    font-size: 20px;
}
.box1:hover p {
    font-size: 18px;
}
**/
/**End truck list page**/

/**Navigation menu**/

.cart .navbar-inverse .navbar-nav > li > a.cart-icon {
    margin-top: 4px;
    font-size: 22px;
    margin-right: 20px;
    background-image: none, url("/img/shopping-cart.svg");
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

/**End navigation menu**/

/**Truck and product details**/
.section-title.truck-name {
    font-size: 37px;
    text-align: left;
    margin: 0;
}

.arrows {
    display: inline-block;
    vertical-align: bottom;
}

.arrows i {
    font-size: 25px;
    display: block;
    width: 25px;
    cursor: pointer;
}
.nav-tabs {
    border: none;
}

.truck-details-tabs .nav > li {
    margin-bottom: 0;
}

.truck-details-tabs .nav-tabs > li.active > a,
.truck-details-tabs .nav-tabs > li.active > a:focus,
.truck-details-tabs .nav-tabs > li.active > a:hover {
    border: none;
    color: #515151;
}

.truck-details-tabs .nav > li > a {
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 20px 0;
    color: #D2D2D2;
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.truck-details-tabs .nav > li > a:focus,
.truck-details-tabs .nav > li > a:hover {
    background: transparent;
    color: #162A45;
}

.truck-details-tabs .nav-tabs > li > a:hover {
    border: none;
}

.truck-details-tabs li {
    margin-right: 50px;
}

.truck-details-tabs .tab-content p {
    font-size: 18px;
    font-weight: 200;
    color: #767676;
    margin-top: 20px;
}

.main-img {
    margin-bottom: 38px;
    width: 100%;
    height: 500px;
    object-fit: contain;
}

.truck-gallery-slides .truck-image {
    height: 150px;
}

.truck-details-content .truck-info {
    background-color: #f8f8f8;
    padding: 30px 0;
}

.truck-details-content .truck-info .title {
    color: #515151;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.truck-details-content .truck-info .truck-name.section-title {
    font-size: 24px;
}

.truck-details-content .truck-info .person-img,
.truck-details-content .truck-info .truck-students,
.truck-details-content .truck-info .truck-hours,
.truck-details-content .truck-info .truck-price-per-hour {
    font-size: 14px;
    color: #767676;
    display: block;
    margin-bottom: 10px;
    font-weight: 200;
}

.truck-details-content .truck-info .truck-students img {
    width: 15px;
    margin-right: 5px;
}

.truck-details-content .truck-info .truck-hours img {
    width: 15px;
    margin-right: 5px;
}

.truck-details-content .truck-info .person-img img {
    width: 15px;
    margin-right: 5px;
}

.truck-details-content .truck-info hr {
    color: #ffffff;
    background-color: #ffffff;
    border-top: 3px solid #ffffff;
}

.truck-details-content .truck-info #addDayTwoText, .truck-details-content .truck-info #addDayThreeText {
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0px;
}

.truck-details-content .truck-info .truck-book-now {
    float: right;
}

.truck-details-content .truck-info .truck-details.truck-price {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.truck-details-content .truck-info .truck-additional-hours {
    margin-top: 50px;
}

.truck-details-content .truck-info .truck-additional-hours .search-input {
    width: 250px;
    margin-bottom: 20px;
}

.truck-details-content .truck-info .truck-additional-hours label, .booking-date-label {
    width: 100px;
    font-size: 18px;
    color: #767676;
    font-weight: bold;
    margin-bottom: 10px;
}

.truck-details-content .truck-info .truck-additional-hours .addition-hours-label {
    margin-top: 20px;
    vertical-align: bottom;
}

.truck-details-content .truck-info .stats img {
    width: 15px;
}

/*.truck-details-content .truck-info .stats span {
    font-weight: bold;
}*/

.booking-process h5 {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #515151;
    margin-bottom: 20px;
}

.booking-process .detail-block span {
    width: 24px;
    height: 24px;
    border: 1px solid #c5c5c5;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
    color: #c5c5c5;
    vertical-align: top;
}
.booking-process .detail-block p {
    display: inline-block;
    color: #767676;
    width: 60%;
    margin-bottom: 25px;
}


@media (max-width: 991px){
    .truck-details-content .truck-info {
        margin-top: 40px;
    }
}

@media (max-width: 767px){
    .main-img {
        height: 400px;
    }

    .truck-details-tabs li {
        margin-right: 15px;
    }

    .booking-process .detail-block p {
        width: 80%;
    }
    .section-title.truck-name {
        font-size: 32px;
        line-height: 38px;
    }

    .truck-details-content .truck-info .truck-book-now {
        margin-top: 20px;
    }
    .navbar-inverse .navbar-nav > li > a.cart-icon {
        height: 30px;
    }
    .cartinfo-st { display: none !important; }
}

@media (max-width: 480px){
    .main-img {
        height: 250px;
    }

    .truck-gallery-slides .truck-image {
        height: 80px;
    }

    .truck-details-content .truck-info .truck-additional-hours .search-input {
        width: 100%;
    }

    .truck-details-content .truck-info .truck-book-now {
        width: 100%;
        padding: 12px 15px;
    }

    .truck-details-tabs li {
        margin-right: 10px;
    }

    .truck-details-tabs .tab-content p {
        font-size: 14px;
        margin-top: 10px;
    }

    .truck-details-content .truck-info .truck-price {
        font-size: 30px;
    }

    .truck-details-content .truck-info {
        margin-top: 30px;
    }

    .truck-details-tabs .nav > li > a {
        font-size: 14px;
        padding: 0 0 10px 0;
    }

    .booking-process .detail-block span {
        margin-right: 10px;
    }

    .section-title.truck-name {
        font-size: 22px;
        line-height: 30px;
    }
}
/**End truck and product details**/

/**Product-details**/

.embeded-video-wrapper {
    position: relative;
    padding-bottom: 54%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
}

.embeded-video-wrapper iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.product-details {
    background-color: #F8F8F8;
    padding: 30px;
}

.product-picture-big {
    /*width: 90%;*/
    height: 100%;
    object-fit: contain;
    margin: 40px;
    background-color: #fff;
}

.product-list .tour-left-details {
    width: 65%;
    margin: 0;
    height: 20px;
}
.product-list .tour-left-details p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-list .tour-right-details {
    width: 35%;
    margin-bottom: 20px;
}

.product-picture {
    cursor: pointer;
}

.overlay-picture {
    position: fixed!important;
    display: none;
    /*width: 100%;*/
    /*height: 100%;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
    cursor: pointer;
    text-align: center;
}

.js-image-zoom__zoomed-image {
    background-color: white!important;
}

.packages h4, #upsellProduct h4 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding: 0 0 30px 0;
}

.packages ul {
    list-style-type: none;
    padding: 0;
}

.packages ul li {
    display: inline-block;
    width: 49%;
}

.packages ul li p {
    color: #595959;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding-right: 20px;
}
.truck-handicapped-option #handicappedOption-dayOne {
    color: #515151;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0 0 5px;
    display: block;
}

@media (max-width: 1199px){
    .product-list .tour-left-details,
    .tour-left-details {
        width: 100%;
        height: auto;
    }

    /*.product-list .tour-right-details,*/
    /*.tour-right-details {*/
    /*    width: 100%;*/
    /*}*/
}
@media (max-width: 991px){
    .packages h4 {
        margin-top: 20px;
    }
}
@media (max-width: 767px){
    .product-list .tour-left-details,
    .tour-left-details {
        width: 65%;
    }

    /*.product-list .tour-right-details,*/
    /*.tour-right-details {*/
    /*    width: 35%;*/
    /*}*/
}
@media (max-width: 480px){
    .product-list .tour-left-details,
    .tour-left-details {
        width: 100%;
    }

    /*.product-list .tour-right-details,*/
    /*.tour-right-details {*/
    /*    width: 100%;*/
    /*}*/
    .packages ul li {
        display: block;
        width: 100%;
    }

}

/**End product details**/

/**** Overlay text ****/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    cursor: pointer;
}
.text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width: 100%;
    text-align: center
}
.thankYou {
    color: #FFFFFF;
    line-height: 40px;
}
.thankYouSecond {
    font-size: 20px;
    color: #FFFFFF;
    padding-top: 20px;
    text-align: center;
}

/**** End overlay text ****/

/**Checkout page**/
.checkout .truck-details .priceDiv {
    text-align: right;
}

.checkout .truck-details .priceDiv  h3 {

}

.checkout .map {
    height: 100%;
    width: 100%;
}
.checkout .mapDiv {
    /*height: 500px;*/
    height: 80vh;
    min-height: 300px;
}

.checkout .extraServiceCheckbox { transform: scale(3.0); }
.checkout .checkoutButton {
    min-width: 76px;
}
.checkout .checkoutButton, .checkout .editButton {
    padding: 5px;
    border: none;
    background-color: #FF690A;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
    font-size: 12px;
    margin-top: 10px;
}

.checkout .checkoutButton.saved-tour-btn {
    margin-top: -5px;
}

.checkout .back-btn {
    color: #000000;
    margin-top: 20px;
    display: inline-block;
    width: auto;
}

.checkout .total-price {
    text-align: right;
}

.checkout .total-price h2 {
    color: #162A45;
    font-size: 36px;
    margin: 0 0 30px 0;
}

.checkout-block {
    text-align: right;
}

.truck-details-tabs label.service-name,
.truck-details-tabs .addition-hours-block label {
    font-size: 14px;
    font-weight: bold;
    color: #515151;
}

.extra-services-block {
    margin-bottom: 10px;
}
.extra-services-block a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #515151;
    text-decoration: none;
    padding-left: 20px;
}
/*create a custom checkbox*/
.truck-handicapped-option .option-input,
#addHandicappedOption .option-input,
.handicappedDates .handicapped-days,
#hasPantCost, .full-payment {
    display: none;
}
#addHandicappedOptionButton:hover {
    cursor: pointer;
}

#addHandicappedOption .day-labels {
    margin: 0 10px 0 0;
    vertical-align: sub;
}

#addHandicappedOption .price {
    vertical-align: sub;
}

.truck-handicapped-option input[type="checkbox"]:checked ~ .datacheck,
#addHandicappedOption input[type="checkbox"]:checked ~ .datacheck,
.full-payment:checked ~ .datacheck,
#hasPantCost:checked ~ .datacheck,
.handicappedDates input[type="checkbox"]:checked ~ label {
    background-image: url("/img/checked-orange.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding: 0 0 0 30px;

}

#addHandicappedOption input[type="checkbox"]:checked ~ .datacheck,
#addHandicappedOption input[type="checkbox"] ~ .datacheck,
.full-payment:checked ~ .datacheck,
.full-payment ~ .datacheck,
#hasPantCost:checked ~ .datacheck,
#hasPantCost ~ .datacheck {
    height: 18px;
    vertical-align: middle;
    margin: 0 20px 0 0;
}

.truck-handicapped-option input[type="checkbox"] ~ .datacheck,
#addHandicappedOption input[type="checkbox"] ~ .datacheck,
#hasPantCost ~ .datacheck,
.full-payment ~ .datacheck,
.handicappedDates input[type="checkbox"] ~ label {
    background-image: url("/img/unchecked-gray.png");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding: 0 0 0 30px;
}



/*end create a custom checkbox*/

@media (max-width: 767px){
    .checkout .mapDiv {
        height: 400px;
    }

    .checkout .truck-details .total-price h2 {
        font-size: 24px;
    }

    .checkout .truck-details .priceDiv {
        margin-top: 20px;
    }
}

@media (max-width: 480px){
    .mapDiv {
        height: 300px;
    }
}

/*login*/
.login-page, .forgot-password-page, .register-page {
    width: 400px;
    margin: auto;
}
.login-page h2, .forgot-password-page h2, .register-page h2 {
    font-size: 37px;
    color: #000000;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    margin-bottom: 40px;
}
.login-page input[type="text"], .login-page input[type="password"],
.forgot-password-page input[type="text"], .forgot-password-page input[type="password"],
.register-page input[type="text"], .register-page input[type="password"], .register-page input[type="email"], .register-page input[type="number"]{
    height: 50px;
    border: none;
    border-bottom: 1px solid #000000;
    width: 100%;
    display: block;
    margin: auto;
    box-shadow: none;
    padding: 15px 0;
}
.login-page input[type="submit"],
.forgot-password-page input[type="submit"],
.register-page input[type="submit"]{
    height: 50px;
    background-color: #FF690A;
    width: 150px;
    display: block;
    margin: 30px 0 50px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border: none;
}
.login-page input[type="submit"]:hover,
.forgot-password-page input[type="submit"]:hover,
.register-page input[type="submit"]:hover{
    border: none;
    color: #ffffff;
}
.login-page  a,
.forgot-password-page a,
.register-page a {
    font-size: 14px;
    color: #595959;
    text-decoration: none;
    text-align: left;
    display: block;
    margin: 0;
}
.login-page  p,
.forgot-password-page p,
.register-page p {
    color: #393939;
}
.login-page .no-account {
    text-align: center;
}
.login-page label, .forgot-password-page label, .register-page label {
    font-weight: 200;
}
.login-page .form-content,
.forgot-password-page .form-content,
.register-page .form-content{
    padding: 0;
    padding: 0;
}

@media (max-width: 480px){
    .login-page, .forgot-password-page, .register-page {
        width: 100%;
    }
    .login-page .form-content, .forgot-password-page .form-content, .register-page .form-content {
        padding: 0;
    }
    .login-page input[type="text"], .login-page input[type="password"],
    .forgot-password-page input[type="text"], .forgot-password-page input[type="password"],
    .register-page input[type="text"], .register-page input[type="password"]{
        width: 100%;
    }
}

/**End Login**/

/**** Admin Pages ****/
.admin-dashboard .admin-card-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.admin-dashboard .admin-card-full-width .admin-card {
    width: 100%;
}

.admin-dashboard .admin-card-full-width .students-card {
    display: flex;
    flex-flow: column;
}

.admin-dashboard .admin-card-full-width .students-card .students-table {
    flex-grow: 1;
}

.admin-dashboard .admin-card {
    background-color: #fff;
    box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.1);
    padding: 20px 10px;
    min-height: 200px;
    margin-bottom: 20px;
    width: 49%;
}

.admin-dashboard .admin-card .card-title {
    display: inline-block;
    vertical-align: middle;
}

.admin-dashboard .admin-card .card-image {
    width: 50px;
    margin-right: 5px;
    vertical-align: top;
}

.admin-dashboard .admin-card span {
    font-weight: bold;
}

.admin-dashboard .admin-card .user-variation {
    height: 16px;
}

.admin-dashboard .select2-container,
.reservation-toolbar .select2-container {
    border-radius: 0 !important;
    text-overflow: ellipsis;
    width: 90% !important;
    color: #333;
    font-weight: bold;
}

.admin-dashboard .admin-card .booking-variation,
.admin-dashboard .admin-card .register-variation,
.admin-dashboard .admin-card .payment-variation,
.admin-dashboard .admin-card .visit-variation {
    height: 24px;
    display: none;
}
.stats-compare {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.prev-stats {
    padding-left: 15px;
}
.admin-dashboard .select2-container--default .select2-selection--single,
.reservation-toolbar .select2-container--default .select2-selection--single {
    border: none;
    border-bottom: 1px solid #000;
    background-color: transparent;
    border-radius: 0 !important;
    height: 45px !important;
    padding-left: 10px;
    padding-top: 5px;
}

.admin-dashboard .admin-card .period-selection {
    float: right;
    margin-right: 20px;
    min-width: 200px;
    border: none;
    border-bottom: 1px solid #000000;
    height: 50px;
    background: url("/img/dropdown-arrow.png") no-repeat right #fff;
    -webkit-appearance: none;
}

.admin-dashboard .admin-card .card-title h4 {
    display: inline-block;
}

.admin-dashboard .admin-card .card-title span {
    font-size: 24px;
}

.admin-dashboard #toggleDetails {
    border: none;
    background-color: #FF690A;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 5px 20px;
}

@media (max-width: 991px) {
    .admin-dashboard .admin-card {
        width: 100%;
    }
}
.campaign-code-value:hover {
    cursor: pointer;
}
.campaign-code-value:hover ~ .campaign-code-hidden {
    display: grid;
    z-index: 10;
}
.campaign-code-hidden {
    display: none;
    position: absolute;
    font-weight: bold;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    grid-template-columns: 1fr 1fr;
    text-align: left;
    border: 1px solid lightgrey;
}
#studentsDetails { display: none; }
.dropdown-menu { right: 0; left: auto; width: 300px}
.dropdown-menu .dropdown-item p,
.dropdown-menu .dropdown-multicheck p {
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color:#333;
    white-space: nowrap;
    margin: 0;
    display: inline-block;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-multicheck:hover {
    color: #262626;
    background-color: #F5F5F5;
    cursor: pointer;
}
.dropdown-item, .dropdown-multicheck{
    height: 45px;
    line-height: 45px;
}
.dropdown-item i, .dropdown-multicheck i {
    display: none;
}
.dr-item-title { display:  block; }
.dr-item-content { display: none; }
.dropdown-item.active .default-item i,
.dropdown-multicheck.active .default-item i {
    display: block;
    float: right;
    padding: 7px 15px;
    line-height: 30px;
}
.dropdown-item.active .dr-item-content { display: block; }
.dropdown-item.active .dr-item-content i { display: block; }
.dropdown-item.active .dr-item-title { display: none; }
.chart-container { text-align: center; }
.custom-to ~ .bootstrap-datetimepicker-widget { right: 0!important; }

.admin-dashboard #revenueBar,
.admin-dashboard #studentsBar,
.admin-dashboard #lineChart,
.admin-dashboard #visitGraph,
.admin-dashboard #providerSalesGraph,
.admin-dashboard #registerGraph,
.admin-dashboard #myDoughnut,
.admin-dashboard #cartsDoughnut,
.admin-dashboard #paymentsGraph {
    margin-top: 20px;
}

.dropdown-toggle:hover { cursor: pointer; }
.item-list { border-right: 1px solid #dee2e6; }
.item-details label {
    color: #B1B1B1;
}
.item-details p {
    margin-bottom: 0;
}
.item-details .reassign-order, .item-details .impersonate-user {
    margin-left: 10px;
}
.item-details .reassign-order:hover {
    cursor: pointer;
    color: #FB9C46;
}
.user-details p { font-weight: 400; }

.order-list .row { display: flex; }
.order-item-name { color: black; font-weight: bold; font-size: 17px; }
.order-item-payment { display: flex; justify-content: space-between; color: black; }
.table .nav-pills>li>a { border-radius: 0; }
.table .nav-pills>li>a p { margin: 0; }

#addNewTruck, #addNewProduct, #addNewTruckFeature,
#displaySaleRepModal, #addNewCampaignCode, #addNewGiftCard,
#addNewPackage {
    margin-bottom: 20px;
}

#giftCardCode {
    font-weight: bold;
    text-transform: uppercase;
}

.table > thead > tr > th {
    vertical-align: top;
}

/*.tableEmails > tbody > tr > td {*/
/*    vertical-align: middle;*/
/*    border: 1px solid black;*/
/*}*/

/*.tableEmails > thead > tr > th {*/
/*    border: 1px solid black!important;*/
/*    background-color: #bfbfbf;*/
/*    color: black;*/
/*}*/

.viewEmail {
    background-color: black;
    color: white;
    font-weight: bold;
}

.viewEmail:hover {
    background-color: #9d9c9c;
    color: black;
    font-weight: bold;
}

.viewEmail:focus {
    background-color: #9d9c9c!important;
    color: black!important;
    font-weight: bold!important;
    border: 1px solid black!important;
}

.table .btn {
    border-radius: 0;
}

#filesToUpload { color: transparent; display: inline-block; width: 150px; }

.truck-actions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.truck-search label {  margin-right: 10px; color: #72748C;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400; }
.truck-search #searchTruck { border: none; border-bottom: 1px solid #000; height: 50px; }

.truck-details-content h3 {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.start-route-details {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px;
    grid-gap: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.start-route-details .switch {
    margin: auto;
}
li.import-export-route { float: right; }
.import-route-excel {
    background: #40a0e5;
    border: none;
    border-radius: 6px;
    color: #fff;
    width: 44px;
    height: 44px;
}
.export-route-excel {
    background: #405ce5;
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    color: #fff;
}
.is-dragover { background-color: #d9d9d9 !important; outline-offset: -15px!important; }
.route-upload-box {
    background-color: #c4e9f3;
    outline: 2px dashed black;
    outline-offset: -10px;
    height: 150px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.glowing-effect {
    animation: glow 800ms ease-out infinite alternate;
}
@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgba(246, 97, 0, 0.2), inset 0 0 5px rgba(252, 129, 0, 0.1);
    }
    100% {
        box-shadow: 0 0 20px rgb(173, 74, 0), inset 0 0 10px rgb(225, 119, 1);
    }
}
.route-filename-box { display: none; }
.remove-route-excel { margin-left: 10px; cursor: pointer; }
.route-search-location {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 10px;
    margin-bottom: 40px;
    position: relative;
}
.route-search-location .addWaypointButton { grid-column: span 2; height: 35px!important; }
.route-search-location .addWaypointButton:after { content: " Tilføj placering" }
.route-total-driving {
    padding-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #cfd7ee;
}
.route-total-driving i {
    font-size: 14px;
}
.route-location-details-over {
    background: #a3c7ff;
}
.route-location-details:hover {
    background: #dcdcdc;
}
.route-location-details {
    display: grid;
    grid-template-columns: 30px 1fr 100px 32px;
    grid-gap: 10px;
    align-items: center;
    height: 60px;
    cursor: move;
}
.route-details-waypoints {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}
.route-details-waypoints:before {
    content: "";
    position: absolute;
    border-radius: 1rem;
    z-index: 0;
    width: 5px;
    background-color: #FF690A;
    opacity: .75;
    top: 26px;
    left: 12px;
    bottom: 26px;
}
.intermediary-points-list { padding-left: 22px; }
.intermediary-points-list i { color: #FF690A; margin-right: 10px; }
.location-index, .location-index-small {
    z-index: 1;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    background-color: #FF690A;
    color: white;
    font-weight: bold;
    line-height: 30px;
}
.location-index-small {
    width: 26px;
    height: 26px;
    line-height: 26px;
    align-self: center;
}

.location-name, .location-time {
    font-weight: bold;
    color: #002E48;
}
.location-time {
    text-align: center;
    display: flex;
    flex-direction: column;
}
.location-departure-time {
    font-size: 12px;
    font-weight: normal;
}
.location-options {
    display: flex;
    border-radius: 8px;
    height: 30px;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.location-dropdown-options {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 8px;
    border-radius: 8px;
    transform-origin: top right;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 4px 16px #0000000d;
    z-index: 5;
}
.route-location-details:nth-last-of-type(-n+3):nth-of-type(n+5) .location-dropdown-options {
    top: initial;
    bottom: 100%;
}
.location-options:hover {
    background-color: #dddde9;
}
.location-edit, .location-delete, .location-up, .location-down {
    display: grid;
    grid-template-columns: 40px 90px;
    align-items: center;
    justify-items: start;
    background-color: transparent;
    border: none;
    width: 100%;
    padding: 0;
    height: 40px;
    border-radius: 16px;
}
.location-delete {
    color: red;
}
.location-edit i, .location-delete i, .location-up i, .location-down i {
    justify-self: center;
}
.location-edit:hover, .location-delete:hover, .location-up:hover, .location-down:hover {
    background-color: #dddde9;
}

#firstDay, #secondDay, #thirdDay {
    color: #b6b9e0;
}
#startDayOne {
    display: none;
}

.start-route-details > .switch > .slider.round {
    border-radius: 34px;
}
.start-route-details > .switch > .slider.round:before {
    border-radius: 50%;
}
.start-route-details > .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}
.start-route-details > .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.start-route-details > .switch > .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dddde9;
    -webkit-transition: .4s;
    transition: .4s;
}
.start-route-details > .switch > .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.start-route-details > .switch > input:checked + .slider {
    background-color: #FF690A;
}
.start-route-details > .switch > input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.location-edit-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-row-gap: 20px;
}
#newWaypointAddress,
#newWaypointBreak,
#newWaypointConsume,
#newWaypointCustom,
#setAllBreaks,
#changeAllBreaks {
    border: none;
    border-bottom: 1px solid black;
}

.change-all-breaks-control {
    width: 50px;
}

.truck-details-content .product-description {
    font-size: 14px;
    color: #767676;
}

.truck-details-content .truck-info input[type="text"], .truck-details-content .truck-info input[type="number"],
.product-details-content .product-info input[type="text"], .product-details-content .product-info input[type="number"] {
    border: none;
    border-bottom: 1px solid #000000;
    padding-left: 35px;
    height: 50px;
    padding-right: 10px;
    text-overflow: ellipsis;
    box-shadow: none;
}

.truck-details-content .truck-info input[type="submit"],
.product-details-content .product-info input[type="submit"] {
    background-color: #FF690A;
    border-radius: 0;
    border: none;
    font-weight: bold;
}

.truck-details-content .truck-info select,
.product-details-content .product-info select{
    border: none;
    border-bottom: 1px solid #000000;
    padding-left: 0px;
    height: 50px;
    border-radius: 0px;
    padding-right: 10px;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    box-shadow: none;
    background: url("/img/dropdown-arrow.png") no-repeat right #fff;
    -webkit-appearance: none;
}


.truck-details-content .truck-info input[type="file"],
.product-details-content .product-info input[type="file"]{
    border: none;
    box-shadow: none;
    padding: 0;
}

.company-input, .user-email-input, .gift-card-count {
    border: none;
    border-bottom: 1px solid #000000;
    background-color: transparent;
    box-shadow: none;
    width: 200px;
}

.company-submit {
    background-color: #FF690A;
    color: #ffffff;
    font-weight: bold;
    border: none;
    padding: 10px 20px;
}

.back-btn-admin {
    margin-bottom: 20px;
}

.truck-approve {
    margin-bottom: 20px;
}

#copyNextYear, #copyNextTruckYear, #importPrices, #importTruckPrices, #exportTemplate, #exportTruckTemplate {
    border-radius: 0;
}


/***** End admin page ****/

/** Insurance **/
#insuranceModal .modal-content { background-color: #ffffff; color: #8e8c89; width: 100%; }
.insurance-orange-text { color: #f36f51; font-weight: bold; }
.insurance-black-text { color: #000000; font-weight: bold; }
.insurance-details { background-color: #f36f51; color: white; margin: 10px 25px; border-radius: 3px; height: 50px; display: flex; justify-content: flex-start; align-items: center; position: relative }
.insurance-details-bottom { background-color: #f36f51; color: white; margin: 10px 25px; border-radius: 3px; height: 140px; text-align: center }
.insurance-details span { margin-left: 14px;  }
.insurance-details-arrow {position: absolute; right: 2px; top: 38px; z-index: 1;}
.hand-image-arrow {width: 40px; height: 36px;}
#insuranceModal .hand-image { height: 60px; margin-top: -10px; }
#insuranceModal .broke-image { height: 40px; margin-left: -20px; }
#insuranceModal .top-image { height: 70px; display: block; margin: 0 auto; padding: 10px 0; }
#insuranceModal .wrong-image, #insuranceModal .right-image { height: 40px; margin-left: 4px;  }
#insuranceModal .modal-dialog { width: 50%; padding: 15px 40px; }
@media(max-width: 991px) {
    .insurance-details span  { max-width: 166px; }
    #insuranceModal .modal-dialog { width: 100%; margin: 0; padding: 5px 10px; }
    #insuranceModal .modal-header { padding: 5px 20px; }
    #insuranceModal .modal-body { padding: 5px 10px; }
    .insurance-details, .insurance-details-bottom { margin: 10px; font-size: 12px; }
    #insuranceModal .hand-image { height: 30px; margin-top: -5px; }
    #insuranceModal .broke-image { height: 30px; margin-left: -10px; }
    #insuranceModal .top-image { height: 50px; display: block; padding: 10px 0; }
    #insuranceModal .wrong-image, #insuranceModal .right-image { height: 30px; margin-left: 5px; margin-top: 5px; }
}
@media (max-width: 480px){
    .insurance-details, .insurance-details-bottom {
        margin: 8px;
    }
    #insuranceModal .wrong-image, #insuranceModal .right-image {
        height: 20px;
    }
    #insuranceModal .broke-image {
        height: 22px;
    }
    .insurance-details {
        height: 66px;
    }
    .insurance-details span {
        margin-left: 8px;
    }
    .insurance-details-arrow {
        right: -6px;
        top: 50px;
    }
    #insuranceModal .hand-image {
        margin-top: 36px;
    }
}

/**** User orders ****/
.panel-default {
    border: none;
}

.panel-default > .panel-heading {
    background-color: #FF690A;
    border: none;
    height: 40px;
    border-radius: 0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel-heading .panel-title a {
    color: #ffffff;
    text-decoration: none;
}

.panel-heading .tour-price, .panel-heading .product-price {
    color: #ffffff;
}

.panel-body p {
    color: #393939;
}

.order-list .section-title {
    text-align: left;
}


.order-list .order-header {
    background-color: #FF690A;
    padding: 20px 15px;
    margin-top: 20px;
}

.order-list .order-header .order-date,
.order-list .order-header .order-id {
    display: inline-block;
    margin-right: 20px;
}

.order-list .order-header .order-price {
    display: inline-block;
    float: right;
}

.order-list .order-header .order-date p,
.order-list .order-header .order-id p {
    color: #fff;
    margin: 0;
}

.order-list .order-block {
    background-color: #f8f8f8;
}

.user-order-image {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
}

.order-list .order-image,
.order-list .order-details {
    display: inline-block;
    padding: 20px 15px;
}

.order-list .order-image {
    width: 30%;
    vertical-align: top;
}

.order-list .order-details {
    width: 69%;
}

.order-list .order-header .invoiceLink {
    display: block;
    float: none;
    padding-top: 8px;
    text-align: right;
}

.order-list .order-block ul li span{
    font-size: 16px;
    font-weight: bold;
}

.order-list .order-block .order-details .description {
    padding-top: 30px;
}

.order-list .order-block .order-details #amountToPay {
    border: none;
    background-color: #FF690A;
    color: #fff;
    font-weight: bold;
    height: 40px;
    min-width: 100px;
    margin-top: 10px;
    display: none;
}

.order-list .order-block .order-details #editRoute {
    border: none;
    background-color: #FF690A;
    color: #fff;
    font-weight: bold;
    height: 40px;
    min-width: 100px;
    margin-top: 10px;
    display: inline-block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: none;
}

.order-list .order-product,
.order-list .order-truck {
    background-color: #F8F8F8;
    margin-bottom: 5px;
    padding: 20px 15px;
    min-height: 260px;
}
.order-list .order-product:hover,
.order-list .order-truck:hover {
    cursor: pointer;
}
.order-list .order-total-price {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.order-list .order-product-title,
.order-list .order-truck-title {
    font-weight: bold;
    font-size: 24px;
    color: #000000;
}
.order-list .order-truck-title a {
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    color: #000000;
}
.order-list .order-product-price,
.order-list .order-truck-price {
    float: right;
}

.order-list .panel-body img {
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

.order-list .filter-label {
    font-weight: bold;
    /*margin-right: 10px;*/
}

.order-list .filters select {
    margin-right: 20px;
}

.order-list #searchCustomer,
.order-list #customSearch,
.order-list #searchGiftCard,
.product-amount {
    border: none;
    border-bottom: 1px solid #000;
    height: 50px;
    margin-right: 20px;
}

.product-amount {
    width: 30px;
    margin: 0;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

/*.amount-minus, .amount-plus {*/
/*    height: 20px;*/
/*    width: 30px;*/
/*    border: none;*/
/*    background-color: transparent;*/
/*    font-weight: bold;*/
/*}*/
/*.amount-minus {*/
/*    background: url('/img/minus-icon-products.svg') no-repeat transparent;*/
/*}*/

/*.amount-plus {*/
/*    background: url('/img/plus-icon-products.svg') no-repeat transparent;*/
/*}*/

.order-list .filters .filter-item {
    display: inline-block;
}

.order-list .filters {
    margin-bottom: 40px;
}

.order-list .order-truck-details,
.order-list .order-product-details {
    padding-top: 30px;
}

.order-status { padding: 10px; border-radius: 12px; color: white!important; }

.user-list .filters {
    margin-bottom: 20px;
}

.user-list .filters .filter-item {
    display: inline-block;
}

.user-list .filter-label {
    font-weight: bold;
    margin-right: 10px;
}

.user-list .filters select {
    margin-right: 20px;
}

.user-list .filters #searchUser {
    border: none;
    border-bottom: 1px solid #000;
    height: 50px;
    margin-right: 20px;
}

.cart-view .read-more, .order-list .read-more {
    text-decoration: none;
    text-transform: capitalize;
    color: #226EB9;
    font-weight: 400;
}

.cart-view .delivery-year {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("/img/chevron-down.png") 97% / 15% no-repeat transparent;
    background-size: 12px;
    border: none;
    border-bottom: 1px solid #000;
    width: 150px;
    height: 50px;
    padding: 0 0 14px 0;
    margin-right: 20%;
}

/* Schools and classes */
#chooseAFile:hover { cursor: pointer; }
.box-dragndrop, #uploadedFile {display: none;}
.import-export-actions { display: flex; justify-content: space-between; padding: 10px 0;}
.schools-and-classes { display: flex; justify-content: space-between; }
.schools-and-classes .schools, .schools-and-classes .classes { width: 100%; }
.schools-and-classes .section-title { text-align: center; }
.school-list, .class-list { height: 70vh; overflow: hidden; overflow-y: scroll }
.school-container, .class-container { padding: 10px 0; border-bottom: 1px solid lightgrey; display: flex; justify-content: space-between; }
.fixed-school-container, .fixed-class-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid black;
    position: sticky; top: 0;
    background-color: white;
    padding: 10px 0;
}
.school-action, .class-action { display: flex; }
.search-school-name, .new-school-name, .search-class-name, .new-class-name, #saveSchool, #saveClass, .update-school, .update-class { display: none; }
#addSchool, #addClass { color: green; }
.delete-class, .delete-school { color: red; }
.edit-school, .edit-class, .update-school, .update-class { color: steelblue; }
.approve-school, .approve-class { color: #a94442; }
.check-school, .check-class, #addSchool, #saveSchool, .add-class, .search-school, .search-class {
    margin: 0 20px!important;
}
.edit-school, .edit-class, .delete-school, .delete-class, .update-school, .update-class,
.approve-school, .approve-class, .not-approved {
    margin-right: 20px!important;
}
.school-name-div, .school-name, .class-name-div, .class-name,
.new-school-div, .new-school-name, .new-class-div, .new-class-name, .search-school-name, .search-class-name {
    width: 100%;
}
.school-name, .school-name:focus, .class-name, .class-name:focus,
.new-school-name, .new-school-name:focus, .new-class-name, .new-class-name:focus,
.search-school-name, .search-school-name:focus, .search-class-name, .search-class-name:focus {
    border: none!important;
}
.edit-school:hover, .edit-class:hover,
#addSchool:hover, #saveSchool:hover,
#addClass:hover, #saveClass:hover,
.search-school:hover, .search-class:hover,
.delete-school:hover, .approve-school:hover, .update-school:hover,
.delete-class:hover, .approve-class:hover, .update-class:hover {
    color: #FF690A;
}

.check-school:hover, .check-class:hover,.school-name-div:not(.editing) .school-name:hover, .class-name-div:not(.editing) .class-name:hover,
.edit-school:hover, .edit-class:hover, #addSchool:hover, #saveSchool:hover, .add-class:hover,
.search-school:hover, .search-class:hover,
.delete-school:hover, .approve-school:hover, .update-school:hover,
.delete-class:hover, .approve-class:hover, .update-class:hover {
    cursor: pointer;
}

/** New style **/
.cart-common-item {
    background: linear-gradient(#f8f8f8, #fff);
    box-shadow: 0 8px 16px -8px rgba(0,0,0,0.4);
}
.delivery-date-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 0 0;
}

/*.item-price {*/
/*    padding: 0 0 5px 0;*/
/*}*/

/** New style **/

@media (max-width: 1199px){
    .order-list .order-image {
        max-width: 40%;
    }

    .order-list .order-details {
        max-width: 59%;
    }
}

@media (max-width: 991px) {
    .schools-and-classes { flex-direction: column; }
    .school-list, .class-list { height: 200px; }
    .order-list .panel-body img,
    .cart-view .panel-body img{
        margin: 0;
    }
    .order-list .order-product, .order-list .order-truck {
        padding-bottom: 40px;
    }
    .order-list .order-image, .order-list .order-details {
        min-height: auto;
    }
    .order-list .order-block .order-details .description {
        padding-top: 0;
    }
}

@media (max-width: 767px){
    .order-list .panel-heading .panel-title {
        float: none;
    }
    .panel-default > .panel-heading {
        height: auto;
    }
    .order-list .filters .filter-item {
        display: block;
    }
    .order-list .filter-label {
        width: 135px;
    }
    .order-list #searchCustomer {
        margin-bottom: 20px;
    }

    .user-list .filters .filter-item {
        display: block;
    }

    .user-list .filter-label {
        width: 120px;
    }

    .user-list .filters #searchUser {
        margin-bottom: 20px;
    }

    .order-list .order-image {
        width: 100%;
        max-width: 100%;
    }

    .order-list .order-details {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 576px){
    .order-list .order-header .order-date {
        float: right;
        text-align: right;
        margin-right: 0;
    }
    .order-list .order-header .order-price {
        float: none;
        display: block;
        text-align: right;
        margin-top: 20px;
    }
}

@media (max-width: 480px){
    .panel-heading .tour-price-prepay {
        display: block;
        margin-right: 0;
        float: none;
        text-align: right;
        clear: both;
    }
}

/**** End user orders *****/

/**Modal**/

.modal-dialog {
    /*width: 370px;*/
}

.modal-content {
    width: 485px;
    border-radius: 0;
}

.modal-header {
    border: none;
    padding: 30px 40px;
}

.modal-body {
    padding: 30px 40px;
}

.modal-content .modal-title {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}
.modal-footer {
    text-align: left;
    border: none;
    padding: 30px 40px;
}

.modal-footer .btn-primary {
    background-color: #FF690A;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    height: 34px;
    min-width: 120px;
    border-radius: 0;
    padding: 0 5px;
}
.modal-footer .btn-default {
    float: right;
    font-size: 12px;
    background-color: transparent;
    color: #000000;
    font-weight: 300;
    padding: 0 5px;
    height: 34px;
    min-width: 120px;
    border: none;
    text-transform: uppercase;
    border-radius: 0;
}

#economicModal .modal-footer .btn-info {
    float: right;
    display: none;
    border: none;
    font-size: 12px;
    border-radius: 0;
    font-weight: bold;
    text-transform: uppercase;
    height: 34px;
    min-width: 120px;
}

.modal-footer .btn-default:active:focus {
    background-color: transparent;
}
.modal-footer .btn-primary:active:focus {
    background-color: #FF690A;
    border-bottom: 1px solid #FF690A;
}

.modal .modal-body #userAccountForm input[type="submit"]{
    width: 100%;
}

.modal .form-errors {
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 4px;
}

.modal .form-errors p {
    color: #a94442;
    padding: 0 15px;
}

.modal .form-errors p:first-child {
    padding-top: 15px;
}

.modal .form-errors p:last-child {
    padding-bottom: 15px;
}


.duplicateTruckYesButton {
    width: auto !important;
}

#economicModal button a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

@media (max-width: 767px) {
    .modal-dialog { width: 95%; }
    .modal-content { width: 100%; }
}

/**End modal**/



#addCustomRegions {
    border: none;
    background-color: #FF690A;
    color: #ffffff;
    text-transform: uppercase;
    height: 30px;
    font-weight: bold;
}

.truck-details.truck-price {
    font-size: 32px;
    line-height: 32px;
    color: #000000;
    font-weight: bold;
    display: block;
}

/*.handicapped-price {*/
/*    font-size: 32px;*/
/*    line-height: 32px;*/
/*    color: #000000;*/
/*    font-weight: bold;*/
/*    display: block;*/
/*}*/


.truck-details.truck-price.deposit {
    font-size: 14px;
    margin-top: 20px;
    color: #767676;
    font-weight: 400;
}
.truck-details-content.admin .truck-info {
    background-color: transparent;
    padding: 0 15px;
}

.truck-details-content.admin .form-group input,
.product-details-content.admin .form-group input {
    padding-left: 0;
}
.truck-details-content.admin .form-group label,
.product-details-content.admin .form-group label {
    display: block;
    color: #c5c5c5;
    font-size: 12px;
    font-weight: 400;
}
.truck-details-content.admin .form-group .currency,
.product-details-content.admin .form-group .currency {
    width: 20%;
    display: inline-block;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px;
}
.truck-details-content.admin .form-group .currency + input,
.product-details-content.admin .form-group .currency + input {
    vertical-align: top;
    width: 79%;
    display: inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -3px;
    border-left: none;
    padding-left: 15px;
}

label[for="phone"] {
    display: block;
}

.code-applicable input[type=radio] {
    margin-right: 5px;
}

#phonePrefix {
    display: inline-block;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px;
    height: 50px;
    text-align: center;
    width: 100%;
}

#phone {
    width: 65%;
    display: inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -6px;
    border-left: none;
    padding-left: 15px;
    float: right;
}

.phonePrefixDiv {
    width: 35%;
    position: relative;
}
.account-settings .phonePrefixDiv {
    width: 15%;
}
.account-settings #phone {
    width: 85%;
}

.phonePrefixSymbol {
    font-size: 27px;
    color: rgb(85, 85, 85);
    background: white;
    position: absolute;
    top: 14px;
}

.half-item { display: inline-block; margin-bottom: 20px; }
.half-item.city { width: 69%; }
.half-item.postal-code { width: 29%; }

#accountForm .select2-selection, #accountForm .select2-selection__rendered {
    padding-left: 0;
}
.custom-school-container {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    align-items: center;
}
.custom-school-container span {
    display: block;
    font-weight: bold;
}
#addCustomClass, #addCustomSchool { margin-left: 10px; width: 140px; height: 40px; cursor: pointer; }
#customSchoolName, #customClassName { margin-bottom: 10px; }

.adminTruckOptionalLabel {
    margin-top: 20px;
    font-size: 20px;
    margin-left: 20px;
}
.adminTruckOptionalLabel input[type="checkbox"] {
    margin-left: -33px;
}

.adminTruckOptional {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
}

.adminTruckOptionalMainLabel {
    font-size: 25px;
}

.route-title {
    text-align: center;
    color: #b6b9e0!important;
    margin-bottom: 10px!important;
}
.break-minutes {
    display: inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0px;
    height: 50px;
    width: 20%;
    float: right;
    border-left: none;
    text-align: left;
    /*margin-top: 10px;*/
}
.start-time {
    background-image: none, url("/img/time.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 80%;
}
.start-date {
    background-image: none, url("/img/calendar-grey.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 80%;
}
.start-time + .bootstrap-datetimepicker-widget {
    width: 100px!important;
}
.start-time + .bootstrap-datetimepicker-widget td, .start-time + .bootstrap-datetimepicker-widget td span {
    height: 30px!important;
    line-height: 30px!important;
}
.start-time + .bootstrap-datetimepicker-widget td a {
    color: #FF690A
}
.for-minutes-break {
    background-image: none, url("/img/location.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 80%;
}
.break-minutes {
    background-image: none, url("/img/clock.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 80%;
}
.location-consume {
    background-image: none, url("/img/drink.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 80%;
}

.location-custom-name {
    background-image: none, url("/img/sign.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 80%;
}
/*.routeOptionDiv .search-input {*/
/*    border: none;*/
/*    border-radius: 0;*/
/*    border-bottom: 1px solid #cfd7ee;*/
/*}*/

.address-label {
    width: 100%;
    color: #b6b9e0;
    line-height: 40px;
    font-weight: 400;
}
.discountConfirmText{
    color: #FFFFFF;
    font-size: 24px;
}

@media (max-width: 1500px){
    .truck-details-content.admin .form-group .currency,
    .product-details-content.admin .form-group .currency {
        width: 50%;
    }
    .truck-details-content.admin .form-group .currency + input,
    .product-details-content.admin .form-group .currency + input {
        width: 49%;
    }
}
@media (max-width: 991px){
    .truck-details-content .product-details {
        margin-top: 20px;
    }
    .truck-details-content.admin .form-group .currency,
    .product-details-content.admin .form-group .currency {
        width: 30%;
    }
    .truck-details-content.admin .form-group .currency + input,
    .product-details-content.admin .form-group .currency + input {
        width: 69%;
    }

    .account-settings .phonePrefixDiv {
        width: 30%;
    }
    .account-settings #phone {
        width: 70%;
    }
    .truck-details-content.admin .truck-info {
    }
}
@media (max-width: 480px) {
    .phonePrefixSymbol {
        left: 10px;
    }
    .phonePrefixDiv,
    .account-settings .phonePrefixDiv{
        width: 40%;
    }
    #phone,
    .account-settings #phone{
        width: 60%;
    }

    .truck-details.truck-price {
        font-size: 20px;
    }

    .half-item {width: 100%!important;}

}

@media (max-width: 767px){
    .page-header h2 {
        font-size: 22px;
    }
    .static-pages h3 {
        font-size: 18px;
    }
}



/**** Checkout page ****/

.checkout .section-title {
    font-size: 28px;
    text-align: left;
}

/*.checkout h5 {*/
/*    font-size: 14px;*/
/*    color: #515151;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 2px;*/
/*    font-weight: bold;*/
/*}*/

/*.checkout p {*/
/*    color: #000000;*/
/*    font-size: 12px;*/
/*}*/

.checkout .truck-details {
    background-color: #f8f8f8;
}

.checkout .truck-details p.date-input {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    background: url("/img/calendar.png");
    background-image: none, url("/img/calendar.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 12px;
    padding-left: 20px;
}

.checkout .truck-details .nr-of-people {
    margin-bottom: 20px;
}

.checkout .truck-details .nr-of-people label {
    vertical-align: bottom;
    margin-bottom: 0;
}

.checkout .truck-details h3 {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}

.checkout .truck-details .details {
    font-size: 14px;
    color: #767676;
}

.checkout .truck-details .details span {
    font-weight: bold;
}

.checkout .truck-details .date-label {
    width: 50px;
}

.checkout .truck-details .date-label~input {
    width: 120px;
}

.checkout .truck-details hr {
    color: #ffffff;
    background-color: #ffffff;
    border-top: 3px solid #ffffff;
}

.checkout .truck-details #addDayTwoText, .checkout .truck-details #addDayThreeText {
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    font-size: 16px;
    margin-top: 20px;
    border-radius: 0px;
}

.checkout .truck-details #dayTwo, .checkout .truck-details #dayThree {
    margin-top: 20px;
}

.checkout .remaining-time p {
    display: inline-block;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
}

.checkout .remaining-time span {
    float: right;
    font-weight: 300;
}

.checkout .remaining-time img {
    width: 20px;
    vertical-align: text-top;
    margin-right: 10px;
}

.exceeded-time-warning {
    display: none;
    float: unset!important;
    margin: 0 20px;
    cursor: pointer;
}

.exceeded-time-warning i {
    font-size: 20px;
    color: #ec6950;
    animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
    0% {
        color: rgb(251,156,70);
    }
    50% {
        color: rgba(251,156,70, 0.1);
    }
    100% {
        color: rgb(251,156,70);
    }
}

.checkout .remaining-time .progress {
    height: 7px;
    box-shadow: none;
    border-radius: 0;
    background-color: #E7E6E6;
}

.checkout .remaining-time .progress-bar {
    background-color: #f98f49;
    box-shadow: none;
}

.checkout .total-price-block h2 {
    margin: 0;
}

.checkout .total-price-block .deposit,
.checkout .total-price-block .deposit span {
    font-size: 14px;
    color: #767676;
    margin-bottom: 5px;
    font-weight: 400;
}

.checkout .total-price-block .total,
.checkout .total-price-block .total span {
    font-size: 32px;
    font-weight: bold;
    color: #000000;
}

.checkout .checkout-block .checkoutButton, .checkout .checkout-block .editButton{
    height: 55px;
    max-width: 160px;
    min-width: 100px;
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 0;
}
@media (min-width: 1500px) {
    .checkout .checkout-block .checkoutButton {
        margin-top: 20px;
    }
}

.checkout .intermediary-points-list .points {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #bcbcbc;
    padding-left: 25px;
}

.checkout .intermediary-points-list input[readonly] {
    background: url("/img/location.png");
    background-image: none, url("/img/location.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center left;
    padding: 0 10px 0 25px;
    border: none;
    box-shadow: none;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    width: 180px;
    display: inline-block;
    text-overflow: ellipsis;
}
.checkout .intermediary-points-list input[readonly]:focus {
    border: none !important;
}

.checkout .intermediary-points-list .border-right {
    height: 1px;
    background-color: #979797;
    width: 20px;
    margin-top: 10px;
    display: inline-block;
}

.checkout .intermediary-points-list .time {
    font-size: 14px;
    font-weight: 400;
    color: #bcbcbc;
    width: 55px;
    display: inline-block;
    text-align: right;
}

.checkout .intermediary-points-list .delete-point {
    background: url("/img/delete-point.png");
    background-image: none, url("/img/delete-point.svg");
    background-repeat: no-repeat;
    background-size: 12px;
    border: none;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 3px;
}

.checkout .intermediary-points-list .border {
    height: 17px;
    background-color: #979797;
    width: 1px;
    display: block;
    margin-left: 5px;
}

.checkout .intermediary-points-list img {
    margin-right: 10px;
}

.checkout .intermediary-points .search-input.location-input {
    width: 180px;
    padding-right: 0;
}

/*.checkout .intermediary-points .break-minutes {*/
/*    width: 55px;*/
/*    float: none;*/
/*    margin: 0 0 0 20px;*/
/*    padding: 0;*/
/*}*/

/*.checkout .intermediary-points .addWaypointButton.waypoint {*/
/*    color: #33c3b8;*/
/*    font-weight: 400;*/
/*    background-color: transparent;*/
/*    text-transform: initial;*/
/*    font-size: 12px;*/
/*    width: auto;*/
/*    float: right;*/
/*    height: auto;*/
/*    margin: 15px 0 0 0;*/
/*    padding: 0;*/
/*}*/

/*.checkout .intermediary-points .addWaypointButton.waypoint:focus {*/
/*    border-bottom: none !important;*/
/*}*/

.checkout .addWaypointButton {
    border: none;
    background-color: #FF690A;
    color: #ffffff;
    /*text-transform: uppercase;*/
    height: 50px;
    /*width: 100%;*/
    font-weight: bold;
    /*margin-bottom: 20px;*/

}
.route-actions {
    float: right;
    text-align: right;
    margin-top: 20px;
}
.route-actions input[type="checkbox"] {
    margin: 0;
}
input.optimize-route-ckb {
    display: none;
}
input.optimize-route-ckb + .optimize-route-check {
    background: url(/img/unchecked-gray.svg) no-repeat;
    height: 28px;
    width: 28px;
    background-size: 22px;
    background-position: center;
    vertical-align: middle;
}
input.optimize-route-ckb:checked + .optimize-route-check {
    background: url(/img/checked-orange.png) no-repeat;
    height: 28px;
    width: 28px;
    background-size: 22px;
    background-position: center;
    vertical-align: middle;
}

/*.checkout .addWaypointButton.waypoint {*/
/*    margin-bottom: 10px;*/
/*}*/

/*.checkout .waypointContent {*/
/*    padding-top: 15px;*/
/*    height: auto;*/
/*    max-height: 410px;*/
/*}*/

.checkout .waypoint-input-div {
    padding-top: 15px;
    position: relative;
}

.checkout .showRouteDiv {
    bottom: 0;
    width: 100%;
}

.checkout .routeOptionDiv {
    /*max-height: 600px;*/
}

.checkout .waypointParentDiv {
    overflow-y: scroll;
    max-height: 250px;
    height: auto;
    padding-right: 10px;
}

.checkout .terms-checkbox {
    margin-bottom: 20px;
}

@media (max-width: 1500px){
    .checkout .intermediary-points .search-input.location-input {
        width: 40%;
    }
}

@media (max-width: 991px){
    .checkout .truck-details .nr-of-people .search-input {
        margin-bottom: 0;
    }
}

@media (max-width: 767px){
/*    .checkout .checkout-block .checkoutButton {
        margin-top: 20px;
    }*/
}

@media (max-width: 480px){
    .checkout .intermediary-points .break-minutes {
        margin: 20px 0 0 5px;
    }
}

/**Cart Page**/

.cart-warning { background-color: #ff9800; color: white; padding: 20px; margin-bottom: 20px }
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 30px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.closebtn:hover {
    color: black;
}

.delete-icon, .delete-preview {
    width: 30px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 25px;
    background-color: lightgray;
    border-radius: 50px;
    padding: 5px;
}

.truck-details-images {
    margin-bottom: 10px;
}

.delete-icon:hover, .delete-preview:hover {
    cursor: pointer;
}
.cart-view {
    margin-bottom: 50px;
}

.cart-view .section-title {
    color: #000000;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 37px;
    margin-bottom: 20px;
    text-align: left;
}

.cart-view .panel-title {
    display: inline-block;
}
.cart-view .tour-price,
.cart-view .product-price,
.cart-view .elevator-price,
.cart-view .package-price ,
.cart-view .pant-price {
    margin-right: 15px;
    font-weight: bold;
    font-size: 24px;
}
.cart-view .delete-tour,
.cart-view .delete-product,
.cart-view .delete-package {
    position: absolute;
    right: 15px;
    z-index: 30;
    color: #FF690A;
    margin-right: 15px;
}
.checkout-details div{
    margin-bottom: 10px;
}

.checkout-details .terms-checkbox {
    margin-top: 20px;
    margin-bottom: 0;
}

.checkout-details .terms-checkbox input[type="checkbox"] {
    margin-right: 5px;
}

.cart-view .cart-prepay-price {
    display: block;
    margin-top: 15px;
    font-weight: bold;
    font-size: 22px;
    color: #000000;
    text-align: right;
}

.cart-view .cart-total-discount,
.cart-view .cart-tour-price, .cart-view .cart-product-price,
.cart-view .cart-tour-price, .cart-view .dj-product-price,
.cart-view .cart-perPerson-price, .cart-view .cart-coupon-price,
.cart-view .cart-tour-price-two, .cart-view .total-trucks-price,
.cart-view .cart-total-price, .cart-view  .cart-total-nrOfPeople,
.cart-view .total-products-price, .cart-view .total-handicapped-price,
.cart-view .total-handicapped-price-prices, .cart-view .cart-giftcard-price,
.cart-view .cart-insurance {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.cart-view .cart-total-discount~.prices,
.cart-view .cart-tour-price~.prices, .cart-view .cart-product-price~.prices,
.cart-view .cart-tour-price~.prices, .cart-view .dj-product-price~.prices,
.cart-view .cart-perPerson-price~.prices , .cart-view .cart-coupon-price~.prices,
.cart-view .cart-tour-price-two~.prices , .cart-view .total-trucks-price~.prices,
.cart-view .cart-total-price~.prices, .cart-view  .cart-total-nrOfPeople~.prices,
.cart-view .total-products-price~.prices, .cart-view .total-handicapped-price-prices,
.cart-view .cart-giftcard-price-prices, .cart-view .cart-insurance-price {
    float: right;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.cart-view .total-trucks-price,
.cart-view .total-products-price,
.cart-view .total-products-price-prices,
.cart-view .total-trucks-price-prices,
.cart-view .total-handicapped-price,
.cart-view .total-handicapped-price-prices {
    color: #767676 !important;
}

.cart-view .checkoutButton {
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 50px;
    padding: 0 20px;
    background-color: #FF690A;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}
.cart-view .delete-tour:hover,
.cart-view .delete-product:hover,
.cart-view .delete-package:hover {
    cursor: pointer;
    color: #000000;
    transition: 0.3s;
}
.cart-view .panel-body img {
    display: block;
    margin: auto;
}

.cart-view .cart-item {
    min-height: 220px;
}

.cart-items .cart-common-item:last-of-type {
    margin-bottom: 0;
}

.cart-view .tour-list, .cart-view .product-list,
.cart-view .package-list, .cart-view .interested-list {
    background-color: #F9F9F8;
    padding: 20px;
    margin-bottom: 20px;
}


.cart-view .cart-item .col-md-7 {
    min-height: 220px;

}

.cart-view .cart-item .item-name {
    color: #000000;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}

.cart-view .cart-item p {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
}

.cart-view .cart-item p span {
    font-weight: bold;
    color: #000000;
}

.cart-view .cart-item .prices .item-prepay,
.cart-view .cart-item .prices .product-price-prepay,
.cart-view .cart-item .product-price-block .product-price-prepay {
    font-size: 14px;
    color: #767676;
    margin-bottom: 5px;
    font-weight: 400;
    display: block;
}

.cart-view .cart-item .product-price-block .truck-book-now {
    margin-top: 0;
    float: right;
}

.cart-view .cart-checkout {
    background-color: #F8F8F8;
    padding: 20px 15px;
}

.cart-view .cart-checkout .mininum-checkbox {
    text-align: right;
    margin-top: 20px;
}

.cart-view .cart-checkout  .mininum-checkbox input[type="checkbox"]{
    margin-right: 0;
    margin-left: 20px;
}

.cart-view .cart-checkout h4 {
    color: #d8d8d8;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.cart-view .cart-checkout .coupon-label {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.cart-view .cart-checkout .coupon-div {
    float: right;
    width: 110px;
}

.cart-view .cart-checkout .coupon-div img {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.cart-view .cart-checkout .coupon-input {
    border: none;
    border-bottom: 1px solid #000000;
    box-shadow: none;
    background-color: transparent;
    width: 80px;
    display: inline-block;
}

@media (max-width: 1199px) {
    .cart-view .cart-checkout .coupon-div {
        width: 100%;
    }
    .cart-view .cart-checkout .coupon-input {
        width: 80%;
        margin-bottom: 20px;
    }

    .cart-view .cart-checkout .coupon-div img {
        float: right;
    }

    .cart-view .cart-total-discount,
    .cart-view .cart-tour-price, .cart-view .cart-product-price,
    .cart-view .cart-perPerson-price, .cart-view .cart-coupon-price,
    .cart-view .cart-tour-price-two, .cart-view .total-trucks-price,
    .cart-view .cart-total-price, .cart-view  .cart-total-nrOfPeople,
    .cart-view .total-products-price {
        width: 100px;
        display: inline-block;
    }

    .cart-view .cart-prepay-price {
        font-size: 16px;
    }
}

@media (max-width: 991px){
    .cart-view .cart-item {
        max-height: 100%;
    }

    .cart-view .cart-item .col-md-4 {
        height: auto;
    }

    .cart-view .cart-item .dates {
        margin-right: 20px;
    }
    .cart-view .cart-item .prices {
        left: 15px;
    }

    .cart-view .cart-checkout .coupon-div {
        width: 110px;
    }

    .cart-view .cart-checkout .coupon-input {
        width: 80px;
        margin-bottom: 0;
    }

    .cart-view .cart-total-discount,
    .cart-view .cart-tour-price, .cart-view .cart-product-price,
    .cart-view .cart-perPerson-price, .cart-view .cart-coupon-price,
    .cart-view .cart-tour-price-two, .cart-view .total-trucks-price,
    .cart-view .cart-total-price, .cart-view  .cart-total-nrOfPeople,
    .cart-view .total-products-price {
        width: auto;
    }

    .cart-view .cart-prepay-price {
        font-size: 22px;
    }
}

@media (max-width: 767px){
    .cart-view .section-title {
        font-size: 28px;
    }
    .cart-view .cart-item .item-name {
        margin-top: 10px;
    }
    .cart-view .cart-item .dates {
        text-align: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .cart-view .cart-item .prices {
        position: relative;
        margin-bottom: 20px;
        left: 0;
    }
    .cart-view .cart-item .product-price-block {
        height: auto;
    }


    .cart-view .cart-item {
        min-height: auto;
    }

    .cart-view .cart-item .col-md-7 {
        min-height: auto;
    }
}

@media (max-width: 480px){
    .cart-view .cart-item .product-price-block .truck-book-now {
        float: none;
        margin-bottom: 30px;
    }

    .cart-view .cart-checkout .coupon-div {
        width: 100%;
    }

    .cart-view .cart-checkout .coupon-input {
        width: 80%;
        margin-bottom: 20px;
    }

    .cart-view .cart-total-discount,
    .cart-view .cart-tour-price, .cart-view .cart-product-price,
    .cart-view .cart-perPerson-price, .cart-view .cart-coupon-price,
    .cart-view .cart-tour-price-two, .cart-view .total-trucks-price,
    .cart-view .cart-total-price, .cart-view  .cart-total-nrOfPeople,
    .cart-view .total-products-price {
        width: 100px;
    }

    .cart-view .cart-prepay-price {
        font-size: 18px;
    }
}

/**Cart Page**/


/**About Us Page**/

.about-us-page h4 {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
}

.about-us-header {
    background-color: #F4F4F4;
    padding: 50px 0;
    margin: 0 -15px;
}

.about-us-page {
    margin: 100px -15px;
}

.about-us-page .about-us-list {
    margin-bottom: 100px;
}

.about-us-page p {
    max-width: 80%;
}

.about-us-page p,
.about-us-header p{
    color: #595959;
    font-size: 14px;
    font-weight: 400;
}

.about-us-header .welcome {
    font-size: 37px;
    color: #000000;
    letter-spacing: 3px;
    font-weight: bold;
}

@media (max-width: 767px){
    .about-us-page .about-us-list {
        margin-bottom: 0;
    }

    .about-us-page p {
        max-width: 100%;
        margin-bottom: 40px;
    }
}

/**End About Us Page**/

/**Contact page**/

.contact-page h1 {
    font-size: 37px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 3px;
    text-align: left;
}

.contact-page input.form-control {
    border: none;
    border-bottom: 1px solid #000000;
    box-shadow: none;
    border-radius: 0px;
    padding: 0;
    color: #000000;
}

.contact-page .form-group.contact-input-email, .contact-page .form-group.contact-input-name {
    width: 48%;
    display: inline-block;
}

.contact-page .form-group.contact-input-email {
    float: right;
}

.contact-page textarea {
    background-color: #fff2ef;
    border-radius: 4px;
    box-shadow: none;
    font-size: 16px;
    padding: 6px 0;
    color: #000000;
    /*border: 1px solid #cfd7ee;*/
    border: none;
}

.contact-page textarea:focus {
/*    border: 1px solid #FF690A;*/
}

.contact-page input.btn-primary {
    background-color: #FF690A;
    border: none;
    width: 170px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}

.contact-page select {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid black;
    border-radius: 0px;
    padding: 0px;
}

.privacyPolicy{
    border: 1px solid black;
    margin-right: auto;
    margin-left: auto;
}

.privacyPolicy th{
    border: 1px solid black;
    text-align: center;
    min-width: 100px;
}
.privacyPolicy td{
    border: 1px solid black;
    padding: 10px;
}

.privacyPolicy tr {
    height: 60px;
}

.userDetailsTable{
    border: 1px solid black;
    margin-right: auto;
    margin-left: auto;
}

.userDetailsTable th{
    border: 1px solid black;
    text-align: center;
    min-width: 100px;
}
.userDetailsTable td{
    border: 1px solid black;
    padding: 10px;
}

.userDetailsTable tr {
    height: 40px;
}

.edit-code {
    width: 75px;
}

@media (max-width: 767px){
    .contact-page .form-group.contact-input {
        width: 100%;
        display: block;
    }
}

/**End Contact page**/

.table > thead > tr > th {
    border: none;
}

.table > thead > tr.table-header {
    background-color: #f0f0f0;
}

.region-input {
    border: none !important;
}

.region-input:focus {
    border-bottom: 1px solid #FF690A !important;
}

/* #priceResults {
    margin-top: 40px;
} */
#priceResults th, #priceResults td, #priceResults td input { text-align: center; }
#priceResults th.region-unavailable p { color: grey; }
#priceResults th.region-details p { font-weight: bold; }
#priceResults th.region-details p:nth-child(2),
#priceResults th.region-unavailable p:nth-child(2) {
    margin: 0;
}
#priceResults .region-details:hover, #priceResults .region-unavailable:hover {
    cursor: pointer;
}
#truckRegions label {
    font-size: 14px;
    color: black;
}

.button-card {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.4s;
    cursor: pointer;
    margin-right: 20%;
    width: 170px;
}
.button-card {
    border-radius: 0;
    color: #FF690A;
    background-color: #fff;
    border-color: #FF690A;
}
.button1-card:hover {
    background-color: #FF690A;
    border-color: #FF690A;
    color: white;
}

.btn:focus {
    /*background-color: #FF690A;*/
    /*border-color: #FF690A;*/
    /*color: white;*/
}
#addDayThree #addDayThreeText {
    color: white;
    font-weight: bold;
}
.btn-add {
    background-color: #ff690a;
    color: white;
    font-weight: bold;
    padding: 12px 30px;
    font-size: 16px;
    marin: 0
}
#selectYear, #selectTruckYear, #selectCategory, #containingFilter, #purchaseFilter, #bookingFilter,
#paidFilter, #graduationFilter, #statusFilter, #economicFilter, #salesRepFilter, #perPageFilter,
#yearFilter, #regionFilter, #providerFilter, #packageFilter {
    min-width: 175px;
    border: none;
    border-bottom: 1px solid #000000;
    height: 50px;
    background: url("/img/dropdown-arrow.png") no-repeat right #fff;
    -webkit-appearance: none;
    margin-bottom: 20px;
}
.canvas-container {
    position: relative;
}
.loader-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: none;
}
.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #FF690A;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 40%;
    left: 50%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#economicModal #economicAction, #cancelOrderModal #cancelSelection, #salesRepList {
    margin-left: 20px;
    min-width: 200px;
    border: none;
    border-bottom: 1px solid #000000;
    height: 50px;
    background: url("/img/dropdown-arrow.png") no-repeat right #fff;
    -webkit-appearance: none;
}

#djOfferModal, #addonModal {
    padding-right: 0 !important;
}

/*#djOfferModal .modal-dialog {*/
/*    width: 700px;*/
/*}*/

#addonModal .modal-dialog, #djOfferModal .modal-dialog {
    width: 80%;
}

/*#djOfferModal .modal-content {*/
/*    width: 800px;*/
/*}*/

#addonModal .modal-content, #djOfferModal .modal-content {
    width: 100%;
}

#djOfferModal .modal-content .product-price-prepay, #addonModal .modal-content .product-price-prepay {
    font-size: 18px;
}

#djOfferModal .upsellModalPrices, #addonModal .upsellModalPrices {
    text-align: left;
}

#djOfferModal .product-image, #addonModal .product-image {
    width: 100%;
    height: 170px;
    object-fit: cover;
    margin: 20px 0;
}
#addonModal .product-image {
    object-fit: contain;
}

#djOfferModal .radio-label, #addonModal .radio-label {
    display: block;
    width: 100%;
}

#djOfferModal .radio-label .item-name, #addonModal .radio-label .item-name {
    color: #000000;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

#djOfferModal .radio-label .description, #addonModal .radio-label .description {
    margin-top: 10px;
}

#djOfferModal .radio-label .item-price, #addonModal .radio-label .item-price {
    font-weight: bold;
    font-size: 24px;
    margin-top: 5px;
    display: block;
}

#djOfferModal .radio-label > input, #addonModal .radio-label > input {
    visibility: hidden;
    position: absolute;
}

#djOfferModal .radio-label > input + .pakken-oerlay-item, #addonModal .radio-label > input + .pakken-oerlay-item {
    cursor: pointer;
    padding: 10px;
    border: 2px solid transparent;
}

#djOfferModal .radio-label > input:checked + .pakken-oerlay-item, #addonModal .radio-label > input:checked + .pakken-oerlay-item {
    border: 2px solid #ff690a;
    padding: 10px;
    box-shadow: 1px 5px 9px #ccc;
}

#djOfferModal .modal-footer, #addonModal .modal-footer {
    padding-top: 0;
}

#djOfferModal .upsellProductAddToCart, .cart-addon-modal .upsellProductAddToCart {
    display: block;
    margin: auto;
}

#addonModal .modal-buttons {
    text-align: center;
}

#djOfferModal .upsellProductAddToCart:hover, #addonModal .upsellProductAddToCart:hover {
    color: #fff;
}

@media(max-width: 767px){
    #djOfferModal .modal-dialog, #addonModal .modal-dialog {
        width: auto;
    }
}




#citiesModalResults input[name="zipCodes[]"], .cancel-order-item {
    display: none;
}
#citiesModalResults input[name="zipCodes[]"] + label, .cancel-order-item + label {
    background: url("/img/unchecked.png");
    background-size: 20px;
    background-repeat: no-repeat;
    display:inline-block;
    padding-left: 30px;
    color: black;
    font-weight: 400;
}

#citiesModalResults input[name="zipCodes[]"]:checked + label, .cancel-order-item:checked + label {
    background: url("/img/checked.png");
    background-size: 20px;
    background-repeat: no-repeat;
    display:inline-block;
    padding-left: 30px;
}

.save-btn {
    float: right;
    margin-bottom: 20px;
    width: 80px;
}

.submit-prices {
    position: fixed;
    bottom: 0;
    right: 15px;
}

.highlight-days {
    background-color: #FB9C46!important;
    color: #eee!important;
    border-radius: 0!important;
}
.day.active { background-color: #ffa500!important; border-radius: 0!important; }
.highlight-days:not(.disabled) {
    color: #fff!important;
}
.highlight-days.highlight-available {
    font-weight: bold;
}
.highlight-available:not(.disabled) {
    font-weight: bold;
    color: #333;
}
.highlight-special:not(.disabled) {
    font-weight: bold;
    color: green!important;
}
.highlight-days.highlight-special {
    color: lightgreen!important;
}
.highlight-days.disabled {
    color: #dadada!important;
    font-weight: 400;
}

.highlight-days:hover {
    background-color: #ffa500!important;
}

.adminActionsColumn {
    min-width: 150px;
}

.order-list .fullPaymentButton {
    background-color: transparent;
    background-image: url("/img/fully-paid.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 34px;
    height: 34px;
    width: 34px;
}

.order-list .cancel-order {
    background-color: transparent;
    background: url("/img/cancel-order.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    height: 34px;
    width: 34px;
}

.order-list .economic-order-details, .order-list .economic-final-invoice {
    border-radius: 5px;
    background-color: transparent;
    background: url("/img/e-conomic.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    height: 34px;
    width: 34px;
}

.order-list .order-empty-note {
    border-radius: 5px;
    background-color: transparent;
    background: url("/img/order-empty-note.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    height: 34px;
    width: 34px;
}

.order-list .order-note {
    border-radius: 5px;
    background-color: transparent;
    background: url("/img/order-note.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    height: 34px;
    width: 34px;
}

.order-list .resend-mail {
    border-radius: 5px;
    background-color: transparent;
    background: url("/img/resend-email.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    height: 34px;
    width: 34px;
}

@media (max-width: 767px){
    #selectYear, #selectTruckYear, #selectCategory {
        margin-bottom: 20px;
    }
}
@media (max-width: 480px){
    #selectYear, #selectTruckYear, #selectCategory {
        min-width: 100%;
    }
}
@media print {
    #wrapper, #footer { display: none; }
    .print-me { display: block; }
}

.admin-package-page .product-list input[type="checkbox"] {
    display: none;
}

.admin-package-page .product-list input[type="checkbox"] ~ label {
    border: 3px solid transparent;
    width: 100%;
    box-shadow: 2px 2px 10px 5px lightgrey;
    background: url("/img/unchecked-gray.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center 98%;
    padding: 5px;

}

.admin-package-page .product-list input[type="checkbox"]:checked ~ label {
    border: 3px solid #FF690A;
    background: url("../img/checked-orange.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center 98%;
    padding: 5px;
}

.admin-package-page .product-list input[type="checkbox"]:checked ~ label img,
.admin-package-page .product-list input[type="checkbox"] ~ label img {
    height: 126px;
}

.admin-package-page .package-items {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, 150px);
    grid-auto-flow: row;
}

.admin-package-page .package-items img {
    height: 136px;
    width: 100%;
    object-fit: contain;
    display: block;
}

.admin-package-page .package-items .product-name {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    height: 60px;
    overflow: hidden;
}

.admin-package-page .product-list input[type="checkbox"]:checked ~ label,
.admin-package-page .product-list input[type="checkbox"] ~ label {
    padding-bottom: 30px;
}

.admin-package-page .product-list .details .stack-size,
.admin-package-page .product-list .details .price {
    color: #000;
}

.admin-package-page .package-items .stack-size {
    display: inline-block;
}

.admin-package-page .package-items .price {
    display: inline-block;
    float: right;
    padding-top: 4px;
}

.products-grid {
    display: -ms-grid;
    display: grid;
    overflow: auto;
    max-height: 600px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-right: 26px;
    padding-left: 26px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

@media screen and (max-width: 991px) {

    .delivery-date-content {
    }
}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 479px) {

    .product-price-main {
        float: left !important;
        margin-top: 20px;
    }
}

.product-checkbox:hover {
    cursor: pointer;
}



.product-checkbox input[type=checkbox]:checked + .product-item,
.product-checkbox input[type=radio]:checked + .product-item {
    -webkit-box-shadow: 0px 0px 0px 3px rgba(255,105,10,1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(255,105,10,1);
    box-shadow: 0px 0px 0px 3px rgba(255,105,10,1)
}

.product-checkbox input[type=checkbox], .product-checkbox input[type=radio]{
    display: none;
}


.product-price-main {
    font-size: 24px;
    font-weight: bold;
    float: right;
    margin-left: 8px;
    margin-top: 6px;
}

.product-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-item .product-name {
    color: #202020;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

/*Style hover for info*/
/*.product-desc-main {*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    transition: visibility 0s, opacity 0.7s linear;*/
/*}*/
.product-btn-info {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 48px;
    height: 48px;
    border-radius: 0px 0px 0px 200px;
    background-color: #ff690a;
    background-image: url('/img/icons8-info.svg');
    background-position: 63% 25%;
    background-size: 24px;
    background-repeat: no-repeat;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
}

/*.product-btn-info:hover ~ .product-desc-main {*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*}*/

.product-btn-info:hover {
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 0;
    background-image: none;
}

.product-desc-main {
    z-index: 3;
    position: absolute;
    left: 0%;
    /*top: 79px;*/
    right: 0%;
    bottom: auto;
    padding-right: 26px;
    padding-left: 26px;
    color: #fff;
}

.product-stack-size{
    border: 2px outset #FF690A !important;
    text-align: center;


}

/*Product check*/
/*.package-items .products-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
}*/

/* by-guide styles */
.guide-container { background-color: #F4F4F4;  padding-bottom: 60px;}
.guide-container p { font-size: 16px; margin: 15px 0; }
.guide-container h1 { font-size: 40px; }
.guide-container h2 { font-size: 28px; }
.guide-title { font-weight: bold; color: #000; }
.article-title, .article-title a { text-decoration: none; color:#333; font-weight: bold; }
.article-title a:hover { text-decoration: none; color: #FF690A; }
.guide-boxes a { display: inline-block; width: 100%; }

.guide-boxes a:hover .home-guide-title { display: block;  }
.guide-boxes a:hover .home-guide-img {
    opacity:0.3;
    transition: opacity .5s ease-out;
}
.home-guide-title { position: absolute; color: white; font-size: 40px; font-weight: bold; top: 40%; text-align: center; width: 95%; display: none; line-height: 40px; }
.home-guide-img { width: 100%; height: 400px; object-fit: cover; border-radius: 6px }
.image-resize{
    max-width: 670px;
    width: 100%;
}

/* route planner style */
.route-planner .main-title { text-align: center; font-weight: bold; padding-bottom: 50px; }
.route-planner .dual-box { max-width: 700px; margin: 0 auto; }
.route-planner .scnd-title { text-align: center; padding-bottom: 30px; margin-top: 0; }
.route-planner .dual-box p { font-size: 20px; padding-bottom: 30px; line-height: 28px; text-align: justify; }
.route-planner .route-image { display: block; margin: 0 auto; width: 98%; }
.route-planner-box .route-subtitle { text-align: center; padding-bottom: 50px; font-size: 20px; font-weight: 700; margin-top: 0; }
.route-planner-box .route-description { text-align: center; padding-bottom: 30px; line-height: 25px; }
.route-planner-box .route-steps { display: flex; justify-content: space-around; }
.route-planner-box .route-step { text-align: center; }
.route-planner-box .route-step span { font-size: 60px; font-weight: bold; }
.route-planner-box img { width: 50%; }
.check-route-planner-div { text-align: center; }
.route-planner-box .check-route-planner { text-align: center; display: inline-block; margin-top: 30px;}
.route-planner-box .check-route-planner:hover { text-decoration: none; color: white; }
.route-planner-box .step-text { text-align: center; margin-top: 20px; }

/* cookie consent style*/
.cookie-consent-container {
    position: fixed;
    display: flex;
    bottom: 0;
    background-color: #222;
    color: #fff;
    padding: 16px 30px;
    width: 100%;
    z-index: 1000;
    opacity: 0;
    justify-content: center;
}
.cookie-message { font-size: 16px; line-height: 36px; font-family: Helvetica,Calibri,Arial,sans-serif; margin-right: 20px; }
.cookie-link { color: #fff; text-decoration: underline; font-size: 16px; font-family: Helvetica,Calibri,Arial,sans-serif; }
.cookie-link:hover { color: #FF690A; }
.cookie-accept-div:hover { cursor: pointer; }
.cookie-accept { color: #000; font-weight: bold; padding: 10px 30px; background-color: #FF690A; line-height: 37px; }
.cookie-accept:hover { background-color: #ff8f30; color: #fff; text-decoration: none; }

/* truck regions */
.truck-regions { display: none; position: absolute; bottom: 20px; padding-bottom: 10px; z-index: 2 }
.truck-regions ul {
    list-style-type: none;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
    margin: 0;
    padding: 0;
    text-align: center;
}
.truck-regions ul li {
    padding: 10px 50px;
}
.truck-regions .region-name { color: #72748C;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400; }
.truck-regions::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    bottom: 0;
    left: 15px;
    content: '';
    display: inline-block;
    position: absolute;
}
.region-hover { display: inline-block; position: relative; }
.region-hover .which-regions { color: #72748C;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400; margin: 0; }
.region-hover .which-regions:hover { cursor: pointer; }
.region-hover:hover .truck-regions { display: block; }
.cart-content-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    justify-items: stretch;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 10px;
}
.item-last-cart {
    text-align: center;
    color: #72748c;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding-left: 9px;
}
.item-option-content {
    text-align: center;
}
.error-message {
    font-size: 13px;
    font-weight: bold;
    color: #cc0033;
    line-height: 20px;
    /* background */
    background-color: #fce4e4;
    border: 1px solid #fcc2c3;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    /* positioning */
    position: absolute;
    padding: 7px 11px 4px;
    z-index: 100;
    top: 104%;
    left: 0;
}
.error-message:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fce4e4;
    top: -11px;
    left: 15px;
    content: '';
    display: inline-block;
    position: absolute;
}
.success-message {
    color: #11b248;
    background-color: #c1e8b0;
    border: 1px solid #abe392;
}
.success-message:after {
    border-bottom: 10px solid #c1e8b0;
}
.change-user-email {
    cursor: pointer;
}
#oldEmail, #newEmail {
    border: none;
    border-bottom: 1px solid black;
    width: 100%;
}
.invalid-email {
    border: 2px solid red !important;
}
.valid-email {
    border: 2px solid green !important;
}
@media (max-width: 1499px){
    .price-depositum {
        float: right;
        width: 100%;
    }

    .delivery-year {
        margin-right: 0!important;
    }

    #getAddonModal {
        margin-right: 0;
    }

    .route-planner .main-title { padding-bottom: 20px; }
    .route-planner .scnd-title { padding-bottom: 10px; font-size: 28px; }
    .route-planner .dual-box p { padding-bottom: 10px; font-size: 18px; line-height: 24px; }
    .route-planner-box .route-subtitle { padding-bottom: 10px; }
    .route-planner-box .route-description { padding-bottom: 10px; line-height: 20px; }
    .route-planner-box .step-text { margin: 0; }
}

@media (max-width: 1199px){
    .truck-list-search .search-form #truckFeatures .feature-list {
        width: 30%;
    }
    .price-depositum {
        float: right;
    }
    .route-planner .main-title { padding-bottom: 10px; font-size: 35px; }
    .route-planner .scnd-title { font-size: 20px; }
}

@media (min-width: 1600px) {
    .guide-container .container {
        width: 1480px;
    }
}

@media (max-width: 1234px){
    .delivery-date-content {
        display: block;
    }
    #getAddonModal {
        float: left;
    }
    .route-planner-box .route-step span { font-size: 40px; }
    .route-planner-box img { width: 40%; }
}

@media (max-width: 991px){
    .truck-list-search .search-form .filter-input:nth-child(-n+3){
        margin-bottom: 20px;
    }

    .truck-list-search .search-form .select2-container {
        margin-bottom: 20px;
    }

    .truck-list-search .search-form #truckFeatures .feature-list {
        width: 100%;
    }
    .price-depositum {
        float: right;
    }
    .delivery-date-content {
        display: flex;
    }
    #getAddonModal {
        float: right;
    }
    .route-planner-box .check-route-planner {
        margin-bottom: 30px;
    }
}

@media (max-width: 768px){
    .shoping-item-left {
        width: 100% !important;
    }
    #getAddonModal {
        float: right;
    }
    .product-picture-big {
        width: 90%;
        height: auto;
        margin: 30px auto;
    }
    .book-a-truck {
        padding: 10px 50px;
    }
    .guide-container h1 {
        font-size: 30px;
        text-align: center;
    }
    .book-btn-row {
        text-align: center;
    }
    .guide-container {
        padding: 0 10px 60px 10px;
        margin: 0;
    }
    .cookie-consent-container {
        flex-direction: column;
    }
    .cookie-message {
        font-size: 13px;
        line-height: 20px;
    }
    .cookie-link {
        font-size: 13px;
        line-height: 20px;
    }
    .cookie-accept-div {
        margin-top: 10px;
    }
    .cookie-accept {
        display: block;
        text-align: center;
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 480px){
    .slides {
        height: 190px;
    }

    .truck-list-search {
        padding: 30px;
    }

    .truck-image {
        height: 230px;
    }

    .search-box {
        padding: 20px;
    }
    .price-depositum {
        float: right;
    }
    .delivery-date-content {
        padding: 30px 0px 0 0
    }

    .delivery-date-content {
        display: block;
    }
    .additional-items label {
        width: 100%;
    }
    #getAddonModal {
        float: left;
    }
}