@CHARSET "UTF-8";





/* customized theme */
body .ui-widget-header {
	background: #c1c1c1;
    color: #404040;
    border: 1px solid #dcdcdc;
    font-weight: bold;
}

body .ui-datatable thead th {
	background-color: #e8e7e7;
	padding: 6px 12px;
	border-color: transparent;
	color: #2f2f2f;
	text-align: left;
}

.topbar-bold-title{
	color: #FF9800;
    font-weight: 600;
}

.topbar-links{
	text-decoration: underline;
}

.topbar-links a{
	color: #2196F3;
}

body .sub-header thead th {
	background-color: #fbe2c8;
}

.urgent-col.ui-state-default {
	background-color: #F44336;
	color: white;
}

body .ui-datatable thead th:focus {
	outline: 0 none;
	background-color: #a7a7a7;
}

body .ui-datatable thead th:hover {
	outline: 0 none;
	background-color: #a7a7a7;
}

body .ui-paginator {
	background-color: #b8dcec;
	border-color: #b8dcec;
}

body .ui-tabs.ui-tabs-top .ui-tabs-panel {
	background-color: transparent;
	border: none;
	margin-top: 15px;
}

body .ui-breadcrumb {
	background-color: transparent;
	border: none;
	padding: 6px 12px;
}

/* Breadcrum style */
body .ui-breadcrumb ul li:first-child a.ui-icon-home {
	color: #FF9800;
	font-size: 18px;
}

body .ui-breadcrumb ul li .ui-menuitem-link {
	color: #777777;
}

body .ui-breadcrumb ul li .ui-menuitem-link:hover {
	color: #1e7ac3;
	text-decoration: underline;
}

body {
	font-size: 13px;
}

body .ui-inputfield {
	padding: 3px;
	font-size: 12px;
	width: 100%;
}

body .ui-widget, body .ui-widget .ui-widget {
	font-weight: 600;
}

.default-height.ui-selectonemenu .ui-selectonemenu-label, .ui-fluid .default-height.ui-calendar input
	{
	padding: 3px;
}

body .default-height.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s
	{
	margin-top: 10px;
}

.auto-height {
	height: auto !important;
}

.bullet-icon {
	font-size: 20px;
	padding: 0px 10px 0px 0px;
}

body .ui-button {
	padding: 1px 5px;;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
	margin-top: 5px;
}

body .ui-datatable .ui-datatable-header {
	font-size: 15px;
}

body .ui-state-disabled {
    opacity: 0.95;
    background: rgba(228, 228, 228, 0);
    color: #989898;
}

.ui-fluid .ui-button {
    width: auto;
}

body .ui-datatable .ui-datatable-data>tr.deceased {
	background-color: #c5c5c5;
	text-decoration: line-through;
}

.login-body .login-panel {
    width: 450px;
    background-color: #ffffff;
    position: relative;
    margin: auto;
    top: 70px;
    left: 0;
}
.ql-editor p {
	font-weight: 300;
}

.full-width {
	width: 100%;
}

.ql-container.ql-snow {
	background: white;
}

.ui-inputgroup>.ui-inputtext:not (:last-child ), .ui-inputgroup>.ui-password:not
	 (:last-child ), .ui-inputgroup>.ui-inputnumber:not (:last-child )>.ui-inputtext,
	.ui-inputgroup>.ui-inputmask:not (:last-child ), .ui-inputgroup>.ui-selectonemenu:not
	 (:last-child ), .ui-inputgroup>.ui-calendar:not (:last-child )>.ui-inputfield,
	.ui-inputgroup>.ui-selectonebutton:not (:last-child )>.ui-button {
	height: 24px;
}

.ui-fluid .ui-inputgroup .ui-button-icon-only {
	height: 24px;
}

.ui-fluid .ui-inputtextarea[readonly] {
	background: #eaeaea;
	color: #797979;
	border: none;
}

.ui-fluid .ui-inputtextarea[readonly].transparent-textarea {
	background: rgba(255, 0, 0, 0);
	border: none;
	font-size: 14px;
	margin-left: 5px;
	color: #4182e2;
	font-weight: 600;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    color: white;
}

body .ui-fileupload .ui-fileupload-buttonbar {
    padding: 0px 0px;
    border-bottom: 0 none;
}

