body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	margin-top: 8px;
	margin-bottom: 8px;
}

p {
	margin-top: 6px;
	margin-bottom: 6px;
}

#page {
	background: #ffffff;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#header {
	background: #fafafa;
	min-height: 104px;
	border-bottom: 1px solid #7fc479;
}

#utility {
	background: #333;
	min-height: 22px;
	width: 100%;
}

.utility_inner {
	margin: 0 auto;
	position: relative;
	color: #d5d5d5;
	width: 100%;
	max-width: 1100px;
	text-transform: uppercase;
	text-align: right;
}

.utility_inner a {
	color: #d5d5d5;
	text-decoration: none;
	font-size: 10px;
}

.utility_inner a:link {
	color: #d5d5d5;
	text-decoration: none;
	font-size: 10px;
}

.utility_inner a:hover {
	color: #fafafa;
	text-decoration: none;
}

.header-class {
	width: 100%;
	height: 95px;
	padding: 5px 0px 5px 0px;
	background-color: beige !important;
}

.header_inner, .custom_header {
	width: 100%;
	max-width: 1100px;
	position: relative;
	margin: 0 auto;
}

.header_inner2 {
	width: 100%;
	max-width: 1100px;
	position: relative;
	padding: 4px 126px;
}

.nav-bar {
	margin: 0px 0px 5px 0px;
	width: 100%;
	/* height: 80%; */
	background-color: beige !important;
}

.logo {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
}

.logo img {
	width: 70px;
	max-width: 100%;
	height: 70px;
}

.logo-Image {
	margin: 0 10px 0 20px;
	width: 17%;
	height: 100%;
	float: left;
}

.header-nav {
	width: 85%;
	height: 40px;
	float: right;
	background-color: #DCEDC1;
	margin: 15px 0px 15px 10px;
	border-radius: 4px;
	opacity: 1;
	text-align: right;
	padding-top: 10px;
}

#header .goto-home {
	float: left;
	margin-left: 15px;
}

.header-Text {
	float: right;
	text-align: right;
	padding: 20px 20px 20px 15px;
	font-size: larger !important;
}

.exit {
	color: black !important;
	text-decoration: none;
}

.exit:hover {
	color: #3d99f5 !important;
}

.ttap-body {
	width: 100%;
	height: 393px;
}

.ttap-config {
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	opacity: 1;
}

.ttap-home-heading {
	margin-top: -17px;
	background-color: white;
	display: table;
	padding: 0 12px 0 12px;
}

.home-p-margin {
	margin: 10px 0px 36px 12px;
}

.ttap-settings {
	margin: 10px 10px 10px 10px;
	padding: 5px;
	width: 33.333%;
	float: left;
	color: black;
	border: 1px solid #D9D9D9;
	border-radius: 4px;
	opacity: 1;
	box-sizing: border-box;
}

.ttap-home-icon-margin {
	margin-top: 14px;
	margin-bottom: 14px;
}

.ttap-settings:hover em {
	color: #64B047;
}

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

.footer {
	position: relative;
	width: 100%;
	bottom: 0;
	background-color: black;
	margin: 0;
	padding: 0;
	clear: both;
}

.footer-content {
	color: white;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 9px;
	padding: 5px;
	text-align: center;
	height: max-content;
	margin-top: 20px;
}

.footer-link {
	margin-top: -10px;
	font-size: 12px;
}

.footer-link li {
	display: inline;
	margin-right: 8px;
}

.ttap-settings:hover {
	color: #67db73 !important;
	cursor: pointer;
	background-color: beige;
	border: 1px solid #67db73;
	text-decoration: none;
}

.ttap-global-settings-body {
	width: 100%;
	height: 100%;
	margin: 5px 0px 5px 0px;
	min-height: calc(100vh - 232px);
	position: relative;
}

.tgs-heading {
	margin: 50px 0 0 50px;
	padding: 0px 5px;
	color: #67db73;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',
		sans-serif;
}

.tgs-details {
	margin: 5px 0 0 50px;
	padding: 0px 5px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',
		sans-serif;
}

.tgs-edit {
	height: 100%;
	padding-right: 0;
	margin-right: 61px;
	margin-bottom: 24px;
}

.tgs-time {
	width: auto;
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}

.tgs-config-time {
	height: 140px;
	margin-bottom: 50px;
}

.radio-span {
	display: block;
	/* width: 400px; */
}

.div-btn .tgs-btn {
	color: white;
	border: 1px solid transparent;
	border-radius: 50px;
	float: left;
	margin: 10px 10px 0 0px;
	cursor: pointer;
	width: auto;
	height: 30px;
	background: #64B047 0% 0% no-repeat padding-box !important;
	min-width: 150px;
	text-align: center;
	font: 16px/18px Arial;
}

#userRoles table {
	border-collapse: collapse;
	margin: 5px 0;
}

#userRoles td {
	border: 1px solid #95989A;
	text-align: left;
	padding: 8px;
	font: normal 16px/18px Rubik;
	letter-spacing: 0;
}

#userRoles th {
	text-align: center;
	padding: 8px;
	background: #E1E1E1 0% 0% no-repeat padding-box;
	border: 1px solid #95989A;
	font: Bold 16px/18px Rubik;
	color: #303030;
	box-shadow: none;
}

tr:nth-child(even) {
	background: #F2F5F9 0% 0% no-repeat padding-box;
	border: 1px solid #95989A;
}

.tgs-userrole {
	height: max-content;
	padding-right: 50px;
	/* margin-bottom: 10px; */
}

.table-gip {
	text-align: left;
	/* margin: 10px; */
	width: 100%;
	height: max-content;
	font-family: 'Times New Roman', Times, serif;
}

.table-gip table {
	/* padding: 10px; */
	/* border: none; */
	border: transparent;
	border-collapse: separate;
	border-spacing: 0 15px;
}

.table-gip tr {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 3px;
	font-size: 16px;
	font-family: 'Rubik';
}

.table-gip td {
	padding: 0 8px;
	border-radius: 3px;
	display: flex;
}

.table-gip .checkbox-padding {
	padding: 6px 10px 0px 0px;
}

input[type="checkbox" i] {
	width: 20px;
	height: 20px;
	margin: 0;
	cursor: pointer;
	/* background-color: black; */
}

.table-mis {
	text-align: left;
	margin-top: 10px;
	width: 100%;
	height: max-content;
	font-family: 'Times New Roman', Times, serif;
}

.table-mis table tr td {
	border: none;
	padding: 5px;
	background-color: transparent;
	margin: 0;
	width: max-content;
}

.table-mis tr:nth-child(even) {
	background-color: transparent;
}

.table-gip span {
	/* background-color: #dddddd; */
	padding: 1px 3px 1px 3px;
}

.tab {
	overflow: hidden;
	background-color: transparent;
	margin: 10px 10px 0 10px;
}

.tab button {
	background-color: #ccc;
	float: left;
	border: .5px solid #ccc;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	margin: 5px 5px 0px 5px;
}

.tab button:hover {
	background-color: #ddd;
}

.tab button.active {
	background-color: transparent;
}

.tabcontent {
	padding: 6px 12px;
}

.user-type {
	margin: 5px 25px 25px 25px;
}

.ttap-user-heading {
	margin-top: 5px;
}

.margin-10, .user-type span {
	margin: 10px;
}

.user-type a {
	color: #3d99f5;
	text-decoration: none;
}

.active_user {
	text-align: center;
}

.active_user table {
	table-layout: auto;
}

.eye-blue {
	color: #3d99f5;
}

#users .ui-tabs-header {
	font: Bold 16px/18px Arial;
	text-align: left;
	letter-spacing: 0;
	opacity: 1;
}

#users .ui-state-active a {
	color: #3778BA;
}

.active-user-table table {
	font-size: 15px;
}

.active-user-table td {
	text-align: center;
	width: auto;
	border: .5px solid #ccc;
}

.active-user-table tr:nth-child(even) {
	background-color: transparent;
}

.ttap-user-settings {
	height: 200px;
}

.active-user-table .eye-blue {
	color: #3d99f5 !important;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.tgs-config-time input {
	width: 36% !important;
	font-size: smaller;
	text-align: center;
	padding: 7px 5px 6px 5px;
	background: beige;
	margin-left: 20%;
}

.tgs-gip {
	height: 380px;
}

.quickNote {
	width: 90%;
	height: max-content;
	padding: 5px 0;
	margin-left: -3px;
}

.quickNote input {
	width: 50%;
	margin: 5px 0;
	padding: 5px;
}

.tgs-qn {
	height: 280px;
}

.ttap-mis {
	height: 150px;
}

.report {
	color: black;
	padding: 0 10px;
}

.ttap-home-user {
	margin: 10px 3.4% 10px 3.4%;;
}

.user-type a {
	color: black !important;
}

.addUser a {
	color: #3d99f5 !important;
	font-size: 16px !important;
	font-family: serif;
	font-weight: 600;
}

a {
	color: #9ae59a;
	text-decoration: none;
}

a:HOVER {
	cursor: pointer;
}

.footer-link a:HOVER {
	cursor: pointer;
	text-decoration: underline;
}

#header .l-16-bold-black {
	font: Bold 16px/18px Rubik;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
	margin-right: 15px;
}

/* -------------------------------------------------------------------------------- Footer */
#footer {
	background: #F2EDED 0% 0% no-repeat padding-box;
	width: 100%;
	overflow: hidden;
	margin-top: auto;
}

.footer_inner {
	width: 100%;
	max-width: 1100px;
	padding: 20px;
	margin: 0 auto;
	overflow: hidden;
}

#footer p {
	padding: 0;
}

#footer .footer_nav {
	text-align: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#footer .footer_nav>li {
	display: inline-block;
	padding-left: 20px;
	text-align: left;
	font-family: Open Sans;
	letter-spacing: 0;
	color: #64B047;
	font-size: 15px;
}

#footer .footer_nav ul {
	display: none;
}

#footer .footer_nav>li:first-child {
	padding-left: 0;
}

#footer .footer_nav>li a {
	text-decoration: none;
	font: normal normal normal 14px/17px RubikMedium;
	letter-spacing: 0px;
	color: #393C3F;
}

#footer .footer_nav>li a:hover {
	text-decoration: underline;
}

#footer .footer_inner>span {
	color: #333333;
	text-align: left;
	display: block;
	font: normal normal normal 14px/17px Rubik;
}

.custom_header .social_icons, #footer .social_icons {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 15px 0 0;
	overflow: hidden;
}

.custom_header .social_icons {
	padding: 15px 0 10px;
	text-align: right;
}

.custom_header .social_icons li, #footer .social_icons li {
	display: inline-block;
	margin: 0 5px;
}

.copyright {
	font: normal 14px/17px Rubik;
	line-height: 15px;
}
/* -------------------------------------------------------------------------------- Shortcodes */

/* -------------------------------------------------------------------------------- Middle */
#middle {
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.middle_inner, .middle_inner_trans, .middle_inner_log {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.middle_inner-2 {
	width: auto;
	position: relative;
	margin-left: 127px;
	margin-right: 128px;
}

/* -------------------------------------------------------------------------------- Content */
#content {
	width: 70.7%;
	float: left;
	padding: 0 0 20px;
	position: relative;
}

#alert_content {
	width: 100%;
	float: left;
	padding: 0 0 20px;
	position: relative;
}

.content_wrap.l_sidebar #content {
	float: right;
}

ol, ul {
	list-style-position: inside;
	margin: 0 0 18px;
}

ol, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}

li {
	line-height: 28px;
}

.display-inline-block {
	display: inline-block;
}

.display-inline {
	display: inline;
}

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

.position-relative {
	position: relative;
}

.content_wrap {
	-webkit-transition: background-position .3s ease-in-out;
	-moz-transition: background-position .3s ease-in-out;
	-ms-transition: background-position .3s ease-in-out;
	-o-transition: background-position .3s ease-in-out;
	transition: background-position .3s ease-in-out;
}

.content_wrap_home {
	padding: 15px 0 0px;
	overflow: hidden;
	position: relative;
}

.content_wrap_other {
	padding: 10px 0 0px;
	overflow: hidden;
	position: relative;
}

.h-24-green-regular {
	font-size: 24px;
	font-family: Rubik;
	line-height: 28px;
	text-align: left;
	letter-spacing: 0;
	color: #64B047;
	opacity: 1;
	font-weight: 400;
}

.h-20-black-regular {
	font-size: 20px;
	font-family: Rubik;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
}

.h-18-blue-bold-arial-left {
	text-align: left;
	font: Bold 16px/18px Arial;
	letter-spacing: 0;
	color: #3778BA;
	opacity: 1;
}

.h-18-black-bold-arial-left {
	text-align: left;
	font: Bold 16px/18px Arial;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
}

.h-18-green-regular-droid-left {
	text-align: left;
	font-family: Rubik;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0;
	color: #64B047;
	opacity: 1;
	font-weight: 400;
}

.h-16-black-bold-arial {
	text-align: center;
	font: Bold 16px/18px Arial;
	letter-spacing: 0;
	color: #303030 !important;
	opacity: 1;
}

.h-16-dblue-bold-arial {
	text-align: left;
	font: Bold 16px/18px Arial;
	letter-spacing: 0;
	color: #3778BA !important;
	opacity: 1;
}

.p-16-lblack-bold {
	font: Bold 16px/18px Arial;
	text-align: center;
	letter-spacing: 0;
	color: #707070;
	opacity: 1;
}

.p-16-lblack-regular {
	font-size: 16px;
	font-family: Rubik;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0;
	color: #707070;
	opacity: 1;
}

.p-16-black-regular {
	font-size: 16px;
	font-family: Rubik;
	line-height: 18px;
	text-align: left;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
	font-weight: 400;
}

.l-16-dblue-arial-Bold {
	font: Bold 16px/18px Arial;
	text-align: left;
	letter-spacing: 0;
	color: #3778BA;
	opacity: 1;
}

.l-16-dred-arial-Bold {
	text-align: left;
	font: Bold 16px/18px Arial;
	letter-spacing: 0;
	color: #B20005;
	opacity: 1;
}

.l-16-lblack-arial-bold-left {
	text-align: left;
	font: Bold 16px/18px Arial;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
}

.l-16-grey-arial-bold-left {
	text-align: left;
	font: Bold 16px/18px Arial;
	letter-spacing: 0;
	color: #95989A;
	opacity: 1;
}

.l-16-lblack-arial-regular-left {
	font-size: 16px;
	font-family: Arial, Regular;
	line-height: 18px;
	text-align: left;
	letter-spacing: 0;
	color: #707070;
	opacity: 1;
	font-weight: 400;
}

.fa-sliders-h-60-black {
	font-size: 60px;
	text-align: center;
	line-height: 73px;
	letter-spacing: 0;
	color: #606060;
	opacity: 1;
}

