body{
	font-size: 16px;
}

@media print 
{
    .noPrint 
    {
        display:none;
    }
}

#footer{
	padding:5px;
}

.rrtable{
	padding:10px;
}
.rrtable td{
	padding:10px;
}

.rr-comment-promoter {
  position: relative;
  padding: 6px;
  color: #000;
  background: rgba(39,174,96,0.2);
  border-radius: 3px;
}

.rr-comment-promoter:after {
  content: "";
  display: block;
  position: absolute;
  top:7px;
  left: -10px;
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid rgba(39,174,96,0.2); 
}

.rr-comment-passive {
  position: relative;
  padding: 6px;
  color: #000;
  background: rgba(241,196,15,0.2);
  border-radius: 3px;
}

.rr-comment-passive:after {
  content: "";
  display: block;
  position: absolute;
  top:7px;
  left: -10px;
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid rgba(241,196,15,0.2); 
}

.rr-comment-detractor {
  position: relative;
  padding: 6px;
  color: #000;
  background: rgba(192,57,43,0.2);
  border-radius: 3px;
}

.rr-comment-detractor:after {
  content: "";
  display: block;
  position: absolute;
  top:7px;
  left: -10px;
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid rgba(192,57,43,0.2); 
}

.managercontact{
	border:1px solid rgba(192,100,50,0.4);
	border-radius:3px;
	padding: 5px;
	margin:2px;
}

.managercontactimportant{
	border:3px solid rgba(192,100,50,0.4);
	background-color: rgba(192,100,50,0.2);
}


.lessonlearnedbox{
	border:2px dashed rgba(100,50,192,0.4);
	border-radius:3px;
	padding: 5px;
	margin:2px;
}

.filtercontainer{
	border:1px solid #aba;
	border-radius:3px;
	padding:5px;
}



.navbar-main{
	
}
.navbar-main small{
	display:block;
	font-size:10px;
	margin-left:15px;
	margin-top:-12px;
	font-weight:bold;
	color: #fff;
}
.navbar-main-active{
	font-weight:bold;
	color: #fff !important;
}

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

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

.modal-fullscreen {
}
.modal-fullscreen .modal-content {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}

.monthscheduletrick{
	padding:5px;
	font-weight:bold;
	font-size:0.9em;
	max-width: calc(100% - 30px);
}

.monthscheduleitem{
	max-width: calc(100% - 30px);
}

.dayscheduleitem{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:70px;
	border:3px solid rgb(120,170,220);
	border-radius:3px;
	background: rgb(150, 200, 250);
	line-height:30px;
	font-weight:bold;
	font-size:8px;
	overflow: hidden;
	white-space: nowrap;
}
.dayscheduleitemtab{
	position:absolute;
	height:13px;
	width:20px;
	border:3px solid rgb(120,170,220);
	border-top:none;
	border-radius:3px;
	background: rgb(150, 200, 250);
	z-index:3;
}
.dayscheduleitem:hover{
	z-index:2;
	width:250px;
}

table.dayscheduletable td{
	text-align:center;
	font-weight:bold;
}

