/*) grid and labels*/


/* chart of account drawer */

.drawer-chart
{
  width: 90%;
  background-color: #eee;
  padding: 20px 5px;
  height: 100px;

  border:solid 1px #ddd;
  margin: 0px 5%;
}

.card-title{
  color: #2040a0;
  font-weight: 700;
  font-size: 17px;

}
.drawer-chart:hover
{
  width: 100%;
  background-color: #ccc;
  padding: 10px 0px 5px 0px;
  border:solid 1px #ddd;
  margin: 20px 0px 3px 0px ;
  cursor: pointer;
}

.handle{
  border-bottom-left-radius: 5px:
  border-bottom-right-radius: 5px;
  width: 70px;
  margin: auto;
  /*background-color: #206090;*/
  border-bottom: solid 10px #205060;
  border-left: solid 10px #205060;
  height: 20px;
  border-right: solid 10px #205060;

}
/*end of chart of account drawer */

/*expiry dates*/

.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 25px 5px;
  padding: 5;
  width: 40px;
  float: left;
  height: 34px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.roombox:hover
{
  background-color: #ccddcc;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 15px;
  left: 6px;
  right: 6px;
  height: 3px;
  background: #205090;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #205090;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -8px;
}

.cmn-toggle-switch span::after {
  bottom: -8px;
}

/* rotate left*/
.cmn-toggle-switch__htla {
  background-color: #fff;
}

.cmn-toggle-switch__htla span {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.cmn-toggle-switch__htla span::before {
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, top 0.3s;
          transition: transform 0.3s, width 0.3s, top 0.3s;
}

.cmn-toggle-switch__htla span::after {
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, bottom 0.3s;
          transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htla.active {
  background-color: #fff;
}

.cmn-toggle-switch__htla.active span {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.cmn-toggle-switch__htla.active span::before,
.cmn-toggle-switch__htla.active span::after {
  width: 50%;
}

.cmn-toggle-switch__htla.active span::before {
  top: 0;
  -webkit-transform: translateX(14px) translateY(2px) rotate(45deg);
      -ms-transform: translateX(14px) translateY(2px) rotate(45deg);
          transform: translateX(14px) translateY(2px) rotate(45deg);
}

.cmn-toggle-switch__htla.active span::after {
  bottom: 0;
  -webkit-transform: translateX(14px) translateY(-2px) rotate(-45deg);
      -ms-transform: translateX(14px) translateY(-2px) rotate(-45deg);
          transform: translateX(14px) translateY(-2px) rotate(-45deg);
}

legend.scheduler-border {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}

.blockedroom{
	background-color: #eeee00;
	padding:5px 5px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #333;
}
.availablerooms{
	background-color: #cfc;
	padding:5px 5px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #333;
}

.cleaning
{
	border: solid 5px #3355ff;
	text-align: center;
}

.dirty{

	border:solid 5px #ff8800;
	text-align: center;
}

.closed{
	      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='5'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='5'/></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
    border: solid red 2px;
    text-align: center;
    /*width: 300px;*/
}

.repair{

	border: dashed 5px #ee0000;
	text-align: center;
}

.occupied{
	border: solid 5px #203050;
	background-color: #209030;
	text-align: center;
}

.vacant{
	text-align: center;
}

.intl-tel-input {
	display: block;
}
.mainthickwidth{
height:50px;
position: absolute;
bottom: 0px;
text-align: center;
font-size: 15px;
padding: 10px;
color:#222;
width:100%;
}
.thickwidth{
height:50px;
position: absolute;
bottom: 0px;
text-align: center;
font-size: 20px;
padding: 5px;
color:#222;
width:100%;
}


.bundle{
	margin:10px 10px;
	padding:5px;
	font-weight: 600;
	float:left;
	position: relative;
	color:#fff;
	z-index:100000;
}
.thickwidthsemi{
height:40px;
text-align: center;
font-size: 26px;
color:#333;
width:100%;
}
.bg-lighter{
  background-color: #e4f1f4;
  padding: 0px;
}

/* border left */

.border-left-success-thick{
  border-left: solid 10px #20e090;
}
.border-left-pending-thick{
  border-left: solid 10px #203090;
}

.border-left-warning-thick{
  border-left: solid 10px #f09000;
}
.border-left-danger-thick{
  border-left: solid 10px #dd0000;
}

.border-left-info-thick{
  border-left: solid 10px #f93fff;
}

/* end of border left */

#tablepoc >tbody>tr>td, .table>tfoot>tr>td {
  padding: 5px 5px 2px 5px;
  line-height: 1.246;
  vertical-align: middle;
  border-top: 1px solid #dfdfdf;
}

.badge-warning[href] {
  background-color: #c67605;
}

.powered{
  opacity: 0.3;
  transition-duration: 4s;
  transition-delay: 2s;
  font-size: 11px;
  transition-property: font-size;
}

.powered:hover{
  opacity: 1;
  font-size: 14px;
}
.hide{
  display: none;
  visibility: hidden;
}
#lblCartCount {
    font-size: 12px;
    background: #209030;
    color: #fff;

    padding: 5 5px;
    vertical-align: top;
    margin-left: 0px;
}

.thicklink{
font-weight:700;
color:#333;
text-shadow:0px 1px 0px #ddd;
}
.dashboardcard{
background-color: #fff;
box-shadow: 0px 0px 10px 0px  #ddd;
min-height:150px;
margin:0px;
padding:10px;
}
.maindashboardcard{
background-color: #fff;
box-shadow: 0px 0px 10px 0px  #ddd;
min-height:150px;
margin:0px;
padding:10px;
}

.dashboardcardmini{
background-color: #fff;
box-shadow: 0px 0px 10px 0px  #ddd;
min-height:100px;
margin:0px;
padding:10px;
}
.fixeddown{
	position: absolute;
	bottom: 0px;
}

.thickh4{
	font-weight: 100;
	font-size: 24px;
	color:#000;
}

.maindashboardcard strong{
font-size: 13px;
color:#333;
font-weight: 300;
}

.dashboardcard strong{
font-size: 18px;
color:#333;
font-weight: 300;
}

.bg-inactive-yellow{
  background-color:#ffff30;
  margin:1px;
  color: #000;
}

.bg-inactive-card{
  background-color:#a30580;
  margin:1px;
  color: #fff;
}
.bg-inactive-bank{
  background-color:#2800ef;
  margin:1px;
  color: #fff;
}
.nodashboardcard{
background-color: #fff;
height:150px;
margin:0px;
text-align: center;
padding:0px;
}

.nodashboardcard strong{
font-size: 18px;
color:#555;
font-weight: 300;
}

/*end of expiry */
.label-success{
	background-color: #22bb33;
	margin:1px;
}
.label-warning{
	background-color: #bb8833;
	margin:1px;
}
.label-info{
	background-color: #ff8800;
	margin: 1px;
}
.ui-icon {
	display: inline-block;
	height: 1em;
	text-align: center;
	background: transparent!important;
}
.moneytext{
	font-size: 16px;
	font-weight: 500;
	color:#2E3090;
}

.anice{
	text-decoration: none;
	cursor:pointer;
	font-weight: 600;
	color: #2050a0;

}
#tablepoc tr{
}

