@CHARSET "UTF-8";

/* customized theme */
body .ui-widget-header {
	background: #9E9E9E;
	color: #ffffff;
	border: 1px solid #9e9e9e;
	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: #01538b;
	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;
}

input::-webkit-input-placeholder {
	font-size: 13px;
	line-height: 3;
	font-weight: 400;
	color: #9c9c9c;
}

.case-status {
	color: orange;
	margin-left: 6px;
	padding: 1px 5px;
}

.status-new, .status-assigned_to_dc, .status-verified, .status-assigned_to_registry{
	margin-left: 6px;
	padding: 1px 5px;
}

.status-new{
	color: blue;
}

.status-assigned_to_dc{
	color: red;
}

.status-verified{
	color: green;
}

.status-assigned_to_registry{
	color: Gold;
}

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: 0px;
}

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

.ui-wizard-navbar {
    margin-top: 45px;
}

.option-delete.ui-button {
    background: transparent;
    color: red;
}

.option-delete.ui-button.ui-state-hover {
    background: transparent;
    color: #b70000;
}

/* 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: 10px;
	font-size: 12px;
}

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

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

body .ui-selectonemenu .ui-selectonemenu-label {
	font-weight: 400;
}

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: 10px;
}

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

body .ui-state-disabled {
	opacity: 0.95;
	background: #eaeaea;
    color: #a0a0a0;
    border: none;
}

body .ui-state-disabled.ui-selectonemenu{
	opacity: 0.95;
	background: #eaeaea;
    color: #a0a0a0;
    border: none;
    border: 1px solid #ebebeb;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger, .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
    background: #eaeaea;
}

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

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

body .ui-inputgroup .ui-inputgroup-addon, body .ui-inputgroup .ui-inputgroup-addon-checkbox {
    font-size: 18px;
}

.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;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
    border-color: #80ba27;
    background-color: #80ba27;
    color: #ffffff;
}

.ui-wizard-step-title {
    font-size: 14px;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    background-color: #f5f5f5;
    border: 1px solid #ffffff;
    border-right: 0 none;
    margin: 0;
    padding: 10px 12px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/* 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 {
	border-top-right-radius: 5px;
	background-color: #959595;
	border-right: 1px solid #f4f3f8;
	border-top-left-radius: 5px;
	padding: 3px 0px;
}


.myTabview.ui-tabs {
     position: static;
}

.ui-datatable-scrollable-theadclone {

    visibility: collapse;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active, body .ui-tabs.ui-tabs-bottom .ui-tabs-nav li.ui-state-active,
	body .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-active, body .ui-tabs.ui-tabs-right .ui-tabs-nav li.ui-state-active
	{
	background-color: #FF9800;
	padding: 3px 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

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: #01538b;
	background-image: -webkit-linear-gradient(left, #01538b, #01538b);
	background-image: -moz-linear-gradient(left, #01538b, #01538b);
	background-image: -ms-linear-gradient(left, #01538b, #01538b);
	background-image: -o-linear-gradient(left, #01538b, #01538b);
	background-image: linear-gradient(left, #01538b, #01538b);
}

.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;
	
} */

.checklist-title {
	color: black;
    font-weight: 600;
    font-size: 20px;
    margin-block-start: 2px;
}

.checklist-img{
	width: 40px;
}

.checklist-check {
    color: #4caf50 !important;
    padding: 5px;
    font-size: 20px !important;
}

.checklist-header {
    font-size: 15px;
    font-weight: 500;
}

.checklist-detail {
    font-size: 12px;
    border-top: 1px dotted;
    padding: 5px;
    background: #fafafa;
}

.checklist-row{
	 margin-block-end: -10px;
}

.checklist-main-header {
    font-size: 35px;
    font-weight: 600;
    margin-block-end: -10px;
    text-transform: uppercase;
}

.card {
    box-shadow: 3px 5px 5px -5px grey;
}

