/* Empty. Add your own CSS if you like */

.menu-icon-circle {
    border: 3px solid #fff;
    border-radius: 80px;
    color: #fff;
    display: inline-block;
    height: 80px;
    line-height: 70px;
    margin: 10px auto 0;
    padding-top: 11px;
    text-align: center;
    vertical-align: bottom;
    width: 80px;
}

.menu-icon-circle i{
    font-size: 38px;
    text-shadow: 2px 2px 2px #111;
}



.menu-icon-circle2 {
    border: 3px solid #71afd7;
    border-radius: 80px;
    color: #fff;
    display: inline-block;
    height: 80px;
    line-height: 70px;
    margin: 10px auto 0;
    padding-top: 11px;
    text-align: center;
    vertical-align: bottom;
    width: 80px;
}

.menu-icon-circle2 i{
    font-size: 38px;
    text-shadow: 2px 2px 2px #111;
}

.txtcolorw{
	color:#fff;
}

.bgspecial{

background: rgb(54,41,109); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(54,41,109,1) 0%, rgba(23,98,147,1) 41%, rgba(23,98,147,1) 57%, rgba(54,41,109,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(54,41,109,1) 0%,rgba(23,98,147,1) 41%,rgba(23,98,147,1) 57%,rgba(54,41,109,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(54,41,109,1) 0%,rgba(23,98,147,1) 41%,rgba(23,98,147,1) 57%,rgba(54,41,109,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36296d', endColorstr='#36296d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.overlay{
    font-size: 50px !important;
    left: -10px;
    position: relative;
    z-index: 0;
	top: 2px;
}

.overlay2{
    font-size: 30px !important;
    left: 23px;
    position: relative;
    top: -6px;
	z-index: 1;
}

.overlay3{
    font-size: 23px !important;
    left: -3px;
    position: relative;
    top: -18px;
}

.overlay4{
    left: 9px;
    position: relative;
    top: -1px;
    z-index: 0;
}

.overlay5{
    font-size: 23px !important;
    left: -13px;
    position: relative;
    top: -2px;
}

.overlay6{
    font-size: 25px !important;
    left: 30px;
    position: relative;
    top: -15px;
    z-index: 0;
}

.overlay7{
    font-size: 30px !important;
    left: -20px;
    position: relative;
    top: 2px;
}


.overlay8{
    font-size: 43px !important;
    left: 12px;
    position: relative;
    top: 2px;
    z-index: 0;
}

.overlay9{
    font-size: 20px !important;
    left: -12px;
    position: relative;
    top: 5px;
}

.overlay10{
    font-size: 30px !important;
    left: 25px;
    position: relative;
    top: -10px;
}

.overlay11{
    font-size: 26px !important;
    left: -30px;
    position: relative;
    top: 2px;
}

.overlay12{
    font-size: 30px !important;
    left: 20px;
    position: relative;
    top: -10px;
}

.overlay13{
    font-size: 35px !important;
    left: 20px;
    position: relative;
    top: -5px;
    transform: rotate(-45deg);
}

.overlay14{
    font-size: 25px !important;
    left: -30px;
    position: relative;
    top: 5px;
}

.overlay15{
    font-size: 30px !important;
    left: 18px;
    position: relative;
    top: -10px;
    z-index: 0;
}

.overlay16{
    font-size: 35px !important;
    left: 15px;
    position: relative;
    top: -10px;
}

.overlay17 {
    font-size: 25px !important;
    left: -40px;
    position: relative;
    top: 5px;
}

.overlay18{
    font-size: 23px !important;
    left: -14px;
    position: relative;
    top: 4px;
    z-index: 0;
}

.overlay19 {
    font-size: 45px !important;
    left: 14px;
    position: relative;
    top: -6px;
	z-index: 1;
}

.overlay20{
    left: -21px;
    position: relative;
    bottom: 110px;
    z-index: 0;
    background-color: #FFEB3B;
    color: #000;
    width: 30px;
    height: 30px;
    line-height: 29px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
}

.smallcircle {
    background-color: yellow;
	border-radius: 50%;
	padding: 10px;
    width: 40px;
    height: 40px;
	text-align: center;
    vertical-align: middle;
    font-weight: bold;
}



.big-icon-circle {
	margin:40px auto; margin-bottom:0px; width:160px; height:160px; border-radius:160px; background-color:#dedede; color:#fff; padding-top:32px;
}

.big-icon {
	margin:40px auto; font-size:100px;
}

.menu-icon {
	font-size:50px;
}

.home_menu a { 
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.home_menu .homemenu_text {
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    padding-top: 5px;
    text-align: center;
    text-transform: capitalize;
    width: 100px;
	letter-spacing: 0.3px;
	}


.registerForm, .loginForm, .shopForm {
   transition:all linear 0.5s;
   border: transparent;
 }
.registerForm input.ng-invalid, .loginForm input.ng-invalid, .shopForm input.ng-invalid {
   border: red 1px solid;
 } 
 .registerForm input.ng-valid, .loginForm input.ng-valid, .shopForm input.ng-valid {
   border: transparent;
 } 

 .done-text { text-align: center; padding: 0px 40px; }

 #map {
  width: 100%;
  height: 100%;
}

.scroll {
  height: 100%;
}

.cartqty { font-size: 1.2em; }
.redfont {color:#ff0000;}

.grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.product_item { background-color: rgb(250,250,250);}
.product_item_mark { background-color: #ff0000; }
.red { color:#ff0000;}
.legend {background-color: #dedede;}
.total {background-color: #f1f1f1;}

.addButton{
    width:100%;
    float: right;
    font-size: 17px;
    font-weight: 600;
}

.addButton a{
    text-decoration: none;
    border: 1px solid;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    margin-left: 3px;
    color: #000;
}

.addButton a.blue{
  float:right;
    color:#2196f3
}

.addButton a.red{
    float:left;
    color:#e91e63
}

.cbar-subheader{
  height: 92px !important;
}
.chas-subheader{
  top: 150px !important;
}

.msg_unread {
  background-color: #dedede;
}
.invoice {color:#0000ff;}
.paid_incompleted { background-color: #ff0000;}
.paidAmount { color:#00ff00;}
.unpaidAmount { color:#ff0000;}
.paid {color:#FF7400;}
.below50 { background-color: #F4FE00;}
.lateForService { background-color: #ff0000;}
.lateForDelivery { background-color: #E4D0DB;}
.salesmanMarked { background-color: #dedede;}
.aboveZero {background-color: #ff0000;}
.nopayment {background-color: #dedede;}
.border {border:1px #ccc solid;}
.full_payment { background-color: #FFFFAA}
.partial {color:#ff0000;}
.thisround {font-weight: bold; background-color:#dedede;}
.smaller { font-size: 0.5em;}
.yellow {background-color:#FFFF29;}

table th {background-color:lightgrey;}

table {border: solid 1px grey;}
table th {border: solid 1px grey;
    border-bottom-style: none;
    border-right-style: none; padding:5px;}
table th:last-child {border-right: solid 1px grey;}
table td {border: solid 1px grey;
	color: #000;
    border-bottom-style: none;
    border-right-style: none; padding:5px; text-align:center;
    background-color: #fff;
}
table td:last-child {border-right: solid 1px grey;}
table a {text-decoration: none;}

.button.button-positive {
  border-color:#9f3224;
  background-color:#e81b23;
}
.bar.bar-stable {
  border-color:#9f3224;
  background-color:#e81b23;
  color:#fff;
}

.bar.bar-stable .title {  
  color:#fff;
}

.bar-stable .button.button-clear {  
  color:#fff;
}
.input-label { color:#444;}
.mainTitle {color:#fff;}

.ivtred { background-color: #fc7d6f; }
.ivtblue { background-color: #b6e7ef;}
.ivtyellow { background-color: #f4d442; }

.active {background-color: #dedede;}