#searchposbox .select2-container .select2-choice{
height:60px;
}

#searchposbox .select2-chosen, #searchposbox.select2-choice > span:first-child,#searchposbox .select2-container .select2-choices .select2-search-field input {
padding: 19px 12px;
font-size: 16px;
}

#searchposbox .select2-container .select2-choice .select2-arrow {
top: 0%;
padding-top:15px;
}

#searchposbox .select2-search input {
    min-height: 46px;
    padding: 4px 20px 4px 5px;
    background: url(select2.png) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
    color: #2050c0;
    font-size: 18px;

}

#searchposbox .select2-results {
max-height: 400px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}



.Even{
background-color:#ff8800;
color:#fff;
width:176px;
height:176px;
font-size: 26px;
float:left;
box-shadow: 0px 2px 1px #000;
margin:3px;
}

#searchposbox .ui-select-dropdown.select2-drop-active { opacity: 1 !important; }


.lgFont{
font-size: 13px;
font-weight: 500;
}

.lgFontBold{
font-size: 15px;
font-weight: 700;
color:#000;
}
.Evens{
background-color:#000;
color:#fff;
width:176px;
height:176px;
float:left;
font-size: 36px;
float:left;
box-shadow: 0px 2px 1px #000;
margin:3px;
}

@keyframes my_animation {
from {
max-height: 90px;
opacity: 1;
left: 0;
}
to {
max-height: 0;
opacity: 0;
left: -50px;
}
}


#full-screen{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:100000;
background:url('../../assets/images/order-back.jpg')
}

.repeated-item.ng-enter.ng-enter-active {
max-height: 90px;
opacity: 1;
left: 0;
}

.repeated-item.ng-leave {
-webkit-animation:0.5s my_animation;
-moz-animation:0.5s my_animation;
-o-animation:0.5s my_animation;
animation:0.5s my_animation;
}
.repeated-item.ng-enter {
-webkit-transition:0.5s linear all;
-moz-transition:0.5s linear all;
-o-transition:0.5s linear all;
transition:0.5s linear all;
max-height: 0;
opacity: 0;
left: -50px;
}


#full-screen .panel{


}
.orderul{
margin:0px;
float:left;
padding:0px;
}

.orderul li a {
color:#fff;
font-size:70px;
margin:30px auto;
width:auto;
text-align: center;
width:100%;
font-weight: 600;
text-shadow:0px 2px 1px #000;
float:left;


}
.orderul li{
text-align:center;
text-decoration: none;
box-shadow: 0px 2px 1px 0px #ccc;
list-style: none;
}
.Odd{
background-color:#079dbf;
color:#fff;
width:176px;
height:176px;
font-size: 26px;
float:left;
box-shadow: 0px 2px 1px #000;
float:left;
margin:3px;
}

