body {
    font-family: Calibri, Arial, sans-serif;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

select {
    background-color: #fff;
}

.not-found {
	color: red;
}
	
.hidden {
	display: none;
}

.readonly {
	background-color: rgb(235, 235, 228);
	color: rgb(84, 84, 84);
}

h3 {
	font-size: 1.1em;
}

hr {
	padding-top: 20px;
	border: 0;
	border-bottom: 1px dashed #777;
	margin-right: 20px;
}

th {
	padding-bottom: 10px;
	padding-right: 20px;
	text-align: left;
	border-bottom: 1px solid #777;
}

td {
	padding: 4px 20px 4px 0px;
	text-align: left;
	border-bottom: 1px dotted #777;
}

.no-border-table th {
	padding: 2px 20px 2px 0px;
	border: none;
}

.no-border-table td {
	padding: 2px 20px 2px 0px;
	border: none;
}

input[type="submit"], input[type="button"] {
	background: #215;
	color: #fff;
	text-align: center;
	width: 150px;
	height: 28px;
	border: 0;
	border-right: 1px solid #fff;
	font-size: 1em;
    font-family: Calibri, Arial, sans-serif;
	margin: 20px 0 0 0;
	border-radius: 15px;
	cursor: pointer;
	transition-duration: 0.25s;
}

input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #331A80;
}

.nav-buton {
	background: #215 !important;
}

.short-button {
	width: 100px !important;
}

.wide-button {
	width: 210px !important;
}

.search-wrap {
	width: 100%;
	min-height: 120px;
}

.search-width-display {
	display: inline-block;
	margin: 24px 0 0 20px;
	vertical-align: top;
}

.search-box {
	margin: 0;
	padding: 10px 20px 10px 20px;
	border: 1px solid #aaa;
	border-radius: 10px;
	display: inline-block;
}

.search-box th {
	border: none;
	vertical-align: bottom;
	padding-right: 10px;
	height: 28px;
}

.search-box td {
	border: none;
	padding-right: 10px;
}

.search-box input[type=submit]  {
	width: 80px;
	height: 28px;
	margin-top: 0;
}

.search-box input[type=button]  {
	width: 80px;
	height: 28px;
	margin-top: 0;
}

.login-page {
}

.logo-login {
	text-align: center;
	padding-top: 20px;
}

.logo-login h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.logo {
	margin-bottom: 5px;
}

.maintenance {
	text-align: center;
	width: 300px;
	margin: 20px auto;
	padding: 20px 20px 25px 20px;
	border: 2px #000 solid;
	border-radius: 10px;
	background-color: #eee;
}

.login {
	width: 320px;
	margin: 20px auto;
	padding: 20px 20px 25px 20px;
	border: 2px #000 solid;
	border-radius: 10px;
	background-color: #eee;
}

.login th {
	font-weight: bold;
	margin:20px;
	padding: 10px;
	text-align: left;
	border: none;	
}

.login td {
	margin: 20px;
	padding: 10px;
	text-align: left;
	border: none;
}

.login input[type=submit] {
	margin: 0;
	width: 100px;
}

.link-buttton a {
	width: 200px;
    margin: 20px auto;
	display: flex;
	justify-content: center;
    font-size: 18px;
    color: #fff;
    padding: 6px 10px;
    background: rgb(34,17,85);
    border-radius: 20px;
    border: 0;
    cursor: pointer;
    font-family: Calibri;
    text-decoration: none;
}

.error-msg {
	width: 300px;
	margin: 20px auto;
	padding: 10px 20px;
	border-radius: 10px;
	border: 2px solid #f00;
    background: #fef6d8;
	text-align: center;
	font-weight: bold;
}

.tip-msg {
	border: 1px solid #777;
	border-radius: 10px;
	background-color: #fef6d8;
	padding: 10px 10px; 
	display: inline-block;
}

.tip-msg img {
	vertical-align: middle;;
}

.browser {
	display: inline-block; 
	margin-left: 20px;
	background: #fef6d8;
	border: 1px solid #777;
	padding: 2px 10px;
}