.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: #ffffff;
	position: fixed;
	left: -1px;
	bottom: -10px;
	width: 100%;
	text-align: center;
}

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

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

.fa-eye, .fa-edit, .fa-trash-o, .fa-check-circle, .fa-plus-circle,
	.fa-exclamation-triangle {
	font-size: 17px;
}

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

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

/* PANEL HEADER */
.ui-panel .ui-panel-titlebar {
    background: #636b63;
}


.dashboard-links.ui-button, .dashboard-red.ui-button, .dashboard-blue.ui-button, .dashboard-orange.ui-button, .dashboard-green.ui-button{
	color: white;
    font-weight: 600;
    width: 100%;
    padding: 30px 15px;
    font-size: 20px;
    border-radius: 5px;
    box-shadow: 0px 3px 3px 0px #c1c1c1;
}

.dashboard-links.ui-button{
    background: grey;
}

.dashboard-red.ui-button{
    background: #ff766c;
}

.dashboard-blue.ui-button{
    background: #00BCD4;
}

.dashboard-green.ui-button{
    background: #8BC34A;
}

.dashboard-orange.ui-button{
    background: #FFC107;
}

.dashboard-links.ui-button.ui-state-hover, .dashboard-red.ui-button.ui-state-hover, .dashboard-blue.ui-button.ui-state-hover, .dashboard-green.ui-button.ui-state-hover, .dashboard-orange.ui-button.ui-state-hover{
    background: #484848;
}

.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: 195px;
	top: 52px;
}

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

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

.layout-wrapper .layout-main .layout-topbar {
    height: 85px;
    background-color: #005ea2;
}

.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;
    color: #ff9800;
    margin-block-start: 5px;
    margin-block-end: 10px;
}

.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: 2px 10px;
}

.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;
	margin-block-start: 3px;
	margin-block-end: 10px;
}

.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;
}

/* APPLICATION STATUS */
.app-status {
	color: #FF9800;
	margin-left: 10px;
}

/* 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;
}

hr{
	opacity: 0.3;
    box-shadow: none;
}

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

.topbar-logo {
	float: left;
	position: relative;
	left: 30px;
	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;
}

body .ui-dialog {
    border-radius: 5px;
}

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

.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: #269cfe;
}

.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: #269cfe;
} */
body .ui-button.blue-btn {
	background-color: #269cfe;
}

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

body .ui-dialog .ui-dialog-titlebar {
	background: #01538b;
}

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-main .layout-topbar .layout-topbar-menu-wrapper {
    float: right;
    margin-top: 15px;
}

.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, #ffffff, #ffffff);
	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(1 44 73);
}

.main-header {
	display: inline-block;
	color: #00a3cc;
	text-decoration: none;
	font-size: 20px;
}

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

.right-position {
	float: right;
}