.Odds{
background-color:#4CAF50;
color:#fff;
width:176px;
height:176px;
font-size: 26px;
box-shadow: 0px 2px 1px #000;
float:left;
margin:3px;
}

.smallimgs{
float:left;
width:auto;
margin:10px;
height:80px;

}
.input-date{
border:solid 1px #ddd;
background-color:#fff;
font-size:0.9em;
font-weight:400;
color:#000;
padding:5px 10px 5px 10px;
height:30px
}
.discountbox{
padding: 10px;
background-color: #fff;
margin:5px 0px 50px 0px;
box-shadow: 1px 0px 2px 0px #ccc;
border-bottom: solid 3px #2E3090;
}

.selectedoverlay{
background-color: #20ff20;
opacity: 0.2;
width:100%;
height:200px;
position: absolute;
z-index:100;
top:5px;
}

.bg-danger{
background-color: #ee0000;
}
.bg-success{
background-color: #009900;
margin:1px;
}


.bg-success-light{
background-color:#cdf4cd;
margin:1px;
}
.bg-warning-light{
background-color:#f2e08e;
margin:1px;
}

.bg-inactive-light{
background-color:#f2dab3;
margin:1px;
}
.bg-archived-light{
background-color:#ddd;
margin:1px;
}


.bg-deleted-light{
background-color:#ffbcc8;
margin:1px;
}


.bg-primary-light{
background-color: #cdcdf4;
margin:1px;
}
.bg-auto-light{
background-color: #ff9020;
margin:1px;
}


.boxshape{
padding:5px;
height:20px;
color:#555;
font-weight: 400;
min-width:50px;
}

.animate-hide {
-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
-moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
-o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s;
line-height:20px;
opacity:1;
}
.animate-hide.ng-hide {
line-height:0;
opacity:0;
padding:0 0px;
}

.daterangepicker .calendar-time {
min-width:300px;
float:left;
}

.fixedpaypoint{
position:fixed;right:30px;width:270px;z-index:5;background-color:#e4f1f4;height:100%;top:75px;;
}

.paypoint{
position:absolute;right:0px;width:275px;z-index:5;background-color:#e4f1f4;height:100%;top:0px;
}
.boxed:hover{
cursor: pointer;
background-color: #f5f5f5;
}
.selectedbox{
background-color:#edf4fd;
}
.label-default{
background-color: #888;
}

.label-deleted{
background-color: #ee0000;
}
.width10{
width:3%;
}
.bg-success-light{
background-color:#cdf4cd;
margin:1px;
}

.bg-inactive-light{
background-color:#f2dab3;
margin:1px;
}
.bg-archived-light{
background-color:#ddd;
margin:1px;
}

.text-white{
color:#fff;
padding:10px;
text-shadow:0px 1px 0px #888;
font-size: 20px;
}

.bg-deleted-light{
background-color:#ffbcc8;
margin:1px;
}

.bg-primary{
background-color: #2244aa;
margin:1px;
}
.bg-primary-light{
background-color: #cdcdf4;
margin:1px;
}
.bg-auto-light{
background-color: #ff9020;
margin:1px;
}

.daylarge{
font-size:40px;
color:#222;
font-weight: 200;
}

.yearlarge{
font-size:25px;
color:#555;
width:100%;
font-weight: 600;
}

.monthlarge{
font-size:25px;
color:#888;
width:100%;
font-weight: 300;
}

/*clock*/

.left p {
font-family: Baskerville, 'Book Antiqua', Georgia;
}

.daterangepicker.dropdown-menu{
margin-right: 50px;
}