.fa-users-cog-60-black {
	font-size: 60px;
	text-align: center;
	line-height: 73px;
	letter-spacing: 0;
	color: #606060;
	opacity: 1;
}

.fa-file-search-60-black {
	font-size: 60px;
	text-align: center;
	line-height: 73px;
	letter-spacing: 0;
	color: #606060;
	opacity: 1;
}

.fa-eye-16-dblue {
	font: Bold 16px/18px Arial;
	text-align: left;
	letter-spacing: 0;
	color: #3778BA;
	opacity: 1;
}

.fa-check-16-black {
	font-size: 16px;
	font-family: Arial, Regular;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0;
	color: #707070;
	opacity: 1;
	font-weight: 400;
}

.fa-sign-out-alt-black {
	text-align: right;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
}

.flex-container {
	display: flex;
	flex-direction: row;
	padding: 0px 4px 4px 4px;
}
/* ------------------------------------------global Settings*/
.h3-Droidsans-18 {
	margin-top: -22px;
	background-color: white;
	padding: 0 5px 0 5px;
	text-align: left;
	font-family: Regular Droid Sans;
	font-size: 18px;
	letter-spacing: 0;
	color: #64B047;
	opacity: 1;
	width: max-content;
}

.div-padding-bottom-20 {
	padding-bottom: 20px;
}

.ttap-global-settings-body {
	width: 100%;
	height: 100%;
	margin: 5px 0px 5px 0px;
	min-height: calc(100vh - 232px);
	position: relative;
	padding: 0 11%;
}

.h2-Droidsans-24 {
	text-align: left;
	font-family: Regular Droid Sans;
	font-size: 24px;
	letter-spacing: 0;
	color: #64B047;
	opacity: 1;
	letter-spacing: 0;
}

.p-arial-16 {
	text-align: left;
	font: 16px/18px Arial;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
	letter-spacing: 0;
}

.a-arial-16 {
	text-align: right;
	font-family: Bold Arial;
	font-size: 16px;
	color: #3778BA;
	opacity: 1;
	letter-spacing: 0;
	float: right;
}

.a-arial-16:HOVER {
	color: #64B047;
}

.div-rectangle-1105-109, .div-rectangle-admin {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	opacity: 1;
	padding: 10px 10px 0px 10px;
}

.div-1105-131 {
	height: 131px;
	opacity: 1;
}

.span-arial-bold-16 {
	text-align: left;
	font-family: Arial, Bold;
	font-size: 16px;
	color: #303030;
	opacity: 1;
	letter-spacing: 0;
	font-weight: bold;
}

.dropdown-arial-16 {
	width: 70px;
	height: 28px;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
	margin-top: -5px;
	background: transparent;
}

.div-margin-10 {
	margin: 10% 0 0 0;
}

.div-margin-28 {
	margin: 28% 0 0 0;
}

.div-margin-top-16-height-max {
	margin-top: 16%;
	height: max-content;
}

.labl {
	margin-top: -2px;
}

.start-time {
	float: left;
	padding: 0;
}

#userRoles a {
	color: #3778BA;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial;
}

#userRoles a:HOVER {
	color: #3778BA !important;
	text-decoration: underline;
	font-size: 16px;
	font-family: Arial;
}

.div-rectangle-1105-109 input {
	width: 85px;
	background: #E1E1E1 0% 0% no-repeat padding-box !important;
	border-radius: 4px;
	opacity: 1;
	border: 0px solid #a8a8a8 !important;
	box-shadow: none !important;
	padding: 7px !important;
}

.p-16-Open_Sans {
	text-align: left;
	font-family: Open Sans, Regular;
	font-size: 16px;
	line-height: 22px;
	color: #303030;
	opacity: 1;
}

.div-display-grid {
	display: grid;
}

#quickNote input, #attachment input {
	width: 55%;
	margin: 5px;
	padding: 5px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #95989A !important;
	border-radius: 4px;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: 0;
	color: #303030;
	box-shadow: none !important;
	height: 34px !important;
}

#quickNote input.ui-state-disabled, #attachment input.ui-state-disabled
	{
	background: #E1E1E1 0% 0% no-repeat padding-box !important;
	width: 55%;
	margin: 5px;
	padding: 5px;
	border: 1px solid #E1E1E1 !important;
	border-radius: 4px;
	text-align: left;
	font-family: Rubik;
	font-size: 16px;
	letter-spacing: 0;
	color: #303030;
	text-shadow: none;
	margin-top: 20px;
}

.manage a {
	font: Bold 16px/18px Arial;
	text-align: left;
	letter-spacing: 0;
	color: #3778BA;
	opacity: 1;
}

.eye-view a {
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	letter-spacing: 0;
	color: #3778BA;
	opacity: 1;
}

a.l-16-dblue-arial-Bold {
	color: #3778BA !important;
}

a.l-16-dred-arial-Bold {
	color: #B20005 !important;
}

.divider-line {
	padding: 0px 4px 0px 4px;
}

.add-user {
	margin-top: 20px;
	margin-bottom: 50px;
}

#users .ui-tabs .ui-tabs-panel {
	padding: 1em 1em;
}

.utility_inner .help {
	color: #64B047;
	text-decoration: none;
}

.flex-container-g-s {
	display: flex;
	flex-direction: column;
}

.global-div-margin {
	margin-top: 20px;
	margin-bottom: 20px;
}

.sub-head-g-s {
	margin-top: -22px;
	background-color: white;
	padding: 0 8px 0 8px;
	width: max-content;
}
/* -----------------------------------------------------------------------------dialog box */
.dialog-body {
	min-height: max-content;
	width: 1105px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	opacity: 1;
}

.div-margin-5 {
	margin: 6px 5px;
}

.toggleSwitch-right-50 {
	float: right;
	width: 50px;
	height: 30px;
}

.span-arial-18 {
	text-align: left;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #303030;
	opacity: 1;
}

.span-arial-16 {
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #303030;
	opacity: 1;
}

.div-radius-4 {
	background: #F2F5F9 0% 0% no-repeat padding-box;
	border: 1px solid #F2F5F9;
	border-radius: 4px;
	margin: 10px 0;
}

.div-border-right {
	border-right: 2px solid #F2F5F9;
	border-left: 2px solid #F2F5F9;
	margin-left: -5px;
	margin-right: -20px;
}

.div-margin-middle {
	margin: -17px 31% 0 36%;
	width: auto;
}

.panelGrid-width-100 {
	width: 350px;
	margin-left: -8px;
}

.width-40 {
	width: 40%
}

.div-border-none {
	border: none;
	background: transparent;
}

#userRoles .icon-green {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	color: #64B047;
}

#userRoles .a-red, .a-red {
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	font-weight: Bold;
	color: #B20005;
}

.div-parallel {
	width: 50%;
	float: left;
	padding: 3px;
	height: 450px;
}

.div-padding-20-10 {
	padding: 20px 10px 10px 0;
}

.div-padding-20-10-5 {
	padding: 0 10px 10px 5px;
}

.input-border-1 {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #95989A !important;
	box-shadow: none !important;
	border-radius: 4px;
	width: 271px;
	height: 38px;
}

.input-margin-17 {
	width: 92%;
	margin: 0 0 10px 23px;
}

.div-border-left-padding-left {
	border-left: 1px solid #D9D9D9;
	padding-left: 10px;
}

.div-margin-left-35 {
	margin: 0 0 0 32%;
	width: auto;
}

.div-btn .p-arial-16 {
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: 0;
}

.p-arial-14 {
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
	letter-spacing: 0;
}

#dialogs .p-arial-16 {
	font-family: Arial;
	font-size: 16px;
	letter-spacing: 0;
	font-weight: normal;
}

.div-margin-10-21 {
	margin: 0 18%;
}

.div-width-48 {
	width: 48%;
	float: left;
	padding: 3px;
	min-height: 450px;
}

.div-width-52 {
	width: 52%;
	float: left;
	padding: 3px 3px 3px 15px;
	min-height: 450px;
}

.button-background-red {
	background: #B20005 !important;
	box-shadow: none;
}

.am, .pm {
	background: #3778BA 0% 0% no-repeat padding-box;
	border-radius: 4px;
	color: #FFFFFF;
}

.a-arial-16 {
	text-align: right;
	font: Bold 16px/18px Arial;
	letter-spacing: 0;
	float: right;
	color: #3778BA;
}

.div-margin-12-left {
	margin-left: 8px;
	margin-top: -6px;
	margin-right: 8px;
}

.div-start-time-margin {
	margin: -7px 25px 0 5px;
}

.div-margin-2-left {
	margin-left: 2px;
	margin-top: -6px;
}

.div-margin-15-20 {
	width: 100%;
	float: left;
	margin: 15px 0px 10px 0;
}

.div-padding-bottom-15 {
	padding-bottom: 15px;
}

.p-margin-left-right-5 {
	margin: 0 5px;
}

.div-padding-right-15 {
	padding-right: 15px;
}

#roles td {
	padding-bottom: 10px;
}

.label-cursor-pointer {
	cursor: pointer;
}

.label {
	text-align: left;
	font-family: Arial;
	font-size: 16px;
}

#gameDay td:hover {
	cursor: pointer;
}

#guestIdPrompts .dropdown-border-none {
	background: transparent;
	border: none;
	margin-top: .25px;
	height: 30px;
}

.p-bold, #dialogs .p-bold {
	font-weight: bold;
}

.table-gip .row-error-margin {
	margin-left: -10px;
}

.display-none {
	display: none;
}

.table-gip .border-2px-red {
	border: 2px solid #B20005;
	border-radius: 4px;
}

.font-bold {
	font-weight: bold;
}

.width-125 {
	width: 125px;
}

.width-135 {
	width: 135px !important;
}

.width-189 {
	width: 189px;;
}

.width-200 {
	width: 200px;
}

.width-300 {
	width: 300px;
}

.text-margin-43 {
	margin: 0 43%;
}

.div-login-align {
	margin: 20%;
}

#dialogs .panelGroupInput .background-transparent {
	background-color: transparent;
	border-color: transparent;
	margin-top: 5px;
	margin-bottom: -15px;
}

#dialogs .panelGroupInput .input-error {
	border: 2px solid #B20005;
}

.span-required-star {
	color: red;
	font-size: 9px;
}

.h2-header-text {
	font: normal 24px/26px Rubik;
	color: #757575;
}

.login-form {
	width: 50%;
	height: max-content;
	padding: 15px;
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.3);
	margin: auto !important;
}

.h1-header-text {
	font: bold 50px/52px Rubik;
}

.h3-header-text {
	color: #757575;
	text-align: center;
	font: normal 14px/16px Rubik;
}

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

.padding-0-40 {
	padding: 0 40%;
}

.padding-0-25 {
	padding: 0 25%;
}

.login-align {
	padding: 14px;
	top: 50px;
}

.div-width-100 {
	width: 100%;
}

.div-20 {
	width: 20%;
	float: left;
}

.div-75 {
	width: 75%;
	float: left;
}

.i-bold {
	font-weight: bold;
}

.login-input {
	height: 50px;
	text-align: center;
	border: 1px solid #757575;
	background-color: #f6f6f6;
	font-size: 20px;
}

.login-input:active, .login-input:visited {
	background-color: #ffffff;
}

.padding-5-15 {
	padding: 5px 15px;
}

.margin-10-30 {
	margin: 10px 30% !important;
}

.div-btn .btn-signup {
	height: 40px;
	border-radius: 15px;
	background: #4481be !important;
	width: 200px !important;
}

.login-error-msg {
	color: #b20005;
	margin-left: 30%;
	margin-top: 5px;
}

.margin-top-25 {
	margin-top: 25px;
}

.headline {
	height: 90px;
	background: transparent linear-gradient(90deg, #45842E 0%, #9ACD32 100%)
		0% 0% no-repeat padding-box;
	opacity: 1;
}

.headline_inner {
	padding: 15px 126px;
}

.mainLabel {
	font: bold 32px/38px RubikBold;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}

.boxHeaderColor {
	width: 100%;
	height: 5px;
	background: transparent linear-gradient(90deg, #45842E 0%, #9ACD32 100%)
		0% 0% no-repeat padding-box;
	border-radius: 4px 4px 0px 0px;
	opacity: 1;
}

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

.login-tab {
	width: 360px;
	height: 405px;
}

h3.boxTop {
	text-align: center;
	font: normal 20px/24px RubikBold;
	letter-spacing: 0px;
	color: #393C3F;
	opacity: 1;
	margin-top: 20px;
	margin-bottom: 30px;
}

.margin-top-30 {
	margin-top: 30px;
}

.validation-error {
	color: red;
}

.display-none {
	display: none;
}

.diplay-block {
	display: block;
}

.float-left {
	float: left;
}

.display-text-left {
	display: block;
	text-align: left;
}

.background-readonly {
	background-color: #E1E1E1 !important;
	box-shadow: none !important;
}

.readonly-dropdown {
	border: 1px solid #95989A;
	box-shadow: none !important;
}

.font-family-rubik {
	font-family: Rubik !important;
}

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

.login-err-msg-pattern {
	font-size: 13px;
	font-weight: bold;
	color: #D8000C;
	position: relative;
	top: 0;
}

.margin-top-neg-35 {
	margin-top: -35px;
}

#dialogs .cancel-btn-link {
	float: left;
	padding: 5px 48px;
	color: #fff;
	background: #64b047;
	border-radius: 25px;
	margin: 12px 5px 0 0;
}

#dialogs .cancel-btn-link:hover {
	box-shadow: 0 0 8px #85b2cb;
}

.report-link-padding {
	padding: 30px 70px;
}

.report-config-height {
	min-height: 55vh;
}

.report-date-picker {
	margin: -7px 10px 10px 10px;
}

.report-date-picker button {
	background: #64b053;
	box-shadow: none;
	width: 35px;
}

.search-link {
	background: #64b053;
	padding: 10px 35px;
	border-radius: 50px;
	color: #fff;
	margin-left: 75px;
}

.search-link:hover {
	-webkit-box-shadow: 0 0 8px #85b2cb, inset 0 1px 0 #64b053;
	box-shadow: 0 0 8px #85b2cb, inset 0 1px 0 #64b053;
}

.date-link {
	width: 100%;
	float: left;
	color: #3778ba;
	margin: 1px 0px;
}

.date-link:hover {
	text-decoration: underline;
}

.report-result-margin {
	margin-bottom: 25px;
	margin-top: 70px;
	margin-left: 90px;
}

.guest-id-col-width-15 {
	width: 15%;
}

#gamedayhistory .view-guest-eye {
	font-size: 32px;
	color: #3778ba;
}

.guest-type-dropdown {
	padding: 15px 25px;
	border: none;
	border-radius: 4px;
	background: #f2eded;
	font-family: 'RubikBold';
	font-size: 16px;
	margin-left: 35px;
}