/* 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;
}

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: #01538b;
	margin-top: 20px;
}

.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;
}

.hero-image {
	background-image: linear-gradient(rgb(128 186 39 / 0%), rgb(1 83 139 / 82%)), url(../../resources/manhattan-layout/images/directory.jpg);
    height: 55vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.5rem;
}

/* TABLE BUTTTON */
.outline-blue.ui-state-default {
	background: #2196f3;
	font-size: 7px;
	color: white;
	border: 2px solid #2196f3;
	width: 24px;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.outline-blue.ui-state-default:hover, .outline-blue.ui-state-default:focus
	{
	background: transparent;
	color: #2196f3;
	border: 2px solid #2196f3;
}

.outline-green.ui-state-default {
	background: #8BC34A;
	font-size: 7px;
	color: white;
	border: 2px solid #8BC34A;
	width: 24px;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.outline-green.ui-state-default:hover, .outline-green.ui-state-default:focus
	{
	background: transparent;
	color: #8BC34A;
	border: 2px solid #8BC34A;
}

.outline-red.ui-state-default {
	background: #F44336;
	font-size: 7px;
	color: white;
	border: 2px solid #F44336;
	width: 24px;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.outline-red.ui-state-default:hover, .outline-red.ui-state-default:focus
	{
	background: transparent;
	color: #F44336;
	border: 2px solid #F44336;
}

.outline-orange.ui-state-default {
	background: #FF9800;
	font-size: 7px;
	color: white;
	border: 2px solid #FF9800;
	width: 24px;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.outline-orange.ui-state-default:hover, .outline-orange.ui-state-default:focus
	{
	background: transparent;
	color: #FF9800;
	border: 2px solid #FF9800;
}

/* 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: 145px 16px 30px 16px;
	padding-bottom: 20px;
}

/* TIMELINE */
.timeline {
	position: relative;
	width: 660px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 1em 0;
	list-style-type: none;
}

.timeline:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: ' ';
	display: block;
	width: 6px;
	height: 100%;
	margin-left: -3px;
	background: rgb(80, 80, 80);
	background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%,
		rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30,
		87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%,
		rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%,
		rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%,
		rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%,
		rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
	z-index: 5;
}

.timeline li {
	padding: 1em 0;
}

.timeline li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.direction-l {
	position: relative;
	width: 300px;
	float: left;
	text-align: right;
}

.direction-r {
	position: relative;
	width: 300px;
	float: right;
}

.flag-wrapper {
	position: relative;
	display: inline-block;
	text-align: center;
}

.flag {
	position: relative;
	display: inline;
	background: rgb(234, 234, 234);
	padding: 8px 15px;
	border-radius: 5px;
	font-weight: 600;
	text-align: left;
	font-size: 16px;
}

.direction-l .flag {
	-webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px
		rgba(0, 0, 0, 0.15);
	-moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px
		rgba(0, 0, 0, 0.15);
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px
		rgba(0, 0, 0, 0.15);
}

.direction-r .flag {
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px
		rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px
		rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.direction-l .flag:before, .direction-r .flag:before {
	position: absolute;
	top: 50%;
	right: -40px;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -10px;
	background: #fff;
	border-radius: 10px;
	border: 4px solid rgb(255, 80, 80);
	z-index: 10;
}

.direction-r .flag:before {
	left: -40px;
}

.direction-l .flag:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -8px;
	border: solid transparent;
	border-left-color: rgb(234, 234, 234);
	border-width: 8px;
	pointer-events: none;
}

.direction-r .flag:after {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -8px;
	border: solid transparent;
	border-right-color: rgb(234, 234, 234);
	border-width: 8px;
	pointer-events: none;
}

.time-wrapper {
	display: inline;
	line-height: 1em;
	font-size: 0.66666em;
	color: rgb(250, 80, 80);
	vertical-align: middle;
}

.direction-l .time-wrapper {
	float: left;
}

.direction-r .time-wrapper {
	float: right;
}

.time {
	display: inline-block;
	padding: 4px 6px;
	background: rgb(248, 248, 248);
	font-size: 13px;
}

.desc {
	margin: 1em 0.75em 0 0;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5em;
	font-weight: 400;
}

.direction-r .desc {
	margin: 1em 0 0 0.75em;
}

/* Scheduler css */
.holiday .fc-event-skin {
	background-color: #e83c6b;
}

.rgd .fc-bg {
	background-color: #00ff80;
	border-color: #80ff00;
	color: white;
	opacity: 1;
}

.mra .fc-bg {
	background-color: #ff8100;
	border-color: #ff8100;
	color: white;
	opacity: 1;
}

.blue-button.ui-button.ui-state-default:enabled:hover, .blue-button.ui-button.ui-state-default:focus
	{
	background-color: #0080ff;
	border-color: #ffffff;
}

.hideColumn {
	display: none;
}

body .ui-datatable .ui-datatable-data > tr.panel_case {
	background-color: #ff8080;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.approved_case {
	background-color: #b0e2af;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.mra_row {
	background-color: #FFC107;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.IT_row {
	/*background-color: #F44336;*/
	background-color: #AFCBFF;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.PARENT_row {
	/*background-color: #F44336;*/
	background-color: #FE4365;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.RG_row {
	/* background-color: #2196F3; */
	background-color: #689dff;
	color: #000000;
	font-weight: bold;
	
}

body .ui-datatable .ui-datatable-data > tr.VAT_row {
	/* background-color: #ff6096; */
	background-color: #FFB7B2;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.CUS_row {
	/* background-color: #FFC107; */
	background-color: #fff387;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.ITP_row {
	background-color: #f5f5dc;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.EPF_row {
	background-color: #FFFDD0;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.rg_row {
	background-color: #71c0ff;
	color: #000000;
}

body .ui-datatable .ui-datatable-data > tr.request_task {
	background-color: #80ffff;
	color: #000000;
}

.caselink {
    color: blue;
}

.caselink:HOVER {
    color: black;
}

.ui-fluid .ui-inputtextarea[readonly] {
    background: #eaeaea;
    color: #a0a0a0;
    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;
}

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

.panellink {
    color: blue;
    float: left;
    padding: 2px;
    background-color: white;
    border-radius: 5px;
}

.panellink:HOVER {
    color: white;
    background-color: blue;
}

/* ================ Timeline Media Queries ================ */
@media screen and (max-width: 660px) {
	.timeline {
		width: 100%;
		padding: 4em 0 1em 0;
	}
	.timeline li {
		padding: 2em 0;
	}
	.direction-l, .direction-r {
		float: none;
		width: 100%;
		text-align: center;
	}
	.flag-wrapper {
		text-align: center;
	}
	.flag {
		background: rgb(255, 255, 255);
		z-index: 15;
	}
	.direction-l .flag:before, .direction-r .flag:before {
		position: absolute;
		top: -30px;
		left: 50%;
		content: ' ';
		display: block;
		width: 12px;
		height: 12px;
		margin-left: -9px;
		background: #fff;
		border-radius: 10px;
		border: 4px solid rgb(255, 80, 80);
		z-index: 10;
	}
	.direction-l .flag:after, .direction-r .flag:after {
		content: "";
		position: absolute;
		left: 50%;
		top: -8px;
		height: 0;
		width: 0;
		margin-left: -8px;
		border: solid transparent;
		border-bottom-color: rgb(255, 255, 255);
		border-width: 8px;
		pointer-events: none;
	}
	.time-wrapper {
		display: block;
		position: relative;
		margin: 4px 0 0 0;
		z-index: 14;
	}
	.direction-l .time-wrapper {
		float: none;
	}
	.direction-r .time-wrapper {
		float: none;
	}
	.desc {
		position: relative;
		margin: 1em 0 0 0;
		padding: 1em;
		background: rgb(245, 245, 245);
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
		z-index: 15;
	}
	.direction-l .desc, .direction-r .desc {
		position: relative;
		margin: 1em 1em 0 1em;
		padding: 1em;
		z-index: 15;
	}
}

@media screen and (min-width: 400px ?? max-width: 660px) {
	.direction-l .desc, .direction-r .desc {
		margin: 1em 4em 0 4em;
	}
}

.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;
}

/* TABLE INFO */
.table-info{
	margin-top: 5px;
    color: #607d8b;
    padding: 5px;
    background: #f3f9fd;
    font-size: 14px;
}

/* DASHBOARD BOX */
.dashboard-title {
	text-align: center;
	font-size: 15px;
	position: relative;
	font-weight: 600;
}

.icon-size {
	font-size: 4rem;
}

.module-box {
	color: white;
	padding: 5px;
	border-radius: 5px;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
	-webkit-tap-highlight-color: transparent;
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
}

/* Float Shadow */
.module-box:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%,
		rgba(0, 0, 0, 0) 80%);
	/* W3C */
	transition-duration: 0.3s;
	transition-property: transform opacity;
}

