:root {
    --blue: #4e73df;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #F44336;
    --orange: #fd7e14;
    --yellow: #FFC107;
    --green: #4CAF50;
    --teal: #20c9a6;
    --cyan: #36b9cc;
    --white: #fff;
    --gray: #858796;
    --gray-dark: #5a5c69;
    --primary: #d8bdb0;
    --secondary: #858796;
    --success: #4CAF50;
    --info: #36b9cc;
    --warning: #FFC107;
    --danger: #F44336;
    --light: #f8f9fc;
    --dark: #5a5c69;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

@font-face {
	font-family: "Glosa Display W01 Medium";
	font-style: normal;
	font-weight: normal;
	src: local('Glosa Display W01 Medium'),	url('../font/Glosa Display W01 Medium.woff') format('woff');
}

body{
	font-family: 'Glosa Display W01 Medium', sans-serif;
}

[type=button], [type=reset], [type=submit], button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #FAFAFA;
    opacity: 1
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #EAEAEA !important;
    border-radius: .35rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.bg-solid-hotel {
    background-color: #FAFAFA !important;
}

.bg-primary {
    background-color: #d8bdb0!important;
    color: #ffffff;
}

.btn-schedule {
	color: #fff;
	background-color: #a1775f !important;
	border-color: #a1775f !important;
	margin: 5px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #d8bdb0 !important;
	font-weight: bold;
}

.btn-schedule:hover {
	color: #fff;
	background-color: #634338 !important;
	border-color: #745143 !important;
}

.btn-schedule.focus, .btn-schedule:focus {
	color: #fff;
	-webkit-box-shadow: 0 0 0 .2rem rgba(216, 189, 176, .5);
	box-shadow: 0 0 0 .2rem rgba(216, 189, 176, .5);
}

.btn-choosed {
	color: #fff;
	background-color: #835e4c !important;
	border-color: #a1775f !important;
}

.btn-choosed.focus, .btn-choosed:focus {
	color: #fff;
	-webkit-box-shadow: 0 0 0 .2rem rgba(216, 189, 176, .5);
	box-shadow: 0 0 0 .2rem rgba(216, 189, 176, .5);
}

.btn-choosed:hover {
	color: #fff;
	background-color: #634338 !important;
	border-color: #745143 !important;
    width: 110px;
}

.btn-hotel {
	color: #fff;
	background-color: #d8bdb0 !important;
	border-color: #d8bdb0 !important
}

.btn-hotel:hover {
	color: #fff;
	background-color: #C49883;
	border-color: #d8bdb0
}

.btn-hotel.focus, .btn-hotel:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(216, 189, 176, .5);
	box-shadow: 0 0 0 .2rem rgba(216, 189, 176, .5)
}

.btn-hotel.disabled, .btn-hotel:disabled {
	color: #fff;
	background-color: #d8bdb0;
	border-color: #d8bdb0
}

#wrapper #content-wrapper {
  background-color: #FAFAFA !important;
  width: 100%;
  overflow-x: hidden;
}

.list-inline {
	white-space: nowrap;
}

.btn-hotel:not (:disabled ):not (.disabled ).active, .btn-hotel:not	(:disabled ):not (.disabled ):active, .show>.btn-hotel.dropdown-toggle{
	color: #fff;
	background-color: #d8bdb0;
	border-color: #d8bdb0
}

.btn-hotel:not (:disabled ):not (.disabled ).active:focus, .btn-hotel:not (:disabled ):not (.disabled ):active:focus,.show>.btn-hotel.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(216, 189, 176, .5);
	box-shadow: 0 0 0 .2rem rgba(216, 189, 176, .5)
}

.required {
	color: red;
}

.DocumentList {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 200px;
	width: 100%;
	padding: 0 15px;
}

.DocumentItem {
	border: 1px solid black;
	padding: 0;
	height: 200px;
}

.list-inline {
	white-space: nowrap;
}

.required {
	color: red;
}

footer.sticky-footer {
	color: #424242 !important;
    padding: 2rem 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

footer.sticky-footer .copyright {
    line-height: 1;
    font-size: .8rem
}

a {
    color: #d8bdb0 !important;
    text-decoration: none;
    background-color: transparent;
}

.progress {
    position: relative;
    display: flex;
    height: 4rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: transparent;
    border-radius: 0rem
}

.progress .progress-track {
	position: absolute;
	top: 5px;
	width: 100%;
	height: 5px;
	margin-top: 10px;
	background-color: #dfe3e4;
	z-index: 1;
}

.progress .progress-step {
	position: relative;
	width: 100%;
	margin-top: 8px;
	font-size: 12px;
	text-align: center;
	z-index: 2;
}

.progress .progress-step:last-child:after {
	display: none;
}

.progress .progress-step:before {
	content: "\f00c";
	display: flex;
	margin: auto;
	margin-bottom: 10px;
	padding-left: 1px;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 4px solid #dfe3e4;
	border-radius: 100%;
	color: transparent;
}

.progress .progress-step:after {
	content: "";
	position: absolute;
	top: 6px;
	left: 50%;
	width: 0%;
	margin-top: 1px;
	transition: width 1s ease-in;
	height: 5px;
	background: #dfe3e4;
	z-index: -1;
}

.progress .progress-step.is-active {
	color: #a1775f;
}

.progress .progress-step.is-active:before {
	border: 4px solid #777;
	animation: pulse 2s infinite;
}

.progress .progress-step.is-complete {
	color: #a1775f;
}

.progress .progress-step.is-complete:before {
	font-family: FontAwesome;
	font-size: 10px;
	color: #fff;
	background: #745143;
	border: 4px solid transparent;
}

.progress .progress-step.is-complete:after {
	background: #a1775f;
	animation: nextStep 1s;
	animation-fill-mode: forwards;
}

@keyframes pulse {
	0% {
	   box-shadow: 0 0 0 0 rgba(116, 81, 67, 0.4);
	   }
   70% {
       box-shadow: 0 0 0 10px rgba(116, 81, 67, 0);
       }
  100% {
       box-shadow: 0 0 0 0 rgba(116, 81, 67, 0);
       }
}
        
@keyframes nextStep {
	0% {
       width: 0%;
       }
  100% {
       width: 100%;
       }
}