.upper-left-corner {
	width: 40px;
	height: 44px;
	background-color: #215;
	position: fixed; 
	left: 0px; 
	top: 0px; 
}

.upper-left-corner img {
	margin-top: -6px; 
	margin-left: 1px;
	padding-top: 10px;
	padding-left: 1px;
	width: 36px;
}

.top-bar {
	width: 100%;
	height: 44px;
	background-color: #555;
	position: fixed; 
	left: 240px;
	top: 0px; 
}

.product {
	position: fixed; 
	left: 40px; 
	height: 44px;
	top: 0px;
	width: 200px;
	background-color: #007ACC;
}

.product-name {
	display: inline-block;
	margin-top: 10px;
	margin-left: 20px;
	padding-top: 0;
	font-size: 1.1em;
	color: #fff;
}

.title {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	padding-top: 0;
	color: #fff;
	font-size: 1.1em;
}

.top-right-box {
	text-align: right;
	margin-top: 10px;
	margin-right: 300px;
}

.top-right-box form {
	display: inline-block;
	padding-left: 20px;
}

.top-right-box img {
	vertical-align: middle;
	margin-left: 20px;
}

.top-right-box input[type=image] {
    margin-top: 0px;
}

.main-menu {
	z-index: 1;
	position: fixed; 
	left: 0px; 
	top: 44px; 
	background-color: #215;
	padding: 0px;
	margin: 0px;
	width: 40px;
	height: 100%;
}

.main-menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.main-menu li {
	padding: 14px 0 0 0;
	margin: 0px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}

.main-menu li:hover {
	opacity: .7;
	cursor: pointer;
}

.main-menu-item {
	color: white;
}

.main-menu-selected {
	background-color: #808000; /* #85BC27; */
}

