* {
	box-sizing: border-box;
	position: relative;
	height: auto;
	margin: 0;
	padding: 0;
	-webkit-touch-callout: none;
/* iOS Safari */
	-webkit-user-select: none;
/* Safari */
	-khtml-user-select: none;
/* Konqueror HTML */
	-moz-user-select: none;
/* Firefox */
	-ms-user-select: none;
/* Internet Explorer/Edge */
	user-select: none;
/* Non-prefixed version, currently                                  supported by Chrome and Opera */
}
::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}
html, body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans'
}
a {
	outline: 0
}
h1, h2, h3, h3, h4, h5, h6 {
	display: block;
}
header nav ul.sections {
	display: none
}
header .myLogin {
	display: none
}
header nav li span.active {
	opacity: 1;
	background-color: #1F6865;
	border: 8px solid white
}
header nav li:last-child:hover i {
	opacity: .8;
}
header nav li:last-child i.active {
	opacity: 1;
}

input[type=password] {
	width: 100%;
	height: 30px;
	z-index: 2;
	line-height: 30px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
	margin: 0;
	background-color: transparent
}


input[type=text]:not(.projectName):not(.iDate) {
	width: 100%;
	height: 30px;
	z-index: 2;
	line-height: 30px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
	margin: 0;
	background-color: transparent
}
.loginForm {
	width: 320px;
	margin: 0px auto;
	display: block
}
.loginForm h2 {
	text-align: center
}
.login label {
	display: none
}
.dta {
	clear: both
}

.ticketDetails .dta {
	min-height:90px
}

.dta label {
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	width: 100%;
	height: 26px;
	z-index: 1;
	display: none;
	text-align: right;
	padding: 2px;
	padding-right: 15px;
	padding-top: 5px;
	font-weight: bold;
	color: #c0c0c0
}
.dta input[type="text"]:hover + label {
	display: block
}
.dta input[type="text"]:active + label {
	display: none
}
#lo {
	display: block;
	margin: 0px auto;
	padding: 0;
	height: 30px;
	width: 80px;
	border-radius: 5px;
	line-height: 30px;
	border: 1px solid #c0c0c0
}
.listSpace div.bucket:empty {
	visibility: hidden;
	display: none
}

