/* RESET */
html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 1rem;
	font-weight: 400;
	font-family: inherit;
	color: inherit;
}

p.margin-top {
	margin-top: 15%;
}

a:link,
a:hover,
a:active,
a:visited
{
	text-decoration: none;
	color: inherit;
}

#ms-designer-ribbon {
	display: none;
}
/* END OF RESET */



/* UI */
.pointer
{
	cursor: pointer;
}
/* END OF UI */



/* TYPOGRAPHY */
.bold {
	font-weight: bold;
}

.line-through {
	text-decoration: line-through;
}
/* END OF TYPOGRAPHY */



/* LAYOUT */
.container {
	margin: 0 auto;
	max-width: 1170px;
}

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

.text-right {
	text-align: right;
}

.flex {
	display: flex;
}

.flex.column {
	flex-direction: column;
}

.flex.center {
	align-items: center;
	justify-content: center;
}

.flex.spacebetween {
	justify-content: space-between;
}

.border-collapse {
	border-collapse: collapse;
}

.hidden {
	display: none;
}
/* END OF LAYOUT */



/* CONTENT */
#aspnetForm {
	height: 100%;
	display: flex;
	flex-direction: column;
}

#wrapper {
	flex: 1 0 auto;
}

#top {
	padding: .7rem 0;
    background: linear-gradient(
        to right,
        rgba(255,255,255,1) 0%,
		rgba(255,255,255,.8) 40%,
		rgba(255,255,255,.8) 60%,
        rgba(255,255,255,1) 100%),
		url("../img/background-top.jpg") no-repeat center;
}

#top #logo-ebmeds {
	margin-left: 1rem;
	padding-top: .5rem;
	line-height: 1rem;
}

#top #logo-ebmeds > a > span:first-child {
	font-size: 2.5rem;
	letter-spacing: .2rem;
}

#top #wrap-user {
	margin-left: auto;
}

#top #wrap-user #lang {
	margin: 0 .8rem 0 0;
	padding: 0 .8rem 0 0;
	list-style: none;
	font-size: .7rem;
	text-transform: uppercase;
	border-right: 1px dotted #444;
}

#top #wrap-user #lang li {
	float: left;
	margin-left: .2rem;
}

#top #wrap-user #lang li.selected {
	background-color: #f1be90;
}

#top #wrap-user #lang li:hover {
	background-color: #f1be90;
}

#top #wrap-user #lang a {
	display: block;
	padding: .5rem;
}

#top #user .ms-welcome-root,
.ms-signInLink {
	border-right: none;
	background-color: inherit;
	font-size: .9rem;
}

#navigation {
	display: block;
	padding: .5rem 0;
	background-color: #cde5d1;
	border-top: 1px dotted #c0c0c0;
	font-size: 1rem;
}

#navigation span,
#navigation ul,
#navigation li,
#navigation a {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

#navigation a {
	color: rgba(3, 24, 99, 0.7);
}

#navigation a:hover {
	color: rgba(3, 24, 99, 0.9);
}

#navigation a.selected {
	color: rgba(231, 130, 37, 1);
}

#navigation a .ms-navedit-flyoutArrow {
	padding-right: 1rem;
}

#navigation li.static {
	padding: 0 3rem;
}

#navigation li.static:first-child {
	padding-left: 0;
	background: none;
}

#navigation ul.dynamic {
	width: 200px !important;
	padding: 10px 0;
	border: none;
	background-color: #cde5d1;
	box-shadow: none;
}

#navigation li.dynamic {
	padding: 4px 0 4px 10px;
	font-size: .9rem;
}

#navigation .ms-navedit-editArea {
	display: none;
}

main.container {
	margin: 2% auto 1.5% auto;
}

#console legend {
	padding: 0 .7rem;
	font-size: .9rem;
	text-align: left;
	color: rgba(6, 150, 161, .5);
}

#console .groupbox {
	padding: .3rem .7rem .5rem .7rem;
	border: 3px solid rgba(6, 150, 161, .1);
	border-radius: 5px;
}

#console .groupbox.view {
	margin-left: 2rem;
}