.left, .right {
float: left;
/*width: 50%;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.daterangepicker .dropdown-menu .single .opensright .show-calendar
{
right:50px;
}

.customerbox{
background-color: transparent;
padding:0px;
float: left;
margin-bottom: 10px;
}

#formbox .wrapid{
border:solid 1px #ddd;
box-shadow: 0px 2px 1px 0px #ddd;
padding:0px 5px 0px 5px;
background-color: #fff;
font-weight: 500;
font-size: 14px;
}
.owing{
background-color: #f7a0a0;
color:#000;
}

.link :hover{
background-color: #eee;
}



.modal-width-80{
margin:5% auto;
width:80%;
}

#purchaseAdd .bordered{
border:solid 1px #eee;
padding:5px 10px 0px 10px;
font-weight: 500;
}

.modal-width-90{
margin:2% auto;
width:90%;
}
.card{
box-shadow: 0px 1px 2px 1px #ddd;
margin-top:20px;
margin-left:0px;
height:150px;
padding:10px;
text-decoration: none;
float:left;
width:100%;
}
.card:hover{
background-color: #eee;
text-decoration: none;
}

.imgsmall{
width:80px;
max-height:110px;
padding:5px;
margin:5px;
}
#summaries .list-group-item{
padding:5px 10px 5px 10px;
margin:0px;
border:none;
border-bottom: solid 1px #eee;

}
#summaries .list-group-item h5{
font-size: 1.2em;
}

#summaries .list-group-item .money{
color:#000;
font-weight: normal;
font-size: 1.1em;
}
.moneypill{
width:100%;
padding:10px;
font-size: 1.8em;
text-align: center;
display: block;
margin-bottom: 10px;
color:#fff;
background-color: #4CAF50;
}
.store{
color:#ccc;
}
.filterBox{
min-width:300px;
padding:10px;
z-index: 1000;
background-color: #fff;
}

.moneypillp{
width:100%;
padding:5px;
font-size: 1.2em;
text-align: right;
display: block;
font-weight: normal;
margin-bottom: 10px;
color:#333;
background-color: #fff;
}
.moneypillb{
width:100%;
padding:5px;
font-size: 1.2em;
text-align: right;
display: block;
font-weight: bold;
margin-bottom: 10px;
color:#333;
background-color: #fff;
}
.footernew{
width:100%;
height:50px;
background-color: #333;
position:fixed;
bottom: 0px;
left:0px;
right:0px;
float:left;
z-index: 10;
}
body{
zoom: 85%;
}
.nopadding{
margin:0px;
padding:0px;
}
.pmainh6{
font-weight:400;
color:#2E3090;
margin-left:5px;
/*float:left;*/
font-size: 1.0em;
margin-top:5px;
}

/* order list items */
.order-list-items
{
list-style:  none;
margin:0px;
padding:0px;
min-height: 200px;
}

.order-list-items li
{
padding:10px;
font-weight: 400;
border:solid 1px #eee;
}

.order-list-items li strong{
font-size: 15px;
}

.ready{
text-decoration: strike-through;
}
.order-list-items li span{
font-size: 16px;
float: right;
font-weight: bold;
}



/* end of order list items */

.smalldatetime{
color:#2E3090;
}
.paymenth5{
font-weight: 300;
color:#2E3090;
font-size: 1.2em;
letter-spacing: 1px;
text-align: center;
background-color: #fff;
box-shadow: 0px 1px 1px 0px #ddd;
padding:10px;
margin-top: 10px;
text-shadow:0px 1px 0px #fff;
}

.text-orange{
color:#F34C1D;
}

.phone_number{
color:#F34C1D;
font-size: 14px;
text-align: left;
}
.darkhead{
background-color: #ddd;

}
.modal-xlg{
width:85%;
}
.cntgetnotfied{
background-color:#ffffee;
}
.bg-warning{
background-color: #ddd;
}
.darkhead th{
font-weight: bolder;
}
.alignright{
text-align:right;margin-right:10px;
}
.left {
/*padding-right: 1em;*/
}

.left p {
font-size: 1.4em;
}

/*.right {
padding-left: 1em;
}*/

#example p {
margin: 1em 0 0 0;
}

#topMenu li a{
min-width:60px;
width:auto;
height: 100px;
color: #ccc;
padding:5px 5px;
font-size:10px;
font-weight: 700;
/*height:100%;*/
cursor: pointer;
box-shadow: 0px 1px 10px -1px #eee;
}

#topMenu li a:hover{
/*min-width:100px;*/
width:auto;
/*font-size:13px;*/
color:#000;
font-weight: 500;
/*height:100%;*/
cursor: pointer;
/*box-shadow: 0px 1px 10px -1px #eee;*/
}
.active-tab-topmenu{
  /*min-width:100px;*/
  width:auto;
  /*font-size:13px;*/
  color:#000;
  font-weight: 600;
  background-color: #778;
  /*height:100%;*/
  cursor: pointer;
  border-top-right-radius: 4px;
  /*box-shadow: 0px 1px 10px -1px #eee;*/
  }

#topMenu li img{
height:32px;
margin:1px 2px 0px 2px;
}
#topMenu li:hover{
background-color: #aaa;
color:#000;
}
#topMenu{
padding:0px;
margin-top:5px;
}

.time {
font-family: 'Voltaire';
font-size: 1.4em;
margin: 0;
color:#fff;
}


.square {
position: relative;
width: 50%;
height: 0;
margin-top:5% ;
margin-right:auto;
margin-bottom: 2% ;
margin-left:auto;
padding-bottom: 30%;
}

.square svg {
position: absolute;
width: 100%;
height: 100%;
}

.clock-face {
stroke: #333;
fill: white;
}

.minor {
stroke: #999;
stroke-width: 0.5;
}

.major {
stroke: #333;
stroke-width: 1;
}

.hour {
stroke: #333;
}

.minute {
stroke: #666;
}

.second, .second-counterweight {
stroke: rgb(180,0,0);
}