.module-box:hover {
	transform: translateY(-5px);
	opacity: 0.7;
	/* move the element up by 5px */
}

.module-box:hover:before {
	opacity: 1;
	transform: translateY(5px);
	/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.blue-box {
	background: #00BCD4;
}

.green-box {
	background: #8BC34A;
}

.orange-box {
	background: orange;
}

.brown-box {
	background: #925a45;
}

.red-box {
	background: #F44336;
}

.bluegrey-box {
	background: #607D8B;
}

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



/*REGISTER EXPORTER AND IMPORTER*/

.benefits {
    position: relative;
    display: block;
    background-color: #f2f5f9;
    padding: 35px 0 35px;
    z-index: 1;
    height: 475px;
}

.benefits-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50rem;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto;
    z-index: 0;
}

.benefits-bg-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    opacity: .30;
    z-index: -1;
}

.benefits__left {
    position: relative;
    display: block;
    margin-right: 20px;
}

.section-title__title {
    margin: 0;
    color: #16243d;
    font-size: 35px;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 0px;;
}


/* WORKFLOW BUTTON HCOMMAND LINK */
.workflow-validation {
	color: #2196f3;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 8px 5px 3px;
    text-decoration: underline;
}


.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: #01538b;
}

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

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

.info-board {
	font-size: 14px;
	margin-left: 5px;
	color: #2196F3;
	font-weight: 600;
}

