@import url('https://fonts.googleapis.com/css?family=Orbitron');
@font-face {
    font-family: 'segment7';
    src: url('../fonts/segment7standard-webfont.woff2') format('woff2'),
         url('../fonts/segment7standard-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.location-info {
	float: left;
	padding-top: 7px;
	color: #FFF;
	font-size: 24px;
}
.main-header .sidebar-toggle::before {
    content: "";
}
.form-graphic {
	padding-bottom: 20px;
}
.form-graphic img {
	max-width: 100%;
	height: auto;
}
.product-gallery {
	margin-left: -1%;
	margin-right: -1%;
}
.gallery-item {
	float: left;
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-top: 1%;
	border: 1px solid #eee;
	text-align: center;
	position: relative;
	font-size: 24px;
	color: #3c8dbc;
}
.gallery-item i {
	position: absolute;
	right: -10px;
	top: -10px;
	display: none;
	cursor: pointer;
	background: #FFF;
	border-radius: 20px;
}
.gallery-item:hover {
	border-color: #000;
}
.gallery-item:hover > i {
	display: block;
}
.gallery-item img {
	width: 90%;
	height: auto;
}
.list-thumbnail {
	width: 50px;
}
.list-thumbnail img {
	max-width: 100%;
	height: auto;
}
#variations tbody tr.active td {
	background: #3C8DBC;
	color: #FFF;
}
/*CSS ADDED BY KHURAM*/

