/*
 * Coutts bootstrap theme *
*/

body {
	color: #400718;
	background-color: #F6EDE7;
	font-family: Coutts Forme GRT Regular;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
}

.page-heading {
	padding-top: 24px;
	padding-bottom: 24px;
}

.navbar {
	margin-bottom: 0;
}

.navbar-static-top.navbar-inverse {
	background-color: #400718;
}

.navbar-brand {
	padding: 10px 15px;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}

.footer-bottom {
	background-color: #400718;
}


/* TYPOGRAPHY */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
tr,
.tr {
	color: rgb(0, 0, 0);
	/*text-transform: uppercase;*/
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
tr,
.tr {
	font-family: CouttsSiena-Light;
	color: #24030C;
}


h1,
.h1 {
	font-size: 45px;
	font-family: CouttsSiena-ExtraLight;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 48px;
	color: #400718;
}

h2,
.h2 {
	font-size: 35px;
	font-weight: 300;
	letter-spacing: 2.3px;
	line-height: 40px;
}

h3,
.h3 {
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 32px;
	color: #400718;
}

h4,
.h4 {
	font-size: 25px;
	font-weight: 300;
	letter-spacing: 1.6px;
	line-height: 24px;
}

h5,
.h5 {
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1.33px;
	line-height: 24px;
}

h6,
.h6 {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 24px;
	font-family: CouttsSiena-Light;
}

tr,
.tr {
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 24px;
}

@media(max-width:767px) {

	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
		color: rgb(0, 0, 0);
		text-transform: uppercase;
		font-family: CouttsSiena-Light;
	}

	h1,
	.h1 {
		font-size: 32px;
		font-weight: 300;
		letter-spacing: 2.1px;
		line-height: 32px;
	}

	h2,
	.h2 {
		font-size: 30px;
		font-weight: 300;
		line-height: 36px;
		text-transform: uppercase;
	}

	h3,
	.h3 {
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 1.3px;
		line-height: 24px;
	}

	h4,
	.h4 {
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 1px;
		line-height: 20px;
		color: #400718;
	}
}

/* BUTTONS */


/* primary button */
.btn {
	min-width: 120px;
}

.btn-primary {
	color: white;
	font-size: 17px;
	font-family: CouttsSiena-Light;
	font-weight: 300;
	text-align: center;
	text-transform: none;
	letter-spacing: 1.33px;
	line-height: 24px;
	background-color: #400718;
	border-color: #400718;
}

	.btn-primary:hover {
		color: white;
		background-color: #24030C;
		border-color: #24030C;
	}

	.btn-primary:focus {
		color: white;
		background-color: #24030C;
		border-color: #24030C;
	}

	.btn-primary:active {
		color: white;
		background-color: #24030C;
		border-color: #24030C;
	}

	.btn-primary:not(:disabled):not(.disabled):active {
		color: white;
		background-color: #24030C;
		border-color: #24030C;
	}

	/*
.btn-primary:not(:disabled):not(.disabled):focus {
	box-shadow: 0 0 5px #22bd05;
}
*/

	.btn-primary.disabled:hover,
	.btn-primary.disabled:focus,
	.btn-primary.disabled.focus,
	.btn-primary[disabled]:hover,
	.btn-primary[disabled]:focus,
	.btn-primary[disabled].focus,
	fieldset[disabled] .btn-primary:hover,
	fieldset[disabled] .btn-primary:focus,
	fieldset[disabled] .btn-primary.focus {
		background-color: #24030C;
		border-color: #24030C;
	}


.btn-default {
	color: #400718;
	font-size: 17px;
	font-family: CouttsSiena-Light;
	font-weight: 300;
	text-align: center;
	text-transform: none;
	letter-spacing: 1.33px;
	line-height: 24px;
	background-color: transparent;
	border-color: #400718;
	border-width: 1px;
}

	.btn-default:hover {
		border-width: 2px;
		border-color: #24030C;
		background-color: transparent;
		color: #24030C;
	}

	.btn-default:focus {
		border-color: #24030C;
		background-color: #fff;
		color: #000;
	}

	.btn-default:active {
		color: #000;
		background-color: #fff;
		border-color: #24030C;
	}

	.btn-default:not(:disabled):not(.disabled):active {
		color: #000;
		background-color: #fff;
		border-color: #24030C;
	}

	.btn-default.disabled:hover,
	.btn-default.disabled:focus,
	.btn-default.disabled.focus,
	.btn-default[disabled]:hover,
	.btn-default[disabled]:focus,
	.btn-default[disabled].focus,
	fieldset[disabled] .btn-default:hover,
	fieldset[disabled] .btn-default:focus,
	fieldset[disabled] .btn-default.focus {
		background-color: #fff;
		border-color: #24030C;
		color: #000;
	}