#console .groupbox a:not(:first-of-type) {
	margin-left: .7rem;
}

#console .button {
	width: 200px;
	height: 200px;
	color: rgba(64, 64, 64, .9);
	background-color: #dce1ed;
	border-radius: 5px;
	cursor: pointer;
}

#console .button:hover {
	background-color: rgba(229, 221, 205, .7);
}

#console .button .fa {
	margin-top: 2.5rem;
	font-size: 5rem;
}

#console .button .title {
	margin-top: 2rem;
	font-size: 1rem;
}

.nav-tab {
	display: table;
	min-width: 175px;
	margin-right: 5%;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
}

.nav-tab .tab {
	font-size: 1rem;
	padding: 1.5rem 1.5rem 1.5rem 1rem;
	color: rgba(3, 24, 99, 0.7);
	background-color: rgba(192, 192, 192, 0.1);
	cursor: pointer;
}

.nav-tab .tab:hover {
	background-color: rgba(192, 192, 192, 0.3);
}

.nav-tab .tab.active {
	background-color: rgba(192, 192, 192, 0.3);
}

.nav-tab .button {
	display: inherit;
	min-width: 8rem;
	margin: 1rem auto;
	padding: .9rem .5rem;
	text-align: center;
	font-size: 1rem;
	font-family: inherit;
	color: #fff;
	border: 0;
	border-radius: 7px;
	cursor: pointer;
}

.nav-tab .button.hidden {
	display: none;
}

.nav-tab .button.save {
	background-color: rgba(4, 170, 109, .9);
}

.nav-tab .button.save:hover {
	background-color: rgba(4, 170, 109, .8);
}

.nav-tab .button.save.disabled {
	background-color: rgba(4, 170, 109, .3);
	cursor: default;
}

.nav-tab .button.cmr,
.nav-tab .button.cds {
	background-color: rgba(231, 130, 37, .9);
}

.nav-tab .button.cmr:hover,
.nav-tab .button.cds:hover {
	background-color: rgba(231, 130, 37, .8);
}

.form {
	width: 100%;
	font-size: .9rem;
}

.form .panel {
	display: none;
}

.form .panel.active {
	display: block;
}

.form section {
	margin-bottom: 2.5rem;
}

.form label {
	padding-right: .7rem;
}

.form .input {
	width: 12rem;
	padding: .4rem;
	background-color: #fff;
	border: 1px solid #ababab;
	border-radius: 3px;
	box-sizing: border-box;
}

.form .input.mini {
	width: 4rem;
}

.form .input.tiny {
	width: 6rem;
}

.form .input.small {
	width: 10rem;
}

.form .input.large {
	width: 20.8rem;
}

.form .input.full {
	width: 100%;
}

.form .column {
	width: 50%;
}

.form .select {
	height: 2.05rem;
	width: 12rem;
	padding: .3rem;
	background-color: #fff;
	border-radius: 3px;
}

.form .select.small {
	width: 8rem;
}

.form input[type=checkbox] {
	width: inherit;
	min-height: 32px;
}

.form input:hover {
	border-color: #92c0e0;
}

.form input:focus {
	border-color: #2a8dd4;
	outline: none;
}

.form h1 {
	margin-bottom: 1rem;
	line-height: 1;
	color: #031863;
	padding-bottom: .3rem;
	border-bottom: 1px dotted #031863;
}

.form .fa-info-circle {
	margin: 0 0 .1rem.3rem;
	vertical-align: middle;
	font-size: 1.3rem;
	color: #2f647a;
	cursor: help;
}

.form .table tr:not(:last-of-type) td {
	padding-bottom: 1rem;
}

.form .table.list {
	width: 100%;
}

.form .table tr th {
	text-align: left;
	padding: 0 0 .3rem .3rem;
}

.form .table .button {
	padding: .43rem .5rem;
	color: #fff;
	border-radius: 7px;
	cursor: pointer;
}

.form .table .button.add {
	background-color: rgba(4, 170, 109, .9);
}

.form .table .button.add:hover {
	background-color: rgba(4, 170, 109, .8);
}

.form .table .button.remove {
	background-color: rgba(170, 4, 65, .7);
}