.info-board-bg {
	border: 1px solid #dadada;
	padding: 5px 10px;
	background: #f3f3f3;
}

.card h3 {
	font-size: 18px;
	font-weight: 400;
	margin-block-start: 3px;
	margin-block-end: 5px;
	border-bottom: 1px dotted;
	color: #7b7b7b;
	width: 100%;
}

.patient-info-display {
	background: #daf3e6;
	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-sticky {
	top: 108px !important;
}

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

.ui-widget-header.toolbar-header {
	background: white;
	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;
	color: transparent;
}

.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;
}

/* DASHBOARD MENU */
.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: #61b9ff;
	height: 100%;
	position: relative;
	min-height: 50px;
}

.dashboard .overview-box.overview-box-case:hover .dashboard-icon {
	font-size: 220px;
	opacity: 0.2;
}

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

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

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

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

.dashboard .overview-box.overview-box-roaster:hover .dashboard-icon,
	.dashboard .overview-box.overview-box-rep:hover .dashboard-icon,
	.dashboard .overview-box.overview-box-cms:hover .dashboard-icon,
	.dashboard .overview-box.overview-box-admin:hover .dashboard-icon {
	font-size: 100px;
	opacity: 0.2;
}

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

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

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

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

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

.dashboard .overview-box.overview-box-dashboard:hover .dashboard-icon,
	.dashboard .overview-box.overview-box-cause:hover .dashboard-icon,
	.dashboard .overview-box.overview-box-search:hover .dashboard-icon,
	.dashboard .overview-box.overview-box-myDash:hover .dashboard-icon,
	.dashboard .overview-box.overview-box-myCase:hover .dashboard-icon {
	font-size: 50px;
	opacity: 0.2;
}

.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,
	.dashboard .overview-box.overview-box-myDash:hover, .dashboard .overview-box.overview-box-myCase:hover
	{
	opacity: 0.8;
}

.dashboard-icon {
	text-align: right;
	font-size: 20px;
	position: absolute;
	bottom: 10px;
	right: 15px;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}

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

/* PREVIOUS AND NEXT WEEK BUTTON */

body .ui-button.btn-transparent-nxtprevweek {
	background: transparent;
	color: #2196F3;
	font-weight: 700;
    font-size: 15px;
}

body .ui-button.btn-transparent-curweek {
	background: transparent;
	color: #4CAF50;
	font-weight: 700;
    font-size: 15px;
}

