@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

html,
body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
}

/*.conversation_video {
    width: 100%;
    height: 430px;
    border: none;
}*/
.chat_button {
	z-index: 2;
}

keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	/* Firefox */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {
	/* Safari and Chrome */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {
	/* Opera */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

input[type='checkbox' i] {
	visibility: hidden;
}

label {
	cursor: pointer;
}

input[type='checkbox'] + label:before {
	border: 1px solid #1998c3;
	content: '\00a0';
	display: inline-block;
	font: 16px/1em sans-serif;
	height: 18px;
	width: 18px;
	margin: 0 0.27em 0 0;
	margin-top: 3px;
	background: #1998c3;
	padding: 0;
	vertical-align: top;
}

input[type='checkbox']:checked + label:before {
	background: #1998c3;
	color: #fff;
	content: '\2713';
	text-align: center;
}

input[type='checkbox']:checked + label:after {
	font-weight: bold;
}

input[type='checkbox']:focus + label::before {
	outline: rgb(59, 153, 252) auto 5px;
}

.btn-primary {
	background-color: #1998c5 !important;
}

.btn-outline-primary {
	color: #1998c5;
	background-color: transparent;
	background-image: none;
	border-color: #1998c5;
}

.btn-outline-primary:hover {
	background-color: #1998c5;
}

@media (max-width: 1024px) {
	.modal-dialog {
		max-width: 800px;
		margin: 1.75rem auto;
	}
}

@media (max-width: 768px) {
	.modal-dialog {
		max-width: 615px;
		margin: 1.75rem auto;
	}
}

.alertBox {
	text-align: center;
	color: red;
	font-size: 20px;
	margin: 0;
	padding: 0;
}

/* Room Notification seletion */
.multiselect-container > li > a > label > input[type='checkbox'] {
	margin-bottom: 5px;
	visibility: visible;
}

.btn-patient-login:disabled {
	cursor: not-allowed;
	background: #ddd !important;
	opacity: 1;
}
.btn-patient-login:disabled:hover {
	background: #ddd !important;
}
.weekendAlert {
	margin-bottom: 0;
	color: red;
}