/* All "btn" text to white, set button colors to client style guide values */
.btn {
    color: var(--color-secondary) !important;
}

.btn-primary {
    
    background-color: var(--buttons-color-primary) !important;
    font-weight: bold;

}
.btn-primary:hover, .btn-primary:active {
}


.btn-default {
}
	.btn-default:hover {
	}

.btn-light {
}
	.btn-light:hover {
	}

.btn-danger, .btn-danger:hover {
    background-color: var(--buttons-color-danger);
    border-color: var(--buttons-color-danger);
    color: var(--buttons-color-danger-text) !important;
}

.btn-exit, .btn-exit:hover {
    color: var(--color-primary) !important;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-hotel, .btn-hotel:hover {
    color: var(--buttons-color-primary-text) !important;
    background-color: var(--color-bookhotel) !important;
}

/* Nav bar */
.navbar-expand-md .navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: 0;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .navbar-text, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    font-weight: bold;
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .navbar-text {
    color: rgba(255,255,255,1);
}
.nav-item .nav-link:hover {
	background: rgba(0, 0, 0, 0.3)
}
.form-control {
	margin: 1px 0 1px 0 !important;
}

.textWrap {
	white-space: normal;
}

hr {
	border-top: 1px solid #919699;
}

/* Custom spacings since this project uses bootstrap 3 (these are included with bootstrap 4)*/
.m1, .mt-1 {
	margin-top: 4px !important;
}
.m1, .mr-1 {
	margin-right: 4px !important;
}
.m1, .mb-1 {
	margin-bottom: 4px !important;
}
.m1, .ml-1 {
	margin-left: 4px !important;
}

.m2, .mt-2 {
	margin-top: 8px !important;
}
.m2, .mr-2 {
	margin-right: 8px !important;
}
.m2, .mb-2 {
	margin-bottom: 8px !important;
}
.m2, .ml-2 {
	margin-left: 8px !important;
}

.m3, .mt-3 {
	margin-top: 12px !important;
}
.m3, .mr-3 {
	margin-right: 12px !important;
}
.m3, .mb-3 {
	margin-bottom: 12px !important;
}
.m3, .ml-3 {
	margin-left: 12px !important;
}

.m4, .mt-4 {
	margin-top: 1.5rem !important;
}
.m4, .mr-4 {
	margin-right: 1.5rem !important;
}
.m4, .mb-4 {
	margin-bottom: 1.5rem !important;
}
.m4, .ml-4 {
	margin-left: 1.5rem !important;
}

.m5, .mt-5 {
	margin-top: 3rem !important;
}
.m5, .mr-5 {
	margin-right: 3rem !important;
}
.m5, .mb-5 {
	margin-bottom: 3rem !important;
}
.m5, .ml-5 {
	margin-left: 3rem !important;
}

.tooltip-inner {
    max-width: 500px;
}