.o-pane { width: 100%; height: 100%; }
.o-pane, .o-page, .o-row { left: 0; right: 0; }
.o-pane, .o-page, .o-col { top: 0; bottom: 0; }
.o-pane, .o-page, .o-col, .o-row { position: absolute; overflow-x: hidden; overflow-y: hidden; }

.o-scroll-x { overflow-x: auto; }
.o-scroll-y { overflow-y: auto; }

.iemobile .page-o { bottom: -6px; } /* Workaround: in landscape mode, IEMobile makes bottom toolbar overlap the page, so shorten the page by 75px to compensate */
@media screen and (orientation:landscape) { .iemobile .page-o { bottom: 75px; } }

.servio-search-form {
    opacity: 1.0;
    border: none;
    color: #000000;
    text-align: left;
    margin: 0 0 15px;
    padding: 8px 15px;
    text-transform: none;
    background-color: #ddd;
    border-radius: 0;
    font-family: "Arial Narrow", Arial, sans-serif;
}

.servio-booking-title {
    width: 100%;
    display: none;
    text-align: left;
    font-weight: normal;
    margin: 0 0 8px 0;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #A3D1A3;
}

.servio-search-room {
    border: 0;
    clear: both;
    opacity: 1.0;
    margin: 4px -8px;
    border-radius: 0;
    padding: 2px 7px 0 8px;
    background-color: #FFD700;
    box-shadow: 0 0 1px #000000;
}

.servio-search-input {
    border: 0;
    padding: 0;
    width: 100%;
    clear: both;
    height: 20px;
    margin: 6px 0;
    text-align: left;
    font-weight: normal;
    text-transform: none;
}

.servio-search-input-title {
    font-size: 18px;
    font-weight: normal;
}

.servio-search-input-group {
    margin: 0;
    border: 0;
    padding: 0;
    float: right;
    width: 69%;
    min-width: 72px;
    min-height: 18px;
    text-align: right;
}
.servio-search-input label {
    float: left;
    height: 100%;
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    /*text-shadow: 0 0 0 #000;*/
}

.servio-search-input-age,
.servio-search-input input,
.servio-search-input select {
    border: 0;
    height: 100%;
    float: right;
    color: #000100;
    max-width: 50%;
    min-width: 18px;
    font-size: 14px;
    min-height: 18px;
    text-align: right;
    border-radius: 0;
    background-color: #eee;
    box-shadow: 0 0 1px #000000;
}

.servio-search-input input,
.servio-search-input select {
    margin: 0;
    padding: 0 6px;
}

select.servio-search-input-age {
    width: 24%;
    float: right;
    padding: 0;
    margin-left: 1%;
    margin-right: 0;
}

.servio-search-input input:hover,
.servio-search-input input:active,
.servio-search-input input:focus,
.servio-search-input select:hover,
.servio-search-input select:active,
.servio-search-input select:focus {
    color: #000;
    border-radius: 0;
    box-shadow: none;
    background-color: #fff;
}

.servio-search-input input[type=text] {
    width: 113px;
}

.servio-search-input select[type=number],
.servio-search-input input[type=number] {
    width: 60px;
}

.servio-search-input input[type=checkbox] {
    width: 20px;
    box-shadow: none;
    height: 100%;
}

.servio-button {
    color: #000;
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 6px;
    font-size: 18px;
    font-weight: 500;
    max-width: 640px;
    border-radius: 0;
    border: 1px solid #000000;
    background-color: #eeeeee;
    /*background-color: #EEE;
    background: linear-gradient(#EEE, #CCC);*/
}
.servio-button:hover {
    background: #FFFFFF linear-gradient(#FFFFFF, #EEEEEE);
}

.servio-button-left,
.servio-button-right {
    width: 100%;
    padding: 0 0;
    margin: 6px 0;
    box-shadow: 0;
    max-width: 200px;
    border: 1px solid #000000;
    /*font-stretch: condensed;*/
    background-clip: content-box;
}
.servio-button-left {
    /*border-width: 6px 6px 6px 12px;
    border-image: url('../img/button-back.svg') 9 18;*/
}
.servio-button-right {
    /*border-width: 6px 12px 6px 6px;
    border-image: url('../img/button-right.svg') 9 18;
    text-shadow: 0px 0px 1px #000000;*/
}
.servio-button-left, .servio-button-left:hover, .servio-button-left:focus, .servio-button-left:active, .servio-button-left:visited, .servio-button-left:active:hover,
.servio-button-right, .servio-button-right:hover, .servio-button-right:focus, .servio-button-right:active, .servio-button-right:visited, .servio-button-right:active:hover {
    -webkit-box-shadow: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    outline: 0;
}
.servio-button-left, .servio-button-left:hover, .servio-button-left:focus, .servio-button-left:active, .servio-button-left:visited, .servio-button-left:active:hover {
    color: #111;
    background-color: #EEEEEE;
}
.servio-button-right, .servio-button-right:hover, .servio-button-right:focus, .servio-button-right:active, .servio-button-right:visited, .servio-button-right:active:hover {
    color: #000;
    background-color: #B7B9BC;
}
.servio-button-left:hover, .servio-button-left:focus, .servio-button-left:active,
.servio-button-right:hover, .servio-button-right:focus, .servio-button-right:active {
    text-decoration: underline;
}