body .ui-button.btn-transparent-nxtprevweek:hover, body .ui-button.btn-transparent-nxtprevweek:focus,
	body .ui-button.btn-transparent-nxtprevweek:active, body .ui-button.btn-transparent-curweek:hover, body .ui-button.btn-transparent-curweek:focus,
	body .ui-button.btn-transparent-curweek:active{
	
	background: transparent;
	color: black
}

body .ui-button.btn-transparent-nxtprevweek.ui-state-disabled {
	background: transparent;
	color: #b7b7b7;
	font-weight: 700;
    font-size: 15px;
}



/* TOOLBAR BUTTON */

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

body .ui-button.btn-transparent.ui-state-disabled {
	background: transparent;
	color: #b7b7b7;
	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
}

.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


(-1000
px
)

 

rotate


(720
deg
);


        

opacity


:

 

0;
border-radius


:

 

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

/* 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;
}

.layout-wrapper .layout-main .layout-topbar .side-bar-icon {
	float: left;
	left: 0px;
}

.layout-wrapper.layout-overlay .layout-main .layout-topbar .side-bar-user
	{
	display: none;
}

/* 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;
}

/* 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;
}

/* PAGE TITLE */
.page-title {
	font-size: 17px;
	color: #FF9800;
	font-weight: 600;
	margin-block-start: 5px;
	margin-block-end: 10px;
	border-bottom: 2px dotted #c1bebe;
}

.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;
	background: #ffdfb1;
}

.ui-selectonemenu.ui-state-focus {
	background: #ffdfb1;
}

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

.login-body .login-panel {
	width: 450px;
	background-color: #ffffff;
	position: relative;
	margin: auto;
	top: 120px;
	left: 0;
}

/* DISPLAY BOARD */
.display-board{
	background: #fff2cb;
    padding: 5px 2px;
}

/* CASE STATUS */

.case-green{
	color: #8bc34a;
}

.case-blue{
	color: #03a9f4;
}

.case-red{
	color: #f44336;
}

.case-orange{
	color: #ffc107;
}

.case-grey{
	color: #9e9e9e;
}

/* DASHBOARD COUNTERS */

.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}

.bg-grey-dashboard {
    background-color: #808080 !important;
}

.bg-green-dashboard {
    background-color: #8bc34a !important;
}

.bg-red-dashboard {
    background-color: #ff766c !important;
}

.bg-blue-dashboard {
    background-color: #00bcd4 !important;
}

.bg-orange-dashboard {
    background-color: #ffc107 !important;
}



.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
    color: white;
}

.info-box-text {
    display: block;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #909090;
}

.info-box-text {
    text-transform: uppercase;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 30px;
}

.info-box-request {
    font-weight: bold; 
    font-size: 14px;
}

.info-box-value {
    left: 14%;
    position: relative;
}

.info-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
}

.info-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0,0,0,0.15);
}

.info {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 1.2rem;
    background-color: hsl(0, 0%, 100%);
    box-shadow: 5px 5px 20px rgb(0 0 0 / 10%);
    transition: transform 300ms ease;
}

.info:hover {
  transform: scale(1.02);
}

.info__img {
    border-radius: 0.9rem;
    width: -webkit-fill-available;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.info__content {
  padding: 0.5em 0.5em;
}

.info__title {
  font-size: 1.5rem;
  color: hsl(218, 44%, 22%);
}

.info__desc {
    font-size: 1rem;
    padding: 5px;
    color: #8d8d8d;
}

/* 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;
	}
	.layout-wrapper.layout-overlay .layout-main .layout-topbar .side-bar-user
		{
		display: inline-block;
	}
	.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;
	}
}

@media only screen and (max-width: 1024px) {
	
	.layout-wrapper.layout-light .layout-sidebar {
    margin-top: 0px;
}


.benefits-bg {
    display: none;
}

.benefits {
    height: auto;
}

}

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

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

}