/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

    .tm-navbar-space .tm-navbar {
margin-bottom: 30px;
margin-top: 30px;
}

.uk-width-large-1-3, .uk-width-large-2-6 {
    width: 25.000%;
}
.uk-width-large-2-3, .uk-width-large-4-6 {
    width: 75.000%;
}

.uk-container {
    background-color: rgba(255, 255, 255, 0.5);
    max-width: 1200px;
    padding: 0 25px;
}
.tm-background {
    height: 100vh;
    position: fixed;
    width: 100%;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: rgba(255, 255, 255, 0.7);
    border-color: rgba(201, 173, 119, 0.5);
    color: #C9AD77;
    }

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgba(201, 173, 119, 0.5);
    color: #C9AD77;
    }

  .uk-navbar-nav > li > a {
    background-color: rgba(255, 255, 255, 0.7);
    border-color: rgba(148, 148, 148, 0.5);
    }

     /* principal div */
#HWBMask { position:relative; top:0; left:0; width:265px; height:311px; padding:5px; margin:0; background-color:rgba(255, 255, 255, 0.4); border:1px solid #cecdcd; overflow:visible; }
#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P { font-family: Arial, Helv, Helvetica, sans-serif; font-size:11px; color:#6a6a6a; }
#HWBMask table  { width:100%; border:0; }
#HWBMask label  { cursor:pointer; }
#HWBMask input, #HWBMask select { font-family:Arial, Helv, Helvetica, sans-serif;  font-size:10px; color:#000; width:auto; }

/* alin submit button and give it a background */
#hwbbutton 						{ margin: 10px 0; text-align:right; }
#HWBMask .submit  			{ background-color:#CFB06F; font-size:12px; color:#FFF; font-weight:bold; padding:6px 9px; border:0; cursor:pointer; }
#HWBMask .submitOver  	{ background-color:#CFB06F; font-size:12px; color:#FFF; font-weight:bold; padding:6px 9px; border:1px; cursor:pointer; }

/* calendar icon please change for hotel if necessary */
#hwbdt1, #hwbdt2 { width:18px; height:18px; background:url(http://secure.hotelwebservice.de/media/_icons/calender.gif) top left no-repeat; cursor:pointer; }