.hotelList {
    float: left;
    height: 20px;
    padding: 185px 0;
    text-align: center;
    font-weight: bold;
    color: white;
    width: 25px;
    background: #9A2645;
    cursor: pointer;
}

.hotelSelect {
    float: left;
    height: 100%;
    width: 587px;
    padding: 10px;
}

.servio_block { padding: 1em; margin-bottom: 1em; }
.servio_block h4 { color: #efe; font-size: 14px; margin: 0 0 1em 0; }

#searchTable h3{
    /*color: rgb(79, 79, 79);
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    margin-bottom: 10px;*/
}

#searchTable td{
    /*color: rgb(79, 79, 79);
    padding: 10px;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;*/
}

.roomImageTd {
    /*width: 260px;*/
}

.roomImage {
    /*width: 240px;
    height: auto;*/
}

.cost {
    /*color: #EEE;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;

    margin-bottom: 10px;*/
}

.warning {
    /*    color: #990605;
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        margin-bottom: 10px;*/
}
#servioCompanyName {
    /*width: 225px;
    font-weight: bold;*/
}

#servioCompanyParam {
    /*display: none;*/
}

/**
    New styles
 */
.servio__error {
    /*  background-color: #F2DEDE;
      color: #a94442;
      border-color: #ebccd1;
      border-radius: 2px;
      padding: 8px;
      margin-bottom: 1em;*/
}

.bootstrap-dialog-message {

    /*   color: #100;*/
}

.text-right{
    /*   text-align: right;*/
}

/*.servioSearchFull__row { margin-bottom: .7em; }*/
/*.servio__row { margin-bottom: 0.2em;}*/
/*.servio__row label { margin: 0; float: left; text-align: left; line-height: inherit; }*/

/*.servio_nextStep { float: right; }
.servio_stepCounter { color: #7A0625; font-size: 1.2em; margin-bottom: 1em; }*/

.servio__roomList .selectedRoom {/*position: absolute;right: .7em;top: .5em;font-style: italic;color: #A3A3A3;*/}
.servio__roomList .selectedRoom strong {/*color: #7A0625;font-style: normal;*/}

/*.servio__roomItem { clear: both; border-top: 1px solid #fff; padding-top: 1em; }
.servio__roomItem .servio__roomPhoto { float: left; margin: 0 10px 0 0; }
.servio__roomItem .servio__roomTitle { font-size: 15px; font-weight: bold; color: #ffd; margin-bottom: 6px; text-decoration: underline; }
.servio__roomItem .servio__roomDescription { color: #eee; margin-bottom: 10px; }*/

/*.servio__roomItem .servio__roomPrice { float: right; margin: 10px 0 10px 0; display: inline-block; text-align: right; }
.servio__roomList .servio__roomSelect { float: right; margin: 10px 0 10px 15px; display: inline-block; }
.servio__roomList .servio__roomSelect .nofreerooms { display: none; }*/

/*.servio__roomItem.nofreerooms .servio__roomPhoto { opacity: 1.0; }
.servio__roomItem.nofreerooms .servio__roomDescription,
.servio__roomItem.nofreerooms .servio__roomTitle { color: #aaa; }*/

.servio__form input[type=text],
.servio__form select,
.servio__form textarea {
    color: #000;
    border: 0;
    height: 18px;
    padding: 0 4px;
    margin: 0 0 4px 4px;
    line-height: inherit;
    background-color: #eee;
}
/*.servio__form textarea { padding-top: 2px; height: 7em; }*/

.servio__form fieldset {
    border: 1px solid #A3D1A3;
    padding: 4px 6px;
    margin-bottom: 6px;
}

.servio__formInline label { display: inline;}
.servio__formInline input { display: inline-block; }