.form-control {
	height: 44px;
	background: rgb(255, 255, 255);
	border: 1px solid #24030C;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 18px;
	font-family: Coutts Forme GRT Regular;
	font-weight: 300;
	letter-spacing: 0px;
	line-height: 24px;
	color: #24030C;
}

.input-group:hover {
	outline: 2px solid #24030C;
	outline-offset: 2px;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #24030C;
	border-right: 1px solid #24030C;
	border-bottom: 1px solid #24030C;
}

input.form-control {
	border: 1px solid #24030C;
}

.datepicker {
	padding-left: 12px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	font-size: 18px;
}

	.datepicker table tr td {
		border-radius: 0;
	}

		.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .da, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
			background: #F6EDE7 !important;
		}

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
	padding: 4px 6px 4px 6px;
}

select {
	cursor: pointer;
	/* for Firefox */
	-moz-appearance: none;
	/* for Chrome */
	-webkit-appearance: none;
	text-overflow: ellipsis;
	overflow: hidden;
}

	/* For IE10 */
	select::-ms-expand {
		display: none;
	}

.dropdown-arrow.glyphicon-menu-down {
	position: absolute;
	top: 13px;
	right: 24px;
	z-index: 2;
	display: block;
	color: #000;
	pointer-events: none;
}

option[disabled] {
	display: none;
}

.table-hover > tbody > tr:hover {
	background-color: #F6EDE7;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #eff0f2;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
	padding: 4px 0 4px 10px;
	line-height: 1.42857;
	vertical-align: top;
	border: none;
}

.table-appointments > thead > tr > th, .table-appointments > thead > tr > td, .table-appointments > tbody > tr > th, .table-appointments > tbody > tr > td, .table-appointments > tfoot > tr > th, .table-appointments > tfoot > tr > td {
	padding: 4px 10px 4px 10px;
	line-height: 1.42857;
	vertical-align: top;
	border: 1px solid #24030C;
}

.table {
	border: 1px solid #24030C;
	font-family: FSBrabo-Light;
	font-size: 18px;
}

	.table:hover {
		cursor: pointer;
	}

	.table tr.selected {
		background-color: #F6EDE7;
	}

.has-error {
	font-size: 18px;
}

	.has-error .form-control {
		border-color: #d70004;
	}

	.has-error .input-group-addon {
		border-color: #d70004;
		background-color: #fff;
	}

.has-success .input-group-addon {
	background-color: #fff;
}

.has-error .form-control:focus {
	border-color: #d70004;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-success .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-error .help-block {
	color: #d70004;
}


.form-control:focus {
	outline: 2px solid #24030C;
	outline-offset: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-footer {
	padding: 15px;
	background-color: #fff;
	border-top: 1px solid #eee;
}

.loader {
	border: 3px solid #eff0f2;
	border-top: 3px solid #1ea904;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	animation: spin 1.5s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.nwg-hide {
	display: none;
}

label {
	color: #24030C;
	font-size: 16px;
	font-family: Coutts Forme GRT Regular;
	font-weight: 300;
	line-height: 24px;
}

.nwg-data {
	text-transform: none;
	font-weight: 600;
}

.nwg-center-screen {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

@media(max-width: 768px) {
	button.full-width {
		width: 100%;
	}
}

.modal-footer .btn + .btn {
	margin-left: 0px;
}

.singlelineoftext {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1.1px;
	line-height: 24px;
	color: #24030C;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #400718 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #24030C !important;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
	background: #F6EDE7 !important;
}

.btn-primary:hover {
	text-decoration: underline;
}

.btn-default:hover {
	text-decoration: underline;
}


.alert-danger {
	background-color: #e2523e !important;
}

.validation-summary-errors a {
	color: #ffffff !important;
}