.row-nb {
    border: 0px !important;
}

.text-left {
    text-align: left !important;
}

#slideshow {
    background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    height: 340px;
    position: relative;
    width: 260px;

    -moz-box-shadow: 0 0 6px #111;
    -webkit-box-shadow: 0 0 6px #111;
    box-shadow: 0 0 6px #111;
    float: left;
    margin-right: 30px;

}

#slideshow ul {
    height: 320px;
    left: 10px;
    list-style: none outside none;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 95%;
}

#slideshow li {
    position: absolute;
    display: none;
    z-index: 10;
}

#slideshow li:first-child {
    display: block;
    z-index: 1000;
}

#slideshow .slideActive {
    z-index: 1000;
}

#slideshow canvas {
    display: none;
    position: absolute;
    z-index: 100;
}

#slideshow .arrow {
    height: 86px;
    width: 60px;
    position: absolute;
    background: url('/frontend/img/arrows.png') no-repeat;
    top: 50%;
    margin-top: -43px;
    cursor: pointer;
    z-index: 5000;
}

#slideshow .previous {
    background-position: left top;
    left: 0;
}

#slideshow .previous:hover {
    background-position: left bottom;
}

#slideshow .next {
    background-position: right top;
    right: 0;
}

#slideshow .next:hover {
    background-position: right bottom;
}

.alert {
    color: #555;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0px;
}

.alert-info {
    background: #e9ffd9;
    border: 1px solid #a6ca8a;
}

.alert-danger {
    background:#ffecec;
    border:1px solid #f5aca6;
}

.alert-error {
    background: rgba(255, 165, 0, 0.53);
    border: 1px solid #a6ca8a;
}

.clear { clear: both; }
.full { width: 100%; }

.form-group { padding: 5px 0px; }
.form-group label { font-size: 125%; }
.form-group.inline label,
.form-group.inline input { display: inline; width: auto; margin-top: 5px; }
.form-group.inline label { overflow: hidden; }
.form-group .radio { display: inline-block; margin-right: 10px; margin-top: 0px !important; }
input[type=checkbox] { width: auto !important; }
label.small { font-size: 120%; text-transform: none; }
.form-group.checkbox-label input[type=checkbox] { float: left; margin: 0px 10px 0px 0px; }
.form-group.checkbox-label label { display: block; overflow: hidden; margin: 8px 0px 0px 0px }
label p.info { text-transform: none; font-weight: normal; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size: 80%; }

h1,
h2,
h3 { position: relative; }
h1 button.back { position: absolute; top: 0px; right: 0px; }
h4 { text-align: left !important; }

h2 .button.abs { position: absolute; top: 0px; right: 0px; margin: 0px !important; }

.content ul { list-style: circle; margin: 0px 0px 0px 15px; }
.content ul li { line-height: 1.3em; }