.second-counterweight {
stroke-width: 3;
}


/*end of close */



.bigbg{
position:absolute;
top:0px;
width:100%;
height:100%;
background:url('../../assets/images/bg.jpg') no-repeat #ddd;
z-index:-1;
}
.subnavbox{
list-style: none;
width:100%;
height:100%;
font-variant: inherit;
margin: 0px;
padding: 0px;
}
#datebox table td{
padding: 5px;
}
#datebox table th{
padding:10px;
}
#datebox table td button{
padding: 10px;
}
#datebox table {
min-width: 400px
}
.mainpostitle{
color:#2E3090;
font-weight: 300;
}
.titlepos{
font-size:1.3em;
font-weight: normal;
color:#333x;
}
.darkhead{
background-color: #eee;
box-shadow: 0px 0px 2px 0px #aaa;
padding:10px 10px 10px 10px;
color:#444;
}
.list-group{
color:#aaa;
}

.bgtextwhite .list-group-item-text{
color:#222;
}

.whitebg{
background-color: #fff;
padding:0px 10px 10px 10px;
}
.mainh6{
font-weight: bold;
color:#555;
font-size: 1.2em;
}
.img64{
width:64px;
height:auto;
max-height: 64px;
}
.table > tr > td{
padding: 200px;
}
.moneyh5{

font-weight: bold;
font-size: 1.2em;
}
.wellwrap{
border:solid 1px #ddd;
padding:10px;
background-color: #fff;
margin-bottom: 10px;
}
.borderleft{
border-left:solid 2px #ddd;
padding:10px
}

.striked{
text-decoration: line-through;
color:#ff8800;
}

.headDate{
font-size: 1.2em;
font-weight: normal;

}

.img-thumbnailcustom{
min-height: 200px;
width:100%;
max-height: 200px;
cursor: pointer;

}
.wellwrap .img{
width:96px;
height:96px;
padding:4px;
background-color: #fff;
margin:0px 5px 0px 0px;
}

.boxed{
box-shadow: 0px 2px 1px 0px #ddd;
}
.writingmedium{
color:#222;
font-size: 13px;
font-weight: 400;
}
.loading{
width:100%;
height:50px;
padding:5px 10px 5px 10px;
color:#44aa22;
font-weight: bold;
font-size: 1.3em;
}
.datebox{
border:solid 1px #777;
}
.clickablerow:hover{
background-color: #eee;
border-left:solid 5px #020202;
cursor: pointer;
}
.angular-google-map-container { height: 700px; }
.searchresponse{
min-height: 50px;
width:100%;
position: absolute;
z-index:100;
}
.subnavbox li{
width:100%;
}
.icon-bar {
background-color: #fff;
}

.underline{
text-decoration: underline;
}
.img-circle{
height:160px;

}
.writing{
color:#333;
font-size:1.5em;
line-height: 1.3em;
}
.writingsmall{
color:#333;
font-size:13px;
line-height: 12px;
}
.activetab{
background-color: #fff;
color:#333;
font-weight: bold;
border-left:solid  4px #333;
}
.activetabdark{
background-color: #444;
color:#fff;
font-weight: bold;

}
.bottomfixed{
}

.titleh3{
font-size:1.5em;
color:#000;
font-weight: normal;
text-shadow:0px 2px 1px #fff;
}
.h3small{
font-size: 1.4em;
margin-top:0px;
font-weight:normal;
}
.rounded{
width:100px;
height:100px;
border-radius: 50px;
text-align: center;
padding-top: 15px;
vertical-align: center;
color:#fff;
font-weight: bold;
margin:auto;
}
.padded{
padding:20px;
margin-top:10px;
}
.sliding-steps main .well {
min-height: 500px;
}
.sliding-steps .form-step.ng-enter, .sliding-steps .form-step.ng-leave {
-webkit-transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}
.sliding-steps .step-forward .form-step.ng-enter {
transform: translateX(100%);
}
.sliding-steps .step-forward .form-step.ng-enter.ng-enter-active {
transform: translateX(0);
}
.sliding-steps .step-forward .form-step.ng-leave {
/*transform: translateX(100%);*/
}
.sliding-steps .step-forward .form-step.ng-leave.ng-leave-active {
transform: translateX(-100%);
}

.sliding-steps .step-backward .form-step.ng-enter {
transform: translateX(-100%);
}
.sliding-steps .step-backward .form-step.ng-enter.ng-enter-active {
transform: translateX(0);
}
.sliding-steps .step-backward .form-step.ng-leave {
/*transform: translateX(100%);*/
}
.sliding-steps .step-backward .form-step.ng-leave.ng-leave-active {
transform: translateX(100%);
}

.control-label{
color:#333;
font-size:1.2em;
}