.servio__formRowed label { display: inline-block; width: 40%; margin-right: 6px; text-align: left; }
.servio__formRowed input[type=text], .servio__formRowed textarea, .servio__formRowed select { width: 50%; }

.servio__formHorizontal label { display: block; margin-top: .5em; margin-bottom: .5em; }
.servio__formHorizontal input[type=text],
.servio__formHorizontal textarea { display: block; min-width: 40%; }
.servio__formHorizontal textarea { padding: .6em; height: 7em; width: 100%; }

.servio__transferItem .servio__priceSummary { font-size: 140%; text-align: right; padding: .5em; margin: 1em 0; border-bottom: 1px solid #eee; }
.servio__servicesPrices .servio__priceValue { color: #fff; border-bottom: 1px dashed #ccc; }

.servio__servicesPrices ul { list-style: none; margin: 0; padding: 0; }
.servio__servicesPrices > ul { border:0;border-bottom: 1px solid #ccc; padding-bottom: .5em; margin-bottom: .5em; }
.servio__servicesPrices > ul > li { position: relative; }
.servio__servicesPrices > ul > li:hover { cursor: help }
.servio__servicesPrices > ul > li:hover .servio__priceDetail { display: block; }
.servio__servicesPrices > ul > li:hover .servio__priceValue  { border-bottom-color: #fff; }
.servio__servicesPrices .servio__priceDetail { background-color: rgba(255, 255, 255, 0.88); position: absolute; left: 3em; border: 1px solid rgba(177, 177, 177, 0.39); padding: 1em; display: none; z-index: 15; white-space: nowrap; }

dl.servio__listDetail { margin: 0; }
dl.servio__listDetail dt { display: block; margin-right: 1em; width: 40%; height: 1em; text-align: right; font-weight: normal; float: left; clear: both; font-size: 13px; }
dl.servio__listDetail dt:after { content: ':'; }
dl.servio__listDetail dd { display: block; margin: .4em -42% .4em 42%; width: 58%; height: 1em; font-weight: bold; font-size: 13px; }

table.servio__reservationPriceDetail { width: 100%; color: #efe; }
table.servio__reservationPriceDetail th { text-align: left; font-size: 110%; border-bottom: 1px solid #A3D1A3; }
table.servio__reservationPriceDetail td  { padding: .3em 0 .3em 1em; }
table.servio__reservationPriceDetail .servio__priceTotal .servio__priceValue { font-weight: bold; }
table.servio__reservationPriceDetail .servio__priceTotal { text-align: right; font-size: 114%; padding-top: 8px; border-top: 1px solid #A3D1A3; color: #fff; }

.servio__confirmForm .servio__confirmBox { text-align: right; }
.servio__confirmForm .servio__confirmCheckbox { float: right; }
.servio__confirmForm .servio__priceSummary { font-size: 140%; text-align: right; padding: 0; margin: 10px 0; border-bottom: 1px solid #A3D1A3; }

.servio__paymentForm { border-bottom: 1px solid #7A0625; padding-bottom: 1em; }
.servio__paymentForm .servio__priceSummary { font-size: 130%; float: left; margin-right: 1em; line-height: 28px; border-bottom: 1px solid #7A0625; }

.form-control-feedback{
    left: 0;
}
.servio-search-form .has-feedback .form-control{
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    font-family: Arial;

}
.servio-search-form .glyphicon-calendar:before {
    content: "";
    height: 35px;
    width: 30px;
    display: block;
    background-image: url(/booking/static/img/calendar.svg);
    background-position: 10px 8px;
    background-repeat: no-repeat;
}

.servio-search-form #servio-search-button{
    font-weight: bold;
    font-family: Arial;
    background-color: rgb(255, 213, 0);
    border-color: rgb(255, 213, 0);
    text-transform: uppercase;
    color: rgb(51, 51, 51);
    width: 100%;
    margin: 10px 0px 0px;
    font-size: 18px;
}
#loyaltyCard, #companyCode{
    display: none;
}

/* ----- media < 767px ----- */
@media (max-width: 767px){
	.container{
		padding: 0;
	}
	.servio-search-form{
		background-color: #fff;
	}
	.servio-search-input input[type=text] {
	    width: 133px;
	}
	.servio-search-form .has-feedback .form-control {
	    padding-left: 10px;
	    padding-right: 10px;
	    text-align: start;
	    font-family: Arial;
	    width: -webkit-fill-available;
	    border: 1px solid #ccc;
	    background-color: #fff;
	}
	#servio-search-button{
	    border-radius: 0;
	}
}