@charset "utf-8";
/* CSS Document */

/* Tablet Portrait size to standard 960 (devices and browsers) (min-width:321px) and (max-width:768px)
@media only screen and (min-height: 760px) and (max-height: 768px) {
	 */
	@media only screen and (min-width:768px) and (max-width:1280px) {
		 
body{ margin-top:0px;}
/* Title Bar ----------------*/
.top-bar { top:0px;}
.top-bar .btn-cart {top:50px;}
/*.top-bar .btn-logout {top:0px;}*/
.top-bar h1{ 	
	border:0px solid #00F;
}

.top-menu {margin-top: 52px;}

.title-bar { height:45px; border:0px solid #F00; position:fixed; z-index:9999; width:100% ; }
.title-bar h1 { font-size:20px; color:#394244;  margin:12px 25px;}

/*.title-bar a{ float:right; font-size:17px; color:#5f6465; margin-top:13px;}
.title-bar a img{ width:21px; vertical-align: sub}
.title-bar a:hover{ text-decoration:none; color:#202526;}*/

.title-bar ul {}
.title-bar ul li{ float:left;  }

.title-bar ul li a{  padding:10px 20px; display:block; border-left:1px solid #adadad;}
.title-bar ul li:last-child a{ border-right:1px solid #adadad; }
.title-bar ul li a img{ width:30px;}


.title-bar td { width:25%;}
.title-bar td:first-child { width:50%;}
.title-bar td:last-child { width:50%;}


.dashboard { margin:10px 6px; }
.dashboard .list-header{ font-size:20px;padding:5px 0; margin-bottom:5px }
.dashboard ul { border-spacing: 3px 0px;}
.dashboard ul li{ width:300px;  border-top:4px solid #009b5b; font-size:13px; line-height:13px;  padding:0 10px 10px 10px; }
.dashboard ul li:hover{ border-top:4px solid #222; }
.dashboard ul li h1{ margin:10px 0 5px; font-size:25px}

.ad-banner{  padding:0 0 0 10px !important;}
.ad-banner img { float:left;  margin-left:10px}
.home-events .list-header{font-size:20px; color:#394244; padding:5px 0; }
.home-events .list-row{ padding:10px 15px}
.home-events .list-row img{ width:43px; }
.home-events .list-row p{ font-size:17px; color:#545d5f; margin-left:15px;   }
.home-events .list-row h1{ font-size:25px; color:#2aa865; float:right; margin:10px 10px auto 0px;}
.home-events { padding:0px !important; height:calc(100vh - 100px)!important; background:#FFF;}
.ad-banner a{max-height:180px;}
/* Search ----------------*/
.search { margin-top:0px; width:100%; padding-right:10px; }
.search .input-group-addon{
    background: none!important; 
	border-color:#adadad;
	border-radius:0 50px 50px 0;
}
.search .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#adadad;
	background: none!important;
	border-radius: 50px;
	font-size:16px;
	padding:0px 20px;
}
.search button{
    border:0;
    background:transparent;
}


.panel {
	border:0px solid #00F;
	position:fixed;
	width:49.2% !important;
	height:92%;	
	height:calc(100% -52px);		
	display:block;
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:70px;
	padding:0px 0 50px 0;
	margin-top:0;
}


.panel-foot {
	border:0px solid #F00;
	position:fixed;
	width:49.2%;
	height:100%;
	display:block;
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:0px;
	padding:0px 0 100px 0;
	margin-top:0;
	background:#FFF;
}

.full-panel {
	border:0px solid #0F0;
	position:fixed;
	width:100%;
	display:block;
	height:100%;
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:0;
	padding:0px 0 0px 0;
	margin-top:0;
}

.footer { background:#747474; height:55px; position:fixed; bottom:0; width:50vw;}
.foot-links {  margin-top:20px; font-size:16px}

.footer .btn-reply {font-size:20px; margin:10px auto; width:95px; }
.footer .btn-reply img{ height:25px; margin-right:10px; }

/*My company Profile --------------------- */
.panel .comp-logo img{ height:45px; width:auto; margin-top:15px}
.comp-logo { text-align:center;    font-size: 21px;    margin-top: 0px;}
.comp-logo img{ margin-top:12px!important}



.row-list:last-child { border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;  }
.row-list { border-top:1px solid #cfcfcf; border-bottom:0px solid #cfcfcf; padding:15px 10px}

.row-list .title { color:#545d5f; font-size:15px;}
.row-list .value { color:#16774f; font-size:18px; text-align:right;}


.carousel-indicators {
    bottom: 0;
}

.carousel {
    margin: 25px auto;   
    width: 60%;
}

.comp-banner { height:155px;}
.comp-banner .trans-bg { height:50px; margin-top:115px;}
.comp-banner a {right:15px; top:122px; font-size:15px;}
.contact-person{ width:120px; height:120px; margin:-70px 0 0 15px;}
.contact-person img{ width:120px; height:120px;}

.contact-details { border:0px solid #00F; margin-left:140px; font-size:16px; }
.contact-details h2 { font-size:25px; margin:10px 0;}
.contact-details img { width:20px;}
.contact-details br { margin:2px 0 5px 0;}


/*Inventory List --------------------- */

.inv-list {border-top:1px solid #cfcfcf; border-bottom:0px solid #cfcfcf; padding:25px 0px; margin:0; display:inline-flex; width:100%; cursor:pointer;}
.inv-list:last-child {border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.inv-list:hover { background:#f2f2f2;}

.inv-list h2{  font-size:18px; margin:0px 0 5px 0; line-height:15px;}
.inv-list p {font-size:12px; margin:0;}
.inv-list p span { margin:0 15px 0 0}
.inv-list p span.crp{ font-size:18px;}
.inv-list p span.oldp{ font-size:14px;}
.inv-list p span.line-thru{ font-size:14px; }
.inv-list p span.off{ font-size:15px;}
.inv-list .active-arrow {right: 5px; top: 35px; width: 6px;}

.inv-list .col-lg-2, .inv-list .col-md-3 { padding-right:5px; padding-left:10px;}
.inv-list .col-lg-10, .inv-list .col-md-9 { padding-right:10px; padding-left:5px;}

.inv-list .add-cart { position:absolute; right:65px; width:10px; height:auto;}
.inv-list .add-cart img { height:35px;}
.inv-list p.right { position:absolute; right:10px; top:0px; text-align:right;} 

.slide {
    margin-top: 20px;
	max-width:300px ;	
}

.slide1 {
    margin-top: 20px;
	width:470px;
	position:absolute;
	right:0;
	left:0;
	border:0px solid #F00;
}
.item .thumb {
	width: 13%;
	cursor: pointer;
	display:inline-block;
	text-align:center;
}
.item .thumb img {
	height: 40px;
	width:auto;
	margin:0 10px;
}
.item img {
	height:500px;
	width:auto;	
}


.right-btns { width:50px; position:absolute; right:18px; top:10px; z-index:999;}
.right-btns a {
    background: #f1f1f1 none repeat scroll 0 0;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    height: 50px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    width: 50px;
}

.pro-details { padding:0 25px}
.pro-details h2{ margin:20px 0 5px; font-size:26px; }
.pro-details p{ font-size:17px; }
.pro-details img{ width:30px; }
.pro-details a.review{ font-size:18px; margin-left:15px; }


.pro-details p span { margin:0 15px 0 0}
.pro-details p span.crp{ font-size:26px;}
.pro-details p span.oldp{ font-size:20px; }
.pro-details p span.line-thru{ font-size:20px; }
.pro-details p span.off{ font-size:20px;}
.pro-details .active-arrow {  right:20px; top:25px; width:10px; height:auto;}

.pro-spec {  padding:0 25px}
.pro-spec h2{ margin:25px 0 5px; font-size:25px;}
.pro-spec p{ font-size:17px; }

.pro-gen {  padding:0 25px}
.pro-gen h2{ margin:25px 0 5px; font-size:26px; }

.pro-gen .col-lg-3 { font-size:15px;  }
.pro-gen .col-lg-9 { font-size:15px;}
.pro-gen .kno-more{ margin:25px auto; font-size:15px; }

/*Customer List --------------------- */

.cus-list { padding:16px 0px; margin:0; }
.cus-list .img-circle { padding-left:5px}
.cus-list img.img-circle { width:55px !important; height:55px !important; padding-left:0;}
.cus-list h2 { font-size: 23px; line-height: 23px; margin: 8px 0 6px;}
.cus-list p{font-size:15px; margin:3px 0;}
.cus-list p img { margin:0 6px 0 0; width:17px;}
.cus-list .active-arrow { right:6px; top:25px; width:10px; }
.cus-list .col-md-3 { width:20%}


.chat {  right:20px; top:10px; }
.chat img { width:25px;}
.chat a { font-size:12px;}

.edit-card {  right:20px; top:160px; }
.edit-card a { font-size:12px; color:#FFF !important;}
.edit-card img { width:25px; filter:brightness(200%);}

.msg { position:absolute; right:20px; top:20px; text-align:center; display:block;  z-index:99; }
.msg img { width:30px; margin:0 auto;}
.msg a { font-size:13px; color:#696969; text-align:center;}

.issue-giftcard {  left:15px; top:20px;   display:block;  z-index:99; }
.issue-giftcard img { width:40px; margin:0 auto 3px auto;}
.issue-giftcard a { font-size:13px;  line-height:14px; display:block}

.issue-rewardcard { position:absolute; left:90px; top:20px; display:block;  z-index:99; }
.issue-rewardcard  img{ width:40px}
.issue-rewardcard a { font-size:13px;  line-height:14px; display:block}




.cus-details  .img-circle { width:130px; height:130px; margin:20px auto 0;}
.cus-details h2 { text-align:center; font-size:20px}
.cus-details p { padding:15px 0 !important; margin:0; font-size:15px;}
.cus-details p img { width:18px; margin:0 10px 0 20px;}


.cus-details .user_engage{ width:280px; height:50px; font-size:18px; padding:10px 0;}
.cus-details .user_engage img{ height:26px}

.cus-details .card{  width:100%; font-size:14px; padding:10px 20px; float:left; margin:0 0 0 10px; line-height:16px;}
.cus-details .card img{ height:20px;}

.footer .ftbtn-issue-giftcard {  font-size:17px; margin: 15px; width:155px;  }
.footer .ftbtn-issue-giftcard img{ height:27px; filter:brightness(200%);}

.footer .add-new-cat { color:#FFF; font-size:17px; display:block; margin:15px auto; width:240px; }
.footer .add-new-cat img{ height:27px; }

/*Customer Engegment Log --------------------- */

.cus-eng-log .title{ font-size:20px; padding:13px 16px;}
.cus-eng-log .btn-close{  width:25px; margin:15px 15px 0; }


.cus-eng-log .nav {   
    margin-bottom:10px;   
}
.nav-tabs li a{ font-size:18px; padding:12px 30px; }

/* gift-card-asso --------------------- */

.gift-card-asso .card{ width:95%; height:200px; margin:0 auto 15px; }
.gift-card-asso .card img{ width:95%; height:200px; }

.gift-card-asso .card p.card-name {  margin-top:25px; font-size:18px; color:#949595;} 
.gift-card-asso .card p span.platnum { font-size:22px;}

.gift-card-asso .card p.holidy { color:#176990;} 
.gift-card-asso .card p.shop1 { color:#195025;}
.gift-card-asso .card p.shop2 { color:#3a2949;}

.gift-card-asso .card p.validty { margin:55px 0 0 30px; font-size:15px; width:120px;} 
.gift-card-asso .card p span{ color:#fff; font-size:25px;}
.gift-card-asso .card p.amount{ float:right; color:#fff; font-size:30px; font-weight:bold; padding:0px; margin:75px 30px 0 0 ;}


/* Reward-card-asso --------------------- */

.reward-card-asso .card{ width:95%; height:200px; margin:0 auto 10px; }
.reward-card-asso .card img{ width:95%; height:200px; }

.reward-card-asso .card p.card-name {  margin-top:25px; font-size:18px; color:#949595;} 
.reward-card-asso .card p span.platnum { font-size:22px;}

.reward-card-asso .card p.validty { margin:55px 0 0 30px; font-size:15px; width:150px;} 
.reward-card-asso .card p span{ color:#fff; font-size:25px;}

/* Marketing --------------------- */

.m-board { border-spacing: 2px 4px;  margin:0px auto}
.m-board th{font-size:13px; line-height:15px; text-align:center; padding:30px 10px; width:12%;}
.m-board th img{ width:40px; padding-bottom:10px;}
.m-board td{  font-size:16px; width:25%;}
.m-board td span{ font-size:30px;}

.m-board th.width{ width:12%;}
.m-board td.width{ width:25%;}
.m-board td.width1{ width:50%;}

/* Reports --------------------- */
.report {  width:49.1%; font-size:22px; padding:17px 8px 8px 8px; margin:0 5px 10px 0}

/* Dropdowns --------------------- */

.dropdown-menu { left:-90%; top:72px; padding:5px; }
.top-menu ul li .dropdown-menu a{  width:125px; padding:6px 20px; font-size:14px; line-height:15px;}
.top-menu ul li .dropdown-menu a:hover{ background:#3dc98f !important;}
.top-menu ul li .dropdown-menu a img{ width:80px; margin:0 auto 5px }
.top-menu ul li .dropdown-menu li span {  padding:3px; }
.top-menu .pos { left:-300%;}
.top-menu .pos1 { left:-250%;}

/* Message --------------------- */

.msg-details {height:366px;overflow-x: hidden;overflow-y:auto; border:0px solid #F00}
.cus-q {width:90%; font-size:17px;  margin:20px 0; } 
.msg-details .cus-q p { padding:14px 20px; margin:0px;} 

.reply { width:90%; font-size:17px; margin:20px 0; } 
.msg-details .reply p { padding:14px 20px;} 

.msg-details .date{ font-size:13px; position:absolute; right:10px; bottom:-23px; }

.msg-details .reply-box {width:50%; margin-left:-15px; height:180px; border-top:5px; border-top:3px solid #adadad;}
.msg-details .reply-box p { right:10px; font-size:13px}

.msg-details .reply-box textarea { width:100%; height:125px; padding:20px 15px 5px;}
.msg-details .tick-double { width:40px; right:10px;}
.msg-details .tick-single {  width:30px; right:10px;}


/* Settings --------------------- */

.noti-icon { margin:0px 0 20px;}
.noti-icon img{ width:120px;}
.settings{border-collapse: separate;border-spacing: 10px 10px; margin:0 auto; width:80%}
.settings td{ padding:10px 12px; font-size:17px;}
.settings td img { width:90px; }

/* Toggle Switch --------------------- */
.switch {
  width: 75px;  height:45px;  float:right; margin:20px 0;}

/* The slider */
.slider:before { height: 39px;  width: 39px;  left: 4px;  bottom: 3px;}
input:checked + .slider:before {  -webkit-transform: translateX(30px);  -ms-transform: translateX(29px);  transform: translateX(29px);}


/* Company Profile Create */

.create-field input, .create-field textarea, .create-field select{ width:100%; border:0; padding:6px 5px; font-size:16px;}

.nor-field { width:100%; }
.nor-field h3 { font-size:20px; margin:0 0 25px 0}
.nor-field ul.hours {  margin:0px 0 5px 0;  height:35px;}

.nor-field ul.hours li{ float:left; font-size:20px; color:#217a55; margin-right:20px; }
.nor-field ul.hours li input{ background:url(../images/icon-clock.png) no-repeat right; background-size:30px; border:1px solid #ccc; color:#555; padding:3px 35px 3px 3px; font-size:16px; margin-right:10px; }
.nor-field ul.hours img { width:32px; vertical-align: middle;}
.nor-field ul.hours .inactive{ color:#888;}

.complogo h3 { font-size:20px; margin:0 0 20px 0}
.complogo img{ width:150px;  margin-right:100px}
.complogo .camera{ font-size:13px; width:40px;}
.complogo .gallery{ font-size:13px; margin-left:70px;width:40px;}

.store-img h3 { font-size:20px; margin:0 0 20px 0}
.store-img img{ width:100%;  margin-bottom:20px;}
.cover img{ width:90%;  margin-bottom:20px;}
.store-img .camera{font-size:13px; width:40px; }
.store-img .gallery{  font-size:13px; margin-left:70px;width:40px;}


/* Gift Card Details --------------------- */

 h2{ font-size:25px; margin-bottom:20px;}

.gift-card-details .card{  height:210px; margin:0 auto 15px; }
.gift-card-details .card img{  height:210px;}

.gift-card-details .card p.validty { margin:15px 0 0 25px; font-size:18px; width:150px;} 
.gift-card-details .card p span{ font-size:25px; line-height:25px}
.gift-card-details .card p.amount{ font-size:35px; margin:20px 20px 0 0 ;}

.gift-card-details .card .offer { background:url(../images/trans-bg.png) repeat; height:130px;  font-size:17px; padding:15px 25px; line-height:19px;}
.gift-card-details .terms { font-size:16px; padding:6px 25px;line-height:20px;}



.footer-btn { background:#3cb858; height:60px;  cursor:pointer; color:#FFF; font-size:17px; text-align:center; line-height:60px; position:sticky;
    width: 50vw;
	z-index:999999;}
	
.footer-result { background:#394244; height:60px; position:sticky; bottom:0; width:50vw; cursor:pointer; color:#FFF; font-size:17px; text-align:center; line-height:55px;}
.footer-result p { float:left; font-size:18px; color: #FFF; padding:0 20px;}
.footer-result p:last-child { float:right; font-size:24px; font-weight:bold;}

/*.footer2 { background:#747474; height:70px; position:fixed; bottom:0; width:50%;}*/
.footer2 {
    background: #747474 none repeat scroll 0 0;
    bottom:0px;
    height: 70px;
    position: fixed;
    width: 50vw;
	z-index:999999;
	border:0px solid #F00;
}


.footer2 .ftbtn-issue-giftcard {font-size:17px; margin:20px; width:200px; }
.footer2 .ftbtn-issue-giftcard img{ height:30px; margin-right:10px;}

.footer2 .giftcard-history { color:#FFF; font-size:17px; display:block; margin:20px; width:200px; float:right; }
.footer2 .giftcard-history img{ height:25px; margin-right:10px;}

.footer2 .rewardcard-history {font-size:17px;  margin:20px; width:210px;  border:0px solid #F00;}
.footer2 .rewardcard-history img{ height:30px; margin-right:10px;}

.footer2 .issue-rewardcard { font-size:17px; margin:20px; width:200px; border:0px solid #F00;}
.footer2 .issue-rewardcard img{ height:33px; margin-right:10px;}


.footer2 .submit {  font-size:17px;  margin:20px; width:100px; border:0px solid #F00; }
.footer2 .submit img{ height:20px; margin-right:10px;}

.footer2 .add-coupon {font-size:17px;  margin:20px; width:260px;}
.footer2 .add-coupon img{ height:28px; margin-right:10px;}

.footer2 .edit-coupon {font-size:17px; margin:20px; width:80px;  border:0px solid #F00; }
.footer2 .edit-coupon img{ height:25px; margin-right:10px;}

.footer .butt-preview { font-size:18px;  margin:15px auto; width:125px; }
.footer .butt-preview img{ height:25px; margin-right:10px;}

.footer .edit { color:#FFF; font-size:18px; display:block; margin:15px auto; width:83px; }
.footer .edit img{ height:30px; margin-right:10px; }

.footer2 .add-customer { color:#FFF; font-size:17px; display:block; margin:20px; width:193px; float:left; }
.footer2 .add-customer img{ height:25px; margin-right:10px;}

.footer2 .delete-customer { color:#FFF; font-size:17px; display:block; margin:20px; width:86px; float:right;  }
.footer2 .delete-customer img{ height:25px; margin-right:10px;}

.footer2 .edit-customer { color:#FFF; font-size:17px; display:block; margin:20px 30px 0 0; width:80px; float:right;  }
.footer2 .edit-customer img{ height:22px; margin-right:10px;}




/* Coupons Details --------------------- */
	
.coupons .card{   width:93%;  margin:13px auto; border-radius:10px; padding:20px 25px;}

.coupons .card h2{ font-size:25px; margin:0 0 0px;}
.coupons .card p{ font-size:17px; }
.coupons .card p span{ font-size:25px;}

.coupon-details .card{border-right:0;border-left:0; padding:20px 25px;} 
.coupon-details h2{font-size:30px; margin:20px 0;}
.coupon-details .card p{font-size:20px; }
.coupon-details .card p span{  font-size:25px;}
.coupon-details p.terms { font-size:18px; padding:20px 25px;}

/* Coupons Create --------------------- */
.create-coupon .create-field { clear:both; padding:18px 20px}
.create-coupon .create-field input{ border:0px solid #F00; width:50%; float:right; text-align:right; font-size:18px}
.create-coupon .create-field label{ border:0px solid #F00; width:25%; float:left; line-height:40px; font-size:16px; font-weight:normal; color:#707b7d;}
.create-coupon .create-field textarea{ border:0px solid #F00; width:100%; float:right; text-align:left; font-size:18px}
.create-coupon .create-field input[placeholder], .create-coupon .create-field textarea[placeholder]{ color:#b0b7b8;}

.create-coupon .create-field #datepicker { background:url(../images/icon-clock.png) no-repeat right; background-size:45px; text-align:left; border:0; box-shadow:none; width: 180px}

/* User History --------------------- */
.hist { margin-top:20px;}
.hist .card-hist img.bg{ height:220px}
.hist .card-hist .comp-logo{  right:40px; top:20px;}
.hist .card-hist .bal-amount  { left:40px; top:40px; font-size:18px; }
.hist .card-hist .bal-amount span {font-size:25px;}
.hist .card-hist .card-type  { position:absolute; top:55px; font-size:20px; color:#006da1; text-align:center; width:94%}
.hist .card-hist .cardno {  top:100px; font-size:33px; width:95%; letter-spacing:2px;}
.hist .card-hist .cardno span{ margin:0 5px;}
.hist .card-hist .validty{bottom:5px; width:95%;  font-size:15px;}
.hist .card-hist .validty span {font-size:20px; line-height:20px}
.hist .card-hist .name { top:18px;  left:40px; font-size:18px; width:96%;}
.hist .card-hist .gold {
    color: #be7d00;   
}

ul.hist-tab {}
ul.hist-tab li { width:50%; background:#5c6e89; font-size:18px; color:#FFF;  text-align:center;}
ul.hist-tab li a{color:#FFF; padding:10px 0;}
ul.hist-tab > li > a:focus, .nav > li > a:hover {
    background-color: #41526b;
    text-decoration: none;
}

ul.hist-tab > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #6097eb;
    border-width: 0;
    color: #fff;
    cursor: default;
}
.user { font-size:20px; line-height:70px; clear:both; margin-bottom:2px; padding:15px 0}
.user .col-lg-2 {width: 18%;}
.user .col-md-4 {width: 31%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.user .col-md-3 {width: 20%;}
.user .col-md-1 { width: 12.333%;}

.user strong{color:#176aea; }
.user date { color:#436caa;}
.user amount { color:#dd4646;}
.active-user { background:#eef5ff;}

/* Sub Menu --------------------- */
.sub-menues table{ margin:15px auto;}
.sub-menues table td{ padding:15px 25px;  font-size:17px }
.sub-menues table td img{ padding-bottom:10px; width:120px}

#uber_pdf{ position: relative; float: right; margin-top: -282px; margin-right: 0px; width: 50%; border-radius: 20px; border: 3px solid rgb(207, 207, 207);background-color:white;text-align:justify;display:none}
#service_delete{top:-20px}
#service_addcart{top:40px}

/*#home_js{position: absolute;right: 0;left: 0; top: 126px;bottom: -150px!important;}*/
#home_js{position: absolute;right: 0;left: 0; top: 126px; bottom:0px!important; /*height:615px;*/}
#home_js iframe{border:0px;}

.service_pref_width{float: left;width: 50%!important;}
.service_pref_width h2{ text-align: left;color: #e2840b;}
.service_pref_width ul li { margin:8px 0; font-size:16px; color:#595f61;}
.service_pref_width ul li img { padding-right:15px; width:21px;}

.service_pref_width1{float: none;width: 50%!important;}


.img-a-cross { background:url(../images/top_butt_logout.png) no-repeat }


/*----------------------------- POS */

#content-wrapper-pos{
  display: table;
  width:100%;
  height:100vh;
  top:0px;
  left:0px;
  bottom:50px;
  position:relative;
  border-collapse: separate; 
  border-spacing: 7px 10px;
  background:#e8e8e8;
  overflow-x: hidden;
}
#content-wrapper-pos #content{
  display:table-row;
}

.pos-left{ 
  margin:0 0px;
  display:table-cell;
  width:58.5%;
  border:0px solid #00F;
}
.pos-right{  
  margin:0 0px;
  width:31.5%;
  display:table-cell;
  border:0px solid #0F0;
}

.panel-pos {
	border:1px solid #F00;
	position:fixed;
	width:63.5%;
	height:99vh;
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:0;
	padding:0px 0px;
	margin-top:0;
	border:1px solid #bbbbbb;
}
.panel-pos-nofoot {	
	position:fixed;
	width:63.5%;
	height:89vh;
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:0;
	padding:0px 0px;
	margin-top:0;
	border:1px solid #bbbbbb;
	
}
/*.panel-pos .pos-pan-head {
	overflow-x: hidden;
	overflow-y:auto;	
	border:1px solid #F00;
	position:fixed;
	z-index:9999;
	width:width:63.5%;
	}*/
.cont-scroll {
	overflow-x: hidden;
	overflow-y:auto;	
	border:0px solid #F00;
	position:fixed;
	width:63.3%;
	height:calc( 100% - 210px );
	padding:5px 0;
	}

.panel-det {
	border:1px solid #ccc;
	position:fixed;
	width:34.2%;
	height:98.1vh;	
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:0;
	padding:0px 0px;
	margin-top:0;
}

.tab-pane { height:89vh;}

.order-price {
	background:#3dc98f;		
	 text-align:center;
	 color:#FFF;
}
.order-price h3{
	margin:0px;
	padding:15px 0;
	font-size:16px;
}

.order-price h1{
	margin:0px;
	padding:12px 0 ;
	font-size:36px;
}

.cart_details  { width:100%; height:220px; border:0px solid #F00; overflow-x: hidden; overflow-y:auto;}

.order-price input { background:#FFF; color:#3dc98f; padding:5px 15px; border:0; border-radius:5px; margin:5px auto 0px;font-size: 14px; display:block;  }

.ord-bottom { border:0px solid #F00; position:absolute; bottom:0; width:100%; height:270px;}

.ord-bottom .ord-row { background:#f2f3f4; border:1px solid #dcdddf; border-right:0;border-left:0;border-bottom:0; padding:8px 15px; font-size:14px;}
.ord-bottom .ord-row level { float:left; color:#7d7c7f;}
.ord-bottom .ord-row level span { color:#202121;}
.ord-bottom .ord-row price { float:right; color:#202121;}
.ord-bottom .ord-clear{ height:48px;text-align:center;  color:#f24747;}
.ord-bottom .ord-clear a{ line-height:30px; color:#f24747; }

.pos-head { background:#f2f3f4; padding:7px 7px 7px 15px; border:1px solid #dcdddf;}
.pos-head a.link {background:#fff; display:block; padding:7px 15px; position:absolute; right:6px; top:6px}
.pos-head a.back { display:block; padding:3px 10px; position:absolute; left:5px; top:6px; font-size:18px;}
.pos-head heading { font-size:18px; line-height:30px; display:block; margin:0 auto; text-align:center;}

.panel-pos ul.nav::before, .panel-pos ul.nav::after{ display:block!important; }
.panel-pos ul.hist-tab li a { padding: 11px 0;}

.action-bar { background:#f2f3f4; padding:7px; border:1px solid #dcdddf;}

.action-bar .misc {background:#fff; display:block; padding:7px 10px; width:130px; text-align:center;}
.action-bar .misc:hover{ text-decoration:none;}
.action-bar .list {background:#fff; display:block; padding:5px 10px; width:50px; text-align:center; font-size:18px;}

.product-grid { margin:15px 0 0;}
.product-grid p{ color:#606263;}
.product-grid p span{ color:#333;}
.product-grid p .yellow { color:#ffba00;}
.product-grid .pro {   
	 margin: 0px auto 0px;
    background: #f2f3f4;
    border: 2px solid #e8e8e8;
    padding: 10px;
	}
	
.product-grid .qty { color:#FFF; padding:5px 13px; margin:auto; top:0; bottom:46px; left:0; right:0; position:absolute; background:#666; width:40px; height:40px; font-size:20px; display:block; border-radius:50px; border:1px solid #cacaca;}

.pro-det { padding:7px 15px 0;}
.pro-det level { float:left; color:#7d7c7f; white-space: nowrap; 
    width: 10em; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.pro-det level span { color:#202121; line-height:28px;}
.pro-det price { float:right; color:#202121; line-height:28px;}
.pro-det nprice { color:#222; display:block; font-weight:bold; line-height:18px;}
.pro-det .del { color:#d9534f; font-size:20px; float:right;}
.pro-det hr { border:0; border-top:1px solid #ccc; margin:16px 0 0 0;   }

.qty-ctrl {  width:90px; border-spacing: 0; float:left; margin-left:15px;}
.qty-ctrl .btn { padding:2px 8px !important}
.qty-ctrl .form-control { height:27px; text-align:center; padding:0px;}



.pos-left .add-custom { background:#747474; height:55px; position:fixed; bottom:0; width:21.1%;; cursor:pointer; color:#FFF; font-size:18px; text-align:center; line-height:55px;}
.pos-left .all-items { background:#5b5b5b; height:55px; position:fixed; left:21.9%; bottom:0; width:21.1%;; cursor:pointer; color:#FFF; font-size:18px; text-align:center; line-height:55px;}
.pos-left .fav-items { background:#747474; height:55px; position:fixed; left:43.1%; bottom:0; width:21.1%;; cursor:pointer; color:#FFF; font-size:18px; text-align:center; line-height:55px;}

.pos-left .link-customer { background:#337ab7; height:55px; position:fixed; bottom:0; width:42.2%;; cursor:pointer; color:#FFF; font-size:18px; text-align:center; line-height:55px;}
.pos-left .cancel { background:#d9534f; height:55px; position:fixed; left:43.1%; bottom:0; width:21.1%;; cursor:pointer; color:#FFF; font-size:18px; text-align:center; line-height:55px;}


.product-list { padding:0px;}
.product-list p{ color:#606263; font-size:22px;line-height: 26px; padding-top:10px; margin:0px;}
.product-list p span{ color:#333; font-size:16px;}
.product-list p .yellow { color:#ffba00;}
.product-list .pro { margin:0px auto 0px; border-bottom:1px solid #ccc; padding:20px}
.product-list .qty { color:#FFF; padding:5px 13px; top:35px; bottom:0px; right:20px; position:absolute; background:#666; width:40px; height:40px; font-size:20px; display:block; border-radius:50px; border:1px solid #cacaca;}

/*.product-list .pro img.col-lg-1 { padding:0 10px 0 0px !important; width:9%; }*/
.product-list .pro img.col-md-2 { padding:0 10px 0 0px !important; width:14%; }

.exis-cus { background:#FFF;}
.exis-cus .row-list { padding:10px; border-top:0; border-bottom:1px solid #cfcfcf;}
.ext .cont-scroll { 
	overflow-x: hidden;
	overflow-y:auto;	
	border:0px solid #F00;
	position:fixed;
	width:63.2%;
	height:89vh;	
}
.ext .cont-scroll .btn-primary{
	margin:20px auto !important; display:block; font-size:20px; padding:5px 20px;
}
.ext .cont-scroll h2{ margin:35px auto 15px 10px; font-size:20px;}

.pay-buttons div { padding:0 1px; margin:1px 0}
.pay-buttons a{ background:#9d9d9d; text-align:center; padding:13px 20px; color:#FFF; font-size:17px; display:block; margin:0px; text-decoration:none; }
.pay-buttons a:hover{ background:#1664c5; }
.pay-buttons a.active{ background:#2480f1;}
.panel-pos-nofoot .cont-scroll { 
	overflow-x: hidden;
	overflow-y:auto;	
	border:0px solid #F00;
	position:fixed;
	width:63.2%;
	height:73vh;	
}
.panel-pos-nofoot .cont-scroll .pl-select { text-align: center; margin:80px 0; color:#888; font-size:16px; }
.panel-pos-nofoot .cont-scroll h2{ font-size:17px; text-align:center;}

.payment { width:80%;  margin:0 auto;}
.payment .row-list{padding:10px;  border:1px solid #cfcfcf; margin:10px 0;background:#FFF;}

.keyboard {position:fixed; bottom:50px;width:63.3%;}
.keyboard table { background:#e8e8e8; border-collapse: separate;border-spacing: 2px 2px;}
.keyboard table td{ background:#f2f3f4; text-align:center; padding:13px 0; font-size:18px; color:#666;}
.keyboard table td[rowspan]{ width:33%;}
.keyboard table td:hover { background:#FFF; cursor:pointer;}
.keyboard .plus { font-size:50px;}
.keyboard .next {font-size:25px; color:#FFF; background:#3dc98f;}
.panel-pos-nofoot .btn-success { margin:30px auto; display:block; font-size:18px; padding:15px 45px;}
.panel-pos-nofoot .btn-primary {display:block; font-size:18px; padding:5px 20px; float:right;}
.panel-pos-nofoot .thanks {display:block; font-size:18px; padding:10px 20px; margin:0px auto; float:none; }
.payment input[type=email] { width:400px; float:left;}
.payment .row-list p { float:left; color:#888; line-height:30px; font-size:16px; margin:0;}

.maintenance { margin:20px 20px;}
.maintenance input{ padding:10px 15px; font-size:16px; margin:5px;}
.maintenance a.closed { font-size:25px; padding-top:14px; color:#d9534f; display:block;}

.cus-det { background:#FFF;}

.product-grid b:first-child{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	cursor:pointer;
	-webkit-box-orient: vertical;
	overflow-y: hidden;
	text-align:left !important;
}
.product-grid span b:first-child{
	display: inline;
}
.product-grid br{
	display: none;
}
}