.titlepaper{
color:#E57373;
}
.subnavbox li a{

width:100%;
height:100%;
border-top:solid 1px #fff;
padding:18px;
color:#333;
font-size: 1.2em;
border-left:solid  4px #4aafff;
border-right:solid 1px #f3f3f3;
text-decoration: none;
font-weight: normal;
float: left;

}
.listmenu{
list-style: none;

}
.letter {
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
margin: 10px 0px 0px 5px;
padding: 16px;
position: relative;
background-color: #fefefe;
min-height:200px;
}
#searchboxmini:focus{

-webkit-appearance: none;
-webkit-box-shadow: none;
box-shadow:none;
}
#searchboxmini{
width:90%;
border:none;
height:56px;
margin:10px 5% 0px 5%;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow: none;
padding:10px;


}
.bg-default{
background-color:#eee;
box-shadow: 0px 2px 1px #aaa;
padding:20px;
}
.pointercursor{
cursor: pointer;
}
.lbldark{
color:#444;
font-size:1.2em;
}
.lbldarksm{
font-size: 0.9em;
color:#555;
}
.timeago{
color:#aaa;
font-size: 1.0em;
}

.ruler{
border:solid 1px #f3f3f3;

}
.subnavbox li a:hover{
border-left:solid  4px #333;
background-color: #fff;


}
.image-thumb{
height:240px;
float:left;
margin-left: 10px;
padding:4px;
margin-top: 20px;
border:solid 1px #ccc;
background-color:#fff;

}
.image-thumb-rectangle-no-border{
height:220px;
margin-left: 30px;
padding:4px;
margin-top: 0px;
background-color:#fff;
max-width:250px;
}
.image-thumb-rectangle{
height:350px;
float:left;
margin-left: 10px;
padding:4px;
margin-top: 20px;
border:solid 1px #ccc;
background-color:#fff;
}
.notificationbox{
min-width:270px;


}
.notificationbox strong{
font-weight: bold;
color:#333;
}
.notificationbox a{
text-decoration: none;
color:#333;
padding:10px;
width:100%;
float:left;
}


.notificationbox i{
color:#bbb;
font-size: 0.8em;

}
.notificationbox a:hover{
background-color: #eee;
color: #333;
}
.image-thumb-small{
height:24px;
background-color:#fff;
}
.image-thumb-middle{
height:50px;
float:left;
padding:1px;
border:solid 1px #ccc;
background-color:#fff;
}
.image-thumb-middle-force{
height:50px;
width:50px;
float:left;
padding:1px;
border:solid 1px #ccc;
background-color:#fff;
}
.image-thumb-card{
width:164px;
float:left;
padding:4px;
margin:0px  20px;
border:solid 1px #ccc;
background-color:#fff;
}
.image-thumb-mini{
height:100px;
float:left;
padding:4px;
margin:0px  20px;
border:solid 1px #ccc;
background-color:#fff;

}






.opacitywrap{
left:10%;
width:80%;
top:20%;
min-height:380px;
position:absolute;
padding:20px;
}

.wraplayout{
left:10%;
top:20%;
background-color:#000;
opacity:0.4;width:80%;
min-height:380px;
position:absolute;
}
.footer{
position: fixed;
height:50px;
background-color: #fff;
width: 100%;
padding: 0px;
bottom:0;
left: 0;
}
.copyright{
color:#222;
font-size: 1.1em;
margin: 15px 10px 10px 10px;
float: left;

}
.appsol{
color:#000;
font-size: 1.1em;
margin: 15px 10px 10px 10px;
}
.appsol b{
color:#4aafff;
font-weight: bold;
}
.image-logo{
height:auto;
width:80px;
margin:10px;
background-color: #fff
}
.loginTitle{
font-size: 1.8em;
color:#fff;
padding:0px 10px 5px 10px;
text-align: center;
font-family: tahoma;
line-height: 1.2em;
text-shadow:1px 0px 0px #ddd;
}
.light{
opacity: 0.5;
}
.appname{
font-family:roboto;
letter-spacing:0.02em;
font-weight:normal;
text-shadow:0px 0px 1px #000;
font-size: 14px;
max-width:280px;
margin-top:4px;
margin-left: 10px;
float:left;

}
.smalllogo{
height:48px;
width:auto;
margin:0px;
float:left;
}
.appname i{
font-size:0.9em;
font-style: normal;
line-height: 0.6em;
color:#ddd;
}



@media (max-width: 767px) {
.opacitywrapsmall{
margin: 5%;
width:90%;
top:2%;
min-height:450px;
position:absolute;
padding:20px;
box-shadow:-2px 5px 5px 0px #444;
}

}

@media (max-width: 400px) {
.opacitywrapsmall{
margin: 5%;
width:90%;
top:10%;
min-height:400px;
position: absolute;
padding: 10px;
box-shadow:-2px 5px 5px 0px #444;
}

}

@media (min-width: 767px){
	.opacitywrapsmall{
left:33.3%;
width:35%;
top:7%;
min-height:450px;
position:absolute;
padding:20px;
box-shadow:-2px 5px 5px 0px #444;
}

}


