@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot');src:url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/fontawesome-webfont.ttf') format('truetype'),url('fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

body { font-family: 'Ubuntu', sans-serif, Arial; font-size:0.8em; padding: 0; margin: 0;color:#666;}
img{border:0;}
a{text-decoration:none; color: #0097d7;}
a.underline{ text-decoration:underline;}
input, select { font-family: 'Ubuntu', sans-serif, Arial; }
strong { font-weight:500; }
table strong { font-weight:bold; }

h1{margin:0; padding:10px 0 15px 0px; color: #666; font-weight:500; font-size:1.7em; }
h2{margin:0; padding:10px 0 10px 0px; color: #666; font-weight:500;}
h3{margin:0; padding:10px 0 10px 0px; color: #666; font-weight:500;}

.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-trash:before { content: "\f1f8"; }
.fa-check:before { content: "\f00c"; }
.fa-times:before { content: "\f00d"; }
.fa-file-pdf-o:before { content: "\f1c1"; }
.fa-file-o:before { content: "\f016"; }

.header-left img {max-width:100%; height:auto;}

.container.translate .cke_top { display:none !important; }
.container.translate .dataTable textarea { width:100%; }

.pagination.pager { list-style:none;  padding: 0; margin: 20px 0; }
.pagination.pager li{ list-style:none; float:left; display:block;  }
.pagination.pager li a { width:40px; height:40px; border-radius:3px; border:1px solid #ddd; display:block; margin-right:5px; text-align:center; line-height:40px; font-size:1.2em; margin-bottom:10px;  }
.pagination.pager li.active a, .pagination.pager li a:hover { background-color:#0097d7; color:#fff; }

.adminlinks a { line-height: 45px; height: 45px; background-color: #f23a07; text-align: center; width: 100%; display: block; color: #fff; border: 1px solid #f23a07; font-size: 1.2em; margin-bottom:10px }
.adminlinks a:hover i { color:#f23a07; }
.adminlinks a:hover { background-color:#fff; color:#f23a07; }
.adminlinks a i {color: #fff;margin-right: 12px;font-size: 1.1em;}

.secarrows { float:right;  }
.secarrows a{ color:#fff; background-color:#0097d7; border:1px solid #0097d7; display:block; padding:10px 15px;  }
.secarrows a:hover{ background-color:#fff; color:#0097d7; }
.secarrows a:nth-child(2){ margin-left:5px; }
table .fa { font-size:1.8em; }
table .copylink {display:inline-block; color:#0097d7;line-height:30px;}
table .copylink .fa-copy{color:#0097d7;font-size:1.4em;}
table .copylink:hover{text-decoration:underline;}
table .fa:hover { text-decoration:none; }
.labelright { display:block; float:right; width:160px; }
p.btns { clear:both; margin-top:15px; }
p.btns a:first-child{ width:100%; background-color:#333; border:1px solid #333; text-align:center; color:#fff; height:35px; line-height:35px; max-width:155px; font-size:1.2em; float:left;  }
p.btns a:first-child:hover { background-color:transparent; color:#333; cursor:pointer; }

input[type="submit"].justext { border:0; color:#0097d7; background-color:transparent; width:auto; max-width:100%; margin-bottom:-10px; }
input[type="submit"], .updatebtn { width:100%; background-color:#0097d7; border:1px solid #0097d7; text-align:center; color:#fff; height:35px; line-height:32px; max-width:155px; float:right; font-size:1.3em; cursor:pointer; }
input[type="submit"]:hover, .updatebtn:hover { background-color:transparent; color:#0097d7; }
p.login input[type="submit"] { float:none; margin-top:10px; }
.updatebtn { float:none; margin-top:20px; margin-bottom:30px; }

/* Home Main Links
-----------------------------------------------------------*/

#selected-categories a, a.delete-sml { color:red !important; }

.details .editor-label { width:108px; margin-top: 0.9em; }
.details .editor-field{ width:192px; }

.product-config input {width:150px; margin-right:5px; float:left;}
.product-config input.disabled {background:#ccc;}
.product-config select { float:left; width:150px; margin-left:10px; }
.product-config { margin:8px 0; }

.details-only .editor-field { margin-top:13px;}
.editor-label { float:left; width:130px; font-size:1em; color:#333; margin-top:23px;}
.editor-label.sendlink { float:left; width:200px; font-size:1em; color:#333; margin-top:23px;margin-left:17px;}
.field { margin-top:10px; float:left; width:170px; }
.editor-field.check{ width:300px; }
.editor-field.display { margin-top:12px; }
.editor-label.short { width: 50px; }
.editor-label.mid { width:300px; }
.editor-label.long { width:500px; }
.editor-field { float:left; width:300px; margin-top:10px;}
.editor-field.long select{ width:100%; height:40px; padding:0 0 0 10px;}
.editor-field.longer select { width:100%; }
.editor-field.mid { width:185px; }
.editor-field.long { width:100%; }
.editor-field.fill { width: calc(100% - 130px); }
.editor-field.fillmid { width: calc(100% - 185px); }
.editor-field.displayfor { margin-top:23px; }
#deal .editor-field.mid { width:285px; }
.addit .editor-field input { width:100%; }
.addit .editor-label { width:95%; }
.addit .editor-field { width:235px; }
.editor-field.longer { width:100%; float:none; margin-top:15px; }
.editor-field.long input, .editor-field.mid input { width:100%; height: 40px; padding: 0 0 0 10px; }
.editor-field.mid select { width:90%; }
.editor-field.mid textarea, .editor-field.longer textarea { width:100%; font-family: 'Ubuntu'; }
.list .col {float:left;}

.radios .editor-field.long input { width:auto; height: auto; padding: 0 0 0 10px; }
.editor-field.fill .radios { padding: 9px 0 0 0; }
.editor-field.radios { padding: 9px 0 0 0; }

.error-message {padding: 10px;border: 1px solid #993333;color: #993333;background-color: #ffeeee;margin: 10px 0;}
.validation-message {padding: 10px;border: 1px solid #46a975;color: #46a975;background-color: #dbffcd;margin: 10px 0;}

/* Page Header
-----------------------------------------------------------*/
.header{ padding:0; background-image:url(images/bg.jpg); height:89px; background-size:cover; }
.header-left{padding-top:15px;}
.header-right{ text-align:right; padding-top:30px;}
.header-right span{margin-left:50px;}
.header-right a{color:#0097d7; font-weight:bold;}

 
/* Left and Right Sidebar
-----------------------------------------------------------*/

.martop20{ margin-top:20px;}
input[type="checkbox"] {margin-top: 13px;margin-left:0px;width:15px;margin-bottom: 5px;}
input[type="text"], input[type="tel"], input[type="password"], input#Date, input[type="number"], input[type="time"], input[type="date"], .editor-field select{ height: 40px; padding: 0 0 0 10px; width:100%; }
.shortinlineeditor {height:20px !important; width:auto !important;}
.dataTables_filter input[type="text"] { width:200px; height: 28px; }

.feattabs { list-style:none; margin:0; padding:0; }
.feattabs li{  float: left;margin-bottom: -1px; margin-top:10px; display:block; position:relative; width:25%; text-align:center; border-bottom: 1px solid #ddd;}
.feattabs li.clear {float:none; margin:0;}
.feattabs li a { margin-right: 15px; border: 1px solid rgba(0, 0, 0, 0); border-bottom:none; border-radius: 4px 4px 0 0; display:block; font-size:1.25em; height: 40px; line-height: 40px; border-color: #eee #eee #ddd; background-color: #eee; cursor: pointer;}
.feattabs li a i { margin-right:5px; font-size:1.1em; }
.feattabs li.last a { margin-right:0; }
.feattabs li a:hover{background-color: #eee;}
.feattabs li.active a{ cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: rgba(0, 0, 0, 0); color:#2c2425; }
#tabspanel .tabs.notactive {display:none;}
#tabspanel .tabs { visibility:hidden; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; opacity:0; padding:15px 0px 30px 0px;  }
#tabspanel .tabs .section .dw-md-3 { margin-bottom:30px; }
#tabspanel .tabs.active { visibility:visible; opacity:1;  }
#tabspanel .tabs strong { display:block;  color:#0072bb; font-size:1.15em; margin:15px 0; }
#tabspanel .tabs .editor-label strong{ margin-top:0; }
#pagedesc{ font-style:italic;}
.box{border:1px solid #000; border-top:none;padding:20px;}
.user-icon{ color: #0097d7; margin-right:10px;}

.clear{clear:both;height:0px;margin:0;padding:0;line-height:0;}

.ajaxLoading{width:200px; height:174px; background-image:url(images/grey.gif); display:none;}

/*Stars*/
.stars a.rlink{color: #ef4b3e;}
span.repeatinggrey{width:65px !important; height:13px; background-image:url(images/grey-cog.png); margin:0px; display:inline-block; background-repeat:repeat-x; text-align:left;}
span.repeatingyellow{ height:13px; background-image:url(images/yellow-cog.png); margin:0px; display:inline-block; background-repeat:repeat-x; text-align:left;}
span.repeatinglargergrey{width:95px; height:19px; background-image:url(images/grey_cog_lrg.png); display:inline-block; background-repeat:repeat-x; text-align:left; margin: 15px 0 0 0px;}
span.repeatinglargeryellow{ height:19px; background-image:url(images/yellow_cog_lrg.png); margin:0px; display:inline-block; background-repeat:repeat-x; text-align:left;}
.greyStar { width:19px; height:19px; background-image:url(images/grey_cog_lrg.png); margin:0px; display:inline-block; z-index:20;cursor:pointer;}
.yellowStar  { width:19px; height:19px; background-image:url(images/yellow_cog_lrg.png); margin:0px; display:inline-block; z-index:20; }
.selectedyellowStar{ width:19px; height:19px; background-image:url(images/yellow_cog_lrg.png); margin:0px; display:inline-block; z-index:20; }


/* BUTTONS
-----------------------------------------------------------*/

/*Add*/
a.addbutton{width:100%; background-color:#0097d7; border:1px solid #0097d7; text-align:center; color:#fff; height:35px; line-height:33px; max-width:155px; cursor:pointer; display:block; font-size:1.2em;}
a.addbutton:hover{background-color:transparent; color:#0097d7; }

a.addbutton.right {width:100%; background-color:#0097d7; border:1px solid #0097d7; text-align:center; color:#fff; height:35px; line-height:33px; max-width:155px; cursor:pointer; display:block; font-size:1.2em; float:right;}
a.addbutton.right:hover{background-color:transparent; color:#0097d7; }

/*Edit*/
a.editbutton{color:#fff; background-color:#0097d7; border:1px solid #0097d7;  display:inline-block; min-width:100px; text-align:center; padding:7px 10px 7px 10px;  margin: 2px 2px 2px 0; font-size:1.2em; }
a.editbutton:hover{background-color:transparent; color:#0097d7; text-decoration:none;}

/*Details*/
a.detailsbutton{color:#fff; display:inline-block; background-color:#333; border:1px solid #333; min-width:100px; text-align:center; padding:7px 10px 7px 10px; margin:2px 2px 2px 0px; font-size:1.2em; cursor:pointer; }
a.detailsbutton:hover{text-decoration:none;background-color:transparent; color:#333;}

/*Delete*/
a.deletebutton{color:#fff; display:inline-block; background-color:#cc0000; border:1px solid #cc0000;   min-width:100px;  text-align:center; padding:7px 10px 7px 10px; margin: 2px 2px 2px 0; font-size:1.2em; cursor:pointer; }
a.deletebutton:hover{ background-color:transparent; color:#cc0000; text-decoration:none; }

a.trackingbutton{color:#fff; display:inline-block; background-color:#ff6a00; border:1px solid #ff6a00;  min-width:100px;  text-align:center; padding:7px 10px 7px 10px; margin: 2px 2px 2px 0; font-size:1.2em; cursor:pointer; }
a.trackingbutton:hover{ background-color:transparent; color:#ff6a00; text-decoration:none; }

input[type="submit"].deletebutton {  background-color:#cc0000; border:1px solid #cc0000;  max-width:100px; font-size:1.2em; }
input[type="submit"].deletebutton:hover{ background-color:transparent; color:#cc0000; text-decoration:none; }
p.btns a.deletebutton {width:100%;max-width:155px !important;height:35px;margin:0 0 0 10px;background-color:#cc0000; border:1px solid #cc0000;  max-width:100px; font-size:1.2em; cursor:pointer;}
p.btns a.deletebutton:hover {background-color:transparent; color:#cc0000; text-decoration:none;}
a.deletebutton.small {max-width:50px;min-width:0;margin:0;font-size:1em;}

p.btns a.trackingbutton {width:100%;max-width:155px !important;height:35px;margin:0 0 0 10px;background-color:#ff6a00; border:1px solid #ff6a00;  max-width:100px; font-size:1.2em; cursor:pointer;}
p.btns a.trackingbutton:hover {background-color:transparent; color:#ff6a00; text-decoration:none;}

p.btns a.transferredbutton {background-color:#3fbb00; border:1px solid #3fbb00;}
p.btns a.transferredbutton:hover {color:#3fbb00;}

/*Print*/
a.printbutton{color:#fff; display:inline-block; background-color:#f23a07; border:1px solid #f23a07;   min-width:100px;  text-align:center; padding:7px 10px 7px 10px; margin: 2px 2px 2px 0; font-size:1.2em; }
a.printbutton:hover{ background-color:transparent; color:#f23a07; text-decoration:none; }
a.printbutton.right{color:#fff; display:inline-block; background-color:#f23a07; border:1px solid #f23a07;   min-width:100px;  text-align:center; padding:7px 10px 7px 10px; margin: 2px 2px 2px 0; font-size:1.2em;float:right; }
a.printbutton.right:hover{ background-color:transparent; color:#f23a07; text-decoration:none; }
p.btns a.printbutton {width:100%;max-width:155px !important;height:35px;margin:0 0 0 10px;background-color:#f23a07; border:1px solid #f23a07;  max-width:100px; font-size:1.2em; cursor:pointer;}
p.btns a.printbutton:hover {background-color:transparent; color:#f23a07; text-decoration:none;}

a.white {color:#fff;}
a.white:hover {color:#f23a07;}

.key span.toplev { height: 30px; width: 30px; background-color:#aaa;  margin:0 10px 0 10px; } 
.key span.midlev { height: 30px; width: 30px; background-color:#ddd;   margin:0 10px 0 10px;} 
.key span.btmlev { height: 30px; width: 30px; background-color:#eee;   margin:0 0px 0 10px; }
.key span { float:left; width:auto; margin-top:7px;  display:block;}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {border: 0; margin: 10px 0 20px 0; padding: 0;}
legend {font-size:1.5em;color: #0097d7;margin-left: -4px; font-weight:500;}
textarea { min-height: 75px; }
.general .editor-label { clear:both; }
.general .editor-field {width: 450px;}
.general .editor-field input[type="checkbox"] { width:15px; }
.general .editor-field input { width:100%; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.OK, .ok{padding:10px;border:1px solid #339933;color:#fff;background-color:#339933;margin:10px 0;}
.validation-summary-errors, .KO, .error{padding:10px;border:1px solid #993333;color:#993333;background-color:#ffeeee;margin:10px 0;}
.Generic{padding:10px;border:1px solid #333;color:#333;background-color:#ccc;margin:10px 0;}
.field-validation-error{ color: #ff0000;}
.field-validation-valid{  display: none;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-valid{ display: none;}

.actions { width:120px; }

#loading { background-color: #5E5E5E;opacity: 0.8;filter: alpha(opacity=90);position: absolute;margin-top: 20px;z-index: 10;width: 100%;height: 97%;text-align:center; }
#loading-gif i { color: #fff;font-size: 4em;margin-top: 20px; }
#loading-text { color: #fff;margin-top: 20px;font-size: 2em; }

#searching { background-color: #5E5E5E;opacity: 0.8;filter: alpha(opacity=90);position: absolute;margin-top: 20px;top:20px;z-index: 10;width: 100%;height: 97%;text-align:center; }
#searching-gif i { color: #fff;font-size: 4em;margin-top: 20px; }
#searching-text { color: #fff;margin-top: 20px;font-size: 2em; }

.seperatehead {background-color:#ccc;border:1px solid #999;}
.seperatehead h2 {color:#0097d7;}
.seperatebody {background-color:#eee;border-bottom:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;}
.seperatebody input[type=submit] {margin-top:20px;float:none;}

.border {border: 1px solid;padding:15px;}
.border.red {border-color:#cc0000;}

.orange i {color:#f23a07;font-size:2em;}
.blue i {color:#0097d7;font-size:2em;}

.lright {text-align:right;}
.ltitle {font-weight:bold;font-size:1.5em;}

tr td a.btn {cursor:pointer;}

.supref {margin-top:10px;}

.bluebar {width:100%;background-color: #009bd6;color: #fff;font-size: 1.2em;padding:10px 0 10px 0;}

#submitcontainer span.loadingbtnreplace {width: 100%;background-color: #0097d7;border: 1px solid #0097d7;text-align: center;color: #fff;height: 35px;line-height: 32px;max-width: 155px;float: right;font-size: 1.3em;}

span.alert {color:#cc0000;font-weight:bold;}

td.booking-number { position: relative; }
td.booking-number > .voucher-tip { display: none; }
td.booking-number:hover > .voucher-tip { display: block; width: max-content; top: 100%; box-shadow: rgba(0,0,0,0.5) 2px 2px 5px; }
td.booking-number:hover > .voucher-tip > .dataTable { margin: unset; }

.section.ticks { display: flex; align-items: flex-end; padding: 10px; }
.section.ticks .btn.removetick { background-color: orangered; color: #fff; font-weight: 500; padding: 5px 15px; height: 40px; display: inline-block; line-height: 30px; }
.cancellation-protection .btn.addtick { font-size: 1rem; font-weight: 500; padding: 10px 25px; margin-left: 10px; }

@media screen and (min-width: 992px) and (max-width: 1230px) {
    .editor-label { width:100%; }
    .editor-field.fill { width: 100%; }
}


@media screen and (min-width:992px) {
.title-bg{display:block;  padding:15px 15px; background-color:#009bd6; background-repeat:no-repeat; color:#fff; text-transform:uppercase; text-align:left; font-size:1.1em; cursor:pointer;}
.title-bg i { float:right; font-size:1.3em; }
.admin-right { margin-top:25px; }
.cat-links { padding:0 15px; }
.cat-links.shut { height:0px; overflow:hidden; }
.cat-links a{display:block; padding:10px 0; color:#666;}
.cat-links a:hover, .cat-links a.on { color:#0097d7; }
.container.translate .dataTable td:last-child { width:50% !important; }
}

@media screen and (max-width:991px) {
    .hidexs { display:none; }
    .mobmenu { background-color:#009bd6; height:50px; width:100%; color:#fff; }
    .mobmenu .icon { font-size:1.8em; height:50px; line-height:50px; cursor:pointer; }
    .title-bg{display:block;  height:40px; line-height:40px; color:#009bd6; background-repeat:no-repeat; text-transform:uppercase; text-align:left; font-size:1.3em; cursor:pointer;}
    .title-bg i { float:right; font-size:1.3em; height:40px; line-height:40px; margin-right:3px;  }
    .cat-links a{display:block; height:35px; line-height:35px; color:#666;}
    .mobmenu .icon a { color:#fff; }
    .mobmenu .icon.home { float:left; }
    .mobmenu .icon.menu { float:right; }
    .topnav.shut,  .cat-links.shut{ height:0; overflow:hidden; }
    .editor-field { width:100%; }
    .editor-field.fill { width: 100%; }
    .topnav .martop20 { margin-top:0; }
    h1 { margin:15px 0 -10px 0; }
    .editor-label { margin-top:20px; width:100%; }
    .container { overflow:hidden; }
    .container.translate .dataTable td:nth-child(2){ width:50% !important; }
    .container.translate .cke_reset { height:70px !important; }
}

@media screen and (max-width: 500px) {
    .section.ticks { display: block; }
    .section.ticks .btn.removetick { background-color: orangered; color: #fff; font-weight: 500; padding: 5px 15px; height: 40px; display: inline-block; line-height: 30px; width: 100%; display: flex; justify-content: center; }
    .cancellation-protection .btn.addtick { font-size: 1rem; font-weight: 500; }
}

@media screen and (max-width:450px) {
    p.btns a, p.btns input[type="submit"]{ max-width:100% !important; }
    p.btns a:first-child { margin-bottom:15px; }
    .pagination.pager { padding-left:15px; }
    .feattabs li { width:33%; }
   .feattabs li a { margin-right:4px; }
}

table.dataTableNoSort.vouchersinvoice td {border-bottom: 2px solid #bbbbbb !important;}