.dayscheduletruckbox{
	left:0px;
	height:30px;
	width:240px;
	position:absolute;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-right:1px solid #333;
	border-collapse:collapse;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.ui-effects-transfer {
	border: 3px dotted red;
	z-index:1000;
}

.hiddenrow{
	display:none;
}

.list-group {
    list-style: decimal inside;
}

.list-group-item {
    display: list-item;
}


.btn-sq-lg {
    width: 150px !important;
    height: 150px !important;
	font-size:4em;
}
.navbarmain{
	background-color:#151515;
}
.navbarholder{
	min-height:80px;
}

.navbar-collapse{
border:0px !important;
box-shadow:none !important;
}

.manycolordiv1{
	 background: linear-gradient(82deg, #2dc09a, #ffd200, #ff0000);
	background-size: 600% 600%;
}
.manycolordiv1:hover{
	 background: linear-gradient(82deg, #2dc09a, #ffd200, #ff0000);
	background-size: 600% 600%;

	-webkit-animation: manycolor1 4s ease infinite;
	-moz-animation: manycolor1 4s ease infinite;
	animation: manycolor1 4s ease infinite;
}

 @-webkit-keyframes manycolor1 {
    0%{background-position:0% 5%}
    50%{background-position:100% 96%}
    100%{background-position:0% 5%}
}
@-moz-keyframes manycolor1 {
    0%{background-position:0% 5%}
    50%{background-position:100% 96%}
    100%{background-position:0% 5%}
}
@keyframes manycolor1 {
    0%{background-position:0% 5%}
    50%{background-position:100% 96%}
    100%{background-position:0% 5%}
}

input{
     -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	font-size:16px;
	margin-left:5px;
	margin-right:5px;
}
select{
     -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	font-size:16px;
	margin-left:5px;
	margin-right:5px;
}
textarea{
     -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
}
h1{
	color:#000033;
	font-weight:bold;
	font-size:1.2em;
}
h2{
	color:#003300;
	font-style:italic;
	font-weight:normal;
	font-size:1.1em;
}
table{
	border-collapse:collapse;
}
td{
	padding:5px !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	vertical-align:top;
}
.toprow{
	background-color:#ffdddd;
}
.odd{
	background-color:#ddffdd;
}
.even{
	background-color:#ddddff;
}
.bottomrow{
	background-color:#ddffff;
}

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
}

.AccordionTitle
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
}

.navbutton{
     -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	font-size:16px;
	color:#00aa00;
	margin-left:5px;
	margin-right:5px;
}
.clearbutton{
     -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	font-size:16px;
	color:#aa0000;
	margin-left:5px;
	margin-right:5px;
}

.basicbutton{
	background-repeat:no-repeat;
	background-position:3px center;
	padding-left: 34px;
	height:32px;
	width:300px;
     -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	font-size:18px;
	margin-left:5px;
	margin-right:5px;
}

.checkoutbutton{	
	background-image:url(images/checkout.png);
}
.cashdrawerbutton{	
	background-image:url(images/cashdrawer.png);
}
.manageitemsbutton{
	background-image:url(images/manageitems.png);
}
.barcodebutton{
	background-image:url(images/barcode.png);
}
.contactbutton{
	background-image:url(images/contacts.png);
}
.settingsbutton{
	background-image:url(images/settings.png);
}
.couponbutton{
	background-image:url(images/coupons.png);
}
.reportbutton{
	background-image:url(images/report.png);
}
.permissionsbutton{
	background-image:url(images/permissions.png);
}
.pickupbutton{
	background-image:url(images/pickup.png);
}
.donatebutton{
	background-image:url(images/donate.png);
}
.categorybutton{
	background-image:url(images/category.png);
}
.makelivebutton{
	background-image:url(images/makelive.png);
}
.calllogbutton{
	background-image:url(images/call.png);
}
.emailbutton{
	background-image:url(images/email.png);
}
.gpsbutton{
	background-image:url(images/gps.png);
}
.reorderbutton{
	background-image:url(images/reorder.png);
}
.templatebutton{
	background-image:url(images/template.png);
}
.surveybutton{
	background-image:url(images/survey.png);
}
.timesheetbutton{
	background-image:url(images/timesheet.png);
}
.inventorybutton{
	background-image:url(images/inventory.png);
}
.pricechangebutton{
	background-image:url(images/dollar.png);
}
.orderedproductbutton{
	background-image:url(images/orderedproduct.png);
}
.cashdonationbutton{
	background-image:url(images/cash.png);
}

.showme{ 
display: none;
border: 1px dashed;
width:300px;
}
.showhim:hover .showme{
display: block;
}

.showme1{ 
display: none;
}
.showhim1:hover .showme1{
display: block;
}
.showhim1{
	background-image:url(images/plus2.png);
	background-repeat:no-repeat;
	background-position:right top;
}

.hovergrow{
	transition: width 1s;
  -moz-transition: width 1s;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  -ms-transition: width 1s;
  height:40px;
  overflow: hidden;
  background:#ffffff;
}
.hovergrow:hover{
	height:140px;
	z-index:4;
}

.line {
position:absolute;
z-index: -1;
}
.line div {
position:absolute;
left: 0px; top: 0px;
border-left-color: transparent;
border-style: solid;
}
.buttondiv{
   width: 120px;
   height: 120px;
   margin: 3px;
   padding: 0;
   background: #6fb2e5;
   box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
   -o-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
   -webkit-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
   -moz-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
   font-family:arial,sans-serif;
   position:relative;
}
.buttondiv:hover{
   background: #1fb2e5;
   box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
   -o-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
   -webkit-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
   -moz-box-shadow: 0 1px 5px #0061aa, inset 0 10px 20px #b6f9ff;
   font-weight:bold;
   cursor: hand;
   cursor: pointer; 
}
.buttondiv img{
	position:absolute;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1);
	display: block;
	margin-left: 35px;
	margin-top:10px;
}
.buttondiv:hover img{
    filter: none;
    -webkit-filter: grayscale(0);
}
.buttondiv span{
	position:absolute;
	top:80px;
	width:120px;
	text-align:center;
}