.opacitywrapsmall:hover{
opacity: 1;
}
.darklabel{
color:#333;
font-size: 1.2em;

}
.searchbox{
margin-top: 10px;
}
.wraplayoutsmall{
left:30%;
top:20%;
background-color:#000;
opacity:0.6;width:40%;
min-height:400px;
position:absolute;
}
.msglight{
color:#fff;
font-size:1.3em;
}
label{
color:#fff;
font-size:1.4em;
}
.h2captionsmall{
color:#fff;
font-size:0.7em;
text-shadow:0px 2px 1px #000;
}
.h2forhome{
color:#fff;
margin:2%;
}
.login_form{
color:#eee;
height:100px;
padding:35px 10px;
}

/* portal */

.darkbg{
background-color:#fff;
}
.questionol{
width:100%;
float:left;
margin-top:16px;
}
.centered{
text-align:center;
}
.questionnav{
height:50px;
display:block;background-color:#90CAF9;
border-bottom:solid 1px #ccc;
}
.alphabeltlist{
list-style-type:upper-alpha;
}
.searchnav{
background-color:#E3F2FD;
height:100%;
min-height: 500px
}
.searchnavpact{
background-color:#eee;
height:100%;
min-height: 500px;
margin-top:0px;
padding:0px;
float:left;
}
.searchnav label{
color:#333;
font-size:1.1em;
line-height:0.8em;
}
.responsebox{

}
.paper-head{
border:solid 1px #efefef;
margin:0px;
margin-top:10px;

}
.shadowed{

background-color:#fff;
padding:0px;
overflow-y: auto;
overflow-x: hidden;
min-height:750px;
height: auto;
}
.navigationleft{
background-color:#000;
height:100%;
position:fixed;
padding:0px;
}
[angular-ripple] {
position: relative;
overflow: hidden;
}
.angular-ripple {
display: block;
position: absolute;
background-color: rgba(255,255,255,0.6);
border-radius: 50%;
transform: scale(0);
}
.angular-ripple.animate {
animation: ripple 0.35s linear;
}
@keyframes ripple {
100% {
opacity: 0;
transform: scale(2.5);
}
}
.navigate{
list-style:none;
margin:0px;
padding: 0px;
z-index: 100;
position: relative;
display: block;
}
#leftnavigation .panel-body{
padding:0px;
}
.navigate li{
width:100%;
margin:0px;
padding: 0px;
}
.navigate li a{
padding:10px 10px 10px 30px;
width:100%;
cursor: pointer;
float: left;
z-index: 100;
position: relative;
color:#fff;
background-color: #888;
border-bottom: solid 1px #999;
text-decoration: none;
font-size: 0.9em;
font-weight: 300;

}
.navigate li a:hover{
background-color: #667;
}

#profileaccord .panel-group .panel{
background-color:#f8f8f8;
margin:0px;

}
.nav>li>a {
position: relative;
display: block;
padding: 20px 5px 20px 5px;
}
#profileaccord .panel-group .panel .panel-heading{

height: auto;
overflow: auto;
width:100%;
padding:0px;
margin: 0px;
border-top: solid 1px #eee;
}
.borderleft{
background-color: #f6f6fa;
min-height: 500px;
margin-top: 0px
}
#profileaccord .panel-group .panel .panel-title  a{
padding:20px;
width:100%;
float:left;
color:#2E30c0;
text-decoration: none;
font-size:0.9em;
font-weight: 600;
height:50px;
}
#configaccord .panel-group .panel .panel-title  a{
padding:20px;
width:100%;
float:left;
color:#2E3090;
text-decoration: none;
font-size:0.9em;
cursor: pointer;
font-weight: 300;
font-style: capitalize;
}

#configaccord .panel-group .panel .panel-heading{

height: auto;
overflow: auto;
width:100%;
padding:0px;
margin: 0px;
border-top: solid 1px #eee;
}
#profileaccord .panel-group .panel .panel-title  a:hover{
background-color:#8689e8;
font-weight: bolder;
color:#fff;
}

.activetabdark{
font-weight: 600;
color:#E40A5D;
width:100%;
background-color: transparent;
}

.cursorlink{
cursor: pointer;
}


.wrappedNeat{
background-color: #f9f9f9;
box-shadow: 0px 1px 2px 1px #bbb;
margin-left: 0px;
padding:10px;
height:auto;
overflow: auto;
}

/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid white;
position: absolute;
top: 50%;
margin-top: -17px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid rgb(173, 173, 173);
position: absolute;
top: 50%;
margin-top: -17px;
margin-left: 1px;
left: 100%;
z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
border-left: 10px solid #269abc;
}
/* end of portal */

/* COMMON PRICING STYLES */
.panel.price,
.panel.price>.panel-heading{
border-radius:0px;
-moz-transition: all .3s ease;
-o-transition:  all .3s ease;
-webkit-transition:  all .3s ease;
}
.panel.price:hover{
box-shadow: 0px 0px 30px rgba(0,0,0, .2);
}
.panel.price:hover>.panel-heading{
box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
}


