@charset "utf-8";

.section-heading {font-weight:600; padding:10px 10px; margin-bottom:30px;}
.csb-wrapper h5 {font-size:15px;}
.show-sm {display:none;}

.login-form {background-color:rgba(25,131,238,0.1); padding:20px 20px 10px 20px;}
.login-form .btn-forgot {text-align:right;}
.login-form p {margin-bottom:10px;}
.login-form #el_forgotpwd {margin-top:10px;}

/***************************************
			BOOKING
***************************************/
.book-menu {margin:-20px 0 20px 0;}
.book-menu a {display:inline-block; min-width:120px; text-align:center; font-size:13px; color:#fff; background-color:rgba(25,131,238,1); line-height:36px; padding:0 15px;}
.book-menu a:hover {background-color:rgba(25,131,238,0.8);}
.book-menu a + a {margin-left:6px;}

.book-online {position:relative; border:1px solid rgba(25,131,238,0.5); background-color:rgba(25,131,238,0.1); border-radius:3px; padding:10px 100px 10px 10px; margin-top:-20px; margin-bottom:40px;}
.book-online span {font-weight:bold;}
.book-online .btns {position:absolute; top:50%; transform:translateY(-50%); right:6px; height:30px;; display:block;}
.book-online a {display:inline-block; font-size:13px; line-height:30px; color:#fff; border-radius:3px; padding:0 10px;}
.book-online a i {display:none; font-size:13px; line-height:30px;}
.book-online a + a {margin-left:10px;}
.book-online a span {font-weight:normal;}
.book-online a.myacc {background-color:rgba(25,131,238,1);}
.book-online a.logout {background-color:#cc0000;}

@media only screen and (max-width: 767px) {
    .book-online a span {display:none;}
    .book-online a i {display:block;}
}

.account-menu {margin-bottom:15px;}
.account-menu ul:nth-child(2) {margin-top:10px;}
.account-menu ul li {float:left; width:150px; height:32px; border:1px solid rgba(82,143,76,0.5); border-radius:3px; margin:0 0 0 5px;}
.account-menu ul li:first-child {color:#528f4c; line-height:20px; border:1px solid rgba(82,143,76,0.5); padding:5px 10px; margin-left:0;}
.account-menu ul li a {display:block; text-align:center; color:#528f4c; background-color:rgba(82,143,76,0.1); line-height:30px; font-weight:600; white-space:nowrap;}
.account-menu ul li a:hover {background-color:rgba(82,143,76,0.2);}

.calpage-select {width:100%;}
.calpage-select a {display:inline-block; line-height:42px; color:#fff; background-color:#528f4c; border-radius:3px; padding:0 20px;}
.calpage-select a+a {margin-left:10px;}
.calpage-select a:hover {background-color:#43753e;}

.book {width:100%; position:relative;}
.book .scroller div {float:left;}
.book .scroller div.u1,
.book .scroller div.u2,
.book .scroller div.u3 {width:33.33333%;}
.book .scroller div.u4 {width:25%;}
.book .scroller div.u5 {width:20%;}
.book .scroller div.u6 {width:16.66666%;}
.book .scroller div.u7 {width:14.2857%;}
.book .scroller div.u8 {width:12.5%;}
.book .scroller div.u9 {width:11.11111%;}
.book .scroller div.u10 {width:10%;}
.book .scroller div.u11 {width:9.0909%;}
.book .scroller div.u12 {width:8.33333%;}

@media only screen and (max-width: 1199px) {
    .book .scroller div.u1,
    .book .scroller div.u2 {width:50%;}
    .book .scroller div.u6,
    .book .scroller div.u9,
    .book .scroller div.u11 {width:33.33333%;}
    .book .scroller div.u7,
    .book .scroller div.u8,
    .book .scroller div.u10 {width:25%;}
    .book .scroller div.u12 {width:16.66666%;}
}
@media only screen and (max-width: 767px)  {
    .book .scroller div.u12 {width:25%;}
    .book .scroller div.u1 {width:100%;}
    .book .scroller div.u2 {width:50%;}
}

/* Default color top - sim-columns */
book ul li:first-child {color:#fff; background-color:#666;}

.book span.to-time {display:none !important;}

/* ----------------  PRO ----------------  */

#view-prolist {display:none;}
.view-prolist {width:100%;}
.pro-select {margin:10px 0;}

.pro-select .wrap {position:relative; float:left; margin:0 10px 25px 0;}
.pro-select.n1 .wrap,
.pro-select.n2 .wrap,
.pro-select.n3 .wrap,
.pro-select.n4 .wrap {width:calc(20% - 10px); max-width:180px;}
.pro-select.n5 .wrap {width:calc(20% - 10px); max-width:180px;}
.pro-select.n6 .wrap {width:calc(16.66666% - 10px); max-width:180px;}
.pro-select .wrap:last-child {margin-right:0;}

.pro-select p {position:absolute; bottom:-15px; background-color:rgba(0,0,0,1); color:#fff; width:100%; text-align:center; padding:5px; margin:0;}
.pro-select a,
.pro-select a:visited {color:#333; display:block;}
.pro-select a:hover {background-color:#f0f0f0;}

/*Brukes i widget i Clubsite*/
.widget_instr .pro-select p {background-color:rgba(0,0,0,1); color:#fff !important;}
.widget_instr .pro-select a,
.widget_instr .pro-select a:visited,
.widget_instr .pro-select a:hover {background-color:rgba(0,0,0,1) !important; color:#fff !important;}

.pro-name {background-color:#f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:15px; margin:10px 0;}
.btn-getpros {color:#f0f0f0; background-color:#3875c1;}
.btn-getpros i {padding-left:10px;}

.instructor-name-heading {font-size:24px; font-weight:500; background-color:#f7f7f7; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:10px; margin-top:-10px; margin-bottom:20px;}
.instructor-name-heading span {font-size:13px; color:#777; padding-left:20px;}

a.get-pros-tobook,
a.get-pros-tobook:visited {
    display:block;
    line-height:42px;
    width:100%;
    max-width:520px;
    text-align:center;
    color:#fff;
    background-color:#1983ee;
    text-transform:uppercase;
}
a.get-pros-tobook:hover {background-color:#4176ac;}
a.get-pros-tobook i:first-child:before {margin-right:30px; font-size:21px; vertical-align:middle;}
a.get-pros-tobook i:last-child:before {margin-left:30px; font-size:21px; vertical-align:middle;}

.calendar-pro-name {font-size:23px; background-color:#f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:10px 0;}
.calendar-pro-name img {display:inline-block; width:62px; margin-right:30px;}
.calendar-pro-name div {display:inline-block; vertical-align:middle;}
.calendar-pro-name i {font-style:normal; display:block; line-height:27px;}
.calendar-pro-name i span {font-size:14px;}
.calendar-pro-name i span+span {padding-left:20px;}

.calendar-head {position:relative; height:60px; width:100%; background-color:#1983ee; margin-bottom:1px;}
.calendar-head .cal-date {position:absolute; left:0; bottom:0;}
.calendar-head .cal-date .weeknum {position:absolute; border-right:1px solid #fff; left:0; bottom:0; font-size:13px; text-align:center; height:60px; width:60px; color:#fafafa; background-color:#1982ec;}
.calendar-head .cal-date .weeknum span {display:block; line-height:23px;}
.calendar-head .cal-date .weeknum span i {font-style:normal; line-height:37px; font-size:23px; border-top:1px solid rgba(255,255,255,0.5);}
.calendar-head .cal-date .period {font-size:23px; color:#fff; line-height:60px; text-transform:capitalize; font-weight:600; text-align:center; padding-left:90px;}
.calendar-head .sel-date {position:absolute; right:0; top:12px; height:36px; width:157px;}
.calendar-head .sel-date input {position:absolute; left:-2000px;}
.calendar-head .sel-date a,
.calendar-head .sel-date a:visited,
.calendar-head .sel-date a:focus {width:44px; float:left; font-size:19px; text-align:center; line-height:36px; color:#fff; background-color:#0e4b88; border-radius:5px; margin-right:7px;}
.calendar-head .sel-date a:hover,
.calendar-head .sel-date a.bookpicker:hover i:before {background-color:#000;}
.calendar-head .sel-date a.bookpicker i {font-size:19px;}

.cal-instructor {width:100%;}
.cal-instructor ul:first-child {width:61px;}
.cal-instructor ul {width: calc((100% - 62px) / 7); float:left; z-index:100; border-right:1px solid #aaa;}
.cal-instructor ul li {position:relative; color:transparent; font-size:13px; text-align:center; margin:0;}
.cal-instructor ul li.timeunits {color:#555; text-align:center; margin:0 1px;}
.cal-instructor ul li.half {height:30px; line-height:30px;}
.cal-instructor ul li.whole {height:45px; line-height:45px;}
.cal-instructor ul li {position:relative; color:transparent; font-size:13px; text-align:center; margin:0;}
.cal-instructor ul li.timeunits {color:#555; text-align:center; margin:0 1px;}
.cal-instructor ul li.timeunits-top {height:45px;}
.cal-instructor ul li.solid {border-bottom:1px dotted #999;}
.cal-instructor ul li.dotted {border-bottom:1px solid #999;}
.cal-instructor ul li.free:hover {color:#555;}
.cal-instructor ul li.past-time {cursor:not-allowed; background-color:#f0f0f0;}
.cal-instructor ul li.off {cursor:not-allowed;}
.cal-instructor ul li.reserved {cursor:not-allowed; color:#fff; background-color:#eeb419;}
.cal-instructor ul li.reserved i {position:absolute; top:calc(50% - 7px); right:calc(50% - 7px); font-size:13px;}
.cal-instructor ul li a {display:block; color:#fff;}
.cal-instructor ul li.wd-top {height:45px; line-height:20px; color:#fff; background-color:#1982ec; padding:4px 0;} /*62,136,188,1*/
.cal-instructor ul li.sat {background-color:#2f678e;}
.cal-instructor ul li.sun {background-color:#bc473e;}
.cal-instructor ul li.free.nobook {background: repeating-linear-gradient(45deg, rgba(126,180,23,0.1), rgba(126,180,23,0.1) 5px, rgba(126,180,23,0.3) 5px, rgba(126,180,23,0.3) 7px); cursor:default;}
.cal-instructor ul li.free.nobook:hover {background:rgba(126,180,23,0.4);}

li.free.book {background-color:rgba(126,180,23,0.1); cursor:pointer;}
li.free:hover {background-color:rgba(126,180,23,0.4);}
li.free span {display:none;}
li.occ {background-color:#666; cursor:not-allowed;}

#tiptip_content {color:#fff; background-color:#555; border:none; padding:10px;}
#tiptip_holder.tip_top #tiptip_arrow_inner {border-top-color:#555 !important;}
#tiptip_holder.tip_right #tiptip_arrow_inner {border-right-color:#555 !important;}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {border-bottom-color:#555 !important;}
#tiptip_holder.tip_left #tiptip_arrow_inner {border-left-color:#555 !important;}

/* ----------------  SLUTT PRO ----------------  */

.cal-header {position:relative; margin-bottom:5px; height:80px;}
.cal-header  h3 {width:calc(100% - 140px); position:absolute; left:0; bottom:5px; text-transform:capitalize; font-size:27px; line-height:32px; margin:0;}

.cal-header .sel-date {position:absolute; right:0; bottom:0; width:140px;}
.cal-header .sel-date a.bookpicker {line-height:50px; color:#444;}
.cal-header .sel-date a.bookpicker span {padding-right:40px;}
.cal-header .sel-date a.bookpicker i {font-size:42px; position:absolute; right:0; top:0;}

.cal-header .prev-next {text-align:right; width:100%;}
.cal-header .prev-next a,
.cal-header .prev-next a:visited,
.cal-header .prev-next a:focus {
    width:49%;
    float:left;
    text-align:center;
    line-height:32px;
    color:#fff;
    background-color:#000;
}
.cal-header .prev-next a {margin-left:2%;}
.cal-header .prev-next a:first-child {margin:0;}
.cal-header .prev-next a:hover {background-color:#555;}

.book ul {margin-left:2px;}
.book ul li:first-child {height:50px; line-height:50px; font-weight:600; text-transform:uppercase; text-align:center; margin-left:0;}
.book ul li {position:relative; text-align:center; font-size:13px; height:50px; line-height:50px; border-radius:3px; margin-bottom:2px;}
.book ul li.past-time {height:30px; line-height:30px; cursor:not-allowed;}
.book ul li.off {cursor:not-allowed;}
.book ul li.booked {cursor:not-allowed;}
.book ul li.reserved {cursor:not-allowed;}
.book ul li.reserved i {position:absolute; top:3px; right:3px; font-size:13px;}
.book ul li a {display:block; line-height:50px; border-radius:3px;}
.book ul li i {font-style:normal;}

.book ul li.blocktile a.show-blockinfo {position:relativ; width:100%; display:block; height:50px; color:#fff; text-align:center;}
.book ul li.blocktile i.blocktime {position:absolute; top:0; right:0; width:100%; height:25px; line-height:25px; text-align:center;}
.book ul li.blocktile i.blockinfo {position:absolute; top:25px; right:0; width:100%; height:20px; line-height:20px; text-align:center;}

.book-date {float:left; text-transform:capitalize; font-size:19px; vertical-align:bottom; padding-top:5px;}
.prev-next {margin-bottom:5px;}
.prev-next a {width:49.5%; float:left; text-align:center; line-height:32px;}
.prev-next a + a {margin-left:1%;}
ul.book-confirm {list-style-type:none; padding:0; margin-bottom:2em;}
ul.book-confirm li {position:relative; line-height:21px; margin:8px 0;}
ul.book-confirm li div:last-child {display:inline-block; width:100%; padding:5px 10px 5px 35px;}
ul.book-confirm li div:first-child {position:absolute; top:0; left:0; width: 0; height:0; border-top:27px solid transparent;}
ul.book-confirm li span {white-space:nowrap; display:block;}
ul.book-confirm li span.unitname {font-weight:bold;}
#showbooking {margin-bottom:30px;}
#showbooking input[type=button] {height:36px; line-height:36px; padding:0 20px; border:none;}
.bookpicker {margin-bottom:10px; z-index:5000 !important;}
.res-timer {font-size:22px; padding:15px 0; margin-top:-30px; margin-bottom:0;}
.confirm-buttons {width:100%; max-width:520px; padding-bottom:30px;}
.btn-book.confirm {width:100%;}
.btn-book.cancel {height:42px; line-height:42px; line-height:36px; padding:0 20px; border:none;}
.my-bookings {border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin-bottom:10px;}
.my-bookings h4 {text-transform:capitalize; font-size:19px; font-weight:bold; margin-bottom:20px;}
.my-bookings p {margin-bottom:10px;}
.my-bookings a {display:inline-block; line-height:32px; padding:0 10px; margin:10px 10px 0 0;}
.my-bookings .wrap {display:inline-block; text-align:center; vertical-align:bottom; padding:10px; margin-right:15px;}
.my-bookings label {display:block; font-weight:normal; padding:0; margin:0 0 5px 0; float:none;}
.bookpicker-input {width:100px;}
.bookpicker-input:after {font-family: 'FontAwesome'; color:red; position: relative; left: -5px; content: "\f007";}

.colorcodes {padding-left:3px; margin-top:10px;}
.colorcodes .c-code {display:block; padding-top:10px; padding-left:5px; width:160px; line-height:26px; font-size:12px; padding:0 20px; margin-bottom:2px;}
.colorcodes .c-code:first-child {width:auto; line-height:26px; font-size:12px; padding:0;}

.times-reserved-wrap {border:1px solid #e5e5e5; margin-bottom:10px;}
.times-reserved-wrap h4 {background-color:#1983ee; color:#fff; border-bottom:1px solid #e5e5e5; text-transform:capitalize; padding:10px; margin-bottom:0;}
.times-reserved-wrap h5 {border-bottom:1px solid #e5e5e5; font-size:17px; font-weight:bold; padding:10px; margin-bottom:0;}
.tbl_bookings_reserved {width:calc(100% - 20px); margin:10px;}
.tbl_bookings_reserved th {font-weight:bold; color:#000; padding:0 10px;}
.tbl_bookings_reserved td {border-bottom:1px solid #e5e5e5; padding:10px;}
.tbl_bookings_reserved tr.row-header {background-color:#f5f5f5;}
.tbl_bookings_reserved tr:last-child td {background-color:#f5f5f5; font-weight:bold;}

.cancel-wrap {background-color:#fafafa; border:1px solid #ee0000; border-radius:10px; padding:20px;}
.cancel-wrap span {font-weight:bold;}
.cancel-wrap table {margin-bottom:20px;}

.booking-confirm-wrap {width:100%; max-width:520px;}
.confirm-buttons {width:100%; max-width:520px;}
.confirm-buttons button {display:block; color:#fff; background-color:#78a018; width:100%; height:42px; line-height:42px;}
.confirm-buttons button:hover {background-color:#555;}

.confirm-buttons .btn.vipps {background-color:#ff5b24; border:1px solid #ff5b24;}
.confirm-buttons .btn.local {float:none; width:100%;}

.confirm-buttons .card-info {width:100%; border:1px solid #e5e5e5; margin-top:30px;}
.confirm-buttons .card-info .header {color:#fff; font-size:17px; background-color:#1983ee; text-align:center; padding:15px 0;}
.confirm-buttons .card-info .header .expiration {display:block; font-size:13px; color:rgba(255,255,255,0.7);}
.confirm-buttons .card-info > div {padding:15px; margin:0;}
.confirm-buttons .card-info span {font-weight:600;}
.confirm-buttons .card-info input {width:100%; margin-top:15px;}
.confirm-buttons .card-info ul {list-style-type:disc; list-style-position:inside; margin-left:15px;}
.confirm-buttons .card-info ol {list-style-type:decimal; list-style-position:inside; margin-left:15px;}
.confirm-buttons .card-info ul li,
.confirm-buttons .card-info ol li {display:list-item; margin-bottom:0.5em;}
.confirm-buttons .card-info ul li:last-child,
.confirm-buttons .card-info ol li:last-child {margin-bottom:0;}

.payment-buttons {width:100%; max-width:520px;}
.payment-buttons .pay-select {border:1px solid #e0e0e0; padding:20px; margin-bottom:20px;}
.payment-buttons img {display:block; margin-bottom:10px;}
.payment-buttons .pay-description {background-color:#fafafa; border:1px solid #e5e5e5; padding:10px; margin:10px 0;}
.payment-buttons button {display:block; color:#fff; background-color:#78a018; width:100%; height:42px; line-height:42px;}

.btn-book.cancel {border:none;}
.btn.book-cancel {color:#aa0000; color:#fff; margin-top:15%;}

.buttons-row {margin:20px 0;}
.buttons-row a {float:left; text-align:center; color:#fff; background-color:#78a018; border-radius:5px; padding:10px 20px; margin:0 3px 3px 3px;}
.buttons-row a:hover {background-color:#666;}
.buttons-row.w1 a,
.buttons-row.w2 a {width:calc(50% - 6px);}
.buttons-row.w3 a {width:calc(33.3333% - 6px);}
.buttons-row.w4 a {width:calc(25% - 6px);}

#el-show-blockinfo {
    display:none;
    position:absolute;
    width:100%;
    background:#fafafa;
    border:1px solid #e5e5e5;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
    padding:20px;
    z-index:2000;
}

.el-blockinfo-wrapper p {margin-bottom:0.5em;}
.el-blockinfo-wrapper a.button {display:inline-block; text-align:center; color:#fff; background-color:#167700; padding:5px 15px; margin-bottom:10px;}
.el-blockinfo-wrapper h2 {position:relative; widh:100%;}
h2 a.close-blockinfo {
    position:absolute;
    right:0;
    top:-5px;
    width:80px;
    text-align:center;
    line-height:30px;
    font-size:13px;
    display:block;
    background:#6f3d3d;
    color:#fff;
}

.tooltip-inner {
  max-width: 400px;
  background-color: #000;
  text-align: left;
  z-index: 10000 !important;
}

/**********************************
           MODAL
***********************************/

#pro-selection {display:none;}

/*.instructor .modal-alignment-helper {display:table; height: 100%; width: 100%; pointer-events:none;}
.instructor .modal-align-center {display: table-cell; vertical-align: middle; pointer-events:none;}
.instructor .modal-content {width:inherit; max-width:inherit; height:inherit; margin: 0 auto; pointer-events:all;}*/

.modal {z-index:10000;}
.modal-body {border-radius:0; padding:0;}
.modal-body form {max-width:100%;}
.modal-body .wrap {padding:20px;}
.modal-body h2 {background:#1983ee; color:#fff; padding:15px; margin:0;}
.modal-body .dyn-period {background:#fafafa; font-size:19px; padding:15px; margin:0;}
.modal-body .dyn-period span {font-weight:600;}

.modal-probook .img {float:left; width:25%; margin-right:30px;}
.modal-probook .img span {display:block; padding-top:10px;}
.modal-probook .modal-time-units {float:left; width: calc(75% - 30px); margin-bottom:20px;}
.modal-probook .modal-time-units li {width:180px;}

.modal-probook .time-picks {float:left; width:calc(75% - 210px);}

.modal-time-units {width:150px;}
.modal-time-units li {margin-bottom:2px; height:30px; line-height:30px; text-align:center;}
.modal-time-units li.mod-free {color:#000; background-color:rgba(126,180,23,0.1); border:1px solid rgba(126,180,23,0.4); cursor:pointer;}
.modal-time-units li.mod-active {color:#fff; background-color:rgba(126,180,23,1); border:1px solid rgba(126,180,23,0.4); cursor:pointer;}
.modal-time-units li.mod-free:hover {background-color:rgba(126,180,23,0.4);}
.modal-time-units li.mod-occ {background-color:#888; color:#ccc; cursor:not-allowed;}

table.modal-bookinfo {margin-bottom:20px;}
table.modal-bookinfo td {font-size:19px;}

table.selections {width:100%;}
table.selections td {cursor:pointer;}
table.selections th {font-weight:bold;}
table.selections th,
table.selections td {border-bottom:1px solid #e5e5e5; padding:8px 5px;}
table.selections tbody tr.selected {background-color:rgba(230,243,18,0.3);}

.bookmode-selection {border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.bookmode-selection a,
.bookmode-selection a:visited {
    display:inline-block;
    font-size:13px;
    line-height:36px;
    text-transform:uppercase;
    color:#333 !important;
    border:1px solid transparent;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    font-weight:bold;
    padding:0 20px;
    margin-bottom:-1px;
}
.bookmode-selection a.active {border-bottom-color:#fff; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.bookmode-selection a:hover:not(.active) {background-color:#f0f0f0;}
.bookmode-selection a + .bookmode-selection a {margin-right:30px;}
        
.bookmode-wrapper {width:100%;}
.bookmode-wrapper p {margin-bottom:15px;}
.bookmode-wrapper .btns {margin-bottom:20px;}
.bookmode-wrapper .btns a {display:inline-block; line-height:32px; color:#fff; background-color:#0e4b88; padding:0 20px;}
.bookmode-wrapper .btns a + a {margin-left:15px;}
.bookmode-wrapper .btns a:hover {background-color:#1983ee;}

/* Bookingvindu-pro for å reserve en simulator*/
.sim-pro div {width:calc(25% - 10px); float:left; margin:0 5px;}
.sim-pro div ul {margin-bottom:10px;}
.sim-pro ul li {text-align:center;}
.sim-pro ul li.heading {padding:5px; color:#fff; white-space:nowrap; text-overflow:ellipsis;}
.sim-pro ul li.mod-free {background-color:rgba(120,160,24,0.1);}
.sim-pro ul li a {width:100%; color:#000; display:block;}
.sim-pro ul li.mod-free a:hover:not(.mod-active) {background-color:rgba(120,160,24,0.4);}
.sim-pro ul li.mod-occ {background-color:#888; color:#ddd; cursor:not-allowed;}
.sim-pro ul li.mod-free a,
.sim-pro ul li.mod-occ span {line-height:36px; white-space:nowrap;}
.sim-pro ul li.mod-active {background-color:rgba(120,160,24,0.7);}
.sim-pro ul li.mod-active a {color:#fff;}

@media only screen and (max-width: 767px) {
    .sim-pro div {width:calc(50% - 10px);}
}

#div-instruction {float:left; width:50%; margin-right:35px;}
#div-login {float:left; width:calc(50% - 35px);}

.search-res {height:120px; width:auto; border:1px solid #e5e5e5; background-color:rgba(25,130,238,0.1); padding:10px; margin-top:20px; overflow-y:scroll;}
.mod-buttons {margin-bottom:20px;}
.mod-buttons a,
.mod-buttons a:visited {display:inline-block; width:100px; text-align:center; line-height:25px; color:#444 !important; background-color:#f0f0f0; border:1px solid #e0e0e0;}
.mod-buttons a:hover {background-color:#e5e5e5;}

.buttons-bottom {position:relative; text-align:right; background-color:#f5f5f5; border-top:1px solid #e5e5e5; padding:10px 20px;}
.buttons-bottom button {margin-left:20px;}

#conf-delbooking {display:none;}
#btn_saveblocking {display:none;}

td.pro-spacer {font-weight:600; color:#333; background-color:rgba(230,243,18,0.3);}

.modal-footer {background-color:#fafafa; border-radius:none;}

button {background:#f5f5f5; border:1px solid #e5e5e5; line-height:36px; padding:0 20px;}
button.icon {position:relative; font-size:13px; border:none; padding:0 15px 0 51px;}
button.icon:before {
    font-family: 'Font Awesome 5 Free';
    font-size:18px;
	font-style:normal;
    font-weight:900;
    background-color:rgba(0,0,0,0.1);
    display:inline-block;
    height:36px;
    -webkit-font-smoothing: antialiased;
    width:36px;
    margin-right:10px;
    position:absolute;
    left:0;
    top:0;
}
.btn-save:before {content:'\f0c7';}
.btn-next:before {content:'\f054';}
.btn-cancel:before {content:'\f011';}
.btn-delete:before {content:'\f410';}
.btn-save {color:#fff; background:#85b11a;}
.btn-next {width:160px; color:#fff; background:#85b11a;}
.btn-cancel {color:#fff; background:#888;}
.btn-delete {color:#fff; background:#bc473e;}
.btn-closemod {color:#fff; background:#777; font-size:13px; font-weight:600; border:none; line-height:32px; border-radius:0; padding:0 20px;}
.btn-closemod:hover {color:#fff; background:#333;}

/* ---------- DIV CARDS --------- */

.valuecard-wrap {float:left; width:320px; margin-right:45px; margin-bottom:30px;}
.valuecard-wrap:last-child {margin-right:0;}
.valuecard-item {position:relative; width:280px; height:180px; background-color:transparent; background-position:top left; background-repeat:no-repeat; background-size:contain; margin-bottom:10px;}
.valuecard-item div {position:absolute; color:#fff; width:100%;}
.valuecard-item div.name {top:81px; left:0; line-height:25px; font-size:17px; width:100%; padding-left:21px;}
.valuecard-item div.text {bottom:73px; left:0; line-height:15px; font-size:11px; text-align:right; text-transform:uppercase; width:100%; padding-right:21px;}
.valuecard-item div.value {bottom:20px; line-height:50px; font-size:27px; text-align:center; background-color:rgba(255,255,255,0.25); width:320px;}
.valuecard-item div.expiration {bottom:0; left:0; color:rgba(255,255,255,0.7); text-transform:uppercase; text-align:center; line-height:20px; font-size:12px; width:320px;}

.valuecard-wrap .order-button {text-align:center; width:100%; max-width:320px;}
.valuecard-wrap .order-button a {display:block;}
.valuecard-wrap .order-button a:hover {background-color:#555;}
.valuecard-wrap .order-button a span {font-size:19px;}
.valuecard-wrap .order-button div {text-align:center; width:100%; max-width:320px; font-size:17px; font-weight:600; background-color:#f0f0f0; border:1px solid #e5e5e5; padding:5px 0; margin:0;}

.valuecard-page-left {float:left; width:320px;}
.valuecard-page-right {float:left; width:calc(100% - 350px); margin-left:30px;}

#instr-offers {display:none;}
.instr-offers {margin-bottom:20px;}
.instr-offers-heading {background:#93b346; margin-bottom:20px;}
.instr-offers-heading a {position:relative; color:#fff; display:block; text-transform:uppercase; line-height:40px; padding:0 20px;}
.instr-offers-heading i {position:absolute; right:20px; top:0; line-height:40px; font-size:19px; transition: all 0.5s linear;}
.instr-offers p {margin-bottom:20px;}

.instr-offers .offer-wrap {position:relative; float:left; height:180px; width: calc(25% - 10px); color:#fff; box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.5); border-radius:8px; margin:0 5px 10px 5px;}
.instr-offers .offer-wrap.punchcard.blue {background:#1363b4; background: linear-gradient(0deg, #1363b4 0%, #1983ee 50%);}
.instr-offers .offer-wrap.punchcard.orange {background:#c37a14; background: linear-gradient(0deg, #c37a14 0%, #ee9619 50%);}
.instr-offers .offer-wrap.punchcard.green {background:#629902; background: linear-gradient(0deg, #629902 0%, #77b903 50%);}

.instr-offers .offer-wrap.single {float:none; width: 100%;}

.instr-offers .offer-wrap .img {height:100%; background: transparent url('/cs-booking/assets/images/instr_cardback.png') bottom right no-repeat;}
.instr-offers .offer-wrap .info {padding:10px 15px;}
.instr-offers .offer-wrap .info .prodname {font-size:17px; font-weight:600; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:10px;}
.instr-offers .offer-wrap .info div {padding:3px 0;}
.instr-offers .offer-wrap .info div span {font-weight:600;}
.instr-offers .offer-wrap .button {position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.2); border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
.instr-offers .offer-wrap .expiration {background:rgba(0,0,0,0.1); text-transform:uppercase; text-align:center; font-size:13px; padding:5px;}

.rotate.up { 
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.rotate.down {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media only screen and (max-width: 991px)  {
    .instr-offers .offer-wrap {width:calc(33.3333% - 10px);}
}
@media only screen and (max-width: 767px)  {
    .instr-offers .offer-wrap {width:calc(50% - 10px);}
}
@media only screen and (max-width: 580px)  {
    .instr-offers .offer-wrap {width:100%; height:160px; margin:10px 0 0 0;}
}

/**********************************
           EMBED CLUBSITE
***********************************/

.emb_book-menu {border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin-bottom:15px;}
.emb_book {width:100%; margin-bottom:30px;}
.emb_book div.container {width:100%; max-height:260px; overflow-x:hidden; overflow-y:auto; padding:0;}
.emb_book div div {float:left; width:100%;}
.emb_book div.u1 {width:calc(100% - 35px);}
.emb_book div.u2 {width:calc((100% - 35px)/2);}
.emb_book div.u3 {width:calc((100% - 35px)/3);}
.emb_book div.u4 {width:calc((100% - 35px)/4);}
.emb_book div.u5 {width:calc((100% - 35px)/5);}
.emb_book div.u6 {width:calc((100% - 35px)/6);}
.emb_book div.u7 {width:calc((100% - 35px)/7);}
.emb_book div.u8 {width:calc((100% - 35px)/8);}
.emb_book div.u9 {width:calc((100% - 35px)/9);}
.emb_book div.u10 {width:calc((100% - 35px)/10);}
.emb_book div.u11 {width:calc((100% - 35px)/11);}
.emb_book div.u12 {width:calc((100% - 40px)/12);}

.emb_book .link-book  {width:100%; padding-top:10px;}
.emb_book .link-book a {text-align:center; display:block; width:100%; height:32px; line-height:32px;}
.emb_book ul {margin-left:5px;}
.emb_book ul li {position:relative; font-size:11px; line-height:20px; text-transform:uppercase; text-align:center; margin-bottom:1px; height:20px; white-space:nowrap;}
.emb_book ul li:first-child {height:25px; line-height:25px; font-weight:600; text-transform:uppercase; text-align:center; margin-left:0;}
.emb_book div.first-col {width:35px; margin-left:0;}
.emb_book div.first-col ul li {text-align:left; border-bottom:1px solid #e0e0e0;}

.emb_book.big ul li {font-size:13px; height:25px; line-height:25px;}
.emb_book.big ul li:first-child {height:32px; line-height:32px;}
ul#uid-0 li:first-child {background:none;}

.widget_instr.cnt-1 .pro-select .wrap,
.widget_instr.cnt-2 .pro-select .wrap {width:calc(50% - 15px);}
.widget_instr.cnt-3 .pro-select .wrap {width:calc(33.33333% - 15px);}
.widget_instr.cnt-4 .pro-select .wrap {width:calc(50% - 15px);}
.widget_instr.cnt-5 .pro-select .wrap,
.widget_instr.cnt-6 .pro-select .wrap {width:calc(33.33333% - 15px);}

@media only screen and (max-width: 1199px) {
    .widget_instr.cnt-1 .pro-select .wrap,
    .widget_instr.cnt-2 .pro-select .wrap,
    .widget_instr.cnt-3 .pro-select .wrap,
    .widget_instr.cnt-4 .pro-select .wrap,
    .widget_instr.cnt-5 .pro-select .wrap,
    .widget_instr.cnt-6 .pro-select .wrap {width:calc(50% - 15px);}
}

/**********************************
           MISC
***********************************/

table.tList tr.totals td {background-color:#fbfbfb; font-weight:600; border-top:2px solid #e0e0e0; padding:10px;}
table.tList tr.totals:last-child td {border-bottom:3px solid #e0e0e0;}

.txt-red {color:#cc0000 !important;}
.txt-blue {color:#0000ee !important;}
.txt-green {color:#00aa00 !important;}

.cap {text-transform:capitalize;}

/**********************************
           FORM
***********************************/

.csb-wrapper form {max-width:100%;}

.csb-wrapper ul.form li label {display:block; font-weight:600; margin:0 0 3px 3px;}
.csb-wrapper ul.form li {margin-bottom:10px;}
.csb-form .csb-inp {margin-top:10px;}
.csb-form .csb-inp label {display:block;}
form.aj-login {width:100%; max-width:400px;}
form.aj-login input {width:100%;}
form.aj-login input[type=submit] {width:auto;}

@media only screen and (max-width: 767px)  {
    #content.csb-wrapper .row [class*="col-"] {margin-bottom:20px;}
}

/***********************************/

@media only screen and (max-width: 991px)  {
    .cal-header  h3 {font-size:19px;}
    .book .scroller.wide {width:100%; overflow:hidden; white-space:nowrap; overflow-x:scroll;}
    .book .scroller.wide div {float:none; display:block; width:100%;}
    .book .scroller.wide ul {margin-left:64px;}
    .book .scroller.wide ul li {display:inline-block; width:50px; height:50px;}
    .book .scroller.wide ul li:first-child {position:absolute; left:0; z-index:1999;}
    .book .scroller.wide li.reserved i {position:absolute; top:5px; right:5px; height:13px; width:13px;}
    .book .scroller.wide ul li.past-time {display:none;}
    .book .scroller.wide ul li.tourn i.blocktime {font-size:11px;}
    .hide-mob {display:none;}

    .valuecard-page-left {float:none; width:auto; margin-bottom:30px;}
    .valuecard-page-right {float:none; width:100%; margin-left:0;}
}
@media only screen and (max-width: 767px) {
    .account-menu ul li {float:none; width:100%; height:40px; margin:0 0 5px 0; border:0;}
    .account-menu ul li:first-child {line-height:26px; border:1px solid rgba(82,143,76,0.5);}

    .account-menu ul li a {text-align:left; line-height:38px; border:1px solid rgba(82,143,76,0.5); padding:0 10px;}
    .account-menu ul li a:hover {background-color:rgba(82,143,76,0.2);}

    .book-menu a {width:calc(50% - 5px); margin-bottom:6px;}
    .book-menu a:nth-child(even) {margin-left:6px;}
    .book-menu a + a {margin-left:0;}

    .my-bookings input[type=submit] {display:block;}
    .show-bookitems {display:none; position:fixed; width:100%; top:0; left:0; padding:0; margin:0; z-index:5000;}
    .show-bookitems p {padding:0 20px;}
    #showbooking li:last-child {padding-top:15px;}
    #showbooking {margin:20px 20px 0 20px; padding:0;}

    .pro-select[class*="n"] .wrap {width:calc(33.33333% - 10px);}
    .pro-select .wrap:nth-child(3n) {margin-right:0;}

    .show-sm {display:block;}
    .hide-sm {display:none;}
}
@media only screen and (max-width: 580px) {    
    .cal-header {height:100px;}
    .cal-header  h3 {width:100%; bottom:0; font-size:21px; text-align:center; background:#fafafa; border:1px solid #e5e5e5; padding:5px; border-radius:5px;}
    .cal-header .sel-date {left:50%; transform:translate(-50%, 0); bottom:55px; width:200px; height:38px;}
    .cal-header .sel-date a.bookpicker {line-height:32px;}
    .cal-header .sel-date a.bookpicker span {display:none;}
    .cal-header .sel-date a.bookpicker i {font-size:36px; left:0;}
    
    .cal-header .prev-next {width:150px; position:absolute; right:0; top:5px;}
    .cal-header .prev-next a,
    .cal-header .prev-next a:visited,
    .cal-header .prev-next a:focus {
        width:49%;
        float:left;
        text-align:center;
        line-height:32px;
        color:#fff;
        background-color:#000;
    }
    .pro-select[class*="n"] .wrap {width:calc(50% - 5px);}
    .pro-select .wrap:nth-child(3n) {margin-right:10px;}
    .pro-select .wrap:nth-child(2n) {margin-right:0;}

    .calendar-head .cal-date .period {font-size:17px; color:#fff; line-height:60px; text-transform:capitalize; font-weight:600; text-align:center; padding-left:75px;}
    .calendar-pro-name {font-size:17px;}
    .calendar-pro-name img {margin-right:15px;}
    .calendar-pro-name i {font-size:17px;}
}

/**********************************
           COLORS
***********************************/
/*
Green:  rgba(134,174,74,1) - #78a018
Booked:   #6f3d3d
Reserved: #c19f00
Blocked:  #af3636
 */
.csb-booking a.button,
.csb-wrapper a.button {display:inline-block; min-width:200px; height:42px; line-height:42px; text-align:center; border:none; padding:0 20px; color:#fff; background-color:#78a018;}
.csb-wrapper a.button.btn-red {background-color:#ee2222;}
.csb-booking a.button:hover,
.csb-wrapper a.button:hover {background-color:#555;}

.section-heading {color:#1982ec; background-color:#f0f0f0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.book ul li:first-child {color:#fff; background-color:#666;}
.book ul li.booked-group {color:#fff; background-color:#778f8f;}
.book ul li.booked-group div.info {color:rgba(255,255,255,0.7);}
.book ul li.blocked {color:#f0f0f0; background-color:#af3636;}
.book ul li a:hover:not(.active) {background-color:rgba(134,174,74,0.7);}
a.cal {color:#000;}
.prev-next a {color:#fff; background-color:rgba(134,174,74,1); border-radius:5px;}
.prev-next a:hover {background-color:#555;}
ul.book-confirm li div:last-child {background-color:rgba(134,174,74,0.1); border-top:1px solid rgba(134,174,74,0.3); border-right:1px solid rgba(134,174,74,0.3); border-bottom:1px solid rgba(134,174,74,0.3);}
ul.book-confirm li div:first-child {border-bottom: 27px solid transparent; border-left: 27px solid rgba(134,174,74,0.3);}
#showbooking input[type=button] {color:#fff; background-color:rgba(134,174,74,1);}
#showbooking input[type=button]:hover {background-color:#555;}
#totimer {color:#bb0000;}
.btn-book.confirm {background-color:rgba(134,174,74,1);}
.btn-book.cancel {color:#fff; background-color:#ee2222;}
.my-bookings a {color:#000; background-color:rgba(134,174,74,0.2); border:1px solid rgba(134,174,74,0.6);}
.my-bookings .wrap {background-color:#f7f7f7; border:1px solid #e5e5e5;}

.colorcodes .cc-past-time,
.book ul li.past-time {color:#777; background-color:#ddd;}
.colorcodes .cc-free,
.book ul li a:not(.show-blockinfo) {color:#000; background-color:rgba(134,174,74,0.5);}
.colorcodes .cc-free-active,
.book ul li a.active {color:#fff; background-color:rgba(134,174,74,1);}
.colorcodes .cc-booked,
.book ul li.booked {color:#ddd; background-color:#666;}
.colorcodes .cc-reserved,
.book ul li.reserved {color:#fff; background-color:#c19f00;}

.book ul li.blocktile.tourn {color:#fff; background-color:#08a121;}
.book ul li.blocktile.tourn a:hover {background-color:#078b1c !important;}
.book ul li.blocktile.course-instr {color:#fff; background-color:#d06200;} /*#aa8825*/
.book ul li.blocktile.course-instr a:hover {background-color:#ba5800 !important;}

@media only screen and (max-width: 767px) {.show-bookitems {color:#fff; background-color:#333;}}

.tooltip-inner {max-width: 260px;}

/* COLORS EMBED */
.emb_book .link-book a {color:#fff; background-color:rgba(134,174,74,1);}
.emb_book .link-book a:hover {background-color:#555;}
.emb_book ul li:first-child {color:#fff; background-color:#666;}
.emb_book ul li.free {color:#fff; background-color:rgba(134,174,74,0.6);}
.emb_book ul li.past-time {color:#999; background-color:#ddd;}
.emb_book ul li.booked {color:#ccc; background-color:#777;}
.emb_book ul li.reserved {color:#fff; background-color:#c19f00;}
.emb_book ul li.blocked {color:#f0f0f0; background-color:#af3636;}