/* calendar please change #BBB (dark) and #888(light over) */
.calendar { position: relative; display: none; border: 1px solid; border-color: #FFF #555 #555 #FFF; font-size: 11px; cursor: pointer; background-color:#F7F4ED; color:#000; font-family: Arial, Helv, Helvetica, sans-serif; }
.calendar table { border:1px solid; border-color:#FFF #555 #555 #FFF; font-size:11px; cursor:pointer; background-color:#FFF; color:#000; font-family:Arial, Helv, Helvetica, sans-serif; }
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; }
.calendar .nav { background:#BBB url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { font-weight:bold; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; color:#555; text-align:center; }
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { border-bottom:1px solid #555; padding:2px; text-align:center; background-color:#F1F1F1; color:#555; }
.calendar thead .weekend { color:#833131; font-weight:bold; }
.calendar thead .hilite { border:2px solid; padding:0px; border-color:#F7F4ED #555 #555 #F7F4ED; }
.calendar thead .active { border-width:1px; padding:2px 0px 0px 2px; border-color:#555 #F7F4ED #F7F4ED #555; }
.calendar tbody .day { width:2em; text-align:right; padding:2px 4px 2px 2px; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #555; background-color:#E1E6F5; color:#555; }
.calendar tbody .rowhilite td { background-color:#888; color:#555; }
.calendar tbody td.hilite { padding:1px 3px 1px 1px; border-top:1px solid #fff; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px solid #FFF; }
.calendar tbody td.active { padding:2px 2px 0px 2px;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; }
.calendar tbody td.selected { font-weight:bold;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; padding:2px 2px 0px 2px; background-color:#F1F1F1; color:#172E55; }
.calendar tbody td.weekend { color:#833131; }
.calendar tbody td.today { font-weight:bold; color:#172E55; }
.calendar tbody td.disabled { color:#BBB; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow {}
.calendar tfoot .ttip { background-color:#BBB; padding:1px; border:1px solid; border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; color:#172E55; text-align:center; }
.calendar tfoot .hilite { border-top:1px solid #FFF; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px solid #FFF; padding:1px; background-color:#C7C4BB; }
.calendar tfoot .active { padding:2px 0px 0px 2px;border-top:1px solid #172E55;border-right:1px solid #FFF;border-bottom:1px solid #FFF;border-left:1px solid #172E55; }
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#E1E6F5 #172E55 #172E55 #E1E6F5; background-color:#FFF;color:#172E55;font-size:smaller;padding:1px; }
.combo .label,.combo .label-IEfix { text-align:center; padding:1px; }
.combo .label-IEfix {width:4em; }
.combo .active { padding:0px; border:1px solid #172E55; }
.combo .hilite {border:1px solid #172E55;background-color:#E1E6F5; color:#172E55; }

 /* .uk-panel-box-secondary {
    background-color: rgba(207, 176, 111, 0.5);
    border: 15px solid rgba(207, 176, 111, 0.7);
    box-shadow: 0 0 0 1px #CFB06F inset;
    color: #666a6c;
    padding: 30px; } */


select {
    background-color: #f6f8f9;
    width: 75px;
}

.uk-panel-title {
    margin-bottom: 15px;
    }

    label {
    display: block;
    margin-bottom: 1px;
}

button, input:not([type="radio"]):not([type="checkbox"]), select {
    vertical-align: text-bottom;
}

.uk-panel-box-secondary {
padding: 23px;
max-width: 238px;
}

.uk-panel-box-primary {
    background-color: #f6f8f9;
    border: 15px solid #f6f8f9;
    box-shadow: 0 0 0 1px #cecdcd inset;
    color: #dde0e3;
    padding: 30px;
}

.uk-panel-box-primary .uk-panel-title {
    color: #4b5052;
}

.uk-panel-box-primary {
    color: #74777c;
}
.uk-panel-box-primary .uk-button:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger) {
    background: none repeat scroll 0 0 #cfb06f;
    color: #fff;
}
.uk-panel-box-primary .uk-button:hover:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger), .uk-panel-box-primary .uk-button:focus:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger) {
    color: #fff;
}
.uk-panel-box-primary .uk-button:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):hover,
.uk-panel-box-primary .uk-button:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):focus {
  background: #cfb06f;
}

.uk-panel-box-primary > a:not([class]), .uk-panel-box-primary > *:not([class*="uk-nav"]) a:not([class]) {
    color: #cfb06f;
}
.uk-panel-box-primary > a:not([class]),
.uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]) {
  color: #cfb06f;
}
.uk-panel-box-primary > a:not([class]):hover,
.uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]):hover {
  color: #cfb06f;
}
h6, .uk-h6 {
    font-size: 15px;
    line-height: 21px;
}
.uk-article-title {
    font-size: 28px;
    }

    a, .uk-link {
    color: #CFB06F;
    }

    a:hover,
.uk-link:hover {
  color: #CFB06F;
  text-decoration: underline;
}
em {
    color: #cfb06f;
}

.uk-panel-header {
    background-color: #f6f8f9;
    border: 15px solid #f6f8f9;
    box-shadow: 0 0 0 1px #cecdcd inset;
    color: #dde0e3;
    padding: 30px;
}

.uk-panel > *:last-child:not(.uk-panel-title) {
    margin-bottom: 5px;
}

.uk-nav-side > li.uk-active > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #CFB06F;
}

.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {
    color: #CFB06F;
    }

.uk-dropdown-navbar {
 background-color: #f6f8f9;
    border: 15px solid #f6f8f9;
    box-shadow: 0 0 0 1px #cecdcd inset;
    color: #dde0e3;
    padding: 30px;
    width: 262px;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li a:focus {
   color: #CFB06F;
    }

    .tm-footer {
    background-color: #d1c5ad;
    color: #000000;
}

.uk-nav ul a {
    padding: 2px 20px;
}

.uk-nav-side ul a:hover {
color: #CFB06F;
}

.uk-button {
    background: #CFB06F none repeat scroll 0 0;
    color: #fff;
}
.uk-button:hover, .uk-button:focus {
    background-color: #cfb06f;
    color: #fff;
}