.guest-type-dropdown option {
	padding: 15px;
}

.guest-type-dropdown option:disabled {
	display: none;
}

.guestinput {
	height: 49px;
	width: 450px;
	border-left: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: none;
}

.guestinput:hover, .guestinput:active {
	box-shadow: 0px 0px 6px #3778BA;
}

.mt-15 {
	margin-top: 15px;
}

.background-transparent-error-msg {
	background: transparent;
	border-color: transparent;
}

.mtb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

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

.div-attachment {
	padding: 3px 10px;
}

.attach-img {
	background: red;
	width: 70px;
	height: 50px;
}

.mt-neg-25 {
	margin-top: -25px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-230 {
	margin-left: 230px;
}

.ml-260 {
	margin-left: 260px;
}

.ml-394 {
	margin-left: 394px;
}

.mt-neg-7 {
	margin-top: -7px;
}

.div-attachemt-seperator {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 5px;
}

.font-weight-normal {
	font-weight: normal;
}

.margin-timezone-act {
	margin: 3px 0px 0px 30px;
}

.margin-timezone-dis {
	margin: 1px 0px 0px 30px;
}

.timezone-dropdown {
	width: 80px;
}

.float-right {
	float: right;
}

.save-rep-link {
	color: white;
	border: 1px solid transparent;
	border-radius: 50px;
	cursor: pointer;
	width: auto;
	height: 30px;
	background: #64B047 0% 0% no-repeat padding-box !important;
	min-width: 150px;
	text-align: center;
	font: 16px/18px Arial;
	padding: 5px 25px;
	margin-left: 60em;
	position: relative;
	bottom: 23px;
}

.search-mtl-log {
	color: white;
	border: 1px solid transparent;
	border-radius: 50px;
	cursor: pointer;
	width: auto;
	height: 30px;
	background: #64B047 0% 0% no-repeat padding-box !important;
	min-width: 150px;
	text-align: center;
	font: 16px/18px Arial;
	padding: 5px 25px;
	margin-left: 60em;
}

.save-excel-rep-link {
	color: white;
	border: 1px solid transparent;
	border-radius: 50px;
	cursor: pointer;
	width: auto;
	height: 30px;
	background: #64B047 0% 0% no-repeat padding-box !important;
	min-width: 150px;
	text-align: center;
	font: 16px/18px Arial;
	padding: 5px 25px;
	float: left;
}

.save-rep-link:hover, .save-rep-link:active, .save-rep-link:focus {
	box-shadow: 0px 0px 6px #3778BA;
}

.save-excel-rep-link:hover, .save-excel-rep-link:active,
	.save-excel-rep-link:focus {
	box-shadow: 0px 0px 6px #3778BA;
}

.search-mtl-log:hover, .search-mtl-log:active, .search-mtl-log:focus {
	box-shadow: 0px 0px 6px #3778BA;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-15 {
	margin-bottom: 15px;
}

.transaction-search {
	width: auto;
	display: inline-block;
	margin: 2px 5px 2px 0;
}

.ml-20 {
	margin-left: 20px;
}

.input-width-230 input {
	min-width: 230px;
}

.start-time .input-width-210, .input-width-210 {
	width: 210px;
}

.a-back {
	margin-top: -10px;
	display: block;
	margin-bottom: 25px;
	color: #64b04d;
	margin-left: 10px;
}

.a-back:hover {
	text-decoration: underline;
}

.ml-5 {
	margin-left: 5px;
}

.batch-link-right {
	float: right;
	margin-top: -55px;
	margin-right: 25px;
}

.batch-link-right a, #dialogs .a-link-color-3778ba {
	color: #3778ba;
}

.batch-link-right a:hover, #dialogs .a-link-color-3778ba:hover {
	color: #9ae59a;
}

.mr-10 {
	margin-right: 10px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.guest-img-div {
	width: 1080px;
	height: 530px;
	overflow: auto;
	margin: auto;
}

.guest-img-action .fa-eye-16-dblue {
	color: #3778BA;
	font-size: 24px;
	font-weight: bold;
	margin-right: 5px;
	border-radius: 50px;
	padding: 3px;
}

.guest-img-action a:hover, .guest-img-action a:active, .guest-img-action a:focus
	{
	box-shadow: 0px 0px 6px #3778BA;
}

.mr-75 {
	margin-right: 75px;
}

.mt-5 {
	margin-top: 5px !important;
}

.guest-img-div::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.guest-img-div::-webkit-scrollbar-track {
	box-shadow: inset 0 0 3px #484242;
	border-radius: 10px;
}

.guest-img-div::-webkit-scrollbar-thumb {
	background: #a9a8a8;
	border-radius: 10px;
}

.guest-img-div::-webkit-scrollbar-thumb:hover {
	background: #756c6c;
}

.guest-img-label-div {
	text-align: center;
	width: 65%;
}

.smallFont .l-16-lblack-arial-bold-left {
	font-size: 14px;
	font-weight: bold;
}

#amount3 .width-70 {
	width: 70px;
}

.label-guestname-color {
	color: #3778BA !important;
	text-decoration: underline !important;
	cursor: pointer;
}

.label-guestname-color:hover {
	color: #255280 !important;
}

.mt-10 {
	margin-top: 10px;
}

.mt-3 {
	margin-top: 3px;
}

.div-att-det {
	width: 48%;
	padding: 3px;
	height: 420px;
}

.min-height-220 {
	min-height: 220px;
}

.div-attachment-list {
	margin: -25px 25%;
	width: 50%;
	box-shadow: 0px 0px 6px #cccccc;
	border-radius: 4px;
	min-height: 100px;
	max-height: 190px;
	overflow: auto;
}

.div-attachment-list::-webkit-scrollbar {
	width: 5px;
	height: 8px;
}

.div-attachment-list::-webkit-scrollbar-track {
	box-shadow: inset 0 0 3px #484242;
	border-radius: 10px;
}

.div-attachment-list::-webkit-scrollbar-thumb {
	background: #a9a8a8;
	border-radius: 10px;
}

.div-attachment-list::-webkit-scrollbar-thumb:hover {
	background: #756c6c;
}

.div-width-50 {
	width: 50%;
}

.div-width-45 {
	width: 45%;
}

.mb-10 {
	margin-bottom: 10px;
}

.trans-check-margin {
	margin-left: -300px;
	margin-top: 75px;
}

.round-wh-20 {
	width: 20px;
	height: 20px;
	border-radius: 25px;
	margin-right: 3px;
	border: 2px solid;
	float: left;
}

.mr-5 {
	margin-right: 5px;
}

.color-3778BA {
	color: #3778BA;
}

.div-a-anonymous {
	width: 100%;
	float: left;
	margin-left: 36%;
	margin-top: 25px;
	font-size: 18px;
	font-weight: bold;
}

.div-width-85 {
	width: 85%;
}

.mt-2 {
	margin-top: 2px;
}

.ml-2 {
	margin-left: 2px;
}

.th-width-230 {
	width: 230px;
}

.mb-2 {
	margin-bottom: 2px;
}

.mt-ne-2 {
	margin-top: -2px;
}

.admin-table input {
	background: #fff 0% 0% no-repeat padding-box;
}

.admin-roles-table {
	margin-left: 115px;
	margin-top: -25px;
}

.admin-roles-table td div {
	margin-bottom: 10px;
}

.admin-roles-table td label {
	margin-bottom: 10px;
}

.admin-roles-table tr:nth-child(even) {
	background: #FFF 0% 0% no-repeat padding-box;
	border: 1px solid #FFF;
}

#loader {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
	width: 200px;
	height: 200px;
	margin: -76px 0 0 -76px;
	border: 20px solid #f3f3f3;
	border-radius: 50%;
	border-top: 20px solid #64B047;
	border-bottom: 20px solid #64B047;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

#loader-blue {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
	width: 200px;
	height: 200px;
	margin: -76px 0 0 -76px;
	border: 20px solid #f3f3f3;
	border-radius: 50%;
	border-top: 20px solid #64B047;
	border-bottom: 20px solid #64B047;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	color: #3778BA;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.min-height-515 {
	min-height: 515px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-14 {
	margin-top: 14px;
}

.min-height-485 {
	min-height: 485px;
}

#userRoles td.text-center {
	text-align: center;
}

#dialogs .view-eye-blue {
	font-size: 24px;
	color: #3778ba;
}

.min-height-550 {
	min-height: 550px;
}

.tenantNameOnHeader {
	margin-left: 200px;
	position: relative;
	font: Bold 16px/18px Rubik;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
}

.margin-top-75px {
	margin-top: 75px;
}

.tenantNameOnHeader {
	margin-left: 200px;
	position: relative;
	font: Bold 16px/18px Rubik;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
}

.cancel-button {
	color: red;
}

.save-button {
	color: blue;
}

.input-switch {
	position: relative;
	bottom: 13px;
}

.from-left-20px {
	position: relative;
	left: 20px;
}

.font-style-italic {
	font-style: italic;
}

.toggle-switch-label {
	font-style: italic;
	display: inline-block;
	position: relative;
	bottom: 8px;
}

.barredTextArea {
	display: inline-block;
	position: relative;
	margin-left: 80px;
	top: 10px;
}

.barredReasonDropDown {
	display: inline;
	position: relative;
	left: 45px;
	bottom: 5px;
}

.barredGroup {
	display: block;
	float: right;
	bottom: 241px;
	position: relative;
	right: 340px;
}

.barredSwitch {
	display: inline-block;
	margin-left: 10px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-left-30px {
	margin-left: 30px;
}

.margin-top-75px {
	margin-top: 75px;
}

.toggle-notes {
	width: 50px;
	height: 30px;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.guestBarred {
	font-size: 40px;
	font-weight: bold;
	font-family: 'Rubik' "
}

.guestBarredContainer {
	position: relative;
	left: 275px;
	top: 50px;
	padding-bottom: 30px;
}

.input-width-240 {
	width: 240px;
}

.save-container {
	display: inline-block;
	position: relative;
	top: 20px;
}

.barred {
	float: right;
	padding: -24px;
	bottom: 190px;
	position: relative;
	left: 30px;
}

.barredMessageGroup {
	margin-bottom: 25px;
}

.mtb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.unbarButton {
	float: right;
	position: relative;
	bottom: 240px;
	right: 340px;
}

.property-dropdown {
	min-width: 100px !important;
	width: 125px;
	height: 38px;
}

.property_dropdwon-panel {
	width: 150px !important;
}

.mtl-title {
	font-size: 16px;
}

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

html.progress, html.progress * {
	cursor: progress !important;
}

#users a.fa-link-blue {
	padding: 14px 19px 14px 19px;
	font-size: 22px;
	background: #3778BA 0% 0% no-repeat padding-box;
	opacity: 1;
}

#users span.fa-link-blue {
	padding: 14px 19px 14px 18px;
	font-size: 22px;
	background: #aec8e7 0% 0% no-repeat padding-box;
	opacity: 1;
}

#users a.fa-link-red {
	padding: 14px 19px 14px 18px;
	font-size: 22px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
}

.fa-check-white {
	color: white;
}

.fa-times-red {
	color: red;
}

#users .add-ip-input {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #D9D9D9;
	border-radius: 4px;
	opacity: 1;
	box-shadow: none;
}

#users .add-ip-input input:focus {
	box-shadow: 0px 0px 6px #009DE6;
}

.l-16-393C3F-rubik {
	text-align: left;
	font: normal normal normal 16px/19px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
	opacity: 1;
}

.l-16-757575-rubik {
	text-align: left;
	font: normal normal normal 16px/19px Rubik;
	letter-spacing: 0px;
	color: #757575;
	opacity: 1;
}

.l-16-3778BA-rubikMed {
	text-align: center !important;
	text-decoration: underline !important;
	font: 16px/19px Rubik !important;
	letter-spacing: 0px;
	color: #3778BA !important;
	opacity: 1;
	font-weight: 600 !important;
}

.l-14-B20005-rubikMed {
	text-align: left;
	font: 14px/17px Rubik;
	letter-spacing: 0px;
	color: #B20005;
	opacity: 1;
	font-weight: 600;
}

.newTransaction-section {
	top: 103px;
	left: 127px;
	width: 100%;
	height: auto;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	opacity: 1;
	padding: 20px;
}

.new-transaction-title {
	top: 119px;
	left: 147px;
	width: 267px;
	height: 38px;
	text-align: left;
	font: normal normal bold 32px/38px Rubik;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
}

.newTransaction-subtext {
	font: normal normal normal 16px/20px Rubik;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
	margin-top: 5px;
}

.discard-icon {
	position: absolute;
	left: 950px;
	color: #B20005;
	font-weight: bold;
}

.discard-text {
	font-size: 19px;
	font-family: 'Rubik';
}