.panel.price>.panel-heading{
box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
text-shadow:0px 3px 0px rgba(50,50,50, .6);
}

.price .list-group-item{
border-bottom-:1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}

.price .panel-footer {
color: #fff;
border-bottom:0px;
background-color:  rgba(0,0,0, .1);
box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}


.panel.price .btn{
box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
border:0px;
}

/* green panel */


.price.panel-green>.panel-heading {
color: #fff;
background-color: #57AC57;
border-color: #71DF71;
border-bottom: 1px solid #71DF71;
}


.price.panel-green>.panel-body {
color: #fff;
background-color: #65C965;
}


.price.panel-green>.panel-body .lead{
text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-green .list-group-item {
color: #333;
background-color: rgba(50,50,50, .01);
font-weight:600;
text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* blue panel */


.price.panel-blue>.panel-heading {
color: #fff;
background-color: #608BB4;
border-color: #78AEE1;
border-bottom: 1px solid #78AEE1;
}


.price.panel-blue>.panel-body {
color: #fff;
background-color: #73A3D4;
}


.price.panel-blue>.panel-body .lead{
text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-blue .list-group-item {
color: #333;
background-color: rgba(50,50,50, .01);
font-weight:600;
text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red price */


.price.panel-red>.panel-heading {
color: #fff;
background-color: #D04E50;
border-color: #FF6062;
border-bottom: 1px solid #FF6062;
}


.price.panel-red>.panel-body {
color: #fff;
background-color: #EF5A5C;
}




.price.panel-red>.panel-body .lead{
text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-red .list-group-item {
color: #333;
background-color: rgba(50,50,50, .01);
font-weight:600;
text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey price */


.price.panel-grey>.panel-heading {
color: #fff;
background-color: #6D6D6D;
border-color: #B7B7B7;
border-bottom: 1px solid #B7B7B7;
}


.price.panel-grey>.panel-body {
color: #fff;
background-color: #808080;
}



.price.panel-grey>.panel-body .lead{
text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-grey .list-group-item {
color: #333;
background-color: rgba(50,50,50, .01);
font-weight:600;
text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* white price */


.price.panel-white>.panel-heading {
color: #333;
background-color: #f9f9f9;
border-color: #ccc;
border-bottom: 1px solid #ccc;
text-shadow: 0px 2px 0px rgba(250,250,250, .7);
}

.panel.panel-white.price:hover>.panel-heading{
box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}

.price.panel-white>.panel-body {
color: #fff;
background-color: #dfdfdf;
}

.price.panel-white>.panel-body .lead{
text-shadow: 0px 2px 0px rgba(250,250,250, .8);
color:#666;
}

.price:hover.panel-white>.panel-body .lead{
text-shadow: 0px 2px 0px rgba(250,250,250, .9);
color:#333;
}

.price.panel-white .list-group-item {
color: #333;
background-color: rgba(50,50,50, .01);
font-weight:600;
text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}



#pickupaccord .panel-group .panel{
background-color:#f8f8f8;
margin:0px;

}
#pickupaccord .panel-group .panel .panel-heading{
background-color:#fff;
height: auto;
overflow: auto;
width:100%;
padding:0px;
margin: 0px;
}

#pickupaccord .panel-group .panel .panel-title  a{
padding:20px;
width:100%;
float:left;
color:#444;
text-decoration: none;
font-size:1.0em;
font-weight: normal;
height:60px;
}
#pickupaccord .panel-group .panel .panel-title  a:hover{
background-color:#eee;
font-weight: bolder;
}

/* delivery schedule accordion */


#delivery_scheduleaccord .panel-group .panel{
  background-color:#f8f8f8;
  margin:0px;

  }
  #delivery_scheduleaccord .panel-group .panel .panel-heading{
  background-color:#fff;
  height: auto;
  overflow: auto;
  width:100%;
  padding:0px;
  margin: 0px;
  }

  #delivery_scheduleaccord .panel-group .panel .panel-title  a{
  padding:20px;
  width:100%;
  float:left;
  color:#444;
  text-decoration: none;
  font-size:1.0em;
  font-weight: normal;
  height:60px;
  }
  #delivery_scheduleaccord .panel-group .panel .panel-title  a:hover{
  background-color:#eee;
  font-weight: bolder;
  }


/* end of delivery schedule accord */
.topmenu li a{
color: #fff;
}
#topMenu li a{
min-width:70px;
width:auto;
height: 64px;
padding:5px 4px;
text-shadow: 0px 1px 1px #000;
text-align: center;
font-size:10px;
font-weight: 300;
/*height:100%;*/
cursor: pointer;
border-top: 2px solid #777;
border-top-right-radius: 4px;
box-shadow: 0px 2px 2px -1px #000;
}