table.data th { border: 1px solid #d4d9de; font-weight: bold; }
table.data thead th { border: 1px solid #d4d9de; font-weight: bold; }
table.data tr:nth-child(2n) th { background: none repeat scroll 0 0 #f7f8f9; }
table.data td { border-left: none; }
table.data th,
table.data td { padding-top: 17px; padding-bottom: 17px; }
table.data th { font-family: "Noto Sans","Arial Narrow",Arial,sans-serif; font-style: normal; font-size: 16px; }

table.data.small th { border: 1px solid #d4d9de; font-weight: bold; }
table.data.small tr:nth-child(2n) th { background: none repeat scroll 0 0 #f7f8f9; }
table.data.small td {  }
table.data.small th,
table.data.small td { padding-top: 10px !important; padding-bottom: 10px !important; text-align: left; }
table.data.small th label,
table.data.small td label { font-size: 16px; display: inline; width: auto; margin: 0; padding: 0; }

table.data.tiny th { border: 1px solid #d4d9de; font-weight: bold; }
table.data.tiny tr:nth-child(2n) th { background: none repeat scroll 0 0 #f7f8f9; }
table.data.tiny th,
table.data.tiny td { padding: 3px 8px !important; text-align: left; }
table.data.tiny th label,
table.data.tiny td label { font-size: 12px; display: inline; width: auto; margin: 0; padding: 0; }

table.answers td,
table.answeroptions td { padding: 0; border: none !important; background: transparent; }

table.feedback { margin-top: 20px; }

#main_content { padding-right: 30px; }

.course h3 { margin-bottom: 8px; }
.course h3 span { display: block; }
.course h3 .course_title {
    display: block;
    padding: 10px 10px 0px 10px;
    font-size: 18px;
    min-height: 50px;
    color: #000;
    margin-bottom: 8px;
}
.course h3 .course_location, .course h3 .course_date, .course h3 .course_trainer {
    font-family: "Noto Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    margin-top: 0px;
    margin-right: 10px;
    color: #000;
    padding-left: 10px;
    text-transform: initial;
    line-height: 1.3em;
}


.course h3 .course_trainer {
    margin-top: 15px;
}

.course .price {
    font-family: "Noto Sans", "Arial Narrow", Arial, sans-serif;
    float: left;
    font-size: 20px;
    font-weight: bolder;
    margin: 10px 0px;
    color: #000;
    position: relative;
    bottom: 0px;
}
.course .price .tax {

    display: block;
    font-size: 50%;
    margin-top: 2px;
    color: #000;
}
.course .price-bar {
    padding: 2px 10px;
    min-height:60px;
    position: relative;
}
.course .price-bar .button { float: right; }

.course .booking {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.course .price-bar .booking .course-box-booking {
    box-shadow: none;
    background: #87b34d;
    text-shadow: none;
    margin-top: 5px;
    padding: 0px 10px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
}

.course .price-bar .booking .course-box-booking-full {
    box-shadow: none;
    background: #bc1c24;
    text-shadow: none;
    margin-top: 5px;
    padding: 0px 15px;
    height: 25px;
    line-height: 25px;
}

.course .price-bar .booking .free-spaces {
    display: block;
    font-size: 70%;
    color: #000;
    text-align: right;
}

.courses .row { padding: 10px 0px; }

.course-details .short_info { margin: 10px 0px 20px 0px; }
.course-details table.data th { border: 1px solid #d4d9de; border-right: none; }
.course-details table.data tr:nth-child(2n) th { background: none repeat scroll 0 0 #f7f8f9; }
.course-details table.data td { border-left: none; }
.course-details table.data th,
.course-details table.data td { padding-top: 17px; padding-bottom: 17px; }
.course-details .price { float: left; font-size: 150%; font-weight: 700; padding-top: 15px; }
.course-details .price .tax { display: block; font-size: 50%; margin-top: 2px; }
.course-details .price-bar { padding: 0px; }
.course-details .price-bar .button { float: right; }

.course-details .course-preview { width: 55%; overflow: hidden; float: right; }

.dashboard h1 { margin-bottom: 25px; }
.dashboard .course h4 { margin-top: 0px !important; }
.dashboard .course { border-top: 1px solid #d4d9de; padding: 15px 0px !important; }

.booking table.data { margin-top: 10px; }

.sidebar h3 { margin-bottom: 10px; }
.sidebar h4 { text-align: left; }
.sidebar ul li { line-height: 150%; }

.filterbox { padding: 10px; }
.filterbox h4 { padding: 0; margin: 0; }
.filterbox .form-group { float: left; margin: 0px 20px 0px 0px; }
.filterbox .form-group label { display: block; }

#map-canvas { width: 100%; height: 500px; margin: 0px 0px 40px 0px; border-radius: 5px; overflow: hidden; }
#location-map { width: 100%; height: 300px; border-radius: 5px; overflow: hidden; }
#location-canvas { width: 100%; height: 500px; margin: 0px 0px 40px 0px; border-radius: 5px; overflow: hidden; }
#map-canvas img,
.gmap img { max-width: none; }
.gmap-info { width: 190px !important; height: 70px !important; line-height: 1.3em; }

.locations .location { padding: 10px; margin: 15px 0px; }
.locations .location .location_courses { padding-left: 20px; }
.locations .location .location_courses li { line-height: 1.3em; }

h3.plan_name { font-size: 150%; padding: 0; margin: 0; }
h3.plan_name label { margin: 5px; font-size: 100%; }
h3.plan_name input { margin: 4px 0px 5px 0px !important; }
.plan .plan_features { padding-left: 20px; padding-top: 5px; }
.plan .plan_features ul { list-style: disc; margin-left: 12px; }
.plan .plan_features ul li { line-height: 1.2em; }
.plan .price { margin: 2px 0px 10px 0px; font-weight: bold; font-size: 130%; }
.plan .price .info { display: block; font-size: 11px; margin: 0px; font-weight: normal; font-style: italic; }
.plan .persons { margin: 2px 0px 0px 0px; font-weight: bold; font-size: 120%; }

span.error,
.error_notification { font-weight: bold; color: #c00; }
#error_explanation { color: #c00; }
#error_explanation h2 { font-size: 20px }

.filterbox span.select { width: 200px; overflow: hidden; }

th .field,
td .field { padding: 0; margin: 0; }
th .field label { width: 100%; display: block !important; margin: 0; padding: 0; }
th .field label.inline { display: inline !important; }
td .field.margin { margin-right: 10px; }
td .field input { margin: 0px; }
th .field.error label.inline { padding-right: 30px; }

.price-strike { text-decoration: line-through; font-weight: bold; font-size: 10px; display: block; }

td.actions { width: 25%; }
td.actions .button { margin: 0px 0px 3px 0px; text-align: center; }

#fb_top { position: absolute; right: 0px; padding: 18px; font-size: 24px; color: #666; }
#fb_top:hover { color: #3b5998;  }

#nl_top { position: absolute; right: 140px; padding: 17px; font-size: 24px; color: #000; }
#nl_top:hover { color: #bd1a27;  }

td.t-shirt-type .select {
    margin: 3px 3px 0px 5px;
}

@media (max-width: 600px) {
    #nl_top {
        right: 145px;
        margin: 0;
        top: -4px;
    }
}

.dataTables_wrapper div.row {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #919ba3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #919ba3), color-stop(100%, #3b464f));
    background: -webkit-linear-gradient(top, #919ba3, #3b464f);
    background: -moz-linear-gradient(top, #919ba3, #3b464f);
    background: -ms-linear-gradient(top, #919ba3, #3b464f);
    background: -o-linear-gradient(top, #919ba3, #3b464f);
    background: linear-gradient(top, #919ba3, #3b464f);
    text-decoration: none;
    -webkit-border-radius: 5px;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-box-shadow: rgba(145, 158, 169, 0.2) 0px 10px 0px 0px inset, rgba(71, 86, 98, 0.498039) 0px 1px 3px 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(top, rgb(117, 130, 140), rgb(59, 70, 79));
    background-origin: padding-box;
    background-size: auto;
    border-collapse: separate;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-radius: 6px;
    border: 0px none rgb(255, 255, 255);
    box-shadow: rgba(145, 158, 169, 0.2) 0px 10px 0px 0px inset, rgba(71, 86, 98, 0.498039) 0px 1px 3px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: "Noto Sans", 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 10px 5px;
    padding: 0 10px;
    text-align: center;
    text-shadow: rgb(61, 72, 82) 0px 1px 1px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button a {
    color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    box-shadow: inset 0 10px rgba(145, 158, 169, 0.3), 0 1px 3px rgba(71, 86, 98, 0.5);
    background: #919ba3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #919ba3), color-stop(100%, #3b464f));
    background: -webkit-linear-gradient(top, #919ba3, #3b464f);
    background: -moz-linear-gradient(top, #919ba3, #3b464f);
    background: -ms-linear-gradient(top, #919ba3, #3b464f);
    background: -o-linear-gradient(top, #919ba3, #3b464f);
    background: linear-gradient(top, #919ba3, #3b464f);
    text-decoration: none;
    border: none;
}

.dataTables_wrapper .dataTables_info {
    font-size: 1.2em;
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
}

.dataTables_wrapper input[type='search'] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-size: 0.875rem;
    height: 2.3125rem;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s,border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s,border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s,border-color 0.45s ease-in-out;
}

.dataTables_wrapper label {
    font-size: 0.875rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    margin-bottom: 0.5rem;
}
.dataTables_wrapper select {
    -webkit-appearance: none !important;
    background: #fafafa url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9…iPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;
    background-position-x: 97%;
    background-position-y: center;
    border: 1px solid #ccc;
    padding: 0.5rem;
    font-size: 0.875rem;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.dataTables_wrapper select:hover {
    background: #f2f2f2 url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9…iPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;
    background-position-x: 97%;
    background-position-y: center;
    border-color: #999;
}

/* TEAMRIDER PAGE 2019 */
.teamrider_page  p {
    text-align: justify;
}

.teamrider_page .grey_background {
    background: rgb(67,66,66) !important;
    color: white;
}

.teamrider_page .icon_benefit {
    max-width:100px;
    margin-top:15px;
}

.teamrider_page table {
    color: #939598;
    text-shadow: none;
}

.teamrider_page th {
    color: white;
}

.teamrider_page .red_highlight {
    color: #ee1d23;
}

.teamrider_page tr {
    height: 35px;
    border-bottom: 1px solid white;
}

.teamrider_page td {
    font-size: 15px;
    padding: 20px 0px;
    font-weight: bold;
}

.teamrider_page .left_cell {
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 8px;
}

.teamrider_page .ersparnis {
    font-weight: bold;
    color: #858585;
}

.teamrider_page tfoot {
    color:white;
}

.teamrider_page .centered-plan {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:50%;
}

.teamrider_page .text-right {
    text-align: right;
}

@media screen and (max-width: 750px) {
    .teamrider_page .centered-plan {
        max-width: 100%;
    }
}



@media screen and (max-width: 610px) {
    .teamrider_page table {
        table-layout: inherit;
    }

    .teamrider_page td {
        font-size: 10px;
        padding: 10px 0px;
        font-weight: bold;
    }
}


@media screen and (min-width: 611px) and (max-width: 767px) {
    .teamrider_page td {
        font-size: 13px;
        padding: 10px 0px;
        font-weight: bold;
    }
}