.transaction-type-text {
	text-align: left;
	font: normal normal bold 14px/17px Rubik;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
	margin-top: 30px;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-left-150 {
	margin-left: 150px !important;
}

.margin-left-190 {
	margin-left: 190px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.trans-date {
	width: 256px;
	height: 34px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	opacity: 1;
}

.trans-date-picker {
	width: 18px;
	height: 28px !important;
	text-align: left;
	font: 20px/25px 'Font Awesome 5 Pro' !important;
	letter-spacing: 0px;
	color: #FFFFFF !important;
	opacity: 1;
}

.trans-amount {
	width: 256px;
	height: 37px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	opacity: 1;
}

.trans-submit-disabled {
	margin-top: 27px;
	width: 1366px;
	height: 56px;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	opacity: 0.5 !important;
	text-align: center;
	font: normal normal medium 20px/20px Rubik !important;
	color: #FFFFFF !important;
}

.trans-submit-enabled {
	margin-top: 27px;
	width: 100%;
	text-align: center;
	height: 56px;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	opacity: 1.5px !important;
	font-size: 20px !important;
	font-family: 'Rubik' !important;
	color: #FFFFFF !important;
	text-shadow: none !important;
	border: none !important;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 3;
}

.trans-submit-enabled-half {
	margin-top: 27px;
	width: 50%;
	text-align: center;
	height: 56px;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	opacity: 1.5px !important;
	font-size: 20px !important;
	font-family: 'Rubik' !important;
	color: #FFFFFF !important;
	text-shadow: none !important;
	border: none !important;
	position: fixed;
	bottom: 10px;
	left: 0px;
	z-index: 3;
}

.fa-sync:before {
	font-family: 'Font Awesome 5 Pro' !important;
	content: "\f021";
	position: relative;
	right: 66px;
	top: -3px;
	font-size: 20px !important;
	font-weight: bold !important;
}

.fa-sack-dollar:before {
	font-family: 'Font Awesome 5 Pro' !important;
	content: "\f81d";
	position: relative;
	right: 50px;
	top: -3px;
	font-size: 20px !important;
	font-weight: bold !important;
}

.fa-cash-register:before {
	font-family: 'Font Awesome 5 Pro' !important;
	content: "\f788";
	position: relative;
	right: 40px;
	top: -3px;
	font-size: 20px !important;
	font-weight: bold !important;
}

.fa-badge-check:before {
	font-family: 'Font Awesome 5 Pro' !important;
	position: relative;
	right: 40px;
	top: -3px;
	font-size: 20px !important;
	font-weight: bold !important;
}

.guest-identify-dropdown {
	width: 181px;
	height: 50px;
	background: #F2EDED 0% 0% no-repeat padding-box !important;
	border-radius: 4px 0px 0px 4px;
	text-align: left;
	font: normal normal medium 16px/19px Rubik !important;
	letter-spacing: 0px;
	color: #393C3F !important;
	opacity: 1;
}

.guest-identify-search-box {
	width: 683px;
	height: 50px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 2px solid #F2EDED !important;
	border-radius: 0px 4px 4px 0px;
	opacity: 1;
	text-align: left;
	font: normal normal normal 16px/19px Rubik !important;
	letter-spacing: 0px;
	color: #949494 !important;
}

.new-profile-container {
	width: 198px;
	height: 50px;
	background: #F9F8F8 0% 0% no-repeat padding-box !important;
	border-radius: 25px !important;
	opacity: 1;
	margin-left: 40px !important;
}

.new-profile {
	position: relative;
	top: 16px;
	left: 61px;
	color: #3778BA !important;
	font-size: 16px !important;
	font-family: 'RubikRegular' !important;
}

/*Styles for creating new guest profile*/
.newGuestProfile-section {
	margin-top: 20px;
	width: 88%;
	min-height: 1300px;
	height: auto;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	opacity: 1;
	margin-left: 6%;
	margin-right: 6%;
}

.new-profile-title {
	margin-top: 9px;
	text-align: left;
	font: normal normal bold 24px/28px Rubik !important;
	letter-spacing: 0px;
	color: #333333 !important;
	opacity: 1;
}

.new-profile-input-field-font {
	font-size: 17px;
	font-weight: bold;
	font-family: Rubik;
	color: #393C3F !important;
	opacity: 1;
}

.new-prof-input-text-box {
	width: 100%;
	height: 38px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #E1E1E1 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
}

.display-block {
	display: block;
}

.create-profile {
	margin-top: 45px;
	width: 130px;
	height: 30px;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	border-radius: 50px;
	opacity: 1;
	text-align: center;
	font: normal normal medium 14px/17px Rubik !important;
	letter-spacing: 0px;
	color: #FFFFFF !important;
}

.create-profile-button {
	width: 154px;
	box-shadow: none;
	height: 35px;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	border-radius: 50px !important;
	opacity: 1;
	text-align: center;
	font-weight: normal !important;
	font-size: 17px !important;
	font-family: 'Rubik' !important;
	letter-spacing: 0px;
	color: #FFFFFF !important;
	margin-right: 20px !important;
	border: 1px solid #3778BA !important;
	text-decoration: none !important;
}

.create-profile-button:hover {
	background: #255280 0% 0% no-repeat padding-box !important;
	border: 1px solid #255280 !important;
}

.cancel-profile-button {
	width: 130px;
	height: 35px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-radius: 50px !important;
	opacity: 1;
	text-align: center;
	font-weight: normal !important;
	font-size: 17px !important;
	font-family: 'Rubik' !important;
	letter-spacing: 0px;
	color: #3778BA !important;
	border: 1px solid #3778BA !important;
	text-decoration: none !important;
}

.cancel-profile-button:hover {
	background: #F9F8F8 0% 0% no-repeat padding-box !important;
	border: 1px solid #255280 !important;
	color: #255280 !important;
}

.delete-btn  {
	width: 154px;
	box-shadow: none;
	height: 35px;
	background: #B20005 0% 0% no-repeat padding-box !important;
	border-radius: 50px !important;
	opacity: 1;
	text-align: center;
	font-weight: normal !important;
	font-size: 17px !important;
	font-family: 'Rubik' !important;
	letter-spacing: 0px;
	color: #FFFFFF !important;
	margin-right: 20px;
	border: 1px solid #B20005 !important;
	text-decoration: none !important;
} 
.delete-btn:hover  {
	background: #930206 0% 0% no-repeat padding-box !important;
	border: 1px solid #930206 !important;
}

.license-loc-dropdown, .loc-input {
	font-size: 17px !important;
	font-family: 'RubikRegular' !important;
	min-width: 305px !important;
	width: 305px !important;
}

.guest-type-dropdown-new {
	background: #F2EDED 0% 0% no-repeat padding-box !important;
	border-radius: 4px 0px 0px 4px !important;
	text-align: left;
	font: normal normal medium 16px/19px Rubik !important;
	color: #393C3F !important;
	border-color: #f2eded !important;
	font-weight: bold;
	font-family: 'Rubik';
	font-size: 17px !important;
	padding-left: 20px;
	width: 181px;
	height: 50px;
	box-shadow: none !important;
}

.guest-type-dropdown-new option {
	font-weight: bold;
	padding: 15px;
	font-family: 'Rubik';
	font-size: 17px !important;
	padding-left: 20px;
}

.guest-type-dropdown-new option:disabled {
	display: none;
}

.table-seat {
	display: inline-block;
	width: 120px;
	height: 37px;
	margin-right: 20px;
	border-left: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: none;
}

.table-seat:hover, .table-seat:active {
	box-shadow: 0px 0px 6px #3778BA;
}

.table-seat {
	margin-right: 20px;
}

.new-profile-body {
	min-height: max-content;
	min-width: 1366px;
	height: 1303px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	opacity: 1;
}

.trans-guest-dialog {
	width: 100%;
	overflow: auto;
	height: 100vh !important;
}

.submit-dialog {
	margin-top: 10px;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
	height: auto !important;
}

.flex-submit-dialog-container {
	display: flex;
	width: 600px;
	height: 390px;
}

.guest-info-header {
	display: block;
	font: normal normal bold 14px/17px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
	text-transform: uppercase;
}

.guest-info-value {
	display: block;
	font: normal normal normal 16px/19px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
}

.trans-btn-container {
	margin-top: 131px;
	margin-left: 450px;
}

.trans-btn-container-other {
	margin-top: 210px;
	margin-left: 450px;
}

.cancel-trans-button {
	width: 130px;
	height: 35px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #3778BA !important;
	border-radius: 50px !important;
	font-size: 17px !important;
	font-family: 'Rubik' !important;
	color: #3778BA !important;
	font-weight: normal !important;
	box-shadow: none !important;
}

.cancel-trans-button:hover {
	border: 1px solid #255280 !important;
	color: #255280 !important;
}

.submit-trans-button {
	width: 130px;
	height: 35px;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	border-radius: 50px !important;
	font-size: 17px !important;
	font-family: 'Rubik' !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	font-weight: normal !important;
}

.submit-trans-button:hover {
	background: #255280 0% 0% no-repeat padding-box !important;
	border: 1px solid #255280 !important;
}

.hor-line {
	display: inline-block;
	border-bottom: 2px solid #E1E1E1 !important;
	width: 728px;
}

/* Transaction Complete Screen */
.trans-complete-sect {
	width: 1111px;
	height: auto;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	padding-left: 20px;
	padding-top: 16px;
	padding-bottom: 20px;
}

.guest-prof-container {
	width: 1072px;
	height: 298px;
	box-shadow: 0px 3px 6px #00000040;
	border: 1px solid #F2EDED;
	border-radius: 4px;
	padding-left: 20px;
	padding-top: 20px;
}

.guest-attach-container {
	width: 1072px;
	height: 193px;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #F2EDED;
	border-radius: 4px 0;
	opacity: 1;
	overflow: auto;
	overflow-x: hidden;
	border-bottom: none;
}

.guest-attach-title {
	margin-top: 30px;
	margin-left: 460px;
	font-family: 'Rubik';
	font-size: 24px;
	color: #393C3F;
}

.editAndView-container {
	width: 1072px;
	position: relative;
	height: 42px;
	right: 20px;
	border-radius: 0px 0px 0px 4px;
	background: #F9F8F8 0% 0% no-repeat padding-box;
}

.editAndView-el {
	font-size: 17px !important;
	font-family: 'Rubik' !important;
	letter-spacing: 0px;
	color: #3778BA !important;
	text-transform: uppercase !important;
	opacity: 1;
	margin-left: 650px;
}

.guest-info-flex {
	display: flex;
	width: 1052px;
	height: 182px;
}

.margin-left-25 {
	margin-left: 25px;
}

.guest-image-container {
	width: 235px;
	height: 152px;
	background-color: #dadae9;
}

.ffffff-background, .timer-dialog {
	background: #FFFFFF 0% 0% no-repeat padding-box;
}

.blue-background {
	background: #3778BA 0% 0% no-repeat padding-box;
}

.trans-compl-button {
	display: inline-block;
	width: 50%;
	height: 56px;
}

.font-size-20 {
	font-size: 20px !important;
}

.font-size-18 {
	font-size: 18px !important;
}

.font-size-24 {
	font-size: 24px !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.color-dark-grey {
	color: #303030 !important;
}

.color-baltic-sea {
	color: #393C3F !important;
}

.color-white {
	color: #FFFFFF !important;
}

.color-black {
	color: #333333 !important;
}

.color-black-imp {
	color: #333333 !important;
}

.color-silver {
	color: #757575 !important;
}

.color-blue {
	color: #3778BA !important;
}

.font-size-14 {
	font-size: 14px !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.font-size-16 {
	font-size: 16px !important;
}

.font-size-17 {
	font-size: 17px !important;
}

.font-weight-normal {
	font-weight: normal !important;
}

.display-flex {
	display: flex;
}

.from-right-125 {
	position: relative;
	right: 125px;
}

.width-full {
	width: 100%;
}

.attachment-section {
	width: 1032px;
	height: 46px;
	margin-top: 20px;
	display: flex;
}

.upload-attachment {
	margin-top: 0px;
	width: 1072px;
	height: 42px;
	background: #F9F8F8 0% 0% no-repeat padding-box;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0px 3px 6px #00000029;
	overflow-y: hidden;
}

.upload-attachment-button {
	position: relative;
	top: 10px;
	left: 435px;
}

.attach-descr {
	width: 600px;
	height: 46px;
}

.attach-title {
	display: block;
	font: normal normal bold 18px/22px Rubik;
	color: #393C3F;
}

.attached-on {
	display: block;
	font: normal normal normal 16px/19px Rubik;
	letter-spacing: 0px;
	color: #757575;
}

.edit-attach-icon {
	font-size: 24px;
	color: #3778BA;
}

.box-shadow-none {
	box-shadow: none !important;
}

.delete-attach-icon {
	font-size: 24px;
	color: #B20005;
}

.margin-left-230 {
	margin-left: 230px;
}

.watchlist-match-dialog, .view-transactions-dialog {
	width: 100% !important;
	height: 100% !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px -3px 6px #00000029 !important;
	border-radius: 20px 20px 0px 0px !important;
	padding-top: 20px !important;
	padding-bottom: 150px !important;
	padding-left: 140px !important;
	padding-right: 140px !important;
	margin-top: 10% !important;
	animation: 0.4s ease-out 0s 1 slideInFromBottom;
	overflow: auto !important;
}

@keyframes slideInFromBottom {
  from{
   top:100%;
  }
  to {
    top:0.1;
  }
}

.today-trans-title {
	font-size: 24px !important;
	font-weight: bold !important;
}

.wlpanel1.ui-panelgrid .ui-panelgrid-cell, .wlpanel2.ui-panelgrid .ui-panelgrid-cell
	{
	padding: 6px 8px !important;
}

.wlpanel1 .width35, .wlpanel2 .width35 {
	width: 35% !important;
}

.wlpanel1 .width65, .wlpanel2 .width65 {
	width: 65% !important;
}

.imp-message-container {
	width: 100%;
	height: auto;
	background: #FFCE00 0% 0% no-repeat padding-box;
	/* position: relative;
	right: 20px;
	bottom: 5px */
}

.color-true-black {
	color: #000000;
}

.font-weight-bold {
	font-weight: bold;
}

.ssn-dialog {
	width: 600px;
	height: 234px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
	padding-left: 20px;
	top: 150px !important;
}

.terminate-dialog {
	width: 600px;
	height: 181px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
	padding-left: 20px;
	top: 150px !important;
}

.proceed-dialog {
	width: 600px !important;
	height: 180px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 0px 6px #00000040 !important;
	border-radius: 4px !important;
}

.guest-barred-dialog {
	width: 800px;
	height: 239px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
	opacity: 1;
	top: 150px !important;
}

.edit-attach-dialog {
	width: 800px;
	height: 260px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
	opacity: 1;
	top: 150px !important;
}

.ssn-input {
	width: 600px;
	height: 43px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #E1E1E1 !important;
	border-radius: 4px;
	box-shadow: none !important;
	font-size: 16px !important;
	font-family: Rubik !important;
}

.ssn-input:focus, .ssn-input:active {
	box-shadow: 0px 0px 6px #009DE6 !important;
	border: 1px solid #3778BA !important;
}

.margin-left-240 {
	margin-left: 240px;
}

.margin-left-300 {
	margin-left: 300px;
}

.margin-left-210 {
	margin-left: 210px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-top-14 {
	margin-top: 14px;
}

.margin-left-384 {
	margin-left: 384px !important;
}

.ssn-btn {
	width: 130px;
	height: 30px;
}

.barred-message-container {
	right: 40px;
	position: relative;
	width: 823px;
	height: 112px;
	background: #FC8A28 0% 0% no-repeat padding-box;
	margin-top: 15px;
}

.edit-attach-dropDown {
	color: #393C3F !important;
	font-size: 16px !important;
	font-family: Rubik !important;
	width: 570px !important;
	height: 39px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #E1E1E1 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
}

.manager-review-login-section {
	width: 1111px;
	height: 371px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	margin-top: 14px;
	margin-right: 128px;
	margin-bottom: 294px;
	padding-left: 20px;
	padding-top: 16px;
	padding-right: 20px;
}

.color-orange {
	color: #E27312;
}

.color-red {
	color: #B20005 !important;
}

.font-size-32 {
	font-size: 32px !important;
}

.manager-name-box {
	width: 70px;
	height: 56px;
	background: #E1E1E1 0% 0% no-repeat padding-box;
	border: 1px solid #F2EDED;
	border-radius: 4px 0px 0px 4px;
	color: #757575;
}

.manager-icon {
	margin-left: 23px;
	font-size: 24px;
	margin-top: 15px;
}

.manager-dropDown {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #E1E1E1 !important;
	box-shadow: none !important;
}

.review-btn {
	width: 345px !important;
	height: 51px !important;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	border-radius: 4px !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
}

.white-border {
	border: 1px solid #E1E1E1 !important;
}

.ssn-verification-section {
	width: 1111px;
	height: auto;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	padding-left: 20px;
	padding-top: 16px;
	padding-bottom: 20px;
}

.ssnVerificationTable {
	width: 530px;
}

.ui-datatable.ssnVerificationTable th {
	border-style: none;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	height: 39px;
	text-align: left;
	color: #333333;
	font-size: 14px;
	font-family: 'Rubik';
}

.ui-datatable.ssnVerificationTable td {
	border-style: none;
	font: normal normal normal 18px/22px Rubik;
	color: #393C3F;
	padding-left: 10px;
	text-align: left;
	border: none;
	border-collapse: collapse;
}

.ui-datatable.ssnVerificationTable tr:nth-child(odd) {
	border: 1px solid #E1E1E1;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	height: 42px;
	border-collapse: collapse;
	border-left: none;
	border-right: none;
}

.ui-datatable.ssnVerificationTable tr:nth-child(even) {
	border: 1px solid #E1E1E1;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	height: 42px;
	border-collapse: collapse;
	border-left: none;
	border-right: none;
}

.total-score-container {
	width: 530px;
	height: 42px;
	background: #F2EDED 0% 0% no-repeat padding-box;
	border-radius: 4px;
	opacity: 1;
}

.ssn-option-container {
	width: 348px;
	height: 75px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #F2EDED;
	border-radius: 4px;
}

.ssn-option-container:hover {
	background: #3778BA0D 0% 0% no-repeat padding-box;
}

.ssn-options-text {
	position: relative;
	font-size: 20px;
	left: 70px;
}

.ssn-options-icon {
	position: relative;
	font-size: 40px;
	right: 20px;
	top: 15px;
}

.watchlist-match-section {
	width: 1111px;
	height: auto;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	padding-left: 18px;
	padding-bottom: 40px;
}

.guest-match-container {
	width: 1076px;
	height: 284px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #F2EDED;
	border-radius: 4px;
}

.vl-watchlist.ui-divider.ui-divider-vertical:before {
	border-left: 1px solid #E1E1E1 !important;
}

.view-more-info-container {
	width: 1076px;
	height: 28px;
	background: #F2EDED 0% 0% no-repeat padding-box;
	border-radius: 0px 0px 4px 4px;
}

.h-line.ui-divider.ui-divider-horizontal:before {
	border-top: 1px solid #E1E1E1 !important;
}

.potential-match-button {
	width: 324px !important;
	height: 75px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 2px solid #F2EDED !important;
	border-radius: 4px !important;
	color: #707070 !important;
	margin-top: 20px !important;
	margin-left: 394px !important;
}

.potential-match-button-enabled {
	width: 324px !important;
	height: 75px !important;
	background: #3778BA0D 0% 0% no-repeat padding-box !important;
	border: 2px solid #3778BA !important;
	border-radius: 4px !important;
	color: #3778BA !important;
	margin-top: 20px !important;
	margin-left: 394px !important;
}

.no-match-options .ui-button {
	margin-left: 240px !important;
	margin-top: 20px !important;
	display: block;
	width: 647px !important;
	height: 75px !important;
	text-align: center !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 2px solid #F2EDED !important;
	border-radius: 4px !important;
	font: normal normal medium 20px/24px Rubik !important;
	color: #707070 !important;
	font-size: 20px !important;
	font-family: 'RubikRegular' !important;
	font-weight: normal !important;
}

.no-match-options .ui-button:focus, .no-match-options .ui-button:active
	{
	background: #3778BA0D 0% 0% no-repeat padding-box !important;
	border: 2px solid #3778BA !important;
	border-radius: 4px !important;
	color: #3778BA !important;
	box-shadow: none !important;
}

.no-match-options .ui-button .ui-button-text {
	margin-top: 17px;
}

.auto-complete-guest-search .ui-inputfield {
	width: 550px;
	height: 50px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 2px solid #F2EDED !important;
	border-radius: 0px 4px 4px 0px;
	box-shadow: none !important;
	font-family: 'RubikRegular' !important;
	color: #393C3F !important;
}

.auto-complete-guest-search:hover, .auto-complete-guest-search:focus {
	color: #3778BA !important;
}

.background-white {
	background: #FFFFFF;
}

.auto-complete-guest-search .ui-state-highlight,
	.auto-complete-guest-search .ui-widget-content .ui-state-highlight {
	text-shadow: none !important;
	color: #393C3F !important;
	background: #FFFFFF !important;
	box-shadow: none !important;
	font-family: 'Rubik' !important;
}

.min-height-100vh {
	min-height: 100vh;
}

.trans-amount-input:hover, .filter-amount-input:hover {
	box-shadow: none;
}

.trans-amount-input input, .filter-amount-input input {
	border: 1px solid #cccccc !important;
	border-radius: 4px !important;
	height: 39px !important;
	box-shadow: none !important;
	font: normal normal normal 16px/19px Rubik !important;
	text-align: right !important;
}

.filter-amount-input input {
	width: 138px !important;
}

.trans-amount-input input {
	width: 300px !important;
	position: relative;
	right: 5px;
}

.trans-amount-input input:hover:not(:active), .trans-amount-input input:hover:not(:focus)
	{
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #393C3F !important;
	border-radius: 4px !important;
}

.trans-amount-input input:active, .trans-amount-input input:focus {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 0px 6px #009DE6 !important;
	border: 1px solid #3778BA !important;
	border-radius: 4px !important;
}

.ml-22 {
	margin-left: 22px;
}

.new-prof-input-text-box.input-error {
	border: 2px solid #B20005 !important;
	margin-bottom: 5px;
}

.profile-border {
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	padding-top: 9px;
	padding-left: 26px;
}

.remove-button {
	width: 151px;
	height: 38px;
	font-size: 16px;
	font-family: Rubik;
	margin-left: 790px;
	color: #B20005;
}

.remove-button:focus, .remove-button:active {
	background: #EFEFEF 0% 0% no-repeat padding-box;
	border-radius: 19px;
}

.p-16-333333-rubik {
	text-align: left;
	font: normal normal normal 16px/19px Rubik;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
}

.h1-32-333333-rubik {
	text-align: left;
	font: normal normal bold 32px/38px Rubik;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
}

.div-trans-home-link {
	margin-top: 25px;
	margin-bottom: 55px;
	width: 50%;
}

.trans-home-link {
	padding: 10px;
	height: 64px;
	padding-top: 19px;
	border: 2px solid #F2EDED;
	border-radius: 4px;
	opacity: 1;
	font: normal normal 20px/24px Rubik;
	letter-spacing: 0px;
	color: #757575;
	font-weight: 600;
	padding-top: 18px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.trans-home-link:hover, .trans-home-link:focus {
	background: #3778BA0D 0% 0% no-repeat padding-box;
	border: 2px solid #F2EDED;
	border-radius: 4px;
	text-align: left;
	font: normal normal 20px/24px Rubik;
	letter-spacing: 0px;
	color: #3778BA;
	opacity: 1;
	font-weight: 600;
}

.pl-20 {
	padding-left: 20px;
}

.empty-attachment {
	width: 100%;
	height: 66px;
	padding-top: 27px;
}

.empty-attachment p {
	text-align: center;
	color: #757575;
}

.upload-drop {
	width: 55% !important;
	float: left;
}

.div-width-40 {
	width: 40%;
}

.div-width-74 {
	width: 74%;
}

.mt-110 {
	margin-top: 110px
}

.upload-att-dialog {
	height: 300px !important;
}

.rept-att::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.rept-att::-webkit-scrollbar-track {
	box-shadow: inset 0 0 3px #484242;
	border-radius: 10px;
}

.rept-att::-webkit-scrollbar-thumb {
	background: #a9a8a8;
	border-radius: 10px;
}

.rept-att::-webkit-scrollbar-thumb:hover {
	background: #756c6c;
}

.pos-fixed-btn {
	position: fixed;
	bottom: 0px;
	z-index: 3;
	left: 0px;
}

.pb-30 {
	padding-bottom: 30px;
}

.guest-rem-but {
	float: right;
	width: auto;
	border-radius: 19px;
	padding: 6px 11px;
	width: auto;
	margin-left: 0;
}

.guest-rem-but:hover {
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 0px 6px #009de6 !important;
}

.discard-padding:hover {
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
}

.discard-padding:focus, .discard-padding:active {
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 0px 6px #009de6 !important;
}

.discard-padding {
	padding: 5px 20px;
	border-radius: 25px;
}

.view-image-dialog {
	background: transparent !important;
	left: 0px !important;
	top: 0px !important;
}

.guestprofile-att-dialog-back {
	background: #00000096 !important;
	height: 100vh !important;
}

.guestprofile-att-dialog-back.ui-dialog .ui-dialog-content,
	.view-image-dialog.ui-dialog .ui-dialog-content {
	background: transparent !important;
}

.att-err-msg {
	position: fixed;
	top: 0;
	width: 1070px;
}

.guest-playernumber {
	float: right;
	margin-right: 10px;
	background: #FFCE00 0% 0% no-repeat padding-box;
	border-radius: 33px;
	padding: 3px 15px 3px 15px;
	font: normal normal normal 18px/22px Rubik;
}

.guest-search-btn {
	width: 70px;
	height: 50px;
	border: 2px solid #F2EDED !important;
	border-left: none !important;
	border-radius: 0px 4px 4px 0px !important;
	box-shadow: none !important;
	font-family: 'RubikRegular' !important;
	color: #393C3F !important;
}

.native-dropdwon {
	width: 80px;
	min-width: 80px !important;
}

.native-dropdwon label {
	width: 60px !important;
}

.width-auto {
	width: auto;
}

.width-33 {
	width: 33%;
}

.height-125 {
	height: 125px;
}

.nav-div-body {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	opacity: 1;
}

.icon-link {
	text-align: left;
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	color: #393C3F !important;
	opacity: 1;
}

.div-back-icon {
	width: 3%;
	padding: 10px 8px 10px 9px;
}

.div-other-icon {
	width: 96%;
	padding: 10px 5px 10px 5px;
}

.mtl-10 {
	margin: 0 10px;
}

.div-con {
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	padding: 10px 15px;
}

.h1-heading {
	text-align: left;
	font: normal normal bold 24px/28px Rubik;
	letter-spacing: 0px;
	color: #303030;
}

.gametime-label {
	text-align: right;
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
}

.p-14-rubik-303030 {
	text-align: left;
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	color: #303030;
}

.h2-title-label {
	font: normal normal bold 18px/22px Rubik;
	letter-spacing: 0px;
	color: #303030;
}

.refresh-button {
	background: #F2F2F2 0% 0% no-repeat padding-box;
	border-radius: 4px;
	text-align: center;
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 5px;
	margin-left: 7px;
	padding: 5px 7px;
}

.mtllogs .table-toggle-button, .merge-guest .table-toggle-button {
	background: transparent;
	border: none;
	letter-spacing: 0px;
	color: #3778BA;
	font-weight: 600;
	margin-top: 5px;
	box-shadow: none;
	font: normal normal normal 14px/17px RubikMedium;
	border-radius: 50px;
	padding: 5px 0px;
}

.mtllogs .table-toggle-button:hover, .merge-guest .table-toggle-button:hover
	{
	background: #EFEFEF 0% 0% no-repeat padding-box;
	color: #255280;
}

.export-log {
	font: bold 16px/18px Rubik;
	letter-spacing: 0px;
	color: #3778BA;
	font: normal normal normal 14px/17px RubikMedium;
	padding: 7px 10px;
	border-radius: 50px;
	margin-top: 5px;
	margin-left: 10px;
}

.export-log:hover {
	background: #EFEFEF 0% 0% no-repeat padding-box;
	color: #255280;
}

.filter-input {
	box-shadow: none !important;
	border: 1px solid #E1E1E1 !important;
	border-radius: 4px !important;
    font-size: 16px !important;
    padding: 4px !important;
    height: 30px !important;
}

.filter-input .ui-selectonemenu-label {
	padding: 0px;
}

.filter-input.ui-selectonemenu .ui-selectonemenu-label {
	width: calc(100% - 2rem);
}

.ui-datatable .ui-column-filter, .ui-datatable .ui-column-customfilter {
	margin: 2px 0px 0px 0px !important;
}

.mtllog-label {
	text-align: left;
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	color: #333333;
}

.filter-div {
	margin-top: 35px;
	width: 40px;
	height: 40px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	text-align: center;
	font-size: 25px;
	padding-top: 8px;
	font: normal normal normal 20px/25px Rubik;
	color: #949494;
}

.filter-dialog .ui-dialog-titlebar, .timer-dialog .ui-dialog-titlebar {
	display: none;
}

.p-14-rubik-333333 {
	text-align: left;
	font: normal normal normal 14px/18px Rubik;
	letter-spacing: 0px;
	color: #333333;
}

.pt-3 {
	padding-top: 3px;
}

.export-dialog {
	height: 234px !important;
}

.export-dialog-guest-log {
	height: 180px !important;
}

.div-guest-profile-details {
	height: 135px;
	background: #F5F5F5 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px 4px 0px 0px;
}

.font-medium-14-17-rubik {
	font: normal normal bold 14px/17px Rubik;
	letter-spacing: 0px;
	color: #333333;
}

.padding-0 {
	padding: 0;
}

.mr-25 {
	margin-right: 25px;
}

.p-10-15 {
	padding: 10px 15px;
}

.p-14-17-black {
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	color: #000000;
}

.div-guest-prop-item {
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 13px;
	padding: 6px 10px;
}

.tin-verified {
	color: #146228;
	background: #E2ECE5 0% 0% no-repeat padding-box;
}

.tin-not-verified {
	color: #393C3F;
	background: #00000014 0% 0% no-repeat padding-box;
}

.barred-profile {
	color: #983B3A;
	background: #F6E0E0 0% 0% no-repeat padding-box;
}

.profile-deatils-div {
	background: transparent;
	min-height: 430px;
	border: none;
	height: auto;
}

.p-20-24-bold-rubik {
	text-align: right;
	font: normal normal bold 20px/24px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
}

.p-12-14-bold-rubik {
	text-align: left;
	font: normal normal bold 12px/14px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
	text-transform: uppercase;
}

.guest-tab tr:nth-child(even) {
	background: transparent;
	border: none;
}

.guest-tab td {
	border: 1px solid #E1E1E1;
	padding: 0px 15px;
	width: 353px;
	height: 56px;
	word-wrap: break-word;
}

.guest-attachments-tab {
	width: 100%;
	box-shadow: 0px 0px 6px #cccccc;
	border-radius: 4px;
	min-height: 75px;
	overflow: auto;
	margin-top: 20px;
}

.guest-attchmants-seperator {
	padding: 10px 5px;
	margin-bottom: 0;
}

.h2-14-17-bold-rubik {
	text-align: left;
	font: normal normal bold 14px/17px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
	opacity: 1;
	margin-top: 0;
	margin-bottom: 0;
}

.p-14-17-rubik-757575 {
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	color: #757575;
}

.mt-35 {
	margin-top: 35px;
}

.font-weight-100 {
	font-weight: 100;
}

.width-625 {
	width: 625px;
}

.padding-16 {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.ssn-page-section {
	top: 103px;
	left: 127px;
	width: 100%;
	height: auto;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	opacity: 1;
	padding: 20px;
	padding-bottom: 200px;
}

.guestinput:hover:not(:active), .guestinput:hover:not(:focus) {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #393C3F;
	border-radius: 4px;
}

.guestinput:active, .guestinput:focus {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 0px 6px #009de6 !important;
	border: 1px solid #3778BA !important;
	border-radius: 4px !important;
}

/*Transaction Entry Header style starts*/
.trans-header {
	width: 100%;
	height: 72px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000029;
	overflow-x: clip;
}

.home-trans {
	text-align: left;
	font: normal normal medium 16px/19px Rubik;
	color: #757575;
}

/*Transaction Entry Header style ends*/
.change-password-dialog {
	top: 50px !important;
	bottom: 50px !important;
	width: 400px !important;
	height: 450px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
}

.change-password-dialog-2 {
	top: 50px !important;
	bottom: 50px !important;
	width: 400px !important;
	height: 450px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
}

.change-password-text {
	font: normal normal bold 12px/14px Rubik;
	color: #393C3F;
	text-transform: uppercase;
}

.change-password-input-box {
	width: 358px;
	height: 32px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}

.logout-dropdown {
	width: 40px;
	height: 40px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #D9D9D9 !important;
	opacity: 1;
	padding: 10px 10px 10px;
	border-radius: 40px;
	color: #757575 !important;
	text-decoration: none !important;
}

.logout-dropdown:hover, .logout-dropdown.active {
	color: #3778BA !important;
	background: #3778BA0D 0% 0% no-repeat padding-box !important;
}

.logout-box {
	width: 250px;
	height: 140px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000029;
	border-radius: 4px;
	margin-top: 11px;
	display: none;
	position: absolute;
	z-index: 100;
	right: 0px;
}

.btnLogout {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-radius: 0px 0px 4px 4px !important;
	color: #757575 !important;
	border: none;
}

.btnLogout:hover {
	background: #3778BA14 0% 0% no-repeat padding-box !important;
	color: #3778BA !important;
	cursor: pointer;
}

.margin-top-34 {
	margin-top: 34px;
}

.background-ssn {
	background: #EBEBEB;
	padding: 4px;
	border-radius: 50px;
}

.color-146228 {
	color: #146228;
}

.color-AD5100 {
	color: #AD5100
}

.background-fcebdb {
	background: #fcebdb;
}

/*Cosmetic makeover styling starts*/
.home-portal-links {
	width: 100%;
	height: 86px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	opacity: 1;
	padding: 20px;
}

.home-portal-links:hover>em, .home-portal-links:hover>div,
	.home-portal-links:hover>label {
	color: #3778BA;
}

.home-portal-links:hover {
	background: #3778BA0D 0% 0% no-repeat padding-box;
}

.dashboard-container {
	width: 536px;
	height: 392px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	opacity: 1;
}

.ml-15 {
	margin-left: 15px;
}

.mtl-log-dash {
	width: 100%;
	height: 389px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	opacity: 1;
	padding: 20px;
}

.properties-dropdown {
	width: 496px;
	height: 34px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
}

.change-pwd {
	top: 50px !important;
	bottom: 50px !important;
	width: 600px !important;
	height: auto !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
}

.color-7070 {
	color: #707070;
}

.margin-top-32 {
	margin-top: 32px;
}

.margin-top-44 {
	margin-top: 44px
}

.header-icon {
	padding: 3px;
}

.header-icon:hover {
	background: #3778BA14 0% 0% no-repeat padding-box;
	border-radius: 4px;
	color: #3778BA;
	padding: 3px;
}

.font-family-rubik-bold {
	font-family: 'RubikBold' !important;
}

.font-size-18-imp {
	font-size: 18px !important;
}

.font-family-rubik-medium {
	font-family: 'RubikMedium' !important;
}

.smallFont-alt {
	font-size: 14px;
	font-weight: medium !important;
	color: #393C3F;
	font-family: Rubik;
}

.guest-log-column {
	font: normal normal normal 14px/17px Rubik;
	color: #393C3F !important;
	height: 38px !important;
    padding-top: 10px;
}

.verified-label {
	width: 136px !important;
	height: 30px !important;
	background: #E2ECE5 0% 0% no-repeat padding-box !important;
	border-radius: 25px !important;
	padding: 8px !important;
	font: normal normal normal 14px/17px RubikMedium !important;
	letter-spacing: 0px;
	color: #146228 !important;
	text-transform: uppercase !important;
	opacity: 1;
}

.not-verified-label {
	width: 136px !important;
	height: 30px !important;
	background: #00000014 0% 0% no-repeat padding-box !important;
	border-radius: 25px !important;
	padding: 8px !important;
	font: normal normal normal 14px/17px RubikMedium !important;
	letter-spacing: 0px;
	text-transform: uppercase !important;
	opacity: 1;
	color: #393C3F !important;
}

.guest-log-column-header {
	font: normal normal bold 14px/17px Rubik;
	color: #333333 !important;
}

.expand-link:hover, .expand-link:active, .expand-link:focus {
	color: #393C3F !important;
	background: #EFEFEF 0% 0% no-repeat padding-box;
}

.expand-link {
	color: #75767A !important;
	padding: 8px 18px;
	border-radius: 50px;
}

.manage-rule-panel {
	display: none;
	position: absolute;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	right: 30px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 4px 4px 0px 0px;
	opacity: 1;
	padding: 5px;
}

.panel-bar:hover {
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
	cursor: pointer;
}

.panel-bar-width {
	width: 175px !important;
}

.panel-bar-width-140 {
	width: 140px !important;
}

.text-decoration-none {
	text-decoration: none !important;
}

.merge-select {
    width: 1060px;
    background: #F9F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    padding: 20px;
}

.next-btn-container {
	width: 100%;
	height: 70px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000029;
	padding: 20px;
	position: fixed;
	bottom: 0px;
	z-index: 20;
}

.next-merge-btn {
	width: 89px;
	height: 30px;
	background: #3778BA 0% 0% no-repeat padding-box;
	border-radius: 50px;
	padding: 5px;
	margin-right: 100px;
}

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

.border-none td {
	border: 1px solid #E1E1E1;
	padding: 10px;
	width: 600px;
	padding-left: 30px;
}

.border-none tr:first-child td {
	border-top: none !important;
}

.border-none tr:last-child td {
	border-bottom: none !important;
}

.border-none tr td:first-child {
	border-left: none !important;
}

.border-none tr td:last-child {
	border-right: none !important;
}

.border-none tr:nth-child(even) {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	background: transparent;
}

.custom-radio .ui-radiobutton-box {
	width: 18px !important;
	height: 18px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #757575 !important;
	box-shadow: none !important;
}

.custom-radio .ui-state-active .ui-icon {
	width: 12px !important;
	height: 12px !important;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	border: 1px solid #3778BA !important;
	border-radius: 10px !important;
}

.custom-radio-alt .ui-radiobutton-box {
	width: 18px !important;
	height: 18px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #757575 !important;
	box-shadow: none !important;
}

.custom-radio-alt .ui-state-active .ui-icon {
	width: 12px !important;
	height: 12px !important;
	background: #3778BA 0% 0% no-repeat padding-box !important;
	border: 1px solid #3778BA !important;
	border-radius: 10px !important;
}

.ml-25 {
	margin-left: 25px;
}

.select-guest-merge-btn {
	/* width: 71px;
	min-height: 57px;
	background: #3778BA 0% 0% no-repeat padding-box;
	border: 1px solid #D9D9D9;
	margin-left: -10px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 17px;
	margin-top: -5px;
	margin-bottom: -5px; */
	
	
	width: 83px;
    min-height: 57px;
    background: #3778BA 0% 0% no-repeat padding-box;
    border: 1px solid #D9D9D9;
    margin-left: -11px;
    color: #FFFFFF;
    padding-left: 13px;
    padding-top: 19px;
    margin-top: -11px;
    margin-bottom: -10px;
	
}

.cancel-merge-btn {
	width: 94px;
	height: 30px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #3778BA;
	border-radius: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #3778BA;
}

.merge-profiles-btn {
	width: 167px;
	height: 30px;
	background: #3778BA 0% 0% no-repeat padding-box;
	border-radius: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.imp-msg-icon {
	background: #FFF9E0 0% 0% no-repeat padding-box;
	color: #856404;
}

.ml-8 {
	margin-left: 8px;
}

.mt-8 {
	margin-top: 8px;
}

.mr-8 {
	margin-right: 8px;
}

.bar-dialog {
	width: 800px;
	height: 367px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
	opacity: 1;
	top: 40px !important;
}

.add-note-text-area {
	width: 300px;
	height: 470px;
	font: normal normal normal 14px/17px Rubik;
	color: #757575;
}

.border-left-green {
	border-left: 3px solid #45842E;
}

.filter-sect-div {
	width: 100%;
	min-height: 100px;
	padding: 5px;
}

.filters-dialog {
	width: 100%;
	top: 0px !important;
	padding-left: 40px !important;
	min-height: 100%;
	overflow: auto;
	height: 100% !important;
	background: #ffffff !important;
	overflow: auto;
}

.filters-dialog .ui-dialog-titlebar {
	display: none;
}

.ffffff-background-imp {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
}

.blue-background-imp {
	background: #3778BA 0% 0% no-repeat padding-box !important;
}

.color-blue-imp {
	color: #3778BA !important;
}

.font-size-20-imp {
	font-size: 20px !important;
}

.font-family-rubik-imp {
	font-family: Rubik !important;
}

.color-white-imp {
	color: #FFFFFF !important;
}

.font-weight-normal-imp {
	font-weight: normal !important;
}

.check-container {
	width: 58px;
	height: 39px;
	background: #3778BA 0% 0% no-repeat padding-box;
}

.times-container {
	width: 57px;
	height: 39px;
	background: #B20005 0% 0% no-repeat padding-box;
}

.color-303030 {
	color: #303030;
}

.reports-home-tab {
	padding: 10px;
	min-height: 86px;
	border: 2px solid #F2EDED;
	border-radius: 4px;
	opacity: 1;
	font: normal normal 20px/24px Rubik;
	letter-spacing: 0px;
	color: #303030;
	font-weight: 600;
	padding-top: 16px;
	padding-left: 20px;
}

.reports-home-tab:hover, .reports-home-tab:focus {
	background: #3778BA0D 0% 0% no-repeat padding-box;
	border: 2px solid #F2EDED;
	border-radius: 4px;
	text-align: left;
	font: normal normal 20px/24px Rubik;
	letter-spacing: 0px;
	color: #3778BA;
	opacity: 1;
	font-weight: 600;
}

.filter-mtlLog-div {
	width: 100%;
	height: 250px;
	padding: 5px;
}

.select-new-guest {
	width: 135px;
	height: 19px;
	font-size: 16px !important;
	font-family: 'Rubik' !important;
	color: #3778BA !important;
	margin-left: 720px;
	padding: 10px;
}

.select-new-guest:hover, .select-new-guest:active {
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
	border-radius: 19px;
	color: #255280 !important;
}

.font-color-b94a48 {
	color: #b94a48;
}

.expmsg {
	font-family: 'Rubik' !important;
}

.logo-in-background {
	background: transparent
		linear-gradient(119deg, #45842E 0%, #9ACD32 100%) 0% 0% no-repeat
		padding-box;
	opacity: 1;
}

#footer img {
	width: 141px !important;
	height: 25px !important;
}

.filter-div:hover {
	background: #F2F5F9 0% 0% no-repeat padding-box;
	border: 1px solid #E1E1E1;
	color: #3778BA;
}

.titile-bold-20-rubik {
	text-align: left;
	font: normal normal bold 20px/24px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
	opacity: 1;
}

.close-icon-filter {
	padding: 2px 8px;
	border-radius: 50px;
	font: normal normal normal 24px/29px Rubik;
	letter-spacing: 0px;
	color: #757575 !important;
}

.close-icon-filter:hover {
	background: #EFEFEF 0% 0% no-repeat padding-box;
	color: #393C3F !important;
}

.filter-button div:first-child, .guest-info-filter-button div:first-child
	{
	border-radius: 4px 0px 0px 4px;
}

.filter-button div:nth-child(2), .guest-info-filter-button div:nth-child(2)
	{
	border-radius: 0px 4px 4px 0px;
}

.filter-search-heading {
	font: normal normal bold 12px/14px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
	text-transform: uppercase;
	opacity: 1;
}

.ml-40 {
	margin-left: 40px;
}

.void-datepick input {
	/* width: 115px !important; */
	width: 99px !important;
    height: 35px;
}

.input-style {
	text-align: left;
	font: normal normal normal 14px/17px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
}

.filter-button-links {
	text-align: center;
	font: normal normal normal 20px/10px RubikMedium;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding-top: 25px;
	font-family: 'RubikMedium' !important;
	font-size: 18px !important;
}

.filter-link-box-shadow {
	box-shadow: 0px 0px 6px #00000029;
}

.height-auto {
	height: auto;
}

.max-height-105 {
	max-height: 105px;
	overflow: auto;
}

.max-height-105::-webkit-scrollbar {
	width: 3px;
	border-radius: 50px;
}

.max-height-105::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.max-height-105::-webkit-scrollbar-thumb {
	background: #888;
}

.max-height-105::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.mb-60 {
	margin-bottom: 60px;
}

.guestlogsDT thead th {
	text-align: left;
	font: normal normal bold 14px/17px Rubik;
	letter-spacing: 0px;
	color: #333333;
}

.rest-filter-link {
	text-align: left;
	text-decoration: underline;
	font: normal normal normal 14px/17px RubikMedium;
	letter-spacing: 0px;
	color: #3778BA;
}

.icon-link-back {
	text-align: left;
	font: normal normal normal 16px/19px Rubik;
	letter-spacing: 0px;
	color: #757575;
	opacity: 1;
}

.icon-link-home {
	text-align: left;
	font: normal normal normal 20px/25px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
}

.icon-link-sep {
	text-align: left;
	font: normal normal normal 16px/19px Rubik;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
}

.merge-dialog-label {
	margin-top: 30px;
	font: normal normal normal 14px/18px Rubik;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom: 30px;
}

#users tbody td {
	text-align: left;
	font: normal normal normal 16px/19px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
}

.mouse-pointer:hover, .mouse-pointer:focus {
	cursor: pointer;
}

.activeUsersDT thead th {
	text-align: left;
	font-size: 16px !important;
	font-weight: bold !important;
	font-family: 'RubikBold' !important;
	color: #303030 !important;
}

.font-size-18 {
	font-size: 18px !important;
}

.margin-left-50 {
	margin-left: 50px;
}

.color-303030 {
	color: #303030;
}

.color-393C3F {
	color: #393C3F;
}

#roles tr:nth-child(even) {
	background: none;
}

.manage-user {
	font: normal normal medium 16px/19px Rubik;
	color: #3778BA;
}

.opacity-half {
	opacity: 0.5 !important;
}

.roles-titles {
	font: normal normal bold 18px/22px Rubik;
	color: #303030;
}

.activate-text {
	font: normal normal medium 16px/19px Rubik;
	color: #255280;
}

.ui-datatable.white-bg-table tr:nth-child(even) {
	background: #FFFFFF 0% 0% no-repeat padding-box;
}

.usersDT .table-toggle-button {
	background: transparent;
	border: none;
	letter-spacing: 0px;
	color: #3778BA;
	font-weight: 600;
	margin-top: 5px;
	box-shadow: none;
	font: normal normal normal 14px/17px RubikMedium;
	border-radius: 50px;
	padding: 5px 0px;
}

.usersDT .table-toggle-button:hover {
	background: #EFEFEF 0% 0% no-repeat padding-box;
	color: #255280;
}

.add-user-icon {
	background: #3778BA 0% 0% no-repeat padding-box !important;
	border: 1px solid #3778BA !important;
	border-radius: 50px !important;
	color: #FFFFFF !important;
	box-shadow: none !important;
	opacity: 1;
	text-align: center !important;
	font-weight: bold !important;
	font-size: 15px !important;
	font-family: 'Rubik' !important;
	letter-spacing: 0px;
	padding: 7px 20px !important;
	text-decoration: none !important;
}

.add-user-icon:hover {
	background: #255280 0% 0% no-repeat padding-box !important;
	border: 1px solid #255280 !important;
}

.mb-30 {
	margin-bottom: 30px;
}

.tip {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50px;
	top: -10px;
	border: solid 10px;
	border-color: #333333 transparent transparent transparent;
	transform: rotate(180deg);
}

.border-bottom-1-solid {
	border-bottom: 1px solid #333333;
}

.uniondetails {
	right: auto;
	width: 35%;
	z-index: 100;
	max-height: 300px;
	overflow: auto;
}

.uniondetails::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #fff;
}

.uniondetails::-webkit-scrollbar-track {
	box-shadow: inset 0 0 3px #484242;
	border-radius: 10px;
}

.uniondetails::-webkit-scrollbar-thumb {
	background: #a9a8a8;
	border-radius: 10px;
}

.uniondetails::-webkit-scrollbar-thumb:hover {
	background: #756c6c;
}

.font-weight-bold {
	font-weight: bold;
}

.pt-5 {
	padding-top: 5px;
}

.save-email-btn {
	padding: 18px 23px;
    font-size: 22px;
    background: #3778BA;
    color: white;
    opacity: 1;
    width: 50%; 
}

.delete-email-btn {
	padding: 18px 25px;
    font-size: 22px;
    background-color: #B20005;
    color: #FFFFFF;
    opacity: 1;
    width: 50%;
}

.global-settings-container {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #D9D9D9;
	border-radius: 4px;
}

.start-time-dropdown {
	width: 75px;
	height: 30px;
	text-align: left;
	font-family: Rubik;
	font-size: 16px;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
	margin-top: -5px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #D9D9D9 !important;
	box-shadow: none  !important;
	border-radius: 4px;
}

#gameDay td {
	border: 1px solid #D9D9D9 !important;
	border-radius: 4px !important;
	font-family: Rubik;
	font-size: 16px;
}

.timeZone-dropdown {
	width: 220px !important;
	height: 34px !important;
	text-align: left;
	font-family: Rubik;
	font-size: 16px;
	letter-spacing: 0;
	color: #303030;
	opacity: 1;
	margin-top: -5px;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #D9D9D9 !important;
	box-shadow: none !important;
	border-radius: 4px;
}

.start-time-dropdown .ui-inputfield {
	box-shadow: none;
	padding: 5px 0px 0px 3px;
}

.timeZone-dropdown .ui-inputfield {
	box-shadow: none;
}

.timeZone-dropdown.ui-selectonemenu .ui-selectonemenu-label {
	width: 210px;
    padding: 5px 0px 2px 8px;
}

.cancel-changes-btn {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #3778BA !important;
	border-radius: 50px !important;
	color: #3778BA !important;
	width: 130px;
	height: 35px;
	opacity: 1;
	text-align: center;
	font-weight: normal !important;
	font-size: 17px !important;
	font-family: 'Rubik' !important;
	letter-spacing: 0px;
	padding: 6px;
	text-decoration: none !important;
}

.cancel-changes-btn:hover {
	border: 1px solid #255280 !important;
	color: #255280 !important;
}

.save-changes-btn {
	background: #3778BA 0% 0% no-repeat padding-box !important;
	border: 1px solid #3778BA !important;
	border-radius: 50px !important;
	color: #FFFFFF !important;
	width: 154px;
	height: 35px;
	box-shadow: none;
	opacity: 1;
	text-align: center;
	font-weight: normal !important;
	font-size: 17px !important;
	font-family: 'Rubik' !important;
	letter-spacing: 0px;
	padding: 6px;
	text-decoration: none !important;
}

.save-changes-btn:hover {
	background: #255280 0% 0% no-repeat padding-box !important;
	border: 1px solid #255280 !important;
}

.hover-blue:hover {
	color: #3778BA;
	width: 85px;
	height: 33px;
	background: #EFEFEF 0% 0% no-repeat padding-box;
	border-radius: 16px;
}

.void-dialog {
	width: 600px;
	height: 370px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 6px #00000040;
	border-radius: 4px;
	padding-left: 20px;
}

.top-150 {
	top: 150px !important;
}

.voided-bg {
	background: #FFFF0033 0% 0% no-repeat padding-box;
}

.p-5 {
	padding: 5px;
}

.scan-dialog {
	height: 180px !important;
}

#non-native-void-txn.void-dialog {
	height: 500px !important;
}

.l-regular-14-rubik-393C3F {
	text-align: left;
	font: normal normal normal 10px/12px Rubik;
	letter-spacing: 0px;
	color: #393C3F;
	opacity: 1;
}

.color-button {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid transparent;
	transition: transform 0.2s, border-color 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: white;
	font-weight: bold;
}

.checkbox-group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.checkbox-item {
	display: inline-block;
	margin: 2px;
	cursor: pointer;
}

.color-legend {
	display: inline-block;
	width: 55px;
	height: 55px;
	border-radius: 55%;
	border: 2px solid #788082;
	margin-left: 5px;
}

.legend.active {
	border: 2px solid black;
}

.ano-color-click {
	border-color: #6ea6e6 !important;
	box-shadow: 0px 1px 11px #3778BA;
}

.custom-table {
	background-color: #ffffff; /* Table background color */
	border: 1px solid #ddd; /* Optional: Table border */
}

.custom-table-header {
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	border-bottom: 2px solid #ddd;
}

.custom-column {
	padding: 10px; /* Customize column padding */
	color: #000000; /* Column text color */
}

.anonymousDialog.ui-widget-content {
	border: none;
}

.anonymousDialog.ui-corner-all {
	border-radius: 4px;
}

.anonymousDialogHeader {
	font-size: 20px !important;
	font-weight: bold;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
}

.anonymousDialog .ui-dialog-content.ui-widget-content {
	padding-left: 30px;
	padding-right: 30px;
	overflow: auto;
}

.anonymousDialog {
	top: 60px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 4px;
}

.anonymousDialogCloseIcon {
	font-size: 20px;
	background: transparent;
	padding: 8px 11px;
	color: #757575;
	font: 20px/25px 'Font Awesome 5 Pro';
}

.anonymousTable {
	background: #ffffff;
	border: 2px solid #141212;
	border-color: #040404 !important;
}

.anonymousTable thead th {
	border: 1px solid #a8a8a8 !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
}

.scrollable-dialog .ui-dialog-content {
	max-height: 500px; /* Adjust height as needed */
	overflow-y: auto; /* Enable vertical scrolling */
}

.addIPLink {
	text-align: left;
	font: normal normal bold 16px/19px Rubik !important;
	letter-spacing: 0;
	color: #3778BA !important;
	opacity: 1;
	border-radius: 25px;
	text-decoration: none !important;
	padding: 8px;
}

.selectAnonymous {
	text-align: left;
	font: normal normal normal 16px/19px Rubik !important;
	letter-spacing: 0px;
	color: #3778BA !important;
	padding: 8px 6px;
	border-radius: 25px;
	opacity: 1;
}

.selectAnonymous:hover, .addIPLink:hover {
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
}

.selectAnonymous:focus, .selectAnonymous:active, .addIPLink:focus,
	.addIPLink:active {
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 0px 6px #009de6 !important;
}

.ml-0 {
	margin-left: 0;
}

.merg-ano-button {
	color: #3778BA;
	border: 1px solid;
	border-radius: 25px;
}

.edit-profile-btn {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-radius: 50px;
	opacity: 1;
	text-align: center;
	font-weight: normal !important;
	font-size: 17px;
	font-family: 'Rubik' !important;
	letter-spacing: 0px;
	color: #3778BA !important;
	border: 1px solid #3778BA !important;
}

.edit-profile-btn:hover, .edit-profile-btn:focus, .edit-profile-btn:active
	{
	background: #EFEFEF 0% 0% no-repeat padding-box !important;
	border: 1px solid #255280 !important;
	color: #255280 !important;
}

.edit-profile-btn:focus {
	box-shadow: 0px 0px 6px #009de6;
}

.edit-profile-btn-padding {
	position: absolute;
	left: 780px;
	padding: 5px 20px;
}

#dialogs .ui-dialog .ui-dialog-content .div-btn {
	margin: 12px auto 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	flex-wrap: nowrap;
	width: 100%;
}

#dialogs .ui-dialog .ui-dialog-content .div-btn .cancel-btn-link,
	#dialogs .ui-dialog .ui-dialog-content .div-btn .ui-button {
	float: none !important;
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	height: 38px;
	padding: 0 22px !important;
	border-radius: 19px;
}

#dialogs .ui-dialog .ui-dialog-content .div-btn .tgs-btn {
	min-width: unset !important;
}