.sub-menu {
	position: fixed; 
	left: 40px; 
	top: 44px; 	
	background-color: #f7f7f7;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

.sub-menu-min {
	width: 34px;
}

.sub-menu-max {
	width: 124px;
}

.sub-menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.sub-menu li {
	height: 45px;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-left: 4px;
	font-size: .95em;
	border-bottom: 1px solid #fff;
	background-color: #ddd;
}

.sub-menu li:hover {
	background-color: #ccc;
	cursor: pointer;
}

.sub-menu-selected {
	background-color: #a4c639 !important;
}

.sub-menu-heading {
	background-color: #777;
	color: #fff;
	font-size: 1.1em;
	height: 30px;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-left: 8px;
}

.sub-menu img {
	vertical-align: top;
	padding-right: 2px;
}

.calendar-icon {
	vertical-align: top;
}

.panel-wrap {
	height: 100%; 
	width: 95%;
	position: absolute; 
	top: 44px;
	padding-top: 0px;
	/*border: 1px solid red; */
}

.panel-wrap-min {
	left: 86px; /* 40 + 34 + 12 */
}

.panel-wrap-max {
	left: 176px; /* 40 + 124 + 12 */
}

.panel {
	width: calc(100% - 100px); 
	overflow-y: auto; 
	overflow-x: auto;
	height: 95%;
	/*border: 1px solid green;*/
}

.panel::-webkit-scrollbar {
	width: 24px;
	height: 24px;
  }

.panel::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.panel::-webkit-scrollbar-thumb {
	background: #c1c1c1;
}

.panel-view {
	padding-bottom: 40px;
}

.dashboard-box {
	display: inline-block;
	background-color: #fcfcfc;
	border: 1px solid #aaa;
	padding: 10px 15px 15px 15px;
	margin: 0 15px 20px 0;
	min-width: 180px;
	min-height: 73px;
	vertical-align: top;
}

.dashboard-box h3 {
	margin: 0 0 10px 0;
	display:inline-block;
}

.dashboard-box form {
	display:inline-block;
}

.dashboard-box input[type=image] {
	vertical-align: text-bottom;
}

.file-format-box {
	border: 1px dotted #777;
	background-color:lightyellow;
	border-radius: 5px;
	padding: 0 20px; 
	display: inline-block;
}

.drag-drop {
	width: 410px;
	margin: 20px 0;
}

.negative {
	color: #e00;
	font-weight: normal;
}

.positive {
	color: green;
	font-weight: normal;	
}

.negative-bg {
	background-color: #e00;
	color: #fff;
}

.panel-heading {
	margin-bottom: 10px;
}

.panel-heading h2 {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 1.3em;
}

.panel-heading h3 {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 1.1em;
}

.panel-heading form {
	display:inline-block;
	margin: 0;
}

.panel-heading input[type=image] {
	margin-left: 5px;
	margin-bottom: -11px;
}

.panel-heading input[type=submit] {
	margin-top: 0;
	margin-left: 20px;
}

.panel-heading input[type=button] {
	margin-top: 0;
	margin-left: 20px;
}

.panel-heading .add {
	vertical-align: text-bottom;
	margin-bottom: 0px !important;
}

.sub-heading h3 {
	display: inline-block;
	margin: 5px 0 10px 2px;
}

.sub-heading form {
	display:inline-block;
	margin: 0;
}

.sub-heading input[type=image] {
	margin-left: 5px;
	margin-bottom: -11px;
}

.sub-heading .add {
	vertical-align: text-bottom;
	margin-bottom: 0px !important;
}

.one-col-table th {
	background-color: #555;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	border: none;
	vertical-align: top;
}

.one-col-table td {
	padding: 0 10px;
	border: none;
}

.one-col-table tr:nth-child(even) {background: #ddd}
.one-col-table tr:nth-child(odd) {background: #eee}

.one-col-table .indent {
	padding-left: 20px;
}

.one-col-table input[type=submit]  {
	padding: 0;
	margin: 0;		
}

.n-row-table th {
	font-weight: bold;
	background-color: #555;
	color: #fff;
	padding: 5px 10px;
	border: none;
	text-align: center;
}

.n-row-table td {
	padding: 1px 10px;
	border: none;
}

.n-row-table tr:nth-child(even) {background: #ddd}
.n-row-table tr:nth-child(odd) {background: #eee}

.n-row-table form {
	padding: 0;
	margin: 0;		
}

.n-row-table input[type=image] {
	margin-top: 2px;
}

.excel-format-table th {
	font-size: 0.7em !important;
}

.excel-format-table td {
	font-size: 0.7em !important;
}

.excel-format-table-col-1 {
	background-color: #111 !important;
}

.excel-format-table-col-2 {
	background-color: #777 !important;
}

.count {
	text-align: right;
}

.details-one-col-table {
	width: 100%;
}

.details-one-col-table th {
	text-align: left;
	background-color: #808000;
	color: #fff;
	font-weight: normal;
}

.details-one-col-table td {
	background-color: #FFFFED;
}

.details {
	background-color: #aaa !important;
	padding: 0 !important;
}

.details-table {
	width: 100%;
}

.details-table th {
	height:28px;
	background-color: #a08000;
	color: #fff;
	font-weight: normal;
	padding: 0 5px;
	border: none;
	text-align: center;
	font-size: 0.95em;
}

.details-table td {
	padding: 0 5px;
	border: none;
	background-color: #FFFFED;
	font-size: 0.95em;
}

.details-table input[type=submit] {
	width: 100px;
}

.details-td {
	background-color: #e8e2d0;
}
		
.booking-resource-table th {
	background-color: #777;
	color: #fff;	
}

.booking-resource-table td {
	background-color: #fff;
}

.help-img {
	vertical-align: middle;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  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 */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 60%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.s-user-shortcut-letter {
	margin: 0 5px;
	padding: 0 3px 0 5px;
	font-size: 1.2em;
	cursor: pointer;
}

.s-user-shortcut-letter-selected {
	font-weight: bold;
	background-color: green;
	color: #fff;
}

.mce-container {
}

.divider {
	margin-top: 30px;
	width: 90%;
	border: none;
	border-top: 1px dashed rgb(219, 207, 207);
}

.date {
	width: 80px;
}

.datetime {
	width: 120px;
}

.mandatory {
	background-color: #a00 !important;
	color: white;
}

.result-msg {
	border: 1px solid #aaa;
	padding: 5px 20px 10px 20px;
	margin: 0;
	border-radius: 10px;
	background-color: #eee;
	display: inline-block;
}

.result-msg img {
	vertical-align: middle;
}

.result-msg p {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}

.user-shortcut {
	margin-bottom: 10px;
}

.user-shortcut-letter {
	margin: 0 5px;
	padding: 0 3px 0 5px;
	font-size: 1.2em;
	cursor: pointer;
}

.user-shortcut-letter-selected {
	font-weight: bold;
	background-color: green;
	color: #fff;
}

.money {
	text-align: right !important;
	white-space: nowrap;
}

.table-button {
	margin-top: 0 !important;
	margin-right: 5px !important;
}

.icon-row {
	height: 28px;
	white-space: nowrap;
}

.white-bg {
	background-color: #fff !important;
}

.decline-button {
	background: #d00 !important;
}

.expand-collapse img {
	display: inline;
	cursor: pointer;
	vertical-align: top;
}

.expand-collapse h3 {
	display: inline;
}

legend {
	font-weight: bold;
}

.underline-heading {
	border-bottom: 2px dotted #555;
}

.CodeMirror {
	border: 1px solid #777;
}

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

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

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

.top {
	vertical-align: top;
}

.assigned {
	display: inline-block;
	margin-right: 20px;
	min-width: 400px;
	vertical-align: top;
	border: 1px solid #777;
	padding: 15px 20px 20px 20px;
}

.assigned h3 {
	margin-top: 0;
	display: inline-block;
}

.assigned form {
	display: inline-block;
}

.assigned input[type=submit] {
	margin: 4px 10px;
	padding: 2px 20px;
}

.vtop {
	vertical-align: top;
}

.vmiddle {
	vertical-align: middle;
}

.vbottom {
	vertical-align: bottom;
}

.vspacer {
	margin-top: 20px;
}

.vspacer2 {
	margin-top: 10px;
}

.INFO {
	background-color: #339900;
	color: #fff
}
.WARN {
	background-color: orange;
}
.ERR {
	background-color: #e00;
	color: #fff;
}
.TEST {
	background-color: #777;
	color: #fff;
}

.cancel-request {
	background-color: orange;
}

.button-row {
	margin-bottom: 10px;
}

.button-row input[type="submit"] {
	margin-top: 0 !important;
	margin-right: 10px;
}

.shortcut {
	border: 1px solid #777;
	border-radius: 5px;
	padding: 5px;
	width: 100px;
	height: 44px;
	text-align: center;
	font-size: 0.8em;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #fafafa;
}

.shortcut a {
	text-decoration: none;
}

.saved {
	border: 1px solid #C8F7C8;
	border-radius: 10px;
	background-color: #E3FAE3;
	padding: 5px 10px; 
	margin-left: 20px;
}

.issued, .for-approval, .for-business-office-approval {
	background-color: orange !important;
}

.pass, .paid, .reconciled, .refunded {
	background-color: #339900;
	color: #fff;
}

.fail, .declined, .error {
	background-color: #e00;
	color: #fff;
}

.unreconciled, .refund-pending {
	background-color: #905923;
	color: #fff;
}

.voided, .cancelled {
	background-color: grey !important;
	color: #fff;
}

.credit-gl {
	background-color: olive;
	color: #fff;
}
.damage-deposit {
	background-color: #581845;
	color: #fff;
}
.deposit {
	background-color: #4169E1;
	color: #fff;
}
.debit-gl, .charge, .refund {
	background-color: #C70039;
	color: #fff;
}
.payment, .accepted, .invoice {
	background-color: #339900;
	color: #fff;
}

.invoice-email {
    background-color: #93C572;
}

.confirmation {
	background-color: #F0FFFF;
}

.wedding-contract {
	background-color: yellow;
}

.wedding-email {
	background-color: lightyellow;
}

.confirmation-email {
    background-color: #088F8F;
	color: #fff;
}

.room-card-header, .room-card-row, .header {
	background-color: #666;
	color: #fff;
}

.created {
    background-color: lightblue;
}

.equipment {
	background-color: #c96510 !important;
	color: #fff;	
}
.food {
	background-color: #988558 !important;
	color: #fff;
}
.furniture {
	background-color: #da800b !important;
	color: #fff;	
}
.personnel {
	background-color: #340d14 !important;
	color: #fff;
}
.miscellaneous {
	background-color: grey !important;
	color: #fff;
}

.conflict-time {
	background-color: lightyellow;
}

.pricing-plan-resource-th {
	background-color: olive !important;
}

.charges-date {
	font-weight: bold;
	text-decoration: underline;
}

.img-button {
	cursor: pointer;
}

.download-report {
	margin-bottom: 10px;
}

.download-report input[type=submit] {
	margin-top: 0;
}

.dataTable {
	border-spacing: 2px !important;
	padding: 15px;
}

table.dataTable tbody td {
	padding: 1px 10px !important;
}

.client-body {
	background-color: #f7f7f7;
}

.client-page {
	background-color: #fff;
	margin: 10px auto;
	padding: 30px 20px;
	text-align: center;
	width: 360px;
	border: 1px solid #aaa;
}

.client-page h1 {
	font-size: 1.3em;
}

.logo-img img {
	width: 260px;
}

.initial-shortcut {
	margin: 2px 5px 5px 5px;
	font-size: 1.5em;
}

.wedding-table input[type="button"] {
	margin-top: 0 !important;
	width: 60px !important;
	height: 22px !important;
	font-size: 0.8em;
}

.field-list {
	display: inline-block; 
	vertical-align: top; 
	min-width: 100px; 
	border: 1px solid #aaa; 
	margin-left: 10px; 
	padding: 0 10px 20px 10px;
}

.daily-summary-box {
	display: inline-block;
	border: 1px solid #aaa;
	padding: 10px;
	margin: 10px 10px 0 0;
	width: 800px;
	min-height: 100px;
	vertical-align: top;
}
.daily-summary-box h3 {
	margin-top: 0;
}

.chat img {
	vertical-align: middle;
}

.client-request img {
	vertical-align: middle;
}

.discount-alert {
	background-color: orange;
}

.read {
	background-color: #0a0;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	text-transform: uppercase;
}

.history-diff {
	width: 800px;
	border: 1px solid #777;
	padding: 0px 20px 20px 20px;
	margin-bottom: 30px;
}

/* For HtmlDiff */
ins {
    text-decoration: none;
    background-color: #d4fcbc;
}

del {
    text-decoration: line-through;
    background-color: #fbb6c2;
    color: #555;
}

.td-drag {
	cursor: all-scroll;
	text-align: center;
	user-select: none;
	background-color: #bbb;
}

.invalid-time {
	background-color: #d00 !important;
	color: #fff;
}

.created {
    background: lightyellow;
}

.ready {
	background: lightskyblue;
}

.processing {
	background-color: orange;
}

.ready-for-ccs {
	background-color: yellow !important;
}

.waiting-for-ccs {
	background-color: tan !important;
}

.waiting-for-director {
	background-color: #654321 !important;
	color: #fff !important;
}

.approved {
	background-color: #336600 !important;
	color: #fff;	
}

.signature-pending {
	background-color: #d2b48c;
}

.completed {
	background-color: #0a0 !important;
	color: #fff;	
}

.declined {
	background-color: #e00;
	color: #fff;
}

.cancelled {
	background-color: #666;
	color: #fff;
}

.approved-button {
	background: rgb(53, 150, 71) !important;
	width: 100px !important;
}

.approved-button:hover {
	background: rgb(53, 170, 71) !important;
}

.declined-button {
	background: #d00 !important;
	width: 100px !important;
}

.declined-button:hover {
	background: #e00 !important;
}

.contract-sig {
	height: 80px;
}

@media only screen and (max-width: 500px) {
	.top-right-box {
		margin-right: 60px;
		width: 300px;
	}
}