.ui-tooltip {
    font-size: 12px;    
}

label { margin: 5px 5px 20px 5px; }

.wizard > .content > .body select {
    border: 1px solid #CCCCCC;
}

.wizard fieldset {
    border: solid 1px #CCCCCC; 
    border-radius: 5px; 
    padding: 5px;
}

.expirationTime {
	text-align: center;
}

.dropdown-menu li { padding: 0 5px;}

.btn.btn-gray {
    border: 1px solid #626e7f;
    -webkit-box-shadow: inset 0 1px 2px #9aa4b1;
    -moz-box-shadow: inset 0 1px 2px #9aa4b1;
    box-shadow: inset 0 1px 2px #9aa4b1;
    background: #758294;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOTdhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1ODI5NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c97a6), color-stop(100%, #758294));
    background-image: -webkit-linear-gradient(top, #8c97a6, #758294);
    background-image: -moz-linear-gradient(top, #8c97a6, #758294);
    background-image: -o-linear-gradient(top, #8c97a6, #758294);
    background-image: linear-gradient(top, #8c97a6, #758294); 
}


.btn.btn-gray:hover {
    background: #728092;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOTdhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzcyODA5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c97a6), color-stop(100%, #728092));
    background-image: -webkit-linear-gradient(top, #8c97a6, #728092);
    background-image: -moz-linear-gradient(top, #8c97a6, #728092);
    background-image: -o-linear-gradient(top, #8c97a6, #728092);
    background-image: linear-gradient(top, #8c97a6, #728092);
    -webkit-transition: box-shadow 0.05s ease-in-out;
    -moz-transition: box-shadow 0.05s ease-in-out;
    -o-transition: box-shadow 0.05s ease-in-out;
  transition: box-shadow 0.05s ease-in-out; 
}


.btn.btn-gray:active {
    background: #818d9d;
    border-color: #5d6979;
    -webkit-box-shadow: 0 0 5px #818d9d inset;
    -moz-box-shadow: 0 0 5px #818d9d inset;
    box-shadow: 0 0 5px #818d9d inset; 
}

.btn-group.open .btn.btn-gray.dropdown-toggle {
    background-color: #8c97a6; 
}

.hotel-logo-title-container img {
	width: 250px;
}

@media screen and (min-width: 768px) {
    .modal-lg {
        width: 900px;
    }

    .modal-sm {
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-logo {
        margin: 0 auto !important;
        display: block;
        padding-top: 25px;
    }

    .hotel-logo-title-container img {
        margin: 0 auto;
        display: block;
    }

    .hotel-logo-title-container p {
        text-align: center;
        padding-left: unset !important;
    }

    .hotel-title {
        text-align: center;
    }

    .hotel-logo-title-container {
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1224px) {
    .hotel-logo-title-container p {
        text-align: right;
        padding-left: unset !important;
    }
}


@media screen and (max-width: 450px) {
    .mobile-warning {
        display: block !important;
    }

	.hotel-logo-title-container img {
		width: 200px;
	}
}

.custom-page {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background: #F6F6F6;
    color: #000000;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background: #F6F6F6;
    color: #000000;
}

.hotel-list-description {
    padding-top: 15px;
    font-size: 16px;
    line-height: 22px;
}

.panel-title {
    font-weight: bold;
}

.hotel-title {
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 15px;
}

.hotel-search-button {
    background: #FFB612 !important;
    border-radius: 0px !important;
}

.hotel-list {
    display: block;
    padding: 10px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
}

.right-inner-addon img {
    position: absolute;
    left: 24px;
    padding: 10px 0;
    margin-top: -2px;
    pointer-events: none;
    font-size: 14px;
    height: 36px;
}

.hotel-search-input {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 30px;
}

.hotel-list:last-child {
    border: none;
    padding-bottom: 0;
}

.custom-page .panel-body {
    padding: 35px;
}
.panel-body {
    padding: 35px;
}


.navbar {
    height: 88px;
    background: white;
    margin-bottom: 50px;
    border-bottom: 2px solid #CCCCCC;
}

.hotel-logo-title-container p {
    font-size: 20px;
    padding-left: 30px;
}

.hotel-logo-title-container {
    margin-top: 60px;
    position: relative;
    display: block;
}

.mobile-warning {
    text-align: center;
    height: 115px;
    background-color: #200A6E;
    color: #FFFFFF;
    padding: 18px;
    display: none;
}

.information-icon {
    border: 1px solid #ffffff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    line-height: 24px !important;
}

input {
    border-radius: 0px !important;
}

.custom-page input {
    border-radius: 0px !important;
}