.trans-width {
	width: 75% !important;
	box-sizing: border-box;
}

.page-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.page-wrapper>.left-panel {
	flex: 1;
	min-width: 300px;
	box-sizing: border-box;
}

.page-wrapper>.right-panel {
	flex: 1;
	min-width: 300px;
	box-sizing: border-box;
}

.home-report-container {
	display: flex;
	gap: 10px;
}

.col-10 {
	flex: 0 0 10%;
}

.col-85 {
	flex: 1;
	min-width: 0;
}

.col-5 {
	flex: 0 0 5%; /* fixed 5% width */
	min-width: 25px;
	text-align: center;
}

.col-10, .col-85, .col-5, .col-95 {
	box-sizing: border-box;
}

.home-report-container>.favicons {
	font-size: 36px;
}

.home-gameDT {
	display: block;
	text-align: center;
	margin-top: 15px;
}

.home-client-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.home-client-heading>.client-header {
	order: 1;
}

.home-client-heading>.client-name {
	order: 2;
}

.report-items {
	display: flex;
	gap: 10px;
}
/* user */
body .ui-chkbox .ui-chkbox-box.ui-state-active {
	background: #3778BA !important;
}

.ui-datatable thead th.th-width-120 {
	width: 144px;
}

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background: #3778BA 0% 0% no-repeat padding-box !important;
}