.form .table .button.remove:hover {
	background-color: rgba(170, 4, 65, .8);
}

.form .table.list tr td:first-of-type,
.form .table.list tr td:first-of-type input {
	width: 100%;
}

.form .table.list tr td:not(:last-child) {
	padding-right: .3rem;
}

.form hr {
	margin: 1rem 0;
	color: #dcdcdc;
}

.form .dummy {
	display: none;
}

#mypatients table {
	width: 100%;
	margin-top: 1rem;
	text-align: left;
	font-weight: 300;
	border-collapse: collapse;
	color: #212529;
	white-space: nowrap;
}

#mypatients table tr:nth-of-type(even) {
    background-color: rgba(0,0,0,0.03);
}

#mypatients table th,
#mypatients table td {
	padding: 0.7rem;
	border: 1px solid #dee2e6;
}

#mypatients table th {
	font-weight: 400;
	border-bottom-width: 2px;
}

#mypatients table th:not(:last-of-type) {
	cursor: pointer;
}

#mypatients table th:nth-of-type(2) {
	width: 100%;
}

#mypatients table td:nth-of-type(4),
#mypatients table td:last-of-type {
	text-align: center;
}

#mypatients a {
	font-weight: 500;
	color: rgba(231, 130, 37, 1);
}

#mypatients a:hover {
	font-weight: 500;
	color: rgba(231, 130, 37, .8);
}

#mypatients .fa-trash-o {
	margin: 0 .5rem;
	font-size: 1.2rem;
	color: rgba(170, 4, 65, .8);
	cursor: pointer;
}

#mypatients .fa-trash-o:hover {
	color: rgba(170, 4, 65, .6);
}

#mypatients #pagination {
	padding: 0;
	list-style: none;
}

#mypatients #pagination li {
	display: inline-block;
	padding: .45rem .75rem;
	border-radius: .125rem;
	cursor: pointer;
}

#mypatients #pagination li.active {
	color: #fff;
	background-color: #4285f4;
}

#mypatients #pagination li:not(.active):hover {
	background-color: #eee;
	transition: all .3s linear;
}

.page {
	margin: 0 auto;
	width: 60%;
	font-size: .9rem;
}

.page h1 {
	margin-bottom: 1rem;
	color: #0696a1;
}

.page h2 {
	margin: 2rem 0 1rem;
	color: #037c1b;
}

.page a {
	color: rgba(231, 130, 37, 1);
}

.page a:hover {
	color: rgba(231, 130, 37, .8);
}

.page .img {
	opacity: .7;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
}

.page .img:hover {
	opacity: 1;
}

#footer {
	padding: 2rem;
	font-size: .9rem;
	background-color: #cde5d1;
}

#footer h1 {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	font-weight: 500;
	color: #666;
}

#footer hr {
	margin: 1rem auto;
}

#footer a {
	color: rgba(3, 24, 99, 0.7);
}

#footer a:hover {
	color: rgba(3, 24, 99, 0.9);
}

#footer a.selected {
	color: rgba(231, 130, 37, 0.9);
}

#footer span,
#footer ul,
#footer li,
#footer a {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

#footer ul li {
	margin-bottom: .7rem;
}

#footer .ms-navedit-editArea
{
	display: none;
}

#footer #contact > div {
	display: inline-block;
}

#footer #contact > div:first-of-type {
	margin-right: 3rem;
}
/* END OF CONTENT */



/* AUTOCOMPLETE */
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: .9rem;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete.desc,
.ui-autocomplete.med {
	width: 895px;
}

.ui-autocomplete.code {
	width: 95px;
}

.ui-autocomplete.atccode {
	width: 500px;
}

.ui-menu-item-wrapper {
	margin: 0 !important;
}

.ui-menu-item-wrapper:hover {
	background-color: rgba(127, 201, 255, .2);
}
/* END OF AUTOCOMPLETE */



/* TOOLTIP */
.tooltipster-box p {
	margin: .5rem 0;
}

.tooltipster-box ul {
	margin: 0;
	padding: 0 0 0 1.2rem;
}
/* END OF TOOLTIP */