body .ui-fileupload .ui-fileupload-content {
    padding: 0px 10px;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-row > div {
    vertical-align: initial;
    padding: 6px 12px;
    display: block;
}


.upload-title{
	color: #03a9f4;
    font-style: italic;
}

/* Login Button */
/* login button */
.sign-in-btn {
	border-radius: 1px;
    background-color: #1586b7;
    border: none;
    color: white;
    text-align: center;
    font-size: 15px;
    padding: 5px;
    width: 100%;
    height: 35px;
    transition: all 0.5s;
    cursor: pointer;
}

.sign-in-btn span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.sign-in-btn span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.sign-in-btn:hover span {
	padding-right: 25px;
}

.sign-in-btn:hover span:after {
	opacity: 1;
	right: 0;
}

.login-body .login-panel .input-wrapper i {
    top: 10px;
}



/* Error page */
.exception-body.access.error-page {
	background-image: linear-gradient(235deg, #0c416b, #0e0e0e);
}

.error-page .error-panel {
	width: 100%;
	margin: 0 auto;
	margin-top: -225px;
	margin-left: 0;
	position: absolute;
	text-align: center;
	left: 0;
	top: 50%;
}

.error-title {
	color: white;
	font-size: 18px;
	padding-top: 10px;
}

.error-tagline{
	color: white;
    font-size: 25px;
    position: relative;
    top: 10px;
}

/* tab layout */
body .ui-tabs.ui-tabs-top .ui-tabs-nav {
	background: transparent;
	border-bottom: 2px solid #525252;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav li {
	background-color: #959595;
	border-right: 1px solid #f4f3f8;
	border-top-left-radius: 0px;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-hover {
	background-color: #269cfe;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav li a {
	padding: 6px 12px;
	color: #ffffff;
}

/* Success Messages */
body .ui-messages .ui-messages-info {
	background-color: #b7d8b7;
	border-color: #b7d8b7;
	color: #434560;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon {
	color: #4a4a4a;
}

.layout-wrapper .layout-sidebar .layout-sidebar-logo {
	background-color: #136a8a;
	background-image: -webkit-linear-gradient(left, #3bcad4, #2d9ea6);
	background-image: -moz-linear-gradient(left, #3bcad4, #2d9ea6);
	background-image: -ms-linear-gradient(left, #3bcad4, #2d9ea6);
	background-image: -o-linear-gradient(left, #3bcad4, #2d9ea6);
	background-image: linear-gradient(left, #3bcad4, #2d9ea6);
	display: none;
}

.ui-datatable table {
	font-weight: 500;
}

/* body .ui-button.blue-btn {
    background-color: #088c96;
} */
.login-body .login-panel .right-side {
	padding: 60px 0;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
	padding: 6px 4px;
	width: 96%;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s
	{
	margin-top: 0px;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon
	{
	top: 23%;
}

.ui-selectcheckboxmenu-multiple-container {
	min-height: 20px;
}

.ui-md-1, .ui-md-2, .ui-md-3, .ui-md-4, .ui-md-5, .ui-md-6, .ui-md-7,
	.ui-md-8, .ui-md-9, .ui-md-10, .ui-md-11, .ui-md-12 {
	padding: 2px 10px;
}

/* .layout-wrapper .layout-main .layout-footer {
	padding: 10px 25px;
	background: #cacaca;
	
} */
.med-icon-text {
	font-size: 14px;
	position: relative;
	bottom: 0px;
}

.med-icon {
	width: 100px;
	-webkit-transition: opacity 0.5s; /* Safari */
	transition: opacity 0.5s;
}

.med-icon:hover {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

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

.myTable {
	text-align: center;
}

.search-field.ui-inputfield {
	padding: 8px;
}

.ui-clock.ui-widget-header {
	background: transparent;
	border: none;
}


.layout-wrapper .layout-main .layout-footer {
	padding: 0px 25px;
	background: #f5f5f5;
	left: -1px;
	bottom: -1px;
	width: 100%;
	text-align: center;
	border: none;
}

.ui-datatable .ui-column-filter {
	height: 23px;
}

body .ui-icon.fa-ellipsis-v {
	width: 16px;
	font-size: 16px;
}


.fa-edit, .fa-check-circle {
	color: #4CAF50;
}

.fa-trash {
	color: #f44336;
}

.fa-exclamation-triangle {
	color: #e43517;
}

/* Deceased Patient */
.dead-patient {
	color: #ffd454;
	font-size: 20px;
	margin-left: 10px;
}

.dead-patient-text {
	color: #d60303;
	margin-left: 7px;
	font-size: 16px;
}

.patient-death-position {
	position: relative;
	top: 10px;
}

.layout-wrapper .layout-main .layout-topbar .menu-btn {
	position: relative;
	right: 220px;
	font-size: 30px;
	z-index: 50;
}

.layout-wrapper.layout-static .layout-sidebar {
	width: 225px;
    top: 65px;
}

.layout-wrapper.layout-static .layout-main .layout-topbar {
	width: 100%;
	right: 0;
}

.layout-wrapper.layout-static .layout-main {
	margin-left: 220px;
}

.layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li.profile-item>a
	{
	top: 0px;
}

.card h4 {
	font-size: 15px;
	font-weight: 600;
}

.bold-label, .bold-output {
	font-size: 22px;
}

.bold-output {
	font-weight: 600;
	margin-left: 5px;
	color: #2a92b8;
}

.ui-lg-1, .ui-lg-2, .ui-lg-3, .ui-lg-4, .ui-lg-5, .ui-lg-6, .ui-lg-7,
	.ui-lg-8, .ui-lg-9, .ui-lg-10, .ui-lg-11, .ui-lg-12 {
	padding: 1px;
}

.ui-xl-1, .ui-xl-2, .ui-xl-3, .ui-xl-4, .ui-xl-5, .ui-xl-6, .ui-xl-7,
	.ui-xl-8, .ui-xl-9, .ui-xl-10, .ui-xl-11, .ui-xl-12 {
	padding: 0.5em;
}

.main-title {
	text-transform: uppercase;
	border-left: 5px solid #FF9800;
	padding: 5px 10px;
	box-shadow: -4px 2px 11px -3px #8e8e8e;
	display: inline-block;
	background: rgba(255, 152, 0, 0.14);
	font-weight: 600;
}

.version-no {
	color: #269cfe;
	font-size: 17px;
}

.about-content {
	font-weight: 400;
	font-size: 14px;
}

.copyright {
	font-weight: 400;
	font-size: 14px;
	color: #269cfe;
}

.login-body .login-panel .right-side {
	padding: 60px 0;
}

.profile-img {
	width: 150px;
}

/* dialogue icon and output text */
.dialogue-icon {
	font-size: 17px;
}

.dialogue-label {
	font-size: 16px;
	margin-left: 10px;
}

.dialogue-output {
	font-size: 14px;
	margin-left: 5px;
	color: #4182e2;
	font-weight: 600;
}

.dialogue-blue-title {
	text-transform: uppercase;
	border-left: 5px solid #2196F3;
	padding: 5px 10px;
	box-shadow: -4px 2px 11px -3px #8e8e8e;
	display: inline-block;
	background: rgba(33, 150, 243, 0.11);
}

.dialogue-green-title {
	text-transform: uppercase;
	border-left: 5px solid #8BC34A;
	padding: 5px 10px;
	box-shadow: -4px 2px 11px -3px #8e8e8e;
	display: inline-block;
	background: rgba(139, 195, 74, 0.25);
}

.dialogue-red-title {
	text-transform: uppercase;
	border-left: 5px solid #F44336;
	padding: 5px 10px;
	box-shadow: -4px 2px 11px -3px #8e8e8e;
	display: inline-block;
	background: rgba(244, 67, 54, 0.11);
}

.dialogue-orange-title {
	text-transform: uppercase;
	border-left: 5px solid #FF9800;
	padding: 5px 10px;
	box-shadow: -4px 2px 11px -3px #8e8e8e;
	display: inline-block;
	background: rgba(255, 152, 0, 0.14);
}

body .ui-datatable .ui-datatable-data>tr.activeeval{
	background: #b7d8b7;
}

.hospitalised-patient {
	color: red;
	margin-left: 15px;
	font-size: 16px;
}

.ql-container.ql-disabled {
	background: #ececec;
}

.ql-editor {
	padding: 3px 5px;
}

/* RRA Logo */
.main-logo {
	width: 110px;
    position: relative;
    bottom: -5px;
}

.topbar-logo {
	float: left;
	position: relative;
	left: 0px;
	bottom: 15px;
}

.clock-display {
	width: 70px;
	position: relative;
	bottom: 0px;
}

.clock-time-display {
	font-size: 18px;
	font-weight: 600;
	color: #6f6f6f;
}

body .ui-datepicker {
	width: auto;
}

.full-width {
	width: 100%;
}

.logout-icon {
	font-size: 24px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 4px 0 0 0;
}

/*
.logo-title {
	font-size: 28px;
    position: relative;
    bottom: 20px;
    color: #2d9ea6;
    font-weight: 500;
}*/
.logo-title {
    font-size: 17px;
    position: relative;
    bottom: 11px;
    color: #2e4977;
    left: 5px;
    font-weight: 500;
}

.logo-title-2 {
	font-size: 23px;
	position: relative;
	bottom: 23px;
	color: #269cfe;
	left: 6px;
	font-weight: bold;
}

.logo-title-sub {
	position: relative;
	bottom: 10px;
	font-weight: 500;
	color: #269cfe;
	right: 152px;
}

.ui-panelgrid .ui-panelgrid-cell {
	padding: 10px 10px;
}

.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a i,
	.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a .topbar-item-name
	{
	color: #b9b9b9;
}

.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a i:hover,
	.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a .topbar-item-name:hover
	{
	color: #2e4977;
}

.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .rightpanel-btn i
	{
	color: #2e4977;
}

.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .rightpanel-btn i:hover
	{
	color: #26a0ee;
}

.layout-wrapper .layout-main .layout-footer img {
	margin-top: 0px;
}

/* body .ui-button {
	background-color: #5f778a;
} */

body .ui-button.blue-btn {
	background-color: #269cfe;
}

body .ui-button.blue-btn:hover {
	background-color: #1e7cca;
}

body .ui-dialog .ui-dialog-titlebar {
	background: #14a99b;
}

body .ui-dialog.alert-pop-up .ui-dialog-titlebar {
	background: #FF9800;
}

body .ui-dialog.info-pop-up .ui-dialog-titlebar {
	background: #03A9F4;
}

body .ui-dialog.success-pop-up .ui-dialog-titlebar {
	background: #8BC34A;
}

.ui-menubutton .ui-button {
	background-color: #353535;
}

.layout-wrapper.layout-horizontal .layout-main .layout-topbar {
	width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, right top, from(#ffffff),
		to(#ffffff));
	background-image: -webkit-linear-gradient(left, #ffffff, #ffffff);
	background-image: -moz-linear-gradient(left, #ffffff, #ffffff);
	background-image: -ms-linear-gradient(left, #ffffff, #ffffff);
	background-image: -o-linear-gradient(left, #39aad4, #39aad4);
	background-image: linear-gradient(left, #ffffff, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#ffffff', gradientType='1');
	/* border-top: 2px solid #269cfe; */
	box-shadow: 0px 0px 1px 3px rgb(103, 94, 92);
}

.main-header {
	display: inline-block;
	color: #FF9800;
	text-decoration: none;
	font-size: 22px;
}

.main-header::after {
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	/* background: #ff9800; */
}

.right-position {
	float: right;
}

.comandlink-toolbar{
	position: relative;
    top: 8px;
    font-weight: 500;
    color: #4CAF50;
}

/* dashboard card color */

/* Green color */
.dashboard .overview-box.overview-box-green {
	background-color: #4CAF50;
}

.dashboard .overview-box.overview-box-green .overview-box-icon i {
	color: #4CAF50;
}

.dashboard .overview-box.overview-box-green .overview-box-icon {
	background-color: #2f6b32;
	-webkit-box-shadow: 0 0 10px 0 rgba(47, 107, 50, 0.68);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 78, 88, 0.6);
	box-shadow: 0 0 10px 0 rgba(47, 107, 50, 0.65);
}

.dashboard .overview-box.overview-box-green .overview-box-details {
	color: #336f35;
}

/* red color */
.dashboard .overview-box.overview-box-red {
	background-color: #F44336;
}

.dashboard .overview-box.overview-box-red .overview-box-icon i {
	color: #F44336;
}

.dashboard .overview-box.overview-box-red .overview-box-icon {
	background-color: #9e2a22;
	-webkit-box-shadow: 0 0 10px 0 rgba(158, 42, 34, 0.64);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 78, 88, 0.6);
	box-shadow: 0 0 10px 0 rgba(158, 42, 34, 0.7);
}

.dashboard .overview-box.overview-box-red .overview-box-details {
	color: #8e251e;
}
/* orange color */
.dashboard .overview-box.overview-box-orange {
	background-color: #FF9800;
}

.dashboard .overview-box.overview-box-orange .overview-box-icon i {
	color: #f18211;
}

.dashboard .overview-box.overview-box-orange .overview-box-icon {
	background-color: #b36403;
	-webkit-box-shadow: 0 0 10px 0 rgba(158, 42, 34, 0.64);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 78, 88, 0.6);
	box-shadow: 0 0 10px 0 rgba(158, 42, 34, 0.7);
}

.dashboard .overview-box.overview-box-orange .overview-box-details {
	color: #653d03;
}

/* grey color */
.dashboard .overview-box.overview-box-grey {
	background-color: #607D8B;
}

.dashboard .overview-box.overview-box-grey .overview-box-icon i {
	color: #607d8b;
}

.dashboard .overview-box.overview-box-grey .overview-box-icon {
	background-color: #374850;
	-webkit-box-shadow: 0 0 10px 0 rgba(158, 42, 34, 0.64);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 78, 88, 0.6);
	box-shadow: 0 0 10px 0 rgb(49, 63, 70);
}

.dashboard .overview-box.overview-box-grey .overview-box-details {
	color: #212b2f;
}

/* bluegreen color */
.dashboard .overview-box.overview-box-bluegreen {
	background-color: #009688;
}

.dashboard .overview-box.overview-box-bluegreen  .overview-box-icon i {
	color: #009688;
}

.dashboard .overview-box.overview-box-bluegreen  .overview-box-icon {
	background-color: #134a45;
	-webkit-box-shadow: 0 0 10px 0 rgba(158, 42, 34, 0.64);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 78, 88, 0.6);
	box-shadow: 0 0 10px 0 rgb(11, 45, 62);
}

.dashboard .overview-box.overview-box-bluegreen  .overview-box-details {
	color: #123a36;
}

/* blue color */
.dashboard .overview-box.overview-box-blue {
	background-color: #2196F3;
}

.dashboard .overview-box.overview-box-blue  .overview-box-icon i {
	color: #2196F3;
}

.dashboard .overview-box.overview-box-blue  .overview-box-icon {
	background-color: #174367;
	-webkit-box-shadow: 0 0 10px 0 rgba(158, 42, 34, 0.64);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 78, 88, 0.6);
	box-shadow: 0 0 10px 0 rgb(56, 100, 12);
}

.dashboard .overview-box.overview-box-blue  .overview-box-details {
	color: #0b2f4c;
}

/* left tabs */
body .ui-tabs.ui-tabs-left .ui-tabs-nav {
	width: 16%;
	border-bottom: none;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li {
	background-color: #959595;
	border-right: none;
	border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li a {
	padding: 7px 15px;
	border-bottom: 2px solid #f4f3f8;
}

body .ui-tabs .ui-tabs-left 
	.ui-tabs-nav li {
	margin-right: 15px;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active {
	display: block;
	float: left;
	background: rgb(202, 202, 202);
	text-align: left;
	position: relative;
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	right: 15px;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active:after {
	content: "";
	border-top: 16px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 20px solid rgb(202, 202, 202);
	position: absolute;
	right: -20px;
	top: 0px;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active:hover:after {
	border-left: 20px solid rgb(202, 202, 202);
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active a {
	color: #000;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active a:hover {
	color: #000000;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-hover {
	background-color: rgb(202, 202, 202);
	color: black !important;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-hover a {
	color: black !important;
}

.ui-tabs.ui-tabs-left>.ui-tabs-panels {
	width: 84%;
	position: relative;
	bottom: 30px;
}

fieldset {
	border-width: 1px;
	display: block;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-block-start: 0px;
	padding-inline-start: 5px;
	padding-inline-end: 5px;
	padding-block-end: 0px;
	border-style: ridge;
	border-color: #c3c3c3;
	border-image: initial;
	padding-bottom: 10px;
}

body .ui-fieldset .ui-fieldset-legend {
    color: #ffffff;
    background-color: #2196F3;
    margin-left: 10px;
    border: none;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
    padding: 5px 10px;
}

legend {
	display: block;
	padding-inline-start: 10px;
	padding-inline-end: 5px;
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	color: #2a92b8;
	font-size: 16px;
}

.commandlink-blue-btn {
	background: #525252;
	color: white;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 2px;
	position: relative;
	bottom: 5px;
}

.allergy-warning {
	margin-top: 10px;
	text-align: center;
	background: rgba(255, 165, 0, 0.5803921568627451);
	padding: 5px;
	color: rgba(17, 14, 14, 0.54);
	font-size: 16px;
}

.commandlink-blue-btn:hover {
	background: #2d2d2d;
	color: white;
}

.commandlink-black-btn {
	background: #ff9800;
	color: white;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 2px;
	position: relative;
	bottom: 5px;
}

.commandlink-black-btn:hover {
	background: #e28905;
	color: white;
}

.welcome-icon-blue, .welcome-icon-green, .welcome-icon-purple,
	.welcome-icon-red {
	padding: 10px 0px 20px 0px;
	color: white;
}

.welcome-icon-blue {
	background: #809fd2;
}

.welcome-icon-green {
	background: #2dbcb5;
}

.welcome-icon-purple {
	background: #887bb9;
}

.welcome-icon-red {
	background: #e2696a;
}

select {
	background: #ffffff;
	border: 1px solid #b6b7c2;
	-moz-transition: border-color 0.3s, box-shadow 0.3s;
	-o-transition: border-color 0.3s, box-shadow 0.3s;
	-webkit-transition: border-color 0.3s, box-shadow 0.3s;
	transition: border-color 0.3s, box-shadow 0.3s;
	border-radius: 2px;
	padding: 3px;
	color: #3e3e3e;
	font-size: 13px;
}

.layout-wrapper.layout-light .layout-sidebar {
	background: #887d7a;
}

.layout-wrapper.layout-light .layout-sidebar .layout-menu li>a {
	color: #ffffff;
}

.layout-wrapper.layout-light .layout-sidebar .layout-menu>li>a:hover {
	background-color: #ececec;
	color: #2e4977;
}

.layout-rightpanel .layout-rightpanel-content h1 {
	font-size: 15px;
	margin: 0 0 4px 0;
}

.request-header-label {
	color: #377db7;
	font-size: 20px;
}

.request-header-output {
	color: #FF5722;
	font-size: 15px;
	margin-left: 5px;
	font-weight: 600;
}

.carousel-btn {
	z-index: 1;
	position: relative;
	top: 17px;
	height: 25px;
}

/* login button */
.but {
	border-radius: 4px;
	background-color: #22225a;
	border: none;
	color: white;
	text-align: center;
	font-size: 15px;
	padding: 5px;
	width: 120px;
	height: 30px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.but span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.but span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.but:hover span {
	padding-right: 25px;
}

.but:hover span:after {
	opacity: 1;
	right: 0;
}

.dashboard-component {
	margin-top: -20px;
}

ul, menu, dir {
	display: block;
	list-style-type: disc;
	margin-block-start: 10px;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
}

.layout-wrapper.layout-horizontal .layout-main .layout-content {
	padding: 115px 16px 24px 16px;
	padding-bottom: 50px;
}

.male {
	color: #0090D0;
	font-size: 20px;
}

.female {
	color: #ff60be;
	font-size: 20px;
}

.status-aproved {
	color: #4CAF50;
	font-size: 16px;
}

.status-pending {
	color: #FF9800;
	font-size: 16px;
}

.status-reject {
	color: #da2f31;
	font-size: 16px;
}

.ui-selectonemenu {
	min-width: auto !important;
}

.sign-out-btn {
	padding: 5px 10px;
	background-color: transparent;
	border: 1px solid #269cfe;
}

.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a
	{
	color: #269cfe;
}

.sign-out-btn:hover {
	background-color: #d8edff;
}

.dashboard-title {
	text-align: center;
    font-size: 20px;
    position: relative;
    top: 10px;
}

.loader {
	position: fixed;
	right: 50%;
	bottom: 50%;
}

.addbtn, .prescription-btn {
	float: left;
	position: relative;
	bottom: -0px;
	font-size: 17px;
	border-radius: 0px;
}

.addbtn {
	background: #FF9800;
}

.prescription-btn {
	background: #4CAF50;
}

.circle {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	color: white;
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 700;
	margin: auto;
}

.blue {
	border: 3px solid #03A9F4;
	color: #2196F3;
}

.orange {
	border: 3px solid #FF9800;
	color: #FF9800;
}

.red {
	border: 3px solid #F44336;
	color: #F44336;
}

.pink {
	border: 3px solid #E91E63;
	color: #E91E63;
}

.purple {
	border: 3px solid #673ab7;
	color: #673ab7;
}

.green {
	border: 3px solid #4CAF50;
	color: #4CAF50;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
	.ui-datatable tfoot th {
	border-left: hidden;
	border-right: hidden;
	border-bottom: #e8e7e7;
}

.layout-wrapper .layout-main .layout-topbar .menu-btn {
	color: #a7a7a7;
}

.layout-wrapper .layout-main .rightpanel-btn {
	margin-top: 5px;
}

.layout-wrapper .layout-main .rightpanel-btn i {
	color: #ffffff;
}

.patient-info-display {
	background: #f7ebd6;
	padding: 10px 15px;
	box-shadow: 0px 3px 2px 0px #d2c7b3;
	margin-top: 10px;
}

.title-vertical-space {
	margin-top: 15px;
}

.profile-title-name {
	font-size: 22px;
	font-weight: 600;
	color: #a9a9a9;
}

.ui-shadow {
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.8);
    box-shadow: 0 5px 4px 0px rgba(132, 132, 132, 0.8);
}

.ui-sticky {
	top: 108px !important;
}

.ui-toolbar-group-left, .ui-toolbar-group-right {
	display: flex;
}

.ui-widget-header.toolbar-header {
	background: #f5f5f5;
	border: none;
	color: #7d7d7d;
}

.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-check {
	color: #ffffff;
	background: #8BC34A;
	padding: 2px;
}

.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-check:hover
	{
	background: #73a23d;
}

.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-close {
	color: #ffffff;
	background: #FF5722;
	padding: 2px;
}

.ui-datatable .ui-row-editing .ui-row-editor .ui-row-editor-close:hover
	{
	background: #FF9800;
}

body .ui-datatable tfoot td {
	background-color: #636363;
	border-color: #636363;
}

body .ui-datatable .ui-datatable-data>tr.ui-datatable-even {
	
}

body .ui-widget.toolbar-header {
	width: auto;
}

body .ui-toolbar .ui-separator {
	margin-right: 0;
	padding-left: 10px;
}

body .ui-datatable .ui-datatable-data>tr.highlight-row {
	background-color: #87c98a;
}

body .ui-datatable .ui-datatable-data>tr.highlight-row-blue-grey {
	background-color: #607D8B;
	color: white;
}

.toolbar-separator {
	font-size: 18px;
	position: relative;
	top: 10px;
}

.ui-panel.panel-header-orange .ui-panel-titlebar.panel-header-orange {
	background: red;
}

.top-to-tab {
	position: relative;
	bottom: 15px;
}

tr.renderRow {
	display: none;
}

body .ui-button.circular_button {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.requested-status, .initiated-status, .cancel-status, .completed-status
	{
	font-size: 16px;
}

.requested-status-list, .initiated-status-list, .cancel-status-list,
	.completed-status-list {
	font-size: 13px;
}

.requested-status, .requested-status-list {
	color: orange;
}

.initiated-status, .initiated-status-list {
	color: #03A9F4;
}

.cancel-status, .cancel-status-list {
	color: #F44336;
}

.completed-status, .completed-status-list {
	color: #8BC34A;
}

.dashboard .overview-box.bg_0 {
	background-color: #F44336;
}

.dashboard .overview-box.bg_1 {
	background-color: #8BC34A;
}

.dashboard .overview-box.bg_2 {
	background-color: #00BCD4;
}

.dashboard .overview-box.bg_3 {
	background-color: #009688;
}

.dashboard .overview-box.bg_4 {
	background-color: #FFC107;
}

body .ui-panel .ui-panel-content{
	border: none;
}

@media ( max-width : 1290px) {
	.ui-sticky {
		top: 70px !important;
	}
}

.link-btn-toolbar{
	background: transparent;
	color: #269cfe;
	font-weight: 400;
	padding: 9px 10px 5px 10px;
}

.link-space{
	margin-left: 5px;
	font-weight: 400;
}

body .ui-button.btn-transparent {
	background: transparent;
	color: #005a9e;
	font-weight: 400;
}

body .ui-button.btn-transparent-green {
	background: transparent;
	color: #4CAF50;
	font-weight: 400;
}
body .ui-button.btn-transparent-orange {
	background: transparent;
	color: #FF9800;
	font-weight: 400;
}
body .ui-button.btn-transparent-red {
	background: transparent;
	color: #F44336;
	font-weight: 400;
}

body .ui-button.btn-transparent:hover, body .ui-button.btn-transparent:focus,
	body .ui-button.btn-transparent:active, body .ui-button.btn-transparent-green:hover, body .ui-button.btn-transparent-green:focus,
	body .ui-button.btn-transparent-green:active, body .ui-button.btn-transparent-orange:hover, body .ui-button.btn-transparent-orange:focus,
	body .ui-button.btn-transparent-orange:active, body .ui-button.btn-transparent-red:hover, body .ui-button.btn-transparent-red:focus,
	body .ui-button.btn-transparent-red:active {
	background: transparent;
	color: black
}

.ui-inputgroup>.ui-inputtext:not(:last-child), .ui-inputgroup>.ui-password:not(:last-child), .ui-inputgroup>.ui-inputnumber:not(:last-child)>.ui-inputtext, .ui-inputgroup>.ui-inputmask:not(:last-child), .ui-inputgroup>.ui-selectonemenu:not(:last-child), .ui-inputgroup>.ui-calendar:not(:last-child)>.ui-inputfield, .ui-inputgroup>.ui-selectonebutton:not(:last-child)>.ui-button {
    padding: 8px;
}

.error-page {
	width: 100%;
    display: inline-table;
    background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradientBG 10s ease infinite;
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.error_form {
    width: 55%;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    position: relative;
    top: 120px;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    border: 2px solid rgba(0, 0, 0, 0);
}

.circles{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.36);
    animation: animate 10s linear infinite;
    bottom: -150px;
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 8s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 10s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 3s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 20s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 20s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 15s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


.fa-warning{
	  animation: shadow-pulse 1.5s infinite;
	  border-radius: 50%;
}

/* LOG OUT BUTTON */
.logout-btn {
	color: white;
	background: #4CAF50;
	padding: 6px 20px;
	border: 1px solid transparent;
	font-size: 14px;
	position: relative;
	right: 10px;
	border-radius: 2px;
}

.logout-btn:hover {
	background: #419245;
	color: white;
	font-size: 14px;
}


/* Common Width format (Width Size) */

.ws-50{
	width: 50px;
}

.ws-100{
	width: 100px;
}

.ws-150{
	width: 150px;
}

.ws-200{
	width: 200px;
}

.ws-250{
	width: 250px;
}

.ws-300{
	width: 300px;
}


.dashboard .overview-box.overview-box-1 {
    background-color: #06bad2;
    height: 100%;
}
.dashboard .overview-box {
    padding: 0px;
}

.dashboard .overview-box .overview-box-content .overview-box-title {
    font-size: 16px;
    margin-bottom: 8px;
}

.dashboard .overview-box.overview-box-case {
    background-color: #2840a0;
    height: 100%;
    position: relative;
  	min-height: 50px;
}

.dashboard .overview-box.overview-box-case:hover, .dashboard .overview-box.overview-box-roaster:hover, .dashboard .overview-box.overview-box-rep:hover,
.dashboard .overview-box.overview-box-cms:hover, .dashboard .overview-box.overview-box-admin:hover, .dashboard .overview-box.overview-box-dashboard:hover,
.dashboard .overview-box.overview-box-cause:hover, .dashboard .overview-box.overview-box-search:hover  {
    background-color: #b5b5b5;
    box-shadow: 0px 5px 5px -1px #929292;
}

.dashboard .overview-box.overview-box-roaster {
    background-color: #7344c5;
    height: 100%;
    position: relative;
  	min-height: 50px;
}

.dashboard .overview-box.overview-box-rep {
    background-color: #d83023;
    height: 100%;
    position: relative;
  	min-height: 50px;
}

.dashboard .overview-box.overview-box-cms {
    background-color: #e68a03;
    height: 100%;
    position: relative;
  	min-height: 50px;
}

.dashboard .overview-box.overview-box-admin {
    background-color: #9a5fb1;
    height: 100%;
    position: relative;
  	min-height: 50px;
}

.dashboard .overview-box.overview-box-dashboard {
    background-color: #828282;
    height: 100%;
    position: relative;
  	min-height: 70px;
}

.dashboard .overview-box.overview-box-cause {
    background-color: #4CAF50;
    height: 100%;
    position: relative;
  	min-height: 70px;
}

.dashboard .overview-box.overview-box-search {
    background-color: #06bad2;
    height: 100%;
    position: relative;
  	min-height: 70px;
}

.dashboard-icon{
	text-align: right;
    font-size: 20px;
    position: absolute;
    bottom: 10px;
    right: 15px;
}

/* Error display of mandatory field */
body .ui-state-error, body .ui-widget.ui-state-error {
    border: 1px solid #F44336;
}

body .ui-outputlabel.ui-state-error {
    background-color: transparent;
    border: 0 none;
    color:#F44336;
}

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: 3px;
    color: red;
}


.ui-float-label {
    display: block;
    position: relative;
}

.ui-float-label > label {
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: .25em;
    top: 50%;
    margin-top: -.5em;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    color: #898989;
    line-height: 1;
}

.ui-float-label > input:focus ~ label, .ui-float-label > input.ui-state-filled ~ label, .ui-float-label > input:-webkit-autofill ~ label, .ui-float-label > textarea:focus ~ label, .ui-float-label > textarea.ui-state-filled ~ label, .ui-float-label > textarea:-webkit-autofill ~ label, .ui-float-label > .ui-inputwrapper-focus ~ label, .ui-float-label > .ui-inputwrapper-filled ~ label {
    top: -.75em;
    font-size: 12px;
}

input:focus {
    outline-offset: -2px;
}

:focus {
    outline: -webkit-focus-ring-color auto 1px;
}

.layout-wrapper.layout-static .layout-main .layout-topbar .user-menu-icon {
	display: none;
}


/* FRAME NOTE */
.note-frame{
	border: 1px dotted grey;
	padding: 5px 10px;
}

.note-text{
	font-size: 12px;
	font-weight: 400;
}

/* media queries */
@media only screen and (max-width: 1280px) {
	.layout-wrapper .layout-main .layout-topbar .menu-btn {
		float: left;
	}
	.layout-wrapper.layout-horizontal .layout-main .layout-content {
		padding: 75px 16px 24px 16px;
		padding-bottom: 50px;
	}
	.layout-wrapper .layout-main .layout-topbar .menu-btn {
		position: relative;
		right: 0px;
	}
	.layout-wrapper .layout-main .layout-topbar {
		width: 100%;
	}
	.layout-wrapper.layout-mobile-active .layout-main {
		position: fixed;
		left: 195px;
	}
	.layout-wrapper.layout-static .layout-main .layout-topbar {
		width: calc(100% - 0px);
	}
	.layout-wrapper.layout-static .layout-main {
		margin-left: 0;
	}
	.dashboard {
		margin-top: 0px;
	}
	.loader {
		left: 39%;
		position: fixed;
		top: 50%;
	}
	.icon-tablet-display {
		margin-top: 20px;
	}
	.right-position {
		float: left;
	}
	.patient-death-position {
		top: 0px;
	}
	
	.layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu.topbar-menu-active {
	    top: 60px;
	    width: auto;
	    padding: 10px 15px;
	}
	
	.layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu.topbar-menu-active > li {
    	padding: 5px;
	}
	
	.layout-wrapper.layout-static .layout-main .layout-topbar .user-menu-icon {
		display: block;
	}
}

@media only screen and (max-width: 768px) {
	.login-img {
		display: none;
	}
}

@media only screen and (max-width: 450px) {
	.login-body .login-panel {
    width: 360px;
    top: 40px;
}
}

.ui-chips {
	width: 100%;
}

.ui-chips-token .ui-chips-token-label {
	color: #e48902;
	font-size: 13px;
}

.chip-bg.ui-state-active {
	background-color: #e2e0e0;
}

body .ui-datatable .ui-datatable-data > tr .ui-row-toggler {
    color: #ff384b;
    font-size: 18px;
    padding-top: 20px;
    font-weight: bold;
    animation: blinker 1s linear infinite;
}