/*
Theme Name: DuoDrawer
Theme URI: 
Author: Paul Trifa & Cosmin Cotor
Author URI: http://paultrifa.com/
Description: A premium portfolio theme.
Version: 1.0.0
License: 
License URI:
Tags: light, gray, white
Text Domain: drawer
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);
.page-content {
	padding-top: 49px; /* 80px; */
	text-shadow:none;
}
div.portfolio-item-thumb:nth-child(even) {
margin-right: 0px;
}
div.portfolio-item-thumb:nth-child(odd) {
margin-left: 0px;
}
.container.mainSliderContainer {
	margin-bottom: 16px;
}
.top-logo {
	position: relative;
	top: -32px;
	width: 125px; /*Change with your logo's width*/
	margin-left: auto;
	margin-right: auto;
	z-index: 99999;
}
.top-logo > img{
    width: 125px;	
	height:auto;
}
.mainCopyright {
	text-transform: uppercase;
}
input {
	-webkit-appearance: none;
	border-radius: 0;
}
.content-box {
	background-image: url(images/body-bg.png);
	background-repeat: repeat;
	z-index: 10;
	padding-top: 70px;
}
.has-gallery {
	margin-left: 15px;
	margin-right: 15px;
}
.page-has-slider {
	padding-top: 00px;
}
.header {
	z-index: 9999;
	position: fixed;
	width: 100%;
	background-color: #FFFFFF;
	height: 50px;
	border-bottom: solid 1px #f9fafc;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}
.deploy-left-sidebar {
	background-image: url(images/misc/nav.png);
	background-repeat: no-repeat;
	background-color: #f9fafc;
	height: 50px;
	width: 50px;
	background-position: center center;
}
.deploy-right-sidebar {
	background-image: url(images/misc/contact.png);
	background-repeat: no-repeat;
	background-color: #f9fafc;
	width: 50px;
	height: 50px;
	background-position: center center;
	float: right;
	margin-top: -50px;
}
.deploy-back-home {
	background-image: url(images/misc/home.png);
	background-repeat: no-repeat;
	background-color: #f9fafc;
	width: 50px;
	height: 50px;
	background-position: center center;
	float: right;
	margin-top: -50px;
}
.delete-right-sidebar {
	display: none;
	background-image: url(images/misc/contact.png);
	background-repeat: no-repeat;
	background-color: #f9fafc;
	width: 50px;
	height: 50px;
	background-position: center center;
	float: right;
	margin-top: -50px;
}
.sidebar-left {
	box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.3);
	background-image: url(images/sidebar-bg.png);
	background-repeat: repeat;
	width: 270px;
	position: fixed;
	z-index: 99999;
	top: 0px;
	left: -270px;
	bottom: 0px;
	overflow: hidden;
	position: fixed;
}
.sidebar-scroll-left {
	padding-right: 20px;
	left: 0px;
	width: 310px;
	overflow: scroll!important;
	overflow-x: hidden!important;
	-webkit-overflow-scroll: touch!important;
	height: 100%;
}
.sidebar-scroll-right {
	width: 290px;
	overflow: scroll!important;
	overflow-x: hidden!important;
	-webkit-overflow-scroll: touch!important;
	height: 100%;
}
.sidebar-right {
	box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.3);
	background-image: url(images/sidebar-bg.png);
	background-repeat: repeat;
	position: fixed;
	overflow: hidden;
	z-index: 99999;
	right: -280px;
	top: 0px;
	bottom: 0px;
	width: 270px;
	margin-right: 10px;
}
.sidebar-decoration {
	background-image: url(images/misc/sidebar-deco.png);
	background-repeat: repeat-x;
	height: 2px;
	margin-bottom: 15px;
}
/*Left sidebar styles*/

.sidebar-header-left {
	height: 51px;
	background-color: #1d1f22;
	border-bottom: solid 1px #141719;
}
.sidebar-left-logo {
	position: absolute;
	top: 18px;
	left: 20px;
	width: 125px;
	height:auto;
}
.close-sidebar-left {
	background-color: #212326;
	background-image: url(images/icon/misc/accessdenied.png);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 16px 18px;
	height: 50px;
	width: 50px;
	margin-left: 220px;
	display: block;
}