.no-padding{
	padding: 0px;
}
.block-title{
	margin: 0px;
	font-size: 18px;
	padding: 8px 0px;
	background: #bed5f7;
	text-align: center;
	text-transform: uppercase;
}
.pos-default-btn{
	text-align: center;
	margin-top: 10px;
}
.pos-default-btn a{
	display: inline-block;
	text-decoration: none;
	padding: 7px 10px;
	width: 100%;
	background: #124973;
	color: #fff;
	text-align: center;
	max-width: 170px;
	border-radius: 5px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.pos-default-btn a:hover{
	background: #BED5F7;
	color: #000000;
}
.order-time-block{
	text-align: center;
}
.order-time-block .orderDate{
	font-size: 28px;
	color: #255C69;
	font-weight: bold;
}
.order-time-block .orderTime{
	font-size: 32px;
	/*font-family: 'Orbitron', sans-serif;*/
	font-family: 'segment7';
	color: #AC0909;
	font-weight: bold;
}
.box.box-primary::after {
	content: " ";
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 36px;
	background: -webkit-linear-gradient(#FFFFFF 0%, transparent 0%), -webkit-linear-gradient(135deg, #ECF0F5 33.33%, transparent 33.33%) 0 0%, #ECF0F5 -webkit-linear-gradient(45deg, #ECF0F5 33.33%, #FFFFFF 33.33%) 0 0%;
	background: -o-linear-gradient(#FFFFFF 0%, transparent 0%), -o-linear-gradient(135deg, #ECF0F5 33.33%, transparent 33.33%) 0 0%, #ECF0F5 -o-linear-gradient(45deg, #ECF0F5 33.33%, #FFFFFF 33.33%) 0 0%;
	background: -moz-linear-gradient(#FFFFFF 0%, transparent 0%), -moz-linear-gradient(135deg, #ECF0F5 33.33%, transparent 33.33%) 0 0%, #ECF0F5 -moz-linear-gradient(45deg, #ECF0F5 33.33%, #FFFFFF 33.33%) 0 0%;
	background-repeat: repeat-x;
	background-size: 0px 100%, 14px 27px, 14px 27px;
}
.box{
	box-shadow: none;
}
.product-item-select2 .product-graphic {
	float: left;
	width: 30px;
}
.product-item-select2 .product-graphic img {
	max-width: 100%;
	height: auto;
}
.product-item-select2 .product-title {
	line-height: 30px;
	padding-left: 10px;
	float: left;
	max-width: 85%;
}
.product-item-select2 .product-variations {
	line-height: 30px;
	float: left;
}
.product-item-select2 .product-price {
	line-height: 30px;
	float: right;
	padding-right: 10px;
	font-weight: bold;
}
.q-popover {
	position: relative;
}
.q-popover-content a {

}
.q-popover-content {
	position: absolute;
	background: #FFF;
	box-shadow: 0 0 8px #888;
	padding: 5px;
	display: none;
}
.q-popover-content i.fas.fa-times-circle {
	cursor: pointer;
	right: -10px;
	top: -10px;
	position: absolute;
	font-size: 20px;
}
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}
.logo-graphic img {
	max-width: 300px;
	height: auto;
}
.location-logo {
	text-align: center;
}
.location-logo img {
	max-width: 50%;
	height: auto;
	width: auto;
	max-height: 100px;
}
.location-name {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	
}
.store-logo {
	text-align: center;
	padding-bottom:10px;
}
.store-logo img {
	max-width: 50%;
	height: auto;
	width: auto;
	max-height: 100px;
}
.store-name {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	
}
.products {
	padding-left: 10px;
	padding-right: 10px;
}
.products .row .col-sm-3 {
	padding-left: 5px;
	padding-right: 5px;
}
.location-grid-item {
	border: 2px dashed #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	border-radius: 20px;
}
.store-grid-item:hover {
	border-color: #000;
}
.store-grid-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	border-radius: 20px;
}
.store-grid-item:hover > a {
	/*opacity: 0.5;*/
}
.product-grid-item {
	border: 1px dashed #CCC;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.product-grid-item:hover {
	border-color: #000;
}
.product-grid-title {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.product-grid-price {
	text-align: center;
	padding-bottom: 10px;
}
.product-grid-graphic {
	padding-top: 10px;
	text-align: center;
}
.product-grid-graphic img {
	max-width: 100%;
	height: auto;
}
.owl-carousel .item {
	background: #EEE;
	text-align: center;
	padding: 10px;
	cursor: pointer;
}
.owl-carousel .item.active {
	background: #444;
	color: #FFF;
}
.owl-carousel .item h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
}
.products-pagination {
	text-align: center;
}
.products-pagination a {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background: #EEE;
}
.products-pagination a.active {
	background: #444;
	color: #FFF;
}
.invoice-total {
	padding: 20px;
	text-align: center;
	font-family: 'segment7';
	font-size: 80px;
	color: #88E967;
	background: #000;
}
.segment7 {
	font-family: 'segment7';
	color: #88E967;
	background: #000;
	font-size: 24px;
	text-align: center;
}
#order-details tr td {

}
.add-new-btn-container {
	text-align: center;
}
label.error {
	color: #F00;
}
.action-buttons {
	padding-bottom: 10px;
}
.tab-body {
	padding-top: 20px;
}
.store-grid-item {
  padding: 20px;
  border: 1px dotted #CCC;
  margin-top: 10px;
  margin-bottom: 10px;
}
.field-type {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	background: #303841;
	cursor: move;
	max-width: 100%;
	font-size: 20px;
}
.field-col + .field-col .field-type {
	margin-top: 5px;
}
.field-type i {
	margin-right: 10px;
}
.dropable {
	min-height: 400px;
	border: 1px dashed #303841;
	/*background: #C695C6;*/
	background: #EEE;
	padding: 10px;
	position: relative;
	z-index: 99;
}
.dropable input[type="radio"] {
	margin-right: 5px;
}
.ui-draggable-handle {
    z-index: 100;
}
.btns {
    position: absolute;
    right: 18px;
    top: 0;
}
.btns > img {
    width: 12px;
}
.drag-shadow {
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	display: none;
}
.addobjectloader {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/loader.gif) no-repeat center center #FFF;
    opacity: 0.6;
    display: none;
}
.field-container label {
	cursor: move;
}
.ui-sortable-placeholder {
	height: 70px;
	border: 1px dashed #000;
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
}
.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}