.listItem a b{
  display:inline-block;
  width:145px;
  min-width:145px;
  max-width:145px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

.listItem[data-status="2"] {
     background-color:black !important;
     color:white
}

.listItem[data-status="2"] a{
     color:white !important
}

.listItem[data-status="2"] a::after{
     position:absolute;
     top:0;
     right:0;
     display:inline-block;
     font-size:10px;
     content:"[Archived]";

}


.listItem[data-status="0"] a, .listItem[data-status="1"] .listItem[data-status="0"] a {
	color: #c0c0c0
}
.listItem[data-status="0"] a.active, .listItem[data-status="1"] .listItem[data-status="0"] a.active {
	color: yellow
}
.listItem[data-status="0"][data-isnew="1"] a, .listItem[data-status="1"] .listItem[data-status="0"][data-isnew="1"] a {
	color: maroon
}
.listItem[data-status="1"] a {
	color: #2E6865
}
.listItem a {
	display: block;
	text-decoration: none;
}
.listItem a.active {
	background-color: #afc6c5;
	color: white
}
.listItem a span {
	float: right
}



.noselect {
	-webkit-touch-callout: none;
/* iOS Safari */
	-webkit-user-select: none;
/* Safari */
	-khtml-user-select: none;
/* Konqueror HTML */
	-moz-user-select: none;
/* Firefox */
	-ms-user-select: none;
/* Internet Explorer/Edge */
	user-select: none;
/* Non-prefixed version, currently                                  supported by Chrome and Opera */
}
.assignTeam {
	display: flex
}
.assignTeam a {
	display: block;
	text-decoration: none;
	color: black;
	border: 1px solid black;
	border-radius: 8px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 3px;
	padding-left: 5px;
}
.availablePlayers a {
	padding-left: 30px;
}
.assignedPlayers span {
	top: 4px;
	right: 2px;
}
.assignTeam span {
	display: inline-block;
	position: absolute;
	line-height: 20px;
	text-align: center;
	color: white;
	text-decoration: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #2E6765
}
.availablePlayers a span {
	top: 4px;
	left: 2px;
}
.assignedTeam {
	width: 320px;
	background-color: rgba(46,103,101, .6);
	display: block;
	text-decoration: none;
	color: white;
	border: 1px solid black;
	border-radius: 8px;
	height: 30px;
	margin-bottom: 3px;
	padding: 5px;
}
.openProject {
	outline: 0;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: black;
	cursor: pointer
}

.refreshProject {
     cursor:pointer;
     position:absolute;
     right:-15px;
     top:-15px;
     width:30px;
     height:30px;
     background-color:#c0c0c0;
     border-radius:50%;
     color:white;
     transition:background-color .5s;
     font-size:30px;
     font-weight:bold;
     line-height:75%;
     text-align:center
}

.refreshProject:hover {
     background-color:rgb(30, 104, 101);
}

.refreshProject:active {
     background-color:black
}


.refreshProject::before {
     content:"	\0021BA";
}




.projectItem {
	padding: 5px;
	border-radius: 5px;
	border: 5px solid #c0c0c0;
	margin: 20px;
	margin-bottom: 30px
}
.projectName {
	width: 100%;
	height: 30px;
	z-index: 2;
	border: 0;
	border-bottom: 2px solid #c0c0c0;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	background-color: transparent;
	outline: 0;
}
.projectTICKETS {
	height: 5px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.projectTICKETS .ticketList .removeTicket:before {
	content: "x";
	color: #2E6765;
}
.projectTICKETS .ticketList .removeTicket {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 3px;
	top: 3px;
	text-decoration: none;
	color: black;
	background-color: #c0c0c0;
	border-radius: 4px;
	text-align: center;
	line-height: 22px;
	border: 1px solid #2E6765;
	opacity: .3;
	transition: opacity .1s;
	z-index: 9999;
}
.projectTICKETS .ticketList .removeTicket:hover {
	opacity: 1;
	background: #2E6765;
	color: white
}
.projectTICKETS .ticketList .removeTicket:hover:before {
	color: white
}
.projectTICKETS .ticketList .showTicketDetails:before {
	content: "\01F5CE";
	color: #2E6765;
	font-size: 35px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	font-feature-settings: 'liga' off;
	line-height:93%
}


.projectTICKETS .ticketList .showTicketDetails.hasNotes {
	opacity:1
}



.projectTICKETS .ticketList .showTicketDetails {
	width: 25px;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 35px;
	text-decoration: none;
	color: black;
	background-color: #c0c0c0;
	border-radius: 4px;
	text-align: center;
	line-height: 22px;
	opacity: .6;
	transition: opacity .1s;
	z-index: 9999;
	cursor: pointer
}
.projectTICKETS .ticketList .showTicketDetails:hover {
	opacity: 1;
	color: white
}
.flexTicket {
	height: 61px;
	min-height: 61px;
	max-height: 61px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top:37px
}
.projectTICKETS .ticketList .setDates {
	display: block;
	height: 30px;
	background: white;
	border-radius: 5px;
	border: 2px solid #c0c0c0;
	width: 125px;
	overflow: hidden;
}
.projectTICKETS .doneButton {
	width: 55px;
	min-width: 55px;
	max-width: 55px;
	height: 55px;
	min-height: 55px;
	max-height: 55px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 70% 70%;
	color: white;
	cursor: pointer;
	border: 6px solid white;
}
.projectTICKETS .ticketList .ticketTextarea, .ticketNotes {
	height: 70px;
	width: calc(100% - 30px);
	background: transparent;
	border: 0;
	outline: 0;
	overflow: hidden;
	overflow-Y: auto;
	padding: 5px;
	resize: none;
	border-radius: 8px
}

.ticketNotes:focus{
	height:132px
}


.ticketNotes {
	z-index:99999;
	height: 80px;
	background: white;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
}
.ticketDetails {
	font-size: 12px;
	line-height: 140%;
  width: calc(100% - 30px);
}
.projectTICKETS .ticketList .setDates span {
	z-index: 99999;
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 10px;
	display: inline-block;
}
.projectTICKETS .ticketList .setDates p.noClick {
	pointer-events: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	padding-top: 3px;
	opacity: 1;
	background-color: white;
	font-size: 13px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	color: white
}
.projectTICKETS .ticketList .setDates p.noClick:empty {
	pointer-events: none;
	opacity: 0
}
.projectTICKETS .ticketList[data-isnew="1"] .doneButton {
	display: none
}
.projectTICKETS .ticketList[data-isnew="1"] .removeTicket {
	display: none
}
.projectTICKETS .ticketList[data-isnew="1"] .showTicketDetails {
	display: none
}
.projectTICKETS .ticketList[data-isnew="1"] .ticketDetails {
	display: none
}
.textInfoControl {
	display: none
}
.projectTICKETS .ticketText {
	padding: 0;
	margin: 0
}
.projectTICKETS .ticketList label.hasNotes.showTicketDetails {
	background-color: yellow
}
.yellow {
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
	background-color: yellow
}
.green {
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
	color: white;
	background-color: green
}
.projectTICKETS .ticketList {
	height: 165px;
	border-radius: 8px;
	margin-bottom: 2.5%;
	margin-top: 1%;
	min-width: 210px;
	border: 2px solid #c0c0c0
}
/*CAN EDIT NOT DONE*/
.projectTICKETS .ticketList.canEdit.ticketNotDone {
	background: #c0c0c0;
}
.projectTICKETS .ticketList[data-isnew="1"].canEdit.ticketNotDone .ticketTextarea {
	background: white;
}
.projectTICKETS .ticketList.canEdit .ticketTextarea:focus {
	border-radius: 8px;
	background: white;
	padding: 5px;
	resize: none;
}
.projectTICKETS .ticketList.canEdit.ticketNotDone select.assignTeam {
	display: block;
	width: 125px;
	height: 30px;
	border-radius: 5px;
	font-size: 14px;
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .setDates .iDate {
	border: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	background-color: white;
	text-align: right;
	padding-right: 2px;
	top: 0;
	left: 0;
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .setDates .inputDate {
	position: absolute;
	font-size: 999%;
	width: 100%;
	height: 30px;
	opacity: 0;
	position: absolute;
	background: white;
	text-align: center;
	border: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 999;
	cursor: pointer;
  overflow:hidden
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .setDates .dDate {
	display: none;
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .doneButton {
	background-color: #2E6765;
	background-image: url("elements/greenCheckLite.gif");
	background-position: center;
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .doneButton:hover {
	background-image: url("elements/greenCheck.gif");
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .doneButton:active {
	opacity: 1;
	background-color: #c0c0c0;
	background-image: url("elements/grayCheck.gif");
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .setDates span:before {
	content: "Due: "
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .textInfoControl:not(:checked) + .textControls .ticketText {
	display: block
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .textInfoControl:not(:checked) + .textControls .ticketDetails {
	display: none
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .textInfoControl:checked + .textControls .ticketText {
	display: none
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .textInfoControl:checked + .textControls .flexTicket {
	display: none
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .textInfoControl:checked + .textControls .ticketDetails {
	display: block
}
.projectTICKETS .ticketList.canEdit.ticketNotDone .textInfoControl:checked + .textControls .showTicketDetails {
	opacity: 1;
}

/*
.projectTICKETS .ticketList.canEdit.ticketNotDone .textInfoControl:checked + .textControls .showTicketDetails {
	opacity: 1;
}
*/








/*CAN NOT EDIT NOT DONE*/
.projectTICKETS .ticketList.cantEdit.ticketNotDone {
	background: #c0c0c0;
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .ticketTextarea {
	background: transparent;
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone select.assignTeam {
	display: block;
	width: 125px;
	height: 30px;
	border-radius: 5px;
	font-size: 14px;
	background: #f0f0f0;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	text-align-last: center;
	cursor: none
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .setDates .iDate {
	border: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	background-color: white;
	text-align: right;
	padding-right: 2px;
	top: 0;
	left: 0;
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .setDates .inputDate {
	position: absolute;
	font-size: 999%;
	width: 100%;
	height: 30px;
	opacity: 0;
	position: absolute;
	background: white;
	text-align: center;
	border: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 999;
	cursor: none;
  overflow:hidden
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .setDates .dDate {
	display: none;
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .doneButton {
	background-color: #2E6765;
	background-image: url("elements/greenCheckLite.gif");
	background-position: center;
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .doneButton:hover {
	background-image: url("elements/greenCheck.gif");
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .doneButton:active {
	opacity: 1;
	background-color: #c0c0c0;
	background-image: url("elements/grayCheck.gif");
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .setDates span:before {
	content: "Due: "
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .textInfoControl:not(:checked) + .textControls .ticketText {
	display: block
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .textInfoControl:not(:checked) + .textControls .ticketDetails {
	display: none
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .textInfoControl:checked + .textControls .ticketText {
	display: none
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .textInfoControl:checked + .textControls .flexTicket {
	display: none
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .textInfoControl:checked + .textControls .ticketDetails {
	display: block
}
.projectTICKETS .ticketList.cantEdit.ticketNotDone .textInfoControl:checked + .textControls .showTicketDetails {
	opacity: 1;
}
/*TICKET DONE CAN EDIT*/


.projectTICKETS .ticketList.canEdit.ticketDone {
	background: #f0f0f0;
	opacity: .4
}
.projectTICKETS .ticketList.canEdit.ticketDone:hover {
	opacity: 1
}
.projectTICKETS .ticketList.canEdit.ticketDone .removeTicket {
	display: none
}
.projectTICKETS .ticketList.canEdit.ticketDone select.assignTeam {
	display: block;
	background-color: #c0c0c0;
	width: 125px;
	height: 30px;
	border-radius: 5px;
	font-size: 14px;
	outline: 0;
	background-transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}
.projectTICKETS .ticketList.canEdit.ticketDone .setDates .iDate {
	border: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	background-color: white;
	text-align: right;
	padding-right: 2px;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
	visibility: hidden;
}
.projectTICKETS .ticketList.canEdit.ticketDone .setDates .inputDate {
	position: absolute;
	font-size: 999%;
	width: 100%;
	height: 30px;
	position: absolute;
	background: white;
	text-align: center;
	border: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 999;
	cursor: pointer;
	display: none;
	opacity: 0;
	visibility: hidden;
  overflow:hidden;
}
.projectTICKETS .ticketList.canEdit.ticketDone .setDates .dDate {
	position: absolute;
	background: #c0c0c0;
	width: 100%;
	height: 30px;
	opacity: 1;
	position: absolute;
	font-size: 13.333px;
	text-align: right;
	border-radius: 0;
	border: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding-right: 2px;
	z-index: 999;
	display: block;
}
.projectTICKETS .ticketList.canEdit.ticketDone .doneButton {
	background-color: #c0c0c0;
	background-image: url("elements/grayCheck.gif");
	background-position: center
}
.projectTICKETS .ticketList.canEdit.ticketDone .doneButton:hover {
	background-color: #2E6765;
	background-image: url("elements/greenCheckLite.gif");
}
.projectTICKETS .ticketList.canEdit.ticketDone .doneButton:active {
	background-color: #2E6765;
	background-image: url("elements/greenCheck.gif");
}
.projectTICKETS .ticketList.canEdit.ticketDone .setDates span:before {
	content: "Done: "
}
.projectTICKETS .ticketList.canEdit.ticketDone .textInfoControl:not(:checked) + .textControls .ticketText {
	display: block
}
.projectTICKETS .ticketList.canEdit.ticketDone .textInfoControl:not(:checked) + .textControls .ticketDetails {
	display: none
}
.projectTICKETS .ticketList.canEdit.ticketDone .textInfoControl:checked + .textControls .ticketText {
	display: none
}
.projectTICKETS .ticketList.canEdit.ticketDone .textInfoControl:checked + .textControls .flexTicket {
	display: none
}
.projectTICKETS .ticketList.canEdit.ticketDone .textInfoControl:checked + .textControls .ticketDetails {
	display: block
}
.projectTICKETS .ticketList.canEdit.ticketDone .textInfoControl:checked + .textControls .showTicketDetails {
	opacity: 1;
}
/*TICKET DONE CANt EDIT*/
.projectTICKETS .ticketList.cantEdit.ticketDone {
	background: #f0f0f0;
	opacity: .4
}
.projectTICKETS .ticketList.cantEdit.ticketDone:hover {
	opacity: 1
}
.projectTICKETS .ticketList.cantEdit.ticketDone .removeTicket {
	display: none
}
.projectTICKETS .ticketList.cantEdit.ticketDone select.assignTeam {
	display: block;
	background-color: #c0c0c0;
	width: 125px;
	height: 30px;
	border-radius: 5px;
	font-size: 14px;
	outline: 0;
	background: #f0f0f0;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	text-align-last: center;
	cursor: none
}
.projectTICKETS .ticketList.cantEdit.ticketDone .setDates .iDate {
	border: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	background-color: white;
	text-align: right;
	padding-right: 2px;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
	visibility: hidden;
}
.projectTICKETS .ticketList.cantEdit.ticketDone .setDates .inputDate {
	position: absolute;
	font-size: 999%;
	width: 100%;
	height: 30px;
	position: absolute;
	background: white;
	text-align: center;
	border: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 999;
	cursor: pointer;
	display: none;
	opacity: 0;
	visibility: hidden;
}
.projectTICKETS .ticketList.cantEdit.ticketDone .setDates .dDate {
	position: absolute;
	background: #c0c0c0;
	width: 100%;
	height: 30px;
	opacity: 1;
	position: absolute;
	font-size: 13.333px;
	text-align: right;
	border-radius: 0;
	border: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding-right: 2px;
	z-index: 999;
	display: block;
}
.projectTICKETS .ticketList.cantEdit.ticketDone .doneButton {
	background-color: #c0c0c0;
	background-image: url("elements/grayCheck.gif");
	background-position: center
}
.projectTICKETS .ticketList.cantEdit.ticketDone .doneButton:hover {
	background-color: #2E6765;
	background-image: url("elements/greenCheckLite.gif");
}
.projectTICKETS .ticketList.cantEdit.ticketDone .doneButton:active {
	background-color: #2E6765;
	background-image: url("elements/greenCheck.gif");
}
.projectTICKETS .ticketList.cantEdit.ticketDone .setDates span:before {
	content: "Done: "
}
.projectTICKETS .ticketList.cantEdit.ticketDone .textInfoControl:not(:checked) + .textControls .ticketText {
	display: block
}
.projectTICKETS .ticketList.cantEdit.ticketDone .textInfoControl:not(:checked) + .textControls .ticketDetails {
	display: none
}
.projectTICKETS .ticketList.cantEdit.ticketDone .textInfoControl:checked + .textControls .ticketText {
	display: none
}
.projectTICKETS .ticketList.cantEdit.ticketDone .textInfoControl:checked + .textControls .flexTicket {
	display: none
}
.projectTICKETS .ticketList.cantEdit.ticketDone .textInfoControl:checked + .textControls .ticketDetails {
	display: block
}
.projectTICKETS .ticketList.cantEdit.ticketDone .textInfoControl:checked + .textControls .showTicketDetails {
	opacity: 1;
}



.projectTICKETS .ticketList.saving {
     pointer-events:none;
}

.projectTICKETS .ticketList.saving::before {
     z-index:9999999;
     position:absolute;
     top:0; left:0; right:0; bottom:0;
     background-color:#1E6865;
     width:100%;
     height:150px;
     content:"Saving...";
     color:white;
     font-size:25px;
     font-weight:bold;
     display:flex;
     justify-content:center;
     align-items:center;
     align-content:center
}

















.calWeek {
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	width: 98%
}
.calWeek:nth-last-child(2)  {
	justify-content: flex-start
}
.calDay {
	margin: 0;
	padding: 3px;
	display: block;
	text-align: center;
	border-radius: 50%;
	height: 44px;
	width: calc(100% / 7);
}
.calDay span {
	display: block;
	position: absolute;
	top: -15px;
	margin-top: 50%;
	left: -15px;
	margin-left: 50%;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	line-height: 28px;
	font-size: 12px;
	transition: all .2s;
	border: 2px solid white
}
.calDay span.hasTickets {
	border: 2px solid #c0c0c0;
	cursor: pointer;
	font-weight: bold;
	color: #2E6765;
	line-height: 26px;
	font-size: 14px
}
.calDay span.hasTickets:hover {
	background-color: #c0c0c0
}
.calDay span.hasTickets:active, .calDay span.hasTickets.selected {
	background-color: black;
	color: white
}
.calDay span.unDone {
	background-color: #CC9999
}
.calDay span.toDo {
	background-color: #a4d6d5
}
.calDay.today span {
	background-color: #2E6765;
	color: white
}
.weekHeaders .calDay span {
	position: relative;
	border: 0;
	top: 0;
	margin-top: 0;
	border-radius: 0;
	background-color: transparent
}
.weekHeaders .calDay {
	height: 30px;
	border-radius: 0;
	border: 0;
	line-height: 30px;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #c0c0c0;
}
.monthButton {
	font-size: 15px;
	outline: none;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #c0c0c0;
	padding: 0;
	margin: 0;
	height: 33px;
	width: 33px;
	background: white;
	transition: all .3s;
}
.monthButton:hover {
	background-color: #c0c0c0
}
.monthButton:active {
	background-color: black;
	color: white
}
.monthH {
	margin-top: 20px;
	margin-bottom: 10px;
	white-space: nowrap;
	display: flex;
	justify-content: space-around;
	width: 98%
}
.monthH span {
	text-align: center;
	display: inline-block;
	width: calc(100% - 100px)
}
#bottomMessage {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 25px;
	background-color: yellow;
	text-align: center
}
#bottomMessage:empty {
	display: none
}
.spread {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-around
}
.spread span {
	display: inline-block;
	padding: 0;
}
#resizer {
	font-family: arial;
	font-size: 14px;
}
.dashNav {
	width: calc(100% - 10px);
	height: 30px;
	margin-bottom: 15px;
	background: #1F6865;
	color: white;
	border-radius: 5px;
	font-size: 17px
}
.dashNav option:checked {
	background-color: white;
	color: #1F6865;
}
.dashNav option:not(:checked), .dashNav option:not(:checked):hover {
	background-color: #1F6865;
	color: white;
}
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
  width:30px;
  height:30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	filter: progid: DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #cccccc;

	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 50%;
  margin:1px;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btn.oi:hover {
	background-color: #c0c0c0;
}

.btn.oi:active {
	background-color: green;
}


.btn-group {
	position: relative;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	white-space: nowrap;
	margin:5px
}

.content .messageEditor div {
  padding:0
}

.content .messageEditor, .messageText {
	position: absolute;
	top: 0px;
	left: 5%;
	right: 5%;
	resize: vertical;
	overflow: auto;
	border: 1px solid silver;
	border-radius: 5px;
	min-height: 200px;
	box-shadow: inset 0 0 10px silver;
	padding: 1em;
	background: white;
	width: 90%;
}
.messageText {
	display: none
}


.calendarLegend {
  position:absolute;
  bottom:20px;
  right:20px
}

.calendarLegend div {
  height:20px; line-height:20px; padding:0px;
  vertical-align:top;
  margin-bottom:2px;
}

.calendarLegend div span {
  vertical-align:top;
  height:20px;
  display:inline-block;
  line-height:20px;
  font-size:11px
}


.calendarLegend div span:first-child {
  width:20px;
  border: 2px solid #c0c0c0; border-radius:50%; 
}

.calendarLegend div:nth-child(1) span:first-child {
  background-color:#2E6765;
}

.calendarLegend div:nth-child(2) span:first-child {
  background-color:black;
}

.calendarLegend div:nth-child(3) span:first-child {
  background-color:#CC9999;
}

.calendarLegend div:nth-child(4) span:first-child {
  background-color:yellow;
}

.calendarLegend div:nth-child(5) span:first-child {
  background-color:white;
}
.calendarLegend div:nth-child(6) span:first-child {
  background-color:rgb(164, 214, 213);;
}


label.emailClientWhenComplete {
  position:relative;
  width:40px
}


label.emailClientWhenComplete:after {
  content: "\002709";
  top:5px;
  font-size:26px
}


.addlButtons {
  display:flex;
  justify-content:flex-start;
  align-items:center
}

.addlButtons div {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-right:10px
}

.addlButtons div b{
  margin-right:4px
}

.hasTimer:before {
  content: "\00231A";
  font-size:15px;
}

.emailClientCC:before {
  content: "\002709";
  font-size:15px
}

.hasTimer:hover, .emailClientCC:hover {
  opacity:1
}


.hasTimer, .emailClientCC {
  position:absolute; right:6px;
  top:65px;
  z-index:99999;
  width:15px;
  height:15px;
  opacity:.3;
  transition:opacity .5s
}

.emailClientCC {
  top:85px;
  right:5px
}



label.trackTicketTime:after {
  content: "\00231A";
  font-size:16px
}


#inputTime {
  display:none;
  position:fixed;
  height:100%; width:100%;
  z-index:99999;
  background-color:rgba(31,104,101,.9);
  top:0;left:0;bottom:0;right:0
}

#inputTime h2 {
  width:100%;
  min-width:100%;
  color:#1F6865;
  line-height:125%;
  text-align:center;
  margin-bottom:8px
}

#inputTime div{
  background-color:white;
  width:300px;
  height:150px;
  position:absolute;
  top:calc(50% - 75px);
  left:calc(50% - 150px);
  padding:10px;
  border-radius:8px
}

#inputTime span:hover:before {
  background-color:black;
  color:white
}

#inputTime span:before {
  content:"\002716";
  text-align:center;
  color:#1F6865;
  height:100%;
  width:100%;
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  line-height:25px;
  border-radius:8px;
}

#inputTime span {
  position:absolute;
  top:-50px;
  left:350px;
  background-color:white;
  height:25px;
  width:25px;
  border-radius:8px;
  z-index:9999;
  cursor:pointer;
}


#inputTime select{
  display:block;
  margin:0 auto;
  height:30px;
  width:150px;
  font-size:16px;
  border-radius:8px;
  outline:0;
  margin-bottom:8px
}

#inputTime input:hover{
  background:black;
  color:white;
  cursor:pointer
}


#inputTime input{
  padding:2px;
  background-color:#1F6865;
  outline:0;
  width:50px;
  height:25px;
  border:0;
  border-radius:8px;
  display:block;
  margin:0 auto;
  font-weight:bold;
  color:white;
}



.button {
  text-decoration:none;
  display:inline-block;
  background-color:#1F6865;
  color:white;
  border-radius:8px;
  text-align:center;
  padding:3px;
  font-size:10px
}


.adminOnly {
     display:none;
     visibility:hide
}

.showArchived {
     text-decoration:none;
     width:125px;
     display:block;
     margin:10px auto;
     background-color:#1F6865;
     color:white;
     border-radius:5px;
     padding:3px 6px;
     text-align:center;
}

.showArchived.over::before {
     content:"Hide Archived"
}

.showArchived::before {
     content:"Show Archived";
     color:white
}

.hide {
     display:none !important;
     opacity:0 !important;
     left:-999999px !important;
     visibility:hidden
}