.sidebar-divider-text {
	color: whitesmoke; /* SF #FFFFFF;*/
	font-size: 12px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	padding-top: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
ul.mainMenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
	overflow: hidden;
}
.menu-item {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Lato', sans-serif;
	background-size: 20px 20px;
	background-color: #1D1F22;
	text-shadow: 0px 2px 0px #000;
	font-size: 12px;
	font-weight: 700;
	color: #D2D2D2;
	line-height: 50px;
	background-repeat: no-repeat;
	background-position: 20px 14px;
	border-bottom: solid 1px #141719;
	border-top: solid 1px #25272A;
	margin-bottom: 0px;
	list-style: none;
}
.menu-item:hover {
	background-color: #212326;
}
.menu-item > a {
	color: #d2d2d2;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	margin-right: 40px;
	background-image: url(images/misc/left-sidebar/gopage@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 8px;
	height: 50px;
	padding-left: 60px;
}
li.hasSubMenu > a {
	background-image: url(images/misc/left-sidebar/godrop@2x.png);
	background-size: 11px 8px;
}
.menu-item > a > .mainMenuText {
	color: lightskyblue; /* SF #d2d2d2; */
	font-family: 'Lato', sans-serif;
}
.menu-item strong {
	background-size: 20px 20px;
	background-repeat: no-repeat;
	display: block;
	width: 25px;
	height: 50px;
	float: left;
	margin-left: 20px;
	margin-right: 8px;
}
ul.mainMenu > li.current-menu-item > a, ul.mainMenu > li.current-menu-ancestor > a {
	background-image: url(images/misc/left-sidebar/location@2x.png);
	background-size: 10px 15px;
}
ul.sub-menu {
	display: none;
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: url(images/sidebar-bg.png) 0 0;
	border-top: 1px solid #141719;
}
ul.sub-menu > li {
	background-color: transparent;
	background-image: url(images/misc/left-sidebar/gopage@2x.png);
	background-repeat: no-repeat;
	background-position: 26px center;
	background-size: 8px 11px;
}
ul.sub-menu > li:hover {
	background-color: transparent;
}
ul.sub-menu > li:last-child {
	border-bottom: none;
}
ul.sub-menu > li > a {
	background: none;
	font-size: 10px;
	text-transform: uppercase;
}
ul.sub-menu > li > a span.mainMenuText {
	color: mediumpurple; /* SF #878787; */
}
ul.sub-menu > li.current-menu-item > a span, ul.sub-menu > li.current_page_item > a span {
	color: #fff;
}
.sidebar-bottom-controls {
	border-top: solid 1px #25272a;
}
.sidebar-button {
	width: 90px;
	height: 50px;
	display: block;
	float: left;
	background-color: #1d1f22;
	border-left: 1px solid #141719;
	border-right: 1px solid #25272a;
}
.sidebar-button em {
	color: #8a8a8a;
	font-size: 10px;
	font-style: normal;
	background-size: 16px 16px;
	background-position: 39px 9px;
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	padding-top: 24px;
	font-weight: 400;
}
.sidebar-button-facebook {
	background-image: url(images/icon_shadow/social/facebook.png);
}
.sidebar-button-twitter {
	background-image: url(images/icon_shadow/social/twitter.png);
}
.sidebar-button-rss {
	background-image: url(images/icon_shadow/misc/rss.png);
}
.sidebar-button-call {
	background-image: url(images/icon_shadow/communication/phonehook.png);
}
.sidebar-button-text {
	background-image: url(images/icon_shadow/communication/speechbubble4.png);
}
.sidebar-button-close {
	background-image: url(images/icon_shadow/misc/accessdenied.png);
}
.sidebar-copyright {
	padding-top: 15px;
	font-size: 10px;
	border-top: 1px solid #25272a;
}
.home-nav {
	background-image: url(images/icon/misc/home.png);
}
.info-nav {
	background-image: url(images/icon/misc/infoabout.png);
}
.folio-nav {
	background-image: url(images/icon/media/image2.png);
}
.video-nav {
	background-image: url(images/icon/media/clapboard.png);
}
.blog-nav {
	background-image: url(images/icon/tools/pencil.png);
}
.mail-nav {
	background-image: url(images/icon/misc/mail.png);
}
.newsletter-nav {
	background-image: url(images/icon/misc/rss.png);
}
.call-nav {
	background-image: url(images/icon/communication/phonehook.png);
}
.text-nav {
	background-image: url(images/icon/communication/speechbubble4.png);
}
.maps-nav {
	background-image: url(images/icon/location/maps.png);
}
.facebook-nav {
	background-image: url(images/icon/social/facebook.png);
}
.twitter-nav {
	background-image: url(images/icon/social/twitter.png);
}
.coach-nav {
	background-image: url(images/icon/misc/help.png);
}
.updatesTitle {
	border-bottom: 1px solid #0a0b0c;
	margin-bottom: 0px;
	padding-bottom: 15px;
}
ul.updatesMenu {
	background: none;
	margin-bottom: 0px;
}
.updatesMenu > li {
	background-color: transparent;
	background-size: auto;
	border-bottom: 1px solid #0a0b0c;
	border-top: 1px solid #25272a;
	height: 50px;
	line-height: 50px;
	background-position: 20px center;
}
.updatesMenu > li:hover {
	background-color: transparent;
}
.updatesMenu > li > a {
	font-size: 10px;
	color: #878787;
	line-height: 12px;
	margin-top: 12px;
	background-color: transparent;
	background: none;
	text-shadow: none;
	height: 38px;
}
.info-sidebar {
	background-image: url(images/misc/left-sidebar-notifications/update-news.png);
}
.update-sidebar {
	background-image: url(images/misc/left-sidebar-notifications/update-blog.png);
}
.folio-sidebar {
	background-image: url(images/misc/left-sidebar-notifications/update-folio.png);
}
/*Sidebar RIght Styles*/

.sidebar-header-right {
	height: 50px;
	background-color: #1d1f22;
	border-bottom: solid 1px #141719;
}
.sidebar-right-logo {
	position: absolute;
	top: 18px;
	right: 40px;
	width: 125px;
	height:auto;
}
.close-sidebar-right {
	background-color: #212326;
	background-image: url(images/icon/misc/accessdenied.png);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 16px 18px;
	height: 50px;
	width: 50px;
	margin-left: 0px;
	display: block;
}
.sidebar-form {
	display: none;
	margin-left: 20px;
	width: 230px;
	box-sizing: border-box;
}
.sidebar-form2 {
	display: none;
}
.sidebar-form label {
	border-radius: 0px!important;
	color: #c5c5c5;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	padding-top: 10px;
}
.sidebar-form label span {
	text-transform: lowercase;
	color: #bcbcbc;
}
.sidebar-form input {
	background-color: rgba(255,255,255,0.1);
	border: solid 1px #3d3d3d;
}
.sidebar-form textarea {
	background-color: rgba(255,255,255,0.1);
	border: solid 1px #3d3d3d;
	border-bottom: none;
	margin-bottom: 0px;
}
/* #6a0982 */
.submit-button {
	background: #d1a8ed;
  background-image: -webkit-linear-gradient(top, #d1a8ed, #61005f);
  background-image: -moz-linear-gradient(top, #d1a8ed, #61005f);
  background-image: -ms-linear-gradient(top, #d1a8ed, #61005f);
  background-image: -o-linear-gradient(top, #d1a8ed, #61005f);
  background-image: linear-gradient(to bottom, #d1a8ed, #61005f);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px #666666;
  -moz-box-shadow: 0px 1px 5px #666666;
  box-shadow: 0px 1px 5px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
	font-weight: bold;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.submit-button:hover {
	background: #61005f;
  background-image: -webkit-linear-gradient(top, #61005f, #d1a8ed);
  background-image: -moz-linear-gradient(top, #61005f, #d1a8ed);
  background-image: -ms-linear-gradient(top, #61005f, #d1a8ed);
  background-image: -o-linear-gradient(top, #61005f, #d1a8ed);
  background-image: linear-gradient(to bottom, #61005f, #d1a8ed);
  text-decoration: none;
	cursor: pointer;
}

.Xsubmit-button {
	display: block;
	color: #666;
	font-size: 11px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	background-color: darkgray;
	padding: 8px 8px 8px 8px;
	text-align: center;
}

.checkbox-css {
	-webkit-appearance: checkbox;
    /* margin-right: 5px; */
	margin: 4px;
    vertical-align: middle;
}

.radio-css {
	-webkit-appearance: radio;
    /* margin-right: 5px; */
    vertical-align: middle;
	/* margin: 8px 8px 8px 8px; */
	margin: 4px;
	display: inline;
}

.radio-status {
	-webkit-appearance: radio;
    /* margin-right: 5px; */
    vertical-align: middle;
	margin: 2px 2px 2px 2px;
}

.reset-button {
	background: #4b484d;
  background-image: -webkit-linear-gradient(top, #4b484d, #ded8e6);
  background-image: -moz-linear-gradient(top, #4b484d, #ded8e6);
  background-image: -ms-linear-gradient(top, #4b484d, #ded8e6);
  background-image: -o-linear-gradient(top, #4b484d, #ded8e6);
  background-image: linear-gradient(to bottom, #4b484d, #ded8e6);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px #666666;
  -moz-box-shadow: 0px 1px 5px #666666;
  box-shadow: 0px 1px 5px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
	font-weight: bold;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.reset-button:hover {
	background: #ded8e6;
  background-image: -webkit-linear-gradient(top, #ded8e6, #4b484d);
  background-image: -moz-linear-gradient(top, #ded8e6, #4b484d);
  background-image: -ms-linear-gradient(top, #ded8e6, #4b484d);
  background-image: -o-linear-gradient(top, #ded8e6, #4b484d);
  background-image: linear-gradient(to bottom, #ded8e6, #4b484d);
  text-decoration: none;
	cursor: pointer;
}

.Xreset-button {
	display: block;
	color: #666;
	font-size: 11px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	background-color: darkgray;
	padding: 8px 8px 8px 8px;
	text-align: center;
}

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

.bold-td-left {
    text-align: left !important;
    font-weight: bold;
}

.bold-td-right {
    text-align: right !important;
    font-weight: bold;
}

.img-border {
	border-color: lightgray;
    border-style: solid;
    border-width: 1px;
}

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

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

.textArea{
	display:block;
	box-sizing:border-box;
	height: 60px;
	border: solid 1px darkgray;
    color: gray;
	border-radius: 3px;
	padding: 5px;
}

.textField{
	display:block;
	box-sizing:border-box;
	height: 30px;
	border: solid 1px darkgray;
    color: gray;
	border-radius: 3px;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.labelElement {
	display: unset;
}
/** background: #eee; **/
.selectField{
	display:inline-block;
	box-sizing:border-box;
	height: 30px;
	border: solid 1px darkgray;
    color: gray;
	background: whitesmoke;
	border-radius: 3px;
	padding-left: 10px;
    font-size: 1.15em;
    font-weight: bold;
}

.checkboxField{
	display:block;
	box-sizing:border-box;
	height: 40px;
}

.sidebar-send-button {
	display: block;
	/* width: 100%; */
	color: #d2d2d2;
	font-size: 11px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}
.success-subscribe {
	margin-top: 20px;
	width: 230px;
	margin-left: 20px;
}
.sidebar-form {
	margin-bottom: 0px!important;
	margin-top: -10px!important;
}
.sidebar-form .formSuccessMessageWrap {
	width: 230px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.sidebar-form .small-notification {
	margin-top: 20px;
}
.sidebar-form #emailError {
	margin-top: 20px;
	width: 230px;
	margin-left: 20px;
	border-radius: 0px;
	height: 36px;
}
.sidebar-form #emailError p {
	text-align: center;
	color: rgb(255,129,129);
	margin: 8px 0px;
	display: block;
	background-image: none;
	text-transform: uppercase;
	padding-left: 0px;
}
.sidebar-form #emailError2 {
	margin-top: 20px;
	width: 230px;
	margin-left: 20px;
	border-radius: 0px;
	height: 36px;
}
.sidebar-form #emailError2 p {
	text-align: center;
	color: rgb(255,129,129);
	margin: 8px 0px;
	display: block;
	background-image: none;
	text-transform: uppercase;
	padding-left: 0px;
}
.subscribe-notification {
	width: 230px!important;
	margin-left: 20px;
	border-radius: 0px!important;
	margin-bottom: -15px!important;
	margin-top: 20px!important;
	background-image: none!important;
}
.subscribe-notification p {
	background-image: none!important;
	text-align: center;
	color: rgb(255,129,129)!important;
	margin: 8px 0px;
	display: block;
	text-transform: uppercase;
	padding-left: 0px;
	margin-top: 20px;
}
.formValidationError {
	margin-bottom: -15px;
}
.sidebar-form .formValidationError div {
	margin-top: 20px;
	width: 230px;
	border-radius: 0px!important;
	height: 36px;
	margin-top: 20px!important;
}
.sidebar-form .formSubmitButtonErrorsWrap {
	overflow: visible!important;
	margin-bottom: 20px;
}
.sidebar-form .formValidationError p {
	text-align: center;
	color: rgb(255,129,129)!important;
	margin: 8px 0px;
	display: block;
	background-image: none;
	text-transform: uppercase;
	padding-left: 0px;
}
.right-sidebar-copyright {
	margin-top: 0px;
}
.footer-text a {
	padding-top: 10px;
	font-size: 10px;
	color: #8a8a8a;
}
.copyright-sidebar {
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #25272a;
	padding-top: 15px;
	margin-bottom: 16px;
}
.has-full-folio {
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-top: -20px;
}
.has-full-folio .decoration {
	margin-left: 15px;
	margin-right: 15px;
}
.full-folio-item-caption {
	position: relative;
	z-index: 9999;
	margin-top: -60px;
	height: 60px;
	background-image: url(images/full-folio/dark.png);
	width: 100%;
	display: block;
	background-repeat: repeat;
}
.full-folio-item-caption h5 {
	text-shadow: 0px 1px 3px #000000;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 20px;
}
.full-folio-item-caption p {
	text-shadow: 0px 1px 3px #000000;
	color: #FFFFFF;
	padding-left: 20px;
}
.full-folio-item-more {
	background-image: url(images/icon_shadow/misc/link2.png);
	background-size: 32px 32px;
	background-repeat: no-repeat;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 14px;
	z-index: 99999;
	right: 15px;
}
.sidebarButton {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Lato', sans-serif;
	background-color: #1D1F22;
	text-shadow: 0px 2px 0px #000;
	font-size: 12px;
	font-weight: 700;
	line-height: 50px;
	border-bottom: solid 1px #141719;
	border-top: solid 1px #25272A;
	margin-bottom: 0px;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}
.sidebarButton:hover {
	background-color: #212326;
}
.sidebarButton > a {
	color: #D2D2D2;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	margin-right: 40px;
	background-image: url(images/misc/left-sidebar/gopage@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 8px;
	height: 50px;
	padding-left: 60px;
}
.newsletterButton {
	background-image: url(images/icon/misc/rss.png);
}
.emailButton {
	background-image: url(images/icon/misc/mail.png);
}
.callButton {
	background-image: url(images/icon/communication/phonehook.png);
}
.messageButton {
	background-image: url(images/icon/communication/speechbubble4.png);
}
.facebookButton {
	background-image: url(images/icon/social/facebook.png);
}
.twitterButton {
	background-image: url(images/icon/social/twitter.png);
}
.newsletterButton > a, .emailButton > a {
	background-image: url(images/misc/left-sidebar/godrop@2x.png);
	background-size: 11px 8px;
}
.sidebar-button > em {
	text-transform: uppercase;
}
.close-bottom-right {
	background-image: url(images/icon/misc/accessdenied.png);
	background-repeat: no-repeat;
	background-position: center 33px;
	background-size: 16px 16px;
}
.authorInfo {
	margin-bottom: 20px;
}
.commentsWrap {
	margin-bottom: 20px;
}
.commentsTitle {
	border-top: 1px solid #c7c7c7;
	font-weight: bold;
	font-size: 12px;
	color: #3d3d3d;
	line-height: 40px;
}
.formCommentsTitle {
	padding-bottom: 0px;
}
#respond {
	padding-top: 20px;
	border-top: 1px solid #c7c7c7;
}
#reply-title, #reply-title a {
	font-size: 12px;
	font-weight: 600;
	text-shadow: 0px 1px 0px white;
	color: #777;
}
#reply-title {
	display: block;
	overflow: hidden;
}
#reply-title a {
	background: none;
	padding-top: 17px;
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 15px;
}
#reply-title small {
	display: block;
	overflow: hidden;
}
.commentsListWrap {
	display: block;
	overflow: hidden;
	list-style: none;
	margin-bottom: 20px;
}
.commentsListWrap > li {
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	position: relative;
}
.commentsListWrap > li:last-child {
	margin-bottom: 0px;
}
.commentMeta {
	display: block;
	overflow: hidden;
}
.commentMeta > .avatar {
	display: block;
	overflow: hidden;
	float: left;
}
.commentMeta .commentDetails {
	display: block;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	text-shadow: 0px 1px 0px white;
	font-size: 10px;
	display: block;
	color: #8B8B8B;
	line-height: 18px;
	margin-top: 4px;
}
.commentDetails a {
}
.commentDetails > p {
	margin-bottom: 10px;
}
.commentDetails .commentAuthorName {
}
.commentContentWrap {
	text-shadow: 0px 1px 0px white;
	font-size: 10px;
	display: block;
	color: #8B8B8B;
	margin-left: 55px;
}
.commentContentWrap p {
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.commentContentWrap p:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.commentReplyEditWrap {
	position: absolute;
	top: 0px;
	right: 0px;
}
.commentReplyEditWrap a {
	float: left;
	text-shadow: 0px 1px 0px white;
	font-size: 10px;
}
.comment-edit-link {
	margin-left: 15px;
}
.commentFormLabel {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	color: #9a9a9a;
	line-height: 20px;
}
.commentFormLabel > label {
	display: inline;
}
.commentFormLabel > span.requiredField {
	display: inline;
}
.commentAwaitingModeration, .noPassword, .noCommemnts, .mustLogIn, .loggedInAs {
	text-shadow: 0px 1px 0px white;
	font-size: 10px;
	display: block;
	color: #8B8B8B;
	margin-bottom: 10px;
}
.commentAwaitingModeration {
	margin-left: 55px;
}
#commentsNavBellow {
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}
#commentsNavBellow a {
	text-shadow: 0px 1px 0px white;
	font-size: 10px;
	text-decoration: none;
}
.previousComments {
	float: left;
}
.nextComments {
	float: right;
}
.mustLogIn > a, .loggedInAs > a {
}
.commentsWrap textarea, .commentsWrap input[type="text"] {
	height: 36px;
	text-transform: lowercase;
	padding: 10px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	border: solid 1px #CACACA;
	color: #666;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 10px;
}
.commentsWrap textarea {
	height: 150px;
	display: block;
	margin-bottom: 20px;
}
p.form-submit {
	margin-bottom: 0px;
}
#submitComment {
	font-size: 12px;
	text-decoration: none!important;
	border-radius: 3px;
	display: inline-block;
	padding: 8px 12px;
	margin-right: 20px;
	margin-bottom: 0px;
	color: #444;
	border: 1px solid #D0D0D0;
	background-image: -moz-linear-gradient(#EDEDED, #E1E1E1);
	background-image: -webkit-linear-gradient(#EDEDED, #E1E1E1);
	background-image: -o-linear-gradient(#EDEDED, #E1E1E1);
	text-shadow: 1px 1px 1px #FFF;
	background-color: #E1E1E1;
}
#submitComment:hover {
	border: 1px solid #B0B0B0;
	background-image: -moz-linear-gradient(#E1E1E1, #EDEDED);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#E1E1E1));
	background-image: -webkit-linear-gradient(#E1E1E1, #EDEDED);
	background-image: -o-linear-gradient(#E1E1E1, #EDEDED);
	background-color: #EDEDED;
}
/* pagination */
.pagination {
	display: block;
	overflow: hidden;
	height: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c7c7c7;
}
.page-template-page-portfolio-one-php .pagination {
	border-top: none;
	padding-top: 0px;
	height: 40px;
	margin-bottom: 0px;
	border-bottom: none;
}
.page-template-page-portfolio-full-php .pagination{
	border-top: none;
	padding-top: 0px;
	height: 40px;
	margin-bottom: 0px;
	border-bottom: none;
	margin-left:15px;
	margin-top:20px;
}
.page-template-page-portfolio-three-php .pagination {
	border-bottom: none;
	height: 40px;
	margin-bottom: 0px;
}
.page-template-page-portfolio-two-php .pagination {
	border-bottom: none;
	height: 40px;
	margin-bottom: 0px;
}
.container .pagination {
	margin-left: 0px;
	margin-right: 0px;
	border-top: none;
	border-bottom: 1px solid #c7c7c7;
	padding-top: 0px;
	padding-bottom: 20px;
}
.pagination span, .pagination a {
	float: left;
	margin-right: 10px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #7d7d7d;
	border: 1px solid #c7c7c7;
}
.pagination span {
	color: #e34e37;
}
.decoration {
	clear: both;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////// WordPress Core Starts                                                                */
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
/*///////////////// WordPress Core Ends                                                                  */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*--------------------------------------------------------------
 * Pubpro elements
 * --------------------------------------------------------------*/

.print {
	    background-image:url('images/print.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.email {
	    background-image:url('images/email.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.sms {
	    background-image:url('images/sms.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.visit-begin {
	    background-image:url('images/time-entry.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.visit-end {
	    background-image:url('images/time-exit.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.add_visitor {
	    background-image:url('images/add_visitor.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:20px;
			    padding-right:20px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.add {
	    background-image:url('images/add.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:20px;
			    padding-right:20px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.visitor {
	    background-image:url('images/visitor.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.security {
	    background-image:url('images/security.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.purpose {
	    background-image:url('images/purpose.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.action {
	    background-image:url('images/action.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.edit {
	    background-image:url('images/edit.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.edit_sopt {
	    background-image:url('images/edit_sopt.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.visitor_not_ok {
	    background-image:url('images/visitor_not_ok.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.visitor_ok {
	    background-image:url('images/visitor_ok.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/* Visitor approval required */
.var_yes {
	    background-image:url('images/var_yes.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/* Visitor approval NOT required */
.var_no {
	    background-image:url('images/var_no.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/* email not verified */
.email_nv {
	    background-image:url('images/email_nv.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


/* mobile not verified */
.mobile_nv {
	    background-image:url('images/mobile_nv.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/* non resident owner */
.nr_owner {
	    background-image:url('images/home_non_resident_owner.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/* resident owner */
.r_owner {
	    background-image:url('images/home_resident_owner.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.owner {
	    background-image:url('images/home_owner.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.tenant {
	    background-image:url('images/home_tenant.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.deactivate {
	    background-image:url('images/deactivate.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}
/*
background-image:url('images/delete_folder.png');
*/
.delete_folder {
	    background-image:url('images/delete_gray.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}
/*
background-image:url('images/delete_file.png');
*/
.delete_file {
	    background-image:url('images/delete_gray.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.info_service {
	    background-image:url('images/info_service.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.info_service_option {
	    background-image:url('images/info_service_option.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.verify_booking {
	    background-image:url('images/verify_booking.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.verify_booking_done {
	    background-image:url('images/verify_booking_done.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.cancel_booking {
	    background-image:url('images/canceled.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.booking_info {
	    background-image:url('images/booking_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.service_options {
	    background-image:url('images/options.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.service_option_active {
	    background-image:url('images/service_option_active.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.service_option_inactive {
	    background-image:url('images/service_option_inactive.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.service_active {
	    background-image:url('images/service_active.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.service_inactive {
	    background-image:url('images/service_inactive.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.delete_sopt {
	    background-image:url('images/delete_sopt.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.delete_entry {
	    background-image:url('images/delete_entry.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.activate {
	    background-image:url('images/activate.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.close-visit {
	    background-image:url('images/closevisit_16x16.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.reopen-visit {
	    background-image:url('images/refresh.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.prev {
	    background-image:url('images/prev.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.prev-disabled {
	    background-image:url('images/prev-disabled.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.next {
	    background-image:url('images/next.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.next-disabled {
	    background-image:url('images/next-disabled.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.page-first {
	    background-image:url('images/page-first.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.page-last {
	    background-image:url('images/page-last.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.start-camera {
	    background-image:url('images/camera_play_32px.png');
	        background-position:center;
		    background-repeat:no-repeat;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.upload {
	    background-image:url('images/camera_upload_32px.png');
	        background-position:center;
		    background-repeat:no-repeat;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.capture {
	    background-image:url('images/camera_32px.png');
	        background-position:center;
		    background-repeat:no-repeat;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.dashboard {
	    background-image:url('images/dashboard2.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.safe-visit {
	    background-image:url('images/safe_visit.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.public {
	    background-image:url('images/public.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.private {
	    background-image:url('images/private.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.unsafe-visit {
	    background-image:url('images/unsafe_16X16.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.remove {
	    background-image:url('images/remove.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.link {
	    background-image:url('images/link.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.approve {
	    background-image:url('images/link.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.more {
	    background-image:url('images/more.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.fcm_msg {
	color: black;
	text-align: left;
	z-index: 99;
/*	top: 35%;
	left: 50%;
	position: fixed;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90%;
	font-weight: bold;
*/
}

.err {
	color: #F00;
	text-align: left;
/*	z-index: 99;
    top: 35%;
	left: 50%;
	position: fixed;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90%;
	font-weight: bold;
*/
}

#mySearchBtn {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 80px; /* Place the button at the top of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: transparent; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 4px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	opacity: 0.8;
    filter: alpha(opacity=80);
	margin: 4px;
}

#mySearchBtn:hover {
    background-color: whitesmoke; /* Add a whitesmoke background on hover */
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#EV_Button {
	display: block;
	position: fixed;
	bottom: 170px;
	right: 16px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: transparent;
	color: white;
	cursor: pointer;
	padding: 0px;
	border-radius: 8px;
	opacity: 0.8;
	filter: alpha(opacity=50);
}

#EV_Button:hover {
    background-color: whitesmoke; /* Add a dark-grey background on hover */
	opacity: 1.0;
    filter: alpha(opacity=100);
}

.myTopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 40px; /* Place the button at the bottom of the page */
    right: 12px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: 1px solid lightgray; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: transparent; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	/*
	opacity: 0.5;
    filter: alpha(opacity=50);
	*/
}

.myTopBtn:hover {
    background-color: whitesmoke; /* Add a background on hover */
	opacity: 1.0;
    filter: alpha(opacity=100);
}

.myRefreshBtn {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 80px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: lightgray; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.myRefreshBtn:hover {
    background-color: whitesmoke; /* Add a dark-grey background on hover */
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#myHomeBtn {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    top: 60px; /* Place the button at the top of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: lightgray; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	opacity: 0.5;
    filter: alpha(opacity=50);
}

#myHomeBtn:hover {
    background-color: whitesmoke; /* Add a dark-grey background on hover */
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#myVisitorBtn {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    top: 60px; /* Place the button at the top of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: lightgray; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	opacity: 0.5;
    filter: alpha(opacity=50);
}

#myVisitorBtn:hover {
    background-color: whitesmoke; /* Add a dark-grey background on hover */
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#myCloseVisitBtn {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 127px; /* Place the button at the top of the page */
    right: 15px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: transparent; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	opacity: 0.8;
    filter: alpha(opacity=50);
}

#myCloseVisitBtn:hover {
    background-color: whitesmoke; /* Add a dark-grey background on hover */
	opacity: 1.0;
    filter: alpha(opacity=100);
}

#PageHelpBtn {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    top: 62px; /* Place the button at the top of the page */
    left: 10px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: none; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 4px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	opacity: 0.5;
    filter: alpha(opacity=50);
}

#PageHelpBtn:hover {
    background-color: whitesmoke; /* Add a dark-grey background on hover */
	opacity: 1.0;
    filter: alpha(opacity=100);
}

.GetStarterBtn {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 40px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: transparent; /* Set a background color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	opacity: 0.8;
    filter: alpha(opacity=80);
	font-size: 0.6em;
}

.p-link-bar{
	width: 100%;
    background-color: lightskyblue; /* #e4e6e9; *//* whitesmoke; */
}

.active {
	    background-image:url('images/active.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 0px;
	margin-left: 5px;
}

.inactive {
	    background-image:url('images/inactive.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 0px;
	margin-left: 5px;
}

.new {
	    background-image:url('images/new.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 0px;
	margin-left: 5px;
}

.expired {
	    background-image:url('images/expired.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.txnall {
	    background-image:url('images/txnall.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.txnsuccess {
	    background-image:url('images/txnsuccess.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.txnfailed {
	    background-image:url('images/txnfailed.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.txninprogress {
	    background-image:url('images/txninprogress.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.filter {
    background-image: url(images/filter.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    display: inline;
    margin-right: 5px;
    margin-left: 5px;
}

.done {
	    background-image:url('images/done.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.fulfilled {
	    background-image:url('images/fulfilled.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.inprogress {
	    background-image:url('images/inprogress.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.Requested {
	    background-image:url('images/Requested.gif'); /* images/Requested.png'); */
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.Review {
	    background-image:url('images/review.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.Approved {
	    background-image:url('images/Approved.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.Booked {
	    background-image:url('images/Approved.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.Rejected {
	    background-image:url('images/Rejected.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.OnHold {
	    background-image:url('images/onhold.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.Canceled {
	    background-image:url('images/canceled.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.Removed {
	    background-image:url('images/removed.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.my-th-row {
	background: aquamarine;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #e0e0e0;
}

.SendSMS {
    background-image: url('images/SendSMS.png');
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    display: block;
    margin-right: 10px;
    margin-left: 0;
    width: 100px;
    height: 50px;
	border: 1px dotted;
}

.msg-delete {
	    background-image:url('images/msg-delete.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.msg-new {
	    background-image:url('images/msg-new.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.msg-rcvd {
	    background-image:url('images/msg-rcvd.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.msg-read {
	    background-image:url('images/msg-read_16x16.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.msg-sent {
	    background-image:url('images/msg-sent.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.msg-unread {
	    background-image:url('images/msg-unread_16x16.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.clear-select {
	    background-image:url('images/clear.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.clear-text {
	    background-image:url('images/clear.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.msg-delete {
	    background-image:url('images/msg-delete.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.QMButton {
	background-image: url(images/message_20x20.png);
}

.sidebar-qm-button {
    width: 90px;
    height: 50px;
    display: block;
    float: left;
    background-color: #1d1f22;
    border-left: 1px solid #141719;
    border-right: 1px solid #25272a;
}

.sidebarQMButton {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: 'Lato', sans-serif;
    background-color: #1D1F22;
    text-shadow: 0px 2px 0px #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 50px;
    border-bottom: solid 1px #141719;
    border-top: solid 1px #25272A;
    margin-bottom: 0px;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.sidebarQMButton:hover {
	background-color: #212326;
}

.sidebarQMButton > a {
    color: #D2D2D2;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	margin-right: 40px;
	background-image: url(images/misc/left-sidebar/gopage@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 8px;
	height: 50px;
	padding-left: 60px;
}

.open_message {
	display: none;
    position: relative;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px dotted;
    border-color: gray;
    background-color: lightgray;
    z-index: 9999;
    width: 90%;
	height: 300px;
    overflow-y: scroll;
}

.new_message {
	display: none;
    position: relative;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px dotted;
    border-color: gray;
    background-color: lightgray;
    z-index: 9999;
    width: 90%;
	height: 300px;
    overflow-y: scroll;
}

.new_group {
	display: none;
    position: relative;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px dotted;
    border-color: gray;
    background-color: lightgray;
    z-index: 9999;
    width: 90%;
	height: 300px;
    overflow-y: scroll;
}

.show_group {
	display: none;
    position: relative;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px dotted;
    border-color: gray;
    background-color: lightgray;
    z-index: 9999;
    width: 90%;
	height: 300px;
    overflow-y: scroll;
}

.camera-class {
    position: absolute;
    top: 350px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: lightgray;
    z-index: 9999;
    width: 96%;
}

.progress {
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: lightgray;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);*/
	box-shadow: inset 0 10px 5px rgba(0, 0, 0, .1);
	min-width: 200px;
}

.progress-bar-red {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: salmon;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}


.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: seagreen;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

/** filter grid items**/
.filter-grid {
    display: grid;
	grid-template-columns: repeat(3, 33%);
    grid-gap: 1px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.filter-grid {
		display: grid;
		grid-template-columns: repeat(6, 16%);
		grid-gap: 1px;
		text-shadow: none;
		text-shadow: none;
	}
}

.filter-grid-item {
    padding: 2px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
	box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.filter-grid-item:hover {
    background: white;
}

/** notices **/
.notices-grid {
    display: grid;
	grid-template-columns: repeat(2, 49%);
    grid-gap: 2px;
	text-shadow: none;
	margin: 4px;
}

@media (min-width: 600px) {
	.notices-grid {
		display: grid;
		grid-template-columns: repeat(4, 24.5%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.notices-grid-item {
    padding: 8px;
    /* border: 1px lightgray solid; */
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	word-wrap: break-word;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
}

.notices-grid-item:hover {
    background: white;
}

/** shortcuts **/
.shortcut-grid {
    display: grid;
	grid-template-columns: repeat(2, 48%);
	grid-template-rows: 12.5%;
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.shortcut-grid {
		display: grid;
		grid-template-columns: repeat(4, 24%);
		grid-template-rows: 12.5%;
		grid-gap: 2px;
		text-shadow: none;
	}
}

.shortcut-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.shortcut-grid-item:hover {
    background: white;
}

.filter-layer {
	display: none;
    position: relative;
    padding-top: 5px;
}

.page_link {
	    background-image:url('images/page.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.page_current_link {
	    background-image:url('images/page_current.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.js-push-btn {
	background: #d1a8ed;
  background-image: -webkit-linear-gradient(top, #d1a8ed, #6a0982);
  background-image: -moz-linear-gradient(top, #d1a8ed, #6a0982);
  background-image: -ms-linear-gradient(top, #d1a8ed, #6a0982);
  background-image: -o-linear-gradient(top, #d1a8ed, #6a0982);
  background-image: linear-gradient(to bottom, #d1a8ed, #6a0982);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px #666666;
  -moz-box-shadow: 0px 1px 5px #666666;
  box-shadow: 0px 1px 5px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
	font-weight: bold;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.js-push-btn:hover {
	background: #6a0982;
  background-image: -webkit-linear-gradient(top, #6a0982, #d1a8ed);
  background-image: -moz-linear-gradient(top, #6a0982, #d1a8ed);
  background-image: -ms-linear-gradient(top, #6a0982, #d1a8ed);
  background-image: -o-linear-gradient(top, #6a0982, #d1a8ed);
  background-image: linear-gradient(to bottom, #6a0982, #d1a8ed);
  text-decoration: none;
	cursor: pointer;
}

.days-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    grid-gap: 2px;
	text-shadow: none;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(1, 100%);
	/* grid-template-rows: 100px 100px 100px 100px 100px 100px 100px; */
    grid-gap: 2px;
	text-shadow: none;
}


@media (min-width: 600px) {
	.pricing-grid {
		display: grid;
		grid-template-columns: repeat(2, 50%);
		/* grid-template-rows: 100px 100px 100px 100px; */
		grid-gap: 2px;
		text-shadow: none;
	}
}

.pricing-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
	padding: 10%;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.pricing-grid-item:hover {
    background: gold;
	box-shadow: 0 0 10px rgba(81, 203, 238, 1);
}

.gen-notifications-grid {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: 2px;
	text-shadow: none;
}


@media (min-width: 600px) {
	.gen-notifications-grid {
		display: grid;
		grid-template-columns: repeat(4, 25%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.gen-notifications-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.gen-notifications-grid-item:hover {
    background: white;
	box-shadow: 0 0 10px rgba(81, 203, 238, 1);
}

.booking-actions-grid {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    grid-gap: 2px;
	text-shadow: none;
}

.booking-actions-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.mobiles-grid {
    display: grid;
	grid-template-columns: repeat(2, 48%);
    grid-gap: 1px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.mobiles-grid {
		display: grid;
		grid-template-columns: repeat(4, 24%);
		grid-gap: 1px;
		text-shadow: none;
	}
}

.mobiles-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.mobiles-grid-item:hover {
    background: white;
	box-shadow: 0 0 10px rgba(81, 203, 238, 1);
}


.tanker-price-grid {
    display: grid;
	grid-template-columns: repeat(2, 48%);
    grid-gap: 1px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.tanker-price-grid {
		display: grid;
		grid-template-columns: repeat(4, 24%);
		grid-gap: 1px;
		text-shadow: none;
	}
}

.tanker-price-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.tanker-price-grid-item:hover {
    background: white;
	box-shadow: 0 0 10px rgba(81, 203, 238, 1);
}

/* ---- */
.track-tanker-price-grid {
    display: grid;
	grid-template-columns: repeat(3, 33%);
    grid-gap: 1px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.track-tanker-price-grid {
		display: grid;
		grid-template-columns: repeat(6, 16.5%);
		grid-gap: 1px;
		text-shadow: none;
	}
}

.track-tanker-price-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.track-tanker-price-grid-item:hover {
    background: white;
	box-shadow: 0 0 10px rgba(81, 203, 238, 1);
}

.verification_status{
    position: absolute;
    top: 350px;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    background-color: seagreen;
    z-index: 999;
    width: 90%;
	border-radius: 11px;
	-webkit-box-shadow:0 0 20px purple; 
    -moz-box-shadow: 0 0 20px purple; 
    box-shadow:0 0 20px purple;
}

/*
a:hover {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px #8cbcfe;
}
*/

input:focus, input[type=text]:focus, input[type=number]:focus, textarea:focus, textarea:active, [type=password]:focus, [type=password]:active, [type=email]:focus, [type=email]:active {
  /** box-shadow: 0 0 10px purple; **/ /* rgba(81, 203, 238, 1); */
/*
  border: 1px solid #8f4599;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px purple;
*/

  border: 1px solid #0366EE;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px #8cbcfe;

}

.high-priority {
	    background-image:url('images/up.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.normal-priority {
	    background-image:url('images/normal.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.low-priority {
	    background-image:url('images/down.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.received {
	    background-image:url('images/received.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.staff-remove {
	    background-image:url('images/remove_staff_20x20.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.staff-add {
	    background-image:url('images/add_staff_20x20.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.admin-remove {
	    background-image:url('images/admin-remove_16x16.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.admin-make {
	    background-image:url('images/admin-make_16x16.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.notified {
	    background-image:url('images/notified.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

/********Action Center Grid*************/
.action-grid {
    display: grid;
	grid-template-columns: repeat(2, 50%);
    grid-gap: 1px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.action-grid {
		display: grid;
		grid-template-columns: repeat(4, 25%);
		grid-gap: 1px;
		text-shadow: none;
	}
}

.action-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: whitesmoke;
    display: inline;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.action-grid-item:hover {
    background: white;
	box-shadow: 0 0 10px rgba(81, 203, 238, 1);
}
/********Action Center Grid*************/

.clock {
	background: transparent;
    width: 60%;
    height: 60%;
    position: absolute;
    z-index: 99;
    top: 45%;
    left: 20%;
    opacity: 1;
    font-weight: bolder;
    font-size: x-large;
    padding: 10% 5% 5% 5%;
    text-shadow: 0px 0px 10px rgba(81, 203, 238, 1);
}

/** page access **/
.access-grid {
    display: grid;
	grid-template-columns: repeat(3, 33%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.access-grid {
		display: grid;
		grid-template-columns: repeat(6, 16.5%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.access-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.access-grid-item:hover {
    background: white;
}

/* Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: white;
    padding: 4px;
    font-size: 4px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: fixed;
    display: inline-block;
    top: 28%;
    z-index: 999;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    background-color: whitesmoke;
    box-shadow: 5px 5px 100px 5px #6a0982;
    z-index: 999;
    top: 28%;
    position: fixed;
    border-radius: 8px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: purple;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd; border-radius: 8px;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: transparent;
}

.dropdown-p-class {
    display: inline-flex;
    font-size: 9px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 8px;
}

#overlay {
	position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(250,250,250,0.5); /* rgba(0,0,0,0.5); */
    z-index: 999999;
    cursor: wait;
    box-sizing: border-box;
    overflow-y: scroll;
    transition: .15s ease-in-out;
}

/** address grid **/
.address-grid {
    display: grid;
	grid-template-columns: repeat(2, 48%);
    grid-gap: 4px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.address-grid {
		display: grid;
		grid-template-columns: repeat(4, 24%);
		grid-gap: 4px;
		text-shadow: none;
	}
}

.address-grid-item {
    padding: 10px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.address-grid-item:hover {
    background: white;
}

.address_current {
	    background-image:url('images/address_current.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.address_other {
	    background-image:url('images/address_other.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.lock_icon {
	    background-image:url('images/i_locked.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.unlock_icon {
	    background-image:url('images/i_unlocked.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.star_yellow {
	    background-image:url('images/star_yellow.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.star_gray {
	    background-image:url('images/star_gray.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.like {
	    background-image:url('images/like.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.dislike {
	    background-image:url('images/dislike.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.promote_manager {
	    background-image:url('images/promote.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.demote_manager {
	    background-image:url('images/demote.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/** penta grid **/
.penta-grid {
    display: grid;
	grid-template-columns: repeat(5, 20%);
    grid-gap: 0px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.penta-grid {
		display: grid;
		grid-template-columns: repeat(5, 20%);
		grid-gap: 0px;
		text-shadow: none;
	}
}

.penta-grid-item {
    padding: 2px;
    margin: 0px;
    border-radius: 0px;
    text-align: center;
    display: inline;
    background-color: midnightblue;
    min-height: 30px;
    word-wrap: break-word;
    font-size: x-small;
	/* border-right: 1px solid white; */
    border-left: 1px solid white;
}

.penta-grid-item:hover {
    background-color: skyblue;
	/* background-image: linear-gradient(180deg, skyblue, midnightblue); */
}

/** four grid **/
.four-grid {
    display: grid;
	grid-template-columns: repeat(4, 24.5%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.four-grid {
		display: grid;
		grid-template-columns: repeat(8, 12.25%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.four-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.four-grid-item:hover {
    background: white;
}

/** four grid fixed **/
.four-grid-fixed {
    display: grid;
	grid-template-columns: repeat(4, 24.5%);
    grid-gap: 2px;
}

@media (min-width: 600px) {
	.four-grid-fixed {
		display: grid;
		grid-template-columns: repeat(4, 24.5%);
		grid-gap: 2px;
	}
}

.four-grid-fixed-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
}

.four-grid-fixed-item:hover {
    background: white;
}

/** quad grid **/
.quad-grid {
    display: grid;
	grid-template-columns: repeat(1, 98%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.quad-grid {
		display: grid;
		grid-template-columns: repeat(4, 24.5%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.quad-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.quad-grid-item:hover {
    background: white;
}

/** triple grid **/
.triple-grid {
    display: grid;
	grid-template-columns: repeat(3, 32.5%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.triple-grid {
		display: grid;
		grid-template-columns: repeat(6, 16.25%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.triple-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.triple-grid-item:hover {
    background: white;
}

/** triple grid fixed **/
.triple-grid-fixed {
    display: grid;
	grid-template-columns: repeat(3, 33%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.triple-grid-fixed {
		display: grid;
		grid-template-columns: repeat(3, 33%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.triple-grid-fixed-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.triple-grid-item-fixed:hover {
    background: white;
}

/** double grid **/
.double-grid {
    display: grid;
	grid-template-columns: repeat(2, 49%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.double-grid {
		display: grid;
		grid-template-columns: repeat(4, 24.5%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.double-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

/** double grid **/
.double-grid-fixed {
    display: grid;
	grid-template-columns: repeat(2, 49%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.double-grid-fixed {
		display: grid;
		grid-template-columns: repeat(2, 49%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.double-grid-fixed-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

/*
19-Jan-2019
Replaced #f9f9d1; with honeydew
*/

.double-grid-fixed-item:hover {
    background: white;
}

/*
19-Jan-2019
Replaced #f9f9d1; with honeydew
*/

.double-grid-item:hover {
    background: white;
}

/** single grid **/
.single-grid {
    display: grid;
	grid-template-columns: repeat(1, 100%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.single-grid {
		display: grid;
		grid-template-columns: repeat(1, 100%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.single-grid-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.single-grid-item:hover {
    background: white;
}

/** single grid-flex **/
.single-grid-flex {
    display: grid;
	grid-template-columns: repeat(1, 99%);
    grid-gap: 2px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.single-grid-flex {
		display: grid;
		grid-template-columns: repeat(2, 49.5%);
		grid-gap: 2px;
		text-shadow: none;
	}
}

.single-grid-flex-item {
    padding: 4px;
    border: 1px lightgray solid;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    display: inline;
	background-color: honeydew;
	min-height: 30px;
	word-wrap: break-word;
	box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);
}

.single-grid-flex-item:hover {
    background: white;
}

.plan_bg {
	background: greenyellow;
	list-style: none !important;
	color: black;
}

.side_bar_5px_folder {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: teal;
}

.side_bar_5px_file {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: aquamarine;
}


.side_bar_3px_org_classified {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: teal;
}

.side_bar_5px_err {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: red;
}

.side_bar_2px {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: midnightblue;
}

.bottom_bar_3px {
	bottom: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: midnightblue;
}

.side_bar_3px {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: midnightblue;
}

.side_bar_5px {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: midnightblue;
}

.side_bar_green {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: limegreen;
}


.side_bar_grey {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: grey;
}

.side_bar_red {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: red;
}

.side_bar_purple {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: purple;
}

.side_bar_8px {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 8px;
	height: 100%;
	overflow: hidden;
	background: midnightblue;
}

.side_bar_3px_mmc_active {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: limegreen;
}

.side_bar_3px_helper_available {
	top: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 2px;
	height: 100%;
	overflow: hidden;
	background: limegreen;
}

.role_individual {
	    background-image:url('images/role_individual.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.role_manager {
	    background-image:url('images/role_manager.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.role_security {
	    background-image:url('images/role_security.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.update_mobile {
	    background-image:url('images/mobile_update.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.change_role {
	    background-image:url('images/role_change.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.change_pass {
	    background-image:url('images/change_pass.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.change_name {
	    background-image:url('images/change_name.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.search {
	    background-image:url('images/search.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/* Star rating CSS START */
.rate-area {
  float: left;
  border-style: none;
}

.rate-area:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0,0,0,0);
}

.rate-area:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 400%;
  line-height: 1.2;
  color: lightgrey;
  text-shadow: 1px 1px #bbb;
  transform: rotate(25deg) scale(1); transition: all .3s;
}

.rate-area:not(:checked) > label:before { content: '★ '; }

.rate-area > input:checked ~ label {
  color: gold;
  text-shadow: 1px 1px #c60;
  font-size: 400% !important;
}

.rate-area:not(:checked) > label:hover, .rate-area:not(:checked) > label:hover ~ label { transform: rotate(-25deg) scale(1.3); transition: all .3s; color: gold; }

.rate-area > input:checked + label:hover, .rate-area > input:checked + label:hover ~ label, .rate-area > input:checked ~ label:hover, .rate-area > input:checked ~ label:hover ~ label, .rate-area > label:hover ~ input:checked ~ label {
  color: gold;
  text-shadow: 1px 1px goldenrod;
}


.rate-area > label:active {
  position: relative;
  top: 2px;
  left: 2px;
}
/* Star rating CSS END */

.file_jpg {
	    background-image:url('images/file_jpg.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.file_pdf {
	    background-image:url('images/file_pdf.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.file_obj {
	    background-image:url('images/file2.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.folder_closed {
	    background-image:url('images/file_folder_closed.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.folder_open {
	    background-image:url('images/file_folder_open.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.folder_add {
	    background-image:url('images/file_folder_new.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.go_home {
	    background-image:url('images/home_owner.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.today {
	    background-image:url('images/today.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.toolbar_btn{
padding: 1px;
background-color: transparent;
width: 100%;
height: 100%;
min-height: 30px;
color: white;
font-weight: bold;
}

.toolbar_btn:hover {
	color: black;
}

.sub_yes {
	    background-image:url('images/sub_yes.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.sub_no {
	    background-image:url('images/sub_no.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.service_booked {
	    background-image:url('images/service_booked.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.service_work_done {
	    background-image:url('images/service_work_done.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.service_canceled {
	    background-image:url('images/service_canceled.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.copy_link {
	    background-image:url('images/copy_link.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.so_not_approved {
	    background-image:url('images/so_not_approved.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.so_approved {
	    background-image:url('images/so_approved.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.new_helper_passcode {
	    background-image:url('images/new_helper_passcode.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.reopen-visit-button {
	background: #d1a8ed;
  background-image: -webkit-linear-gradient(top, #d1a8ed, #6a0982);
  background-image: -moz-linear-gradient(top, #d1a8ed, #6a0982);
  background-image: -ms-linear-gradient(top, #d1a8ed, #6a0982);
  background-image: -o-linear-gradient(top, #d1a8ed, #6a0982);
  background-image: linear-gradient(to bottom, gray, gray);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px #666666;
  -moz-box-shadow: 0px 1px 5px #666666;
  box-shadow: 0px 1px 5px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
	font-weight: bold;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.reopen-visit-button:hover {
	background: #6a0982;
  background-image: -webkit-linear-gradient(top, #6a0982, #d1a8ed);
  background-image: -moz-linear-gradient(top, #6a0982, #d1a8ed);
  background-image: -ms-linear-gradient(top, #6a0982, #d1a8ed);
  background-image: -o-linear-gradient(top, #6a0982, #d1a8ed);
  background-image: linear-gradient(to bottom, #6a0982, #d1a8ed);
  text-decoration: none;
	cursor: pointer;
}

.save_pref {
	    background-image:url('images/save.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.bl_active {
	    background-image:url('images/bl_active.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.bl_inactive {
	    background-image:url('images/bl_inactive.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.bl_history {
	    background-image:url('images/bl_history.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

table {
	box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2) !important;
}

.acc_active {
	    background-image:url('images/acc_active.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.acc_inactive {
	    background-image:url('images/acc_inactive.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_sos {
	    background-image:url('images/refresh_sos.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_mmc {
	    background-image:url('images/refresh_mmc.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_ev {
	    background-image:url('images/refresh_ev.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_osv {
	    background-image:url('images/refresh_osv.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_coa {
	    background-image:url('images/refresh_coa.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_foodie_dashboard {
	    background-image:url('images/refresh_foodie_dashboard.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_stats {
	    background-image:url('images/refresh_fdb.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

/* Refresh visitor approval */
.refresh_va {
	    background-image:url('images/refresh_va.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

/*Refresh finance dashboard*/
.refresh_fdb {
	    background-image:url('images/refresh_fdb.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_staff {
	    background-image:url('images/refresh_staff.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.add_account {
	    background-image:url('images/add_account.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.account_info {
	    background-image:url('images/info_account.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.delete_obj {
	    background-image:url('images/delete.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.upload_image {
	    background-image:url('images/upload_image.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.classified_active {
	    background-image:url('images/classified_active.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.classified_inactive {
	    background-image:url('images/classified_inactive.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.my_ads {
	    background-image:url('images/classified_ads.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/* refresh helper checkout request */
.refresh_hcor {
	    background-image:url('images/refresh_hcor.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

/* refresh kids exit requests */
.refresh_ker {
	    background-image:url('images/refresh_ker.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_classified {
	    background-image:url('images/refresh_classified.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.classified_date {
	    background-image:url('images/classified_date.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.delete_classified {
	    background-image:url('images/delete_classified.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.classified_view {
	    background-image:url('images/classified_view.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.megaphone_l {
	    background-image:url('images/megaphone_32x32_L.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.megaphone_r {
	    background-image:url('images/megaphone_32x32_R.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.mmc_reminder {
	    background-image:url('images/rupee_reminder.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.job {
	    background-image:url('images/job.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.call {
	    background-image:url('images/call.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.foodie_active {
	    background-image:url('images/foodie_active.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.foodie_inactive {
	    background-image:url('images/foodie_inactive.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.delete_dish {
	    background-image:url('images/delete_dish.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.info_chef {
	    background-image:url('images/info_chef.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.chef_hat {
	    background-image:url('images/chef_hat_small.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.like_dish_i {
	    background-image:url('images/like_dish_i.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.like_dish {
	    background-image:url('images/like_dish.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.refresh_chat {
	    background-image:url('images/refresh_chat.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_scdb {
	    background-image:url('images/refresh_scdb.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.cancel_order {
	    background-image:url('images/cancel_order.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.add_new_billing_period {
	    background-image:url('images/add_new_billing_period.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.add_attendance {
	    background-image:url('images/add_attendance.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.delete_attendance {
	    background-image:url('images/delete_attendance.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.vou_history {
	    background-image:url('images/vou_history.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.voucher_info {
	    background-image:url('images/voucher_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.del_vli {
	    background-image:url('images/del_vli.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.del_sr {
	    background-image:url('images/del_sr.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.sr_info {
	    background-image:url('images/sr_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.del_vou {
	    background-image:url('images/del_vou.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.vli_info {
	    background-image:url('images/vli_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.refresh_voucher {
	    background-image:url('images/refresh_voucher.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.activate_ann {
	    background-image:url('images/activate_ann.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.del_cord {
	    background-image:url('images/cord_del.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.his_cord {
	    background-image:url('images/cord_history.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.info_cord {
	    background-image:url('images/cord_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

#pnav {
	top:50px;
	right:6px;
	position:absolute;
	width: 96%;
/*	font-weight:bold;
	text-align:right; */
	padding: 10px;
}

#ppnav{
	display: inline;
	font-size: 1.2em;
	margin-top: 10px;
}

#npage {
	padding: 0px 4px 0px 4px;
	border: none; /* 1px solid gray; */
	background: #6dffce; /* lightgreen; */
	border-radius: 4px; /*10px 5px 10px 5px;*/
	margin: 4px;
	text-shadow: none;
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
}

#ppage {
	padding: 0px 4px 0px 4px;
	border: none; /* 1px solid gray; */
	background: #6dffce; /* lightgreen; */
	border-radius: 4px; /*10px 5px 10px 5px;*/
	margin: 4px;
	text-shadow: none;
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
}

#nopage {
	padding: 0px 4px 0px 4px;
	border: none; /* 1px solid gray; */
	background: lightgray;
	border-radius: 4px; /*10px 5px 10px 5px;*/
	margin: 4px;
	text-shadow: none;
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
}

.li_delete {
	    background-image:url('images/li_delete.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.li_remove {
	    background-image:url('images/li_remove.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.li_add {
	    background-image:url('images/li_add.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.refresh_orders {
	    background-image:url('images/refresh_orders.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_items {
	    background-image:url('images/refresh_items.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_reps {
	    background-image:url('images/refresh_reps.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.order_btn {
	padding: 2px 8px 2px 8px;
	border: 1px dotted;
	background: lightgoldenrodyellow;
	border-radius: 4px;
	margin: 4px;
	text-shadow: none;
	display: inline;
}

.bot_bar {
	bottom: 0px;
	left: 0px;
	position: absolute;
	font-size: 9px;
	width: 100%;
	overflow: hidden;
	background: midnightblue;
	height: 2px;
}

/*page_nav bold*/
.pn_bold{
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
}

.goto_page_nav{
	display: inline;
	padding:2px;
	margin: 5px;
	text-align: center;
	color: black;
	padding: 0px;
	height: 24px;
	font-size: 1em;
}

.refresh_vendors {
	    background-image:url('images/refresh_vendors.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.del_vend {
	    background-image:url('images/vendor_delete.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.info_vend {
	    background-image:url('images/vend_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.poll_info {
	    background-image:url('images/poll_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.poll_del {
	    background-image:url('images/poll_del.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.survey_del {
	    background-image:url('images/survey_del.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.poll_resp {
	    background-image:url('images/poll_respond.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.survey_resp_disabled {
	    background-image:url('images/survey_respond_disabled.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.poll_resp_disabled {
	    background-image:url('images/poll_respond_disabled.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.refresh_polls {
	    background-image:url('images/refresh_polls.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_survey {
	    background-image:url('images/refresh_survey.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

.refresh_decl {
	    background-image:url('images/refresh_decl.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}


.decl_del {
	    background-image:url('images/decl_del.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.decl_info {
	    background-image:url('images/decl_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.decl_resp {
	    background-image:url('images/decl_respond.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.decl_resp_disabled {
	    background-image:url('images/decl_respond_disabled.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

/*Home Grid*/
.home-grid {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-gap: 0px;
	text-shadow: none;
}

@media (min-width: 600px) {
	.home-grid {
		display: grid;
		grid-template-columns: repeat(8, 12.5%);
		grid-gap: 0px;
		text-shadow: none;
	}
}

.home-grid-item {
    padding: 4px;
    text-align: center;
    display: inline;
    background-color: honeydew;
    min-height: 30px;
    word-wrap: break-word;
}

.home-grid-item:hover {
    background: white;
}
/*Home Grid*/


.visitors_blocked {
	    background-image:url('images/visitors_blocked.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.visitors_allowed {
	    background-image:url('images/visitors_allowed.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.inv_approve {
	    background-image:url('images/f_approve_inv.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.inv_reject {
	    background-image:url('images/f_reject_inv.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.vou_approve {
	    background-image:url('images/f_approve_vou.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.vou_reject {
	    background-image:url('images/f_reject_vou.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.down {
	    background-image:url('images/down.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.download {
	    background-image:url('images/down.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.fileinput-css{
	width: 90%;
	border: 1px solid purple;
	padding: 10px;
	background: lightgoldenrodyellow;
	font-weight: bold;
	font-size: 12px;
	border-radius: 5px;
}

.path_crumb{
	display:inline;
	border: 1px solid purple;
	background-color: lightgoldenrodyellow;
	padding: 1px 6px 1px 6px;
	border-radius: 0px 6px 6px 0px;
	margin: 2px;
}

.new_corner {
	    background-image:url('images/new4_20px.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}

.card_img{
	height:160px;
}

.sftab {
	background: lightgoldenrodyellow;
	font-size: 10px;
	border-radius: 10px 10px 0px 0px;
	margin: 0px;
	border: none;
}

.myCatalogBtn {
    position: fixed; /* Fixed/sticky position */
    bottom: 160px; /* Place the button at the bottom of the page */
    right: 12px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    /* border: 1px solid lightgray; */ /* Remove borders */
    outline: none; /* Remove outline */
    background-color: transparent; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	/*
	opacity: 0.5;
    filter: alpha(opacity=50);
	*/
}
/*
 * Add a background on hover 
.myCartBtn:hover {
    background-color: whitesmoke;
	opacity: 1.0;
    filter: alpha(opacity=100);
}
*/

.info_ke {
	    background-image:url('images/voucher_info.png');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}


.WhatsAppSF {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 100px; /* Place the button at the bottom of the page */
    right: 16px; /* Place the button 30px from the right */
    z-index: 9999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: transparent; /* Set a background color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 8px; /* Some padding */
    border-radius: 8px; /* Rounded corners */
	opacity: 0.8;
    filter: alpha(opacity=80);
	font-size: 0.6em;
}

.heading-td {
	background: midnightblue;
}

.heading-h5 {
	color: white;
	text-shadow: none;
}

#files_layer {
	background: cornsilk;padding: 5px;border-radius: 5px;
}

#folders_layer{
	background: beige;padding: 5px;border-radius: 5px;
}


.location {
	    background-image:url('images/location.gif');
	        background-position:center;
		    background-repeat:no-repeat;
		        padding-left:10px;
			    padding-right:10px;
			        padding-top:10px;
				    padding-bottom:10px;
				        cursor:pointer;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
				}