.ui-datepicker-trigger {
	height: 39px !important;
}

.trans-datebox .ui-inputfield {
	height: 39px !important;
	width: 265px !important;
}

.filter-datebox .ui-inputfield {
	height: 39px !important;
	width: 190px !important;
}

.active-users-datebox .ui-inputfield {
	height: 39px !important;
	width: 210px !important;
}

select-checkbox-menu.ui-selectcheckboxmenu-panel, .select-checkbox-menu .ui-selectcheckboxmenu-header
	{
	padding-top: 0;
	width: 180px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #E1E1E1;
	border-radius: 0;
	padding-bottom: 0;
}

.ui-selectcheckboxmenu-items-wrapper .ui-chkbox .ui-chkbox-box {
	background: transparent;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon
	{
	position: relative;
	top: 50%;
	margin-top: -15px;
	right: 3px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
	font-family: 'Rubik';
	font-size: 14px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper {
	height: auto !important;
}

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
	margin-bottom: 5px;
	bottom: 2px;
}

.ui-selectcheckboxmenu-multiple-container.ui-inputfield {
	box-shadow: none !important;
}

.ui-selectcheckboxmenu-token {
	font-size: 14px;
	font-family: 'Rubik';
}

.ui-icon-search {
	display: none !important;
}

.ui-icon-circle-close {
	display: none !important;
}

ul .ui-state-hover {
	min-width: 16px !important;
}

.ui-selectcheckboxmenu-header .ui-inputfield {
	box-shadow: none !important;
}

.font-size-14-imp {
	font-size: 14px !important;
}

.p-datepicker {
	min-width: 0px;
}

#tab1 #userRoles a {
	color: #3778BA;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Rubik';
	font-weight: bold;
}

