﻿body {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
}

/** {
 font-weight:bold;
}*/


.btn-background {
	position: fixed;
	overflow: no-display;
	margin: 0;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	background-color: black;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}


.glyphicon-btn {
	color: #777777;
	font-size: large;
	margin-left: 3px;
	margin-right: 3px;
}


.div-inline {
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	align-items: center;
}


html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}


.wrapper {
	min-height: 100%;
	position: relative;
}

.header {
	padding: 25px;
}

.content {
	padding-top: 10px;
	padding-bottom: 70px;
	/*height:calc(100% - 160px);*/
}

.footer {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	color: white;
	background-color: #263786;
	z-index: 100;
}

.btn-primary {
	background-color: #263786;
	border-color: #263786;
}


.container {
	width: inherit;
	max-width: 1400px;
}

#menu ul {
	list-style: none;
	margin-left: -40px;
	color: white;
}

	#menu ul a:link {
		color: white;
	}

	#menu ul a:visited {
		color: white;
	}

#menu li {
	display: inline;
	color: white;
}

	#menu li + li::before {
		content: " • ";
		padding: 0 6px;
		color: white;
	}

.navbar-inverse .navbar-nav > li > a {
	color: #263786;
}

.navbar-nav > li > a:hover {
	color: #d61118;
}

.dropdown-menu > li > a {
	display: block;
	padding: 10px 0;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #263786;
	white-space: nowrap;
}

.dropdown-menu > li {
	border-bottom: #e6e6e6 1px solid;
	margin: 0 15px;
}

	.dropdown-menu > li:last-child {
		border-bottom: none;
	}

.dropdown-menu {
	border-radius: 10px;
}

.k-input, .k-textbox, .form-control {
	color: black;
}

.row, .normal-row {
	margin-left: -15px;
	margin-right: -15px;
}

/*
grid-edit-btn{
    border-style:none;
    border:0;
}
.k-grid-edit {
    border-style:none;

}

    */

.centre-div {
	margin: auto;
	text-align: center;
}

.ConfirmCancelAppointmentContainer {
	display: block;
	position: fixed;
	z-index: 10;
	width: 600px;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ConfirmCancelAppointment {
	background-color: white;
	border: #263786 solid 1px;
	padding: 30px 20px;
	border-radius: 10px;
}

.ChooseSpecialityContainer {
	display: block;
	position: absolute;
	z-index: 99;
	width: 50%;
	margin-top: -300px;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Media Queries to help with mobiles and tablets */

@media (max-width: 445px) {
	.navbar-brand {
		font-size: 15px;
	}

}

@media (max-width: 395px) {
	.navbar-brand {
		font-size: 13px;
	}

}

@media (max-width: 1200px) {
	.form-group label {
		width: 100%;
		display: block;
	}
}

@media (max-width: 320px) {
	.navbar-brand {
		font-size: 15px;
	}
}