.selectBoxArrow{
	margin-top:1px;
	float:left;
	position:absolute;
	right:1px;
	

}	
.selectBoxInput{
	border:0px;
	padding-left:1px;
	height:16px;
	position:absolute;
	top:0px;
	left:0px;
}

.selectBox{
	border:1px solid #7f9db9;
	height:20px;	
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
.selectBoxOptionContainer{
	position:absolute;
	border:1px solid #7f9db9;
	height:100px;
	background-color:#FFF;
	left:-1px;
	top:20px;
	visibility:hidden;
	overflow:auto;
	z-index:90;
}
.selectBoxIframe{
	position:absolute;
	background-color:#FFF;
	border:0px;
	z-index:89;
}
.selectBoxAnOption{
	font-family:arial;
	font-size:12px;
	cursor:default;
	margin:1px;
	overflow:hidden;
	white-space:nowrap;
}

.combobox	{font-family: Tahoma;font-size: 12px}
.combobox	{position: relative;}
.combobox	.dropdownlist	{display: none;min-width: 180px;border: solid 1px #000;
	max-height: 200px;overflow: auto;position: absolute;background-color: #fff;
	top: 28px;left: 5px; z-index:40;}
.combobox	.dropdownlist	a	{display: block;text-decoration: none;
	color: #000;padding: 1px}
.combobox	.dropdownlist	a.light	{color: #fff;background-color: #007}
.combobox	.dropdownlist  input {font-family: Tahoma;font-size: 12px;}
.combobox	input {float: left;width: 182px;border: solid 1px #ccc;height: 25px}
.combobox	span{border: solid 1px #ccc;background: #eee;width: 16px;height: 17px;
	float: left;text-align: center;border-left: none}
	
.truckbox{
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	float:left;
	width:30px;
}
.truckbox li{
background-image:url(images/truck2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
white-space: nowrap;
}
.truckbox li ul{
	top:-20px;
	list-style-type: none;
	padding: 0px;
	display:none;
	position:relative;
}
.truckbox li:hover ul{
	display:block;
	padding: 0px;
}
.truckbox li ul li{
height:20px;
background:#eeffee;
margin-left:25px;
width:80px;
border: 1px solid #ccc;
}
.truckbox a{
	
}
	
div#multicolumn1 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

.tabs {
  position: relative;   
  min-height: 200px;
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.tab [type=radio] {
  display: none;   
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  padding: 20px;
  border: 1px solid #ccc; 
  display:none;
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
  display:block;
}

@media print {
	td{
		padding:2px;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		vertical-align:top;
	}
	.noprint{
		display:none;
	}
	table{
		border-collapse:collapse;
	}	
	.toprow{
		border: 1px solid;
	}
	.odd{
		border: 1px solid;
	}
	.even{
		border: 1px solid;
	}
	.bottomrow{
		border: 1px solid;
	}
}