#tab1 #userRoles a:hover {
	text-decoration: underline;
}

#dialogs .ui-dialog.add-user-dialog .ui-dialog-content .div-btn {
	margin: 0 !important;
	display: block !important;
	justify-content: normal !important;
	align-items: normal !important;
	gap: 0 !important;
	flex-wrap: wrap !important;
	width: auto !important;
}

#transtab.ui-widget-content {
	background: transparent !important;
	border: 0 !important;
}

.report-items .col-95 {
	flex: 1;
	min-width: 0;
}

.report-items .col-5 {
	flex: 0 0 5%;
	min-width: 25px;
	text-align: center;
}

.client-dbItems-header {
	display: flex;
	gap: 10px;
}

.client-dbItems-header .col-95 {
	flex: 1;
	min-width: 0;
}

.client-dbItems-header .col-5 {
	flex: 0 0 5%;
	min-width: 25px;
	text-align: center;
}

.client-back-icon {
	padding: 10px 4px 8px 4px;
}

#header-div .ui-menuitem .disabled, #new-header-div .ui-menuitem .disabled,
	#header-div .ui-widget .ui-menuitem .disabled .ui-menuitem-text,
	#new-header-div .ui-widget .ui-menuitem .disabled .ui-menuitem-text {
	color: #82828C;
}

#header-div .ui-menu, #new-header-div .ui-menu {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	opacity: 1;
	border: none !important;
	padding: 0px;
}

#header-div .ui-menuitem a, #new-header-div .ui-menuitem a {
	text-align: left;
	font: 14px/17px RubikMedium;
	letter-spacing: 0px;
	color: #495057;
	opacity: 1;
	border: 1px solid #FFFFFF !important;
	padding: 10px 20px;
}

#header-div .ui-menu.ui-menubar .ui-menu-list .ui-menuitem.ui-menubar-start,
	#new-header-div .ui-menu.ui-menubar .ui-menu-list .ui-menuitem.ui-menubar-start
	{
	margin-left: 0px !important;
	margin-right: 55px !important;
}

#header-div .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon,
	#new-header-div .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon
	{
	color: #495057 !important;
}

#header-div .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text,
	#new-header-div .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text
	{
	color: #495057 !important;
	vertical-align: sub;
}

#header-div .ui-menuitem .ui-state-hover, #new-header-div .ui-menuitem .ui-state-hover
	{
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border: 1px solid #E1E1E1 !important;
}

.ui-message.changeMsgError.ui-message-error {
	background: none !important;
	border: none !important;
	display: inline-block !important;
	margin: auto !important;
	padding: 2px 5px !important;
	color: #B20005 !important;
}

.dialog-bottom-btns {
	display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: center;
}
.dialog-bottom-btns .cancel-btn-link,
.dialog-bottom-btns .tgs-btn2 {
	color: #FFFFFF !important;
	border: 1px solid #64B047 !important;
	border-radius: 50px !important;
	float: left !important;
	margin: 10px 10px 0 0px !important;
	cursor: pointer !important;
	padding: 8px !important;
	height: 36px !important;
	background: #64B047 0% 0% no-repeat padding-box !important;
	min-width: 150px;
	text-align: center !important;
	font: 16px/18px RubikMedium !important;
	width: 30%;
}
.dialog-bottom-btns .tgs-btn2:hover,
.dialog-bottom-btns .cancel-btn-link:hover {
	box-shadow: 0 0 8px #85b2cb;
	text-decoration: none;
}
.h-16-dblue-bold-arial:hover, .l-16-dblue-arial-Bold:hover{
	text-decoration: none !important;
}
.readonly-dropdown:hover {
	border: 1px solid #95989A;
}

.hover-blue.edit-btn-gblstngs {
  display: flex;
  justify-content: center;    
  align-items: center;        
  gap: 6px;                   
  width: 85px;               
  height: 33px;              
  border-radius: 16px;        
  background: transparent;   
  transition: all 0.2s ease;
}

.hover-blue.edit-btn-gblstngs:hover {
  color: #3778BA;
  background: #EFEFEF 0% 0% no-repeat padding-box;
}

.font-size-16-editgblstngs {
  font-size: 16px;
  padding: 3px 0 0 0;
}

.dollor-symbol {
	position: relative;
	left: 15px;
	z-index: 3;
	font: normal normal normal 16px/19px Rubik;
	color: #949494;
}

.ssn-style-1 {
	margin-top: 20px;
	margin-left: 0px;
}

.ssn-style-2 {
	margin-top: 20px;
	margin-left: 210px;
}

.filter-button .ui-button .ui-button-text{
	padding: 5px 12px !important;
}

.add-note-dialog .ui-dialog-content {
    display: flex !important;
    flex-direction: column;
    height: calc(115vh - 120px) !important; 
    overflow: hidden !important;
}


.add-note-dialog .note-area {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


.add-note-dialog .add-note-text-area {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 250px;     
    max-height: 100%;
    resize: none;
    width:370px;
}

/* .add-note-dialog .note-area {
    overflow-y: auto !important;
} */


.add-note-dialog .ui-message-error {
    margin: 4px 0 !important;
}

.add-note-dialog .mt-15 {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}


#tenant_email .ui-messages-close,
#tenant_email .ui-message-close {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

#tenant_email .ui-messages-close:focus,
#tenant_email .ui-message-close:focus,
#tenant_email .ui-messages-close:active,
#tenant_email .ui-message-close:active {
    outline: none !important;
    box-shadow: none !important;
}

.report-home-height{
	margin: 20px 0 0 0;
}

.report-home-labelfont{
	font-size: 20px;
}


.upload-attachment{
  width: 100% !important;
  display: flex;
  justify-content: center;  
}

.upload-attachment-button{
  left: 0 !important;       
  position: relative;
}

.refresh-button-width{
	width:30px;
}

.merge-select{
  width: 100% !important;
  max-width: 1060px;
  box-sizing: border-box;
  overflow-x: auto;
}

.add-cancel-admin-btns {
  display: flex;
  gap: 10px;      
}

.exp-csv-btns {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.exp-csv-btns .exp-btn { 
	flex: 0 0 auto; 
}
.exp-csv-btns .create-profile-button{
	margin-right: 0px !important;
}

.add-cancel-admin-btns > .col-add-edit,
.add-cancel-admin-btns > .col-cancel{
  box-sizing: border-box;
}



/* Reports - Common Back button + Navigation path + Title + Day/Time alignment  ---- starts*/

.report-nav-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
}

.report-nav-row .float-left, .report-nav-row .float-right {
	float: none !important;
}

.report-nav-row .div-back-icon {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.report-nav-row .div-back-icon .icon-link {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.report-nav-row .div-other-icon {
	flex: 1 1 auto;
	min-width: 0;
}

/* Remove unwanted line breaks after nav row */

.report-nav-row+br, .report-nav-row+br+br {
	display: none;
}

/*-----------------End------------------*/


/* Reports - Profile pages - Guest Profile & similar report profile tiles----- starts */

.div-guest-profile-details,
.profile-deatils-div {
	box-sizing: border-box;
	max-width: 100%;
}

.div-guest-profile-details {
	width: 100%;
	height: auto;
	min-height: unset;
}

.div-guest-profile-details::after {
	content: "";
	display: table;
	clear: both;
}

.profile-deatils-div {
	width: 100%;
	clear: both;
	display: block;
}

.div-guest-profile-details img {
	max-width: 100%;
	height: auto;
}

/* ------------ Grid horizontal scroll --------------- */
.guest-info-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.guest-info-grid {
	min-width: 720px;
	width: auto;
}

.guest-info-grid .gametime-label {
	word-break: break-word;
	white-space: normal;
}


.add-guest-note .impmsg-editor-row {
	margin-left: 0 !important;
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
}

.add-guest-note .impmsg-editor-row textarea,
.add-guest-note .impmsg-editor-row .ui-inputtextarea {
	width: 100% !important;
	flex: 1 1 auto;
	min-width: 0;
	height: 39px;
	box-shadow: none;
}

.add-guest-note .impmsg-editor-row #display {
	white-space: nowrap;
	flex: 0 0 auto;
	margin-left: 0 !important;
	position: static !important;
	top: auto !important;
	bottom: auto !important;
}

.add-guest-note .impmsg-editor-row a {
	flex: 0 0 auto;
}

.add-guest-note .impmsg-editor-row .check-container,
.add-guest-note .impmsg-editor-row .times-container {
	position: static !important;
	left: auto !important;
	bottom: auto !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/*  Guest profile summary row */
.div-guest-profile-details .gp-summary-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 16px;
  row-gap: 6px;
}

.div-guest-profile-details .gp-summary-row > .float-left.mr-25{
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.div-guest-profile-details .gp-summary-row .float-left,
.div-guest-profile-details .gp-summary-row .float-right{
  float: none !important;
  display: inline;
  white-space: nowrap !important;
}



#tin-alerts-block {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#tin-alerts-block .div-guest-prop-item {
  float: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;   
}


#tin-alerts-block .mr-25,
#tin-alerts-block .mr-15 {
  margin: 0 !important;
}


#tin-alerts-block .div-guest-prop-item,
#tin-alerts-block .div-guest-prop-item * {
  width: auto !important;
  max-width: none !important;
}

/*--------------Reports - Profile pages- ---End-------------------*/

#ssn-form #ssn-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	flex-wrap: wrap; 
}

#ssn-form #ssn-header .new-transaction-title {
	flex: 1 1 auto;
	min-width: 0;
}

#ssn-form #ssn-actions {
	flex: 0 1 auto;
	max-width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: flex-end;
	flex-wrap: wrap;
}

#ssn-form #ssn-actions>a {
	float: none !important; 
	position: static !important; 
	display: inline-flex !important;
	align-items: center;
	white-space: nowrap;
	max-width: 100%;
}

#ssn-form #ssn-actions .discard-icon, #ssn-form #ssn-actions .discard-text,
	#ssn-form #ssn-actions .discard-padding {
	float: none !important;
	position: static !important; 
	display: inline-flex !important;
	align-items: center;
}

#ssn-form #ssn-actions .fa-trash-alt {
	margin-right: 6px;
}

#ssn-form .ssn-input, #ssn-form .ssn-input input {
	width: 50% !important;
	max-width: 50% !important;
	display: block;
	box-sizing: border-box;
}

#ssn-form .trans-submit-text, #ssn-form .trans-submit-enabled {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

#page .manager-review-login-section {
	width: 100% !important;
	max-width: 1111px;
	height: auto !important;
	box-sizing: border-box;
	margin: 14px auto 0 !important;
	padding-bottom: 21px;
}

#page #mgrReviewHeader {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

#page #mgrReviewHeader .discard-icon {
	position: static !important;
	margin-left: auto !important;
	white-space: nowrap;
}

.respo-font-32 {
	font-size: 32px !important;
}

#page #mgrReviewFormArea {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#page #mgrReviewFormArea .margin-left-384 {
	margin-left: 0 !important;
}

#page #mgrReviewFormArea .display-flex {
	width: 100%;
	max-width: 345px;
	margin: 20px auto 0 !important;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

#page #mgrReviewFormArea .mgr-field, #page #mgrReviewFormArea .display-flex .ui-inputtext
	{
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

#page #mgrReviewFormArea .mgr-field {
	max-width: 275px;
}

#page #mgrReviewFormArea input {
	width: 275px;
	max-width: 100%;
	box-sizing: border-box;
}

#page #mgrReviewFormArea .mgr-field .ui-selectonemenu.manager-dd {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box;
	display: block;
}

#page #mgrReviewFormArea .mgr-field .ui-selectonemenu.manager-dd .ui-selectonemenu-label
	{
	width: 100% !important;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 17px !important;
}

#page #mgrReviewFormArea .review-btn {
	width: 100% !important;
	max-width: 345px;
	margin: 20px auto 0 !important;
	display: block;
	margin-bottom: 20px !important;
}

#page #mgrReviewFormArea #login-error * {
	margin-left: 0 !important;
}


#discard-dialog\:discard-prompt .discard-dialog-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    width: 100%;
}


#page.ssnPage .middle_inner_trans {
	width: 100%;
	margin: 0 auto !important;
	padding: 20px;
	box-sizing: border-box;
	overflow: visible !important;
}

#page.ssnPage .ssn-verification-section {
	width: 100%;
	max-width: 1111px;
	box-sizing: border-box;
	position: relative;
	padding-right: 150px;
	overflow: visible !important;
}

#page.ssnPage .margin-left-150 {
	margin-left: 0 !important;
}

#page.ssnPage .hor-line {
	width: 100% !important;
	right: 0 !important;
}

#page.ssnPage .discard-icon {
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
	left: auto !important;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	white-space: nowrap !important;
	z-index: 50;
	max-width: none !important;
}

#page.ssnPage .totalscore-lbl-margin{
	
    margin-left: 60px;
}

#page.ssnPage .guest-info-header-font-size{
	
    font-size: 20px !important;
}

#page.ssnPage .guestinfo-value-font-size{
	
    font-size: 18px !important;
}

#page.ssnPage .ssn-tin-verified-label-font-size{
	
    font-size: 24px !important;
}

.guest-profile-note-dialog {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: -3px 0px 6px #00000029;
	top: 0px !important;
	overflow: auto;
	max-width: 430px !important;
	width: 100% !important;
	height: 100vh !important;
}

.guest-profile-note-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.guest-profile-note-textarea {
	box-shadow: none;
	width: 100%;
	height: calc(100vh - 200px);
}

.trans-finish-btn {
	box-shadow: none;
	border: none !important; 
	border-radius: 0px !important;
}

.trans-repeat-btn {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 1.2);
	margin-right: 0px;
	border: none !important;
	border-radius: 0px !important;
}

.chng-pin-pswd-error-msg {
	color: red !important;
	font: normal 14px Rubik !important;
	font-weight: normal !important;
}

.respo-filter-grid {
	display: flex;
	flex-wrap: wrap;
  	gap: 12px;
}

.respo-filter-grid > .filter-grid-item{
  	min-width: 250px !important;
  	box-sizing: border-box;
  	flex: 0 0 250px;  	 
  	margin-left: 0px !important;
}

.filter-grid-item .ui-inputfield.ui-widget.ui-state-default.hasDatepicker {
  	width: 210px !important;
}

.respo-filter-grid .p-datepicker.ui-calendar {
    width: 250px !important;
    height: 34px;
}

.filter-grid-item .ui-button.ui-widget.ui-state-default.ui-button-text-only {
	min-width: 125px !important;
	margin-left: 0px !important;
}

.respo-info-grid td {
  vertical-align: top;
  box-sizing: border-box;
  min-width: 150px;
  max-width: 354px;
}

#filter-detailed-mtl-log\:input6_input,
#filter-anonymous-mtl-log\:input6_input {
    width: 153px !important;
}

#barred\:guest-barred .barred-message-container {
	right: 0px !important;
    width: 100%;
    height: 112px;
    background: #FC8A28 0% 0% no-repeat padding-box;
    margin-top: 15px;
}

.barred-guest-header {
 	display: inline-block;
    margin-left: 20px;
    margin-top: 10px;
}
 
.column-align-centre {
	display: flex;
	align-items: center;
	justify-content: center;
}

#proceed-dialog .proceed-dialog {
	width: 600px !important;
	height: 180px !important;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 0px 6px #00000040 !important;
	border-radius: 4px !important;
	top: 150px !important;
}

#changeform .fa-key:before {
  content: "\f084";
  position: relative;
  right: 28px;
}

html, body {
  height: 100vh;
  margin: 0;
}

.page {
  min-height: 94%;
  display: flex;
  flex-direction: column;
  margin-top: 6px;
}

.container {
 display: contents;
}

#changeform .fa-key:before {
    content: "\f084";
    position: relative;
    z-index: 10;
    left: 20px;
}

.login-page-mid-section {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}