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


body { background:#e8e8e8;overflow-x: hidden;overflow-y: hidden; }
ul, ul li { padding:0px; margin:0px; list-style:none;}

.cusor { cursor:pointer;}

/* TOP BAR ----------------*/

.top-bar {
	height:52px;
	position:fixed;
	top:0;
	right:0;
	left:0;
	background:#f8f8f8;
	z-index:99999;
	
}
.top-bar h1{ 
	text-align:center;
	color:#394244;
	font-size:25px;
	padding:0px;
	margin:12px 0;
	border:0px solid #F00;
}

.top-bar .btn-logout {
	background:url(../images/top_butt_logout.png) no-repeat top;
	background-size:25px;
	height:27px; width:25px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	position:inherit;
	right:15px;
	top:13px;
}
.top-bar .btn-logout:hover {
	background:url(../images/top_butt_logout.png) no-repeat bottom;
	background-size:25px;
}

.top-bar .btn-close {
	background:url(../images/top_butt_close.png) no-repeat top;
	background-size:25px;
	height:25px; width:25px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	position:inherit;
	right:15px;
	top:13px;
}
.top-bar .btn-close:hover {
	background:url(../images/top_butt_close.png) no-repeat bottom;
	background-size:25px;
}


.top-bar .btn-help {
	background:url(../images/top_butt_help.png) no-repeat top;
	background-size:30px;
	height:30px; width:30px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	position:inherit;
	right:65px;
	top:13px;
}
.top-bar .btn-help:hover {
	background:url(../images/top_butt_help.png) no-repeat bottom;
	background-size:30px;
}

.top-bar .btn-back {
	background:url(../images/top_butt_back.png) no-repeat top;
	background-size:32px;
	height:20px; width:35px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	position:inherit;
	left:15px;
	top:15px;
}
.top-bar .btn-back:hover {
	background:url(../images/top_butt_back.png) no-repeat bottom;
	background-size:32px;
}

.top-bar .btn-cart {
	background:url(../images/cart.png) no-repeat top;
	background-size:30px;
	height:30px; width:30px;
	display:block;	
	cursor:pointer;
	position:inherit;
	right:115px;
	top:13px;
}
.top-bar .btn-cart p{ text-align:center; color:#FFF; font-weight:bold; padding:0 0 5px 0; background:#e95454; position:absolute; width:25px; height:20px; border-radius:3px; margin:-5px 0 0 -10px;}

/* TOP MENU ----------------*/

.top-menu { margin-top:52px;position:fixed;z-index:99999; padding:0; border-top:1px solid #3dc98f; text-align:center; border-bottom:1px solid #3dc98f; width:100%; height:75px;background:#FFF;}
.top-menu ul, .top-menu ul li { text-align:center;}
.top-menu ul li{ display: table-cell; width:250px;  border-left:1px solid #3dc98f; position:relative; z-index:9999;word-break:break-all;}
.top-menu ul li:first-child{ border-left:0px solid #3dc98f;}
.top-menu ul li a{ display:block; height:74px; padding-top:44px; color:#6d6d6d; font-size:14px; }
.top-menu ul li a:hover{  background:#3dc98f; color:#fff; text-decoration:none;}
.top-menu ul li a.active{  background:#3dc98f;color:#fff; text-decoration:none;}

.top-menu ul li.home a { background:url(../images/menu_home.png) no-repeat center -99px; background-size:32px}
.top-menu ul li.home a:hover { background:#3dc98f url(../images/menu_home.png) no-repeat center 10px; background-size:32px}
.top-menu ul li.home a.active { background:#3dc98f url(../images/menu_home.png) no-repeat center 10px; background-size:32px}

.top-menu ul li.company a { background:url(../images/menu_company.png) no-repeat center -91px; background-size:32px}
.top-menu ul li.company a:hover { background:#3dc98f url(../images/menu_company.png) no-repeat center 10px; background-size:32px}
.top-menu ul li.company a.active { background:#3dc98f url(../images/menu_company.png) no-repeat center 10px; background-size:32px}

.top-menu ul li.inventory a { background:url(../images/menu_inventory.png) no-repeat center -77px; background-size:32px}
.top-menu ul li.inventory a:hover { background:#3dc98f url(../images/menu_inventory.png) no-repeat center 10px; background-size:32px}
.top-menu ul li.inventory a.active { background:#3dc98f url(../images/menu_inventory.png) no-repeat center 10px; background-size:32px}


.top-menu ul li.customers a { background:url(../images/menu_customers.png) no-repeat center -70px; background-size:32px}
.top-menu ul li.customers a:hover { background:#3dc98f url(../images/menu_customers.png) no-repeat center 10px; background-size:32px}
.top-menu ul li.customers a.active { background:#3dc98f url(../images/menu_customers.png) no-repeat center 10px; background-size:32px}

.top-menu ul li.marketing a { background:url(../images/menu_marketing.png) no-repeat center -82px; background-size:32px}
.top-menu ul li.marketing a:hover { background:#3dc98f url(../images/menu_marketing.png) no-repeat center 10px; background-size:32px}
.top-menu ul li.marketing a.active { background:#3dc98f url(../images/menu_marketing.png) no-repeat center 10px; background-size:32px}

.top-menu ul li.reports a { background:url(../images/menu_reports.png) no-repeat center -71px; background-size:22px}
.top-menu ul li.reports a:hover { background:#3dc98f url(../images/menu_reports.png) no-repeat center 12px; background-size:22px}
.top-menu ul li.reports a.active { background:#3dc98f url(../images/menu_reports.png) no-repeat center 12px; background-size:22px}


.top-menu ul li.messages a { background:url(../images/menu_messages.png) no-repeat center -80px; background-size:32px}
.top-menu ul li.messages a:hover { background:#3dc98f url(../images/menu_messages.png) no-repeat center 14px; background-size:32px}
.top-menu ul li.messages a.active { background:#3dc98f url(../images/menu_messages.png) no-repeat center 14px; background-size:32px}

.top-menu ul li.pose a { background:url(../images/menu_pos.png) no-repeat center -77px; background-size:32px}
.top-menu ul li.pose a:hover { background:#3dc98f url(../images/menu_pos.png) no-repeat center 10px; background-size:32px}
.top-menu ul li.pose a.active { background:#3dc98f url(../images/menu_pos.png) no-repeat center 10px; background-size:32px}

.top-menu ul li.settings a { background:url(../images/menu_settings.png) no-repeat center -60px; background-size:32px}
.top-menu ul li.settings a:hover { background:#3dc98f url(../images/menu_settings.png) no-repeat center 14px; background-size:32px}
.top-menu ul li.settings a.active { background:#3dc98f url(../images/menu_settings.png) no-repeat center 14px; background-size:32px}

.top-space { height:128px;}
.top-space1 { height:68px;}

/* HOME BODY ----------------*/

.dashboard { margin:15px 6px; padding:0; }
.dashboard .list-header{ background:#f9f9f9; border-bottom:1px solid #dadada; text-align:center; font-size:25px; color:#394244; padding:5px 0; margin-bottom:5px }
.dashboard ul { text-align:center; border-collapse: separate; border-spacing: 3px 0px;}
.dashboard ul li{ display:table-cell; width:300px;  border-top:4px solid #009b5b; text-align:center; background:#FFF; cursor:pointer; font-size:16px; line-height:16px; color:#394244; padding:0 10px 15px 10px; }
.dashboard ul li:hover{ border-top:4px solid #222; }
.dashboard ul li h1{ color:#009b5b;margin:10px 0 5px;}

.ad-banner{  padding:0 0 0 10px !important;}
.ad-banner img { float:left; margin-left:10px}
.home-events .list-header{ background:#f9f9f9; border-bottom:1px solid #dadada; text-align:center; font-size:25px; color:#394244; padding:5px 0; }
.home-events .list{ background:#FFF;}
.home-events .list-row{ border-bottom:1px solid #dadada; padding:12px 10px; cursor:pointer;}
.home-events .list-row img{ width:50px; vertical-align:top;}
.col-lg-7.home-events .list-row img{ width:50px; vertical-align:middle;}
.home-events .list-row p{ font-size:20px; color:#545d5f; display:inline-block; margin-left:15px; width:70%; padding-bottom:0; }






.daterangepicker {top:157.892px !important; box-shadow: #ccc 0 -2px 8px;}
.daterangepicker:before, .daterangepicker:after { content: none !important;}
.home-events .list-row h1{ font-size:40px; color:#2aa865; float:right; margin:10px 10px auto 0px;}
.home-events { padding:0px !important; height:calc(100vh - 120px)!important; background:#FFF;}
.home-events:first-child {border-right:5px solid #e8e8e8;}

/* Title Bar ----------------*/

.title-bar { height:50px; border:0px solid #F00; position:fixed; z-index:99; width:100vw; 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 ul li a:hover{ background:#d5d5d5;}

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

.title-bar .butt { float:right; margin-right:25px; font-size:20px; color:#666;}
.title-bar .butt img {width:25px; vertical-align:sub;  filter:invert(55%);}

/* 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;
}



/* Company BODY ----------------*/


#content-wrapper{
  display:table;
}

#content{
  display:table-row;
}

/*adding some extras for demo purposes*/
#content-wrapper{
	display: table;
  width:100%;
  height:100%;  
  height:100vh; 
  top:40px;
  left:0px;
  bottom:50px;
  position:fixed;
  border-collapse: separate; border-spacing: 7px 10px;
  background:#e8e8e8;
  overflow-x: hidden;
  overflow-x: hidden;
  z-index: 9999;
  
}
#nav{ 
  margin:0 0px;
  display:table-cell;
  
}
#body{  
  margin:0 0px;
  display:table-cell;
}

.panel {
	border:0px solid #F00;
	position:fixed;
	width:49.5% !important;
	height:91%;	
	height:calc(100% - 52px);		
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:0;
	padding:0px 0px;
	margin-top:0;
}

.panel-foot {
	border:0px solid #F00;
	position:fixed;
	width:49.5%;
	height:95% !important;
	height:calc(100% - 110px);	
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:0;
	padding:0px 0px;
	margin-top:0;
	background:#FFF;
}

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

.footer { background:#747474; height:70px; position:fixed; bottom:0; width:50%;}
.foot-links { text-align:center; color:#949494; margin-top:35px; font-size:18px}
.foot-links a{ color:#00854e;} 
.footer-btn { background:#3cb858; height:70px; position:fixed; bottom:0px; width:50%; cursor:pointer; color:#FFF; font-size:20px; text-align:center; line-height:70px;}
.footer-result { background:#394244; height:70px; position:fixed; bottom:0; width:49.6%; cursor:pointer; color:#FFF; font-size:20px; text-align:center; line-height:70px;}
.footer-result p { float:left; font-size:25px; color: #FFF; padding:0 25px;}
.footer-result p:last-child { float:right; font-size:30px; font-weight:bold;}

/*My company Profile --------------------- */

.comp-logo { text-align:center;    font-size: 21px;    margin-top: 8px;}
.comp-logo img{ height:50px; width:auto; margin-top:25px}

.carousel {
    margin: 25px auto;
    position: relative;
    width: 50%;
}

.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:18px 15px  }

.row-list .title { color:#545d5f; font-size:17px;}
.row-list .value { color:#16774f; font-size:20px; text-align:right;}
.row-list .value-left { color:#16774f; font-size:20px; text-align:left; width:100%;}
.row-list .clear { clear:both}

.comp-banner { position:relative; width: 100%; height:200px; overflow:hidden;}
.comp-banner img{ width:100%;}
.comp-banner .trans-bg { background:#333; height:50px; width:100%; margin-top:155px; position:absolute; opacity:0.4;}
.comp-banner a { color:#FFF; position:absolute; right:15px; top:165px; font-size:17px; text-decoration:underline; z-index:999;}
.comp-banner a:hover { text-decoration:none;}
.contact-person{ width:150px; height:150px; position:absolute; z-index:12; margin:-80px 0 0 25px;}
.contact-person img{ width:150px; height:150px;}

.contact-details { border:0px solid #F00; margin-left:200px; font-size:17px; color:#545d5f; padding-bottom:20px;}
.contact-details h2 { font-size:25px; color:#16774f; margin:10px 0;}
.contact-details img { width:20px;}
.contact-details br { margin:5px 0 10px 0;}

.hours ul { clear:both}
.hours ul li{ float:left; width:200px; margin:10px 0;color:#16774f; font-size:20px; text-align:left; }
.hours ul li.time{ color:#565e60;}
.hours p { color:#d93b51; text-align:center; margin-left:0px; padding:10px 0 0 0;}

.star-rev { position:absolute; right:10px; top:15px; width:130px; font-size:20px; border:0px solid #F00;}	
.star-rev img{ width:24px;} 

/*Inventory List --------------------- */
/*.inv-list { display:inline-flex;}*/

.inv-list {border-top:1px solid #cfcfcf; border-bottom:0px solid #cfcfcf; padding:25px 0px; margin:0;  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{ color:#273234; font-size:23px; margin:0px 0 5px 0; line-height:18px;}
.inv-list p{color:#273234; font-size:16px; margin:0;}
.inv-list p span { margin:0 15px 0 0}
.inv-list p span.crp{color:#e04444; font-size:20px;}
.inv-list p span.oldp{color:#9d9d9d; font-size:18px;}
.inv-list p span.line-thru{color:#9d9d9d; font-size:18px; text-decoration:line-through;}
.inv-list p span.off{color:#2a6ed7; font-size:18px;}
.inv-list p span.stock{color:#0A9215; font-size:18px;}
.inv-list .active-arrow { position:absolute; right:5px; top:25px; width:10px; height:auto;}
.inv-list span.small{color:#7b7b7b; font-size:16px; margin-bottom:6px; display:block}

.inv-list p.orderid { color:#8b8b8b; margin-bottom:5px;}
.inv-list p.orderid span { color:#039c5d; font-size:20px;}

.inv-list span.cust-name{ color:#115dd3; font-size:20px;}

.inv-list p.right { position:absolute; right:15px; top:0px; text-align:right;} 

.inv-list p.right a.pending { background:#ffe9d6; color:#e26b46; display:block; width:100px; text-align:center; padding:7px; margin-top:10px; position:absolute; right:15px; text-decoration:none;}

.inv-list p.right a.confirm { background:#d2f9c7; color:#336525; display:block; width:100px; text-align:center; padding:7px; margin-top:10px; position:absolute; right:15px; text-decoration:none;}

.inv-list p.stylist { color:#8b8b8b;}
.inv-list p.stylist span { color:#464d4f; font-size:18px;}

.inv-list h2.price { color:#d02c2c; float:right; }

.inv-list p.price {position:absolute; right:0; top:0}



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

.right-btns { width:50px; position:absolute; right:30px; top:20px; z-index:999;}
.right-btns a img { width:70px; }
.right-btns a{ display:block; background:#f1f1f1; width:65px; height:65px; padding:5px; margin-bottom:10px; border-radius:10px; text-align:center; cursor:pointer;}
.right-btns a:hover{   background:#dddddd; }

.sepa { border:5px solid #e8e8e8; margin:0;}
.sepa1 { border:1px solid #e8e8e8; margin:15px 0;}

.pro-details { border:0px solid #F00; padding:0 25px}
.pro-details h2{ margin:25px 0 5px; font-size:30px; color:#273234;}
.pro-details p{ font-size:18px; }
.pro-details img{ width:35px; }
.pro-details a.review{ font-size:20px;vertical-align:bottom; margin-left:20px; text-decoration:underline;}


.pro-details p span { margin:0 15px 0 0}
.pro-details p span.crp{color:#e04444; font-size:30px;}
.pro-details p span.oldp{color:#9d9d9d; font-size:25px; vertical-align:bottom;}
.pro-details p span.line-thru{color:#9d9d9d; font-size:25px; text-decoration:line-through;}
.pro-details p span.off{color:#2a6ed7; font-size:25px;}
.pro-details .active-arrow { position:absolute; right:20px; top:25px; width:10px; height:auto;}

.pro-spec { border:0px solid #F00; padding:0 25px}
.pro-spec h2{ margin:25px 0 5px; font-size:25px; color:#273234;}
.pro-spec p{ font-size:20px; }

.pro-gen { border:0px solid #F00; padding:0 25px}
.pro-gen h2{ margin:25px 0 5px; font-size:25px; color:#273234;}

.pro-gen .col-lg-3 { font-size:18px;  }
.pro-gen .col-lg-9 { font-size:18px;color:#535859;}
.pro-gen .kno-more{ text-align:center; display:block; margin:25px auto; font-size:18px; text-decoration:underline; cursor:pointer;}


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

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

.cus-list .img-circle { padding-left:12px}
.cus-list h2 {
    color: #273234;
    font-size: 23px;
    line-height: 26px;
    margin: 5px 0 8px;
}
.cus-list p{color:#273234; font-size:16px; margin:4px 0;}
.cus-list p img { margin:0 10px 0 0; width:20px;}

.cus-list .active-arrow { position:absolute; right:-10px; top:30px; width:10px; height:auto;}
.cus-list .col-lg-2 { width:13%}

.chat { position:absolute; right:20px; top:30px; text-align:center; display:block;  z-index:99; }
.chat img { width:50px;}
.chat a { font-size:16px; color:#696969;}

.edit-card { position:absolute; right:20px; top:213px; text-align:center; display:block;  z-index:99; }
.edit-card img { width:50px; filter:brightness(200%);}
.edit-card a { font-size:16px; color:#fff !important;}


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

.issue-giftcard { position:absolute; left:20px; top:20px; text-align:center; width:60px; display:block;  z-index:99; }
.issue-giftcard img { width:50px; margin:0 auto 3px auto;}
.issue-giftcard a { font-size:15px; color:#696969; text-align:center; line-height:12px}

.issue-rewardcard { position:absolute; left:120px; top:20px; text-align:center;  width:60px; display:block;  z-index:99; }
.issue-rewardcard img{ width:50px; margin:0 auto 3px auto;}
.issue-rewardcard a { font-size:15px; color:#696969; text-align:center; line-height:12px}

.cus-details  .img-circle { width:200px; height:200px; margin:30px auto 0}
.cus-details h2 { text-align:center; font-size:22px;}
.cus-details .sepa { border:1px solid #e8e8e8; margin:0; }
.cus-details p { padding:20px 0 !important; margin:0; font-size:20px;}
.cus-details p img { width:25px; margin:0 15px 0 50px;}


.cus-details .user_engage{ background:#26c482; display:block; width:400px; margin:0 auto; border-radius:100px; color:#FFF; font-size:25px; padding:10px 0; text-align:center}
.cus-details .user_engage:hover{ text-decoration:none; background:#0fad6b;}
.cus-details .user_engage img{ height:40px}

.cus-details .card{ background:#e8e8e8; display:block; width:400px; margin:0 auto; border-radius:100px; color:#404040; font-size:19px; padding:15px 25px; }
.cus-details .card:hover{ text-decoration:none; background:#d2d2d2;}
.cus-details .card img{ height:25px; float:right;}

.footer .ftbtn-issue-giftcard { color:#FFF; font-size:22px; display:block; margin:20px 0; width:200px;}
.footer .ftbtn-issue-giftcard img{ height:30px; margin-right:10px; filter:brightness(200%);}

.footer2 .btn-reply { color:#FFF; font-size:22px; display:block; margin:20px; float:right; width:113px; }
.footer2 .btn-reply img{ height:30px; margin-right:10px;vertical-align: sub}
.footer .add-new-cat { color:#FFF; font-size:22px; display:block; margin:20px auto; width:240px; }
.footer .add-new-cat img{ height:30px; margin-right:10px;}

.footer .next { color:#FFF; font-size:22px; display:block; margin:12px auto; width:240px; text-align:center }

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

.cus-eng-log .title{ font-size:25px; padding:16px 20px; float:left;}
.cus-eng-log .btn-close{ float:right;display:block; width:35px; margin:15px 15px 0; cursor:pointer;}
.clear { clear:both;}

.cus-eng-log .nav {
    border-spacing: 0;
    list-style: outside none none;
    margin-bottom:10px;
    padding-left: 0;
	border:1px solid #d2d2d2;
	background:#f4f4f4;
	
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #e3e3e3;  
    border-width: 0px;
    color: #313131;
    cursor: default;
}
.nav-tabs li a{ font-size:18px; padding:15px 35px; display:block; color: #737373;}

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

.gift-card-asso .card{ width:95.5%; height:290px; margin:0 auto 15px; border:1px solid #fff; border-radius:10px;}
.gift-card-asso .card img{ position: absolute;width:95%; height:290px; z-index:-999;border-radius:10px;}

.gift-card-asso .card p.card-name { text-align:center; margin-top:40px; font-size:24px; color:#949595; text-transform:uppercase;} 
.gift-card-asso .card p span.platnum { color:#176990; font-size:28px; text-transform:uppercase;}

.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:85px 0 0 40px; font-size:18px; color:#fff; width:150px; bottom:0px; float:left;} 
.gift-card-asso .card p span{ color:#fff; font-size:35px; font-weight:bold; padding:0px; margin:0;}
.gift-card-asso .card p.amount{ float:right; color:#fff; font-size:45px; font-weight:bold; padding:0px; margin:100px 40px 0 0 ;}


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

.reward-card-asso .card{ width:95%; height:290px; margin:0 auto 15px; border:1px solid #fff; }
.reward-card-asso .card img{ position: absolute;width:95%; height:290px; z-index:-999;}

.reward-card-asso .card p.card-name { text-align:center; margin-top:40px; font-size:24px; color:#949595;} 
.reward-card-asso .card p span.platnum { color:#176990; font-size:28px; text-transform:uppercase;}
.reward-card-asso .card p span.gold { color:#be7d00; font-size:28px; text-transform:uppercase;}

.reward-card-asso .card p.validty { margin:85px 0 0 40px; font-size:18px; color:#fff; width:150px; bottom:0px;} 
.reward-card-asso .card p span{ color:#fff; font-size:35px; font-weight:bold; padding:0px; margin:0;}


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

.m-board {width:70%; border-collapse: separate;  border-spacing: 3px 5px; margin:10px auto}
.m-board th{ background:#63696a; color:#FFF; font-size:16px; line-height:18px; text-align:center; padding:20px 10px; width:12%; cursor:pointer}
.m-board th img{ width:50px; padding-bottom:20px;}
.m-board td{ background:#fff; color:#545d5f; font-size:17px; text-align:center; line-height:18px; width:25%; cursor:pointer; padding:5px 10px}
.m-board td span{ color:#389c73; font-size:35px; font-weight:bold; padding-bottom:0px; display:block;}

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

/* Reports --------------------- */
.report { background:#FFF; width:49.4%; display:inline-block; font-size:25px; color:#545d5f; text-align:center; padding:20px 10px 10px 10px; margin:0 8px 12px 0}

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

.top-menu .dropdown-menu { background:#727a77; left:-90%; top:72px; padding:5px; }
.top-menu ul li .dropdown-menu a{ background:none; color:#FFF; height: auto; text-align:center; width:150px; display:block; padding:10px 25px; font-size:16px; line-height:16px; white-space: normal; border-radius:5px;}
.top-menu ul li .dropdown-menu a:hover{ background:#3dc98f !important;}
.top-menu ul li .dropdown-menu a img{ width:100px; margin:0 auto 5px }
.top-menu ul li .dropdown-menu li { border:0;} 
.top-menu .pos { left:-170%;}
.top-menu ul li .dropdown-menu li span { background:#ff503f; border-radius:100px; padding:5px; min-width:20%;height:20%; position:absolute; right:15px; top:10px; color:#FFF; display: compact}
.top-menu ul li .dropdown-menu li span.yellow { background:#e5832c;}
.top-menu ul li .dropdown-menu li span.green { background:#589e29;}
.top-menu ul li .dropdown-menu li span.blue { background:#4593ff;}
.top-menu ul li .dropdown-menu li span.purple { background:#c66dd1;}

/* Message --------------------- */
.msg-details {height:510px;overflow-x: hidden;overflow-y:auto; border:0px solid #F00}
.cus-q { border:1px solid #a2a2a2; border-radius:6px; width:80%; color:#12b370; font-size:20px; float: left; position:relative; margin:25px 0; } 
.msg-details .cus-q p { padding:16px 25px; margin:0px;} 

.reply { border:1px solid #a2a2a2; border-radius:6px; width:81%; color:#6e6e6e; font-size:20px; float: right; position:relative; margin:25px 0; } 
.msg-details .reply p { padding:16px 25px; margin:0px; width:90%} 

.msg-details .date{ color:#acacac; font-size:16px; position:absolute; right:10px; bottom:-23px; }

.msg-details .reply-box { position:fixed; bottom:0px; width:50%; margin-left:-15px; height:200px; border-top:5px; border-top:5px solid #adadad;}
.msg-details .reply-box p { position:absolute; right:10px; color:#5f5f5f; font-size:13px; }

.msg-details .reply-box textarea { color:#484848; width:100%; height:125px; padding:20px 20px 10px;  }

.msg-details .tick-double { position:absolute; width:50px; right:10px;}
.msg-details .tick-single { position:absolute; width:35px; right:10px;}

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

.noti-icon { text-align:center; margin:10px 0 20px;}
.noti-icon img{ width:150px;}
.settings{border-collapse: separate;border-spacing: 10px 10px; margin:0 auto; width:100%}
.settings td{ background:#FFF; padding:10px 15px; font-size:17px; color:#545d5f;}
.settings td img { width:100px; }

.set-row {  width: 100%; padding:0px 15px;}
.set-row table { width: 100%;background:#FFF; }
.set-row table td{ padding:0 10px;}
.set-row table td table td{ padding:0 10px;}
.set-row h3 { font-size: 18px; margin: 0 0 15px 0;}

/* Toggle Switch --------------------- */
.switch {
  position: relative;  width: 70px;  height: 40px;  float: right; margin:20px 0;}
/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}
.slider:before {  position: absolute;  content: "";  height: 35px;  width: 35px;  left: 3px;  bottom:2.5px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}

input:checked + .slider {  background-color: #56be86;}
input:focus + .slider {  box-shadow: 0 0 1px #56be86;}
input:checked + .slider:before {  -webkit-transform: translateX(40px);  -ms-transform: translateX(40px);  transform: translateX(40px);}

/* Rounded sliders */
.slider.round {  border-radius: 34px;}
.slider.round:before {  border-radius: 50%;}

/* Customer Review */

.cus-rev { padding:25px 25px 5px; border-bottom:1px solid #cfcfcf;}
.cus-rev .cus-img { width:70px; float:left;}
.cus-rev .cus-info { width:70%; float:left; margin-left:15px;}
.cus-rev .cus-info h2{ font-size:25px; margin:0px;}
.cus-rev .cus-info span{ font-size:16px; color:#7e8587; }
.cus-rev .cus-info img{ width:23px;margin-top:5px;}
.cus-rev .rev h3{ font-size:22px;}
.cus-rev .rev p{ font-size:17px; color:#445053;}
.cus-rev .rev a{ float:right; display:block; margin-bottom:15px;}
.cus-rev .rev a img{ width:33px;}
.cus-rev .reply-panel textarea{ width:100%; height:130px; border:1px solid #bdbdbd; padding:10px; font-size:16px;}
.cus-rev .reply-panel input{ background:url(../images/butt_send.png) no-repeat; width:60px; height:60px; float:right; display:block; background-size:60px; outline:none; border:0; margin:-25px 25px 0 0; position:relative}
.cus-rev .reply-panel span{ float:right; font-size:17px; color: #4b4b4b; margin-right:8px;}

/* Company Profile Create */

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

.nor-field { width:100%; }
.nor-field h3 { font-size:20px; margin:0 0 25px 0}
.nor-field ul.hours { clear:both; margin:5px 0 20px 0; display:block;  height:45px}

.nor-field ul.hours li{ float:left; font-size:25px; color:#217a55; margin-right:25px; }
.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:5px 15px; font-size:18px; margin-right:10px; }
.nor-field ul.hours img { width:40px; vertical-align: middle;}
.nor-field ul.hours .inactive{ color:#888;}

.complogo h3 { font-size:20px; margin:0 0 20px 0}
/*.complogo img{ width:200px; float:left; margin-right:150px}*/
.complogo img{float:left; margin-right:150px}
.complogo .camera{ text-align:center; font-size:16px; float:left;width:60px; color:#888;}
.complogo .gallery{ text-align:center; font-size:16px; float:left; margin-left:100px;width:60px;color:#888;}

.store-img h3 { font-size:20px; margin:0 0 20px 0}
.store-img img{ width:200px; float:left; margin-bottom:30px;}
.cover img{ width:90%; float:left; margin-bottom:30px;}
.store-img .camera{ text-align:center; font-size:16px; float:left;width:60px; color:#888;}
.store-img .camera img{ margin:0px;} 
.store-img .gallery{ text-align:center; font-size:16px; float:left; margin-left:100px;width:60px;color:#888;}
.store-img .gallery img{ margin:0px;} 
.store-img .items li{ width: 140px; height: 90px; float: left; margin-right: 10px;  overflow: hidden; position: relative; margin-bottom:10px;}.store-img .items li a{position: absolute;  top: 3px;  right: 1px; width: 28px; height: 28px;  z-index: 9999;}.store-img .items li a img{max-width: 100%;}
/* Create Inventory */
.create-inventory  { background:#FFF; width:99%;}
.create-inventory h3 { float:left; font-size:20px; color:#545d5f; margin:12px;}

.create-inventory input.date { border:1px solid #ccc;  width:30%;  float:left;}
.create-inventory input.cal { background:url(../images/calendar-icon.png) no-repeat; background-size:40px; width:40px; height:40px;}


.create-inventory table { width:100%;}
.create-inventory table td{ padding:0 10px}
.create-inventory .timepicker { width:100%; float:left;}
.create-inventory .datepicker { width:100%; float:left;}

.create-inventory .input-group-addon {
    background:none;   
    padding:0;
    text-align: center;
	border:0;
	width:40px;
	margin-left:10px;
}

.create-inventory .input-group .form-control {
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 0;
	padding:5px 10px;
	height:40px;
	margin-right:20px;
	width:98%;	
}

.dropdown-menu {
    background:#FFF ;	
}

.create-inventory ul.items li{ float:left; display: block; width:200px; height:250px; border:1px solid #ccc; margin-right:25px; padding:25px; text-align:center; position:relative}
.create-inventory ul.items li img.img-item { max-width:100%; height:100%;}
.create-inventory ul.items li a { width:50px; display:block; position:absolute; bottom:-30px; left:0; right:0; margin:0 auto;}
.create-inventory .item-buttons a {
    display: inline-table;
    margin: 40px 0px 30px;
    padding: 20px;
    text-align: center;
    width: 135px;
	color:#666;
	font-size:15px
}
.create-inventory .item-buttons a img{ width:70px; padding-bottom:10px}


/* Radio Button */
*:focus, *:active, *:hover, a, label, div {
    outline: none !important;
}

label.btn span {  font-size:20px ;}

label input[type="radio"] ~ i.fa.fa-circle-o{ color: #bababa;  display: inline; vertical-align:sub;}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{    display: none;}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{    display: none;}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{    color: #3dc98f;    display: inline; vertical-align:sub;}
label:hover input[type="radio"] ~ i.fa {color: #909090;}
div[data-toggle="buttons"] label.active{    color: #929292; font-size:18px;}
div[data-toggle="buttons"] label {padding: 6px 12px;font-size:18px; text-align: left; cursor: pointer; color: #808080; }
div[data-toggle="buttons"] label:hover {color: #565656; }
div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {-webkit-box-shadow: none;box-shadow: none;}


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

.gift-card-details h2{ color:#04608b; font-size:30px; text-align:center; padding-top:30px;}

.gift-card-details .card{ width:100%; height:290px; margin:0 auto 15px; border:0px solid #f00; position:relative; }
.gift-card-details .card img{ position: absolute;width:100%; height:290px; z-index:-999;}

.gift-card-details .card p.validty { margin:25px 0 0 40px; font-size:20px; color:#fff; width:150px; bottom:0px; float:left;} 
.gift-card-details .card p span{ color:#fff; font-size:35px; font-weight:bold; padding:0px; margin:0;}
.gift-card-details .card p.amount{ float:right; color:#fff; font-size:45px; font-weight:bold; padding:0px; margin:40px 40px 0 0 ;}

.gift-card-details .card .offer { background:url(../images/trans-bg.png) repeat; height:170px; width:100%; position:absolute; bottom:0; color:#FFF; font-size:20px; padding:25px 45px; line-height:24px;}
.gift-card-details .terms { font-size:20px; padding:16px 40px;line-height:24px;}

.footer2 { background:#747474; height:70px; position:fixed; bottom:0; width:50%; z-index:99999;}

.footer2 .ftbtn-issue-giftcard { color:#FFF; font-size:22px; display:block; margin:20px; width:250px; float:left; border:0px solid #F00;}
.footer2 .ftbtn-issue-giftcard img{ height:35px; margin-right:10px; }

.footer2 .giftcard-history { color:#FFF; font-size:22px; display:block; margin:20px; width:260px; float:right; border:0px solid #F00;}
.footer2 .giftcard-history img{ height:35px; margin-right:10px;}

.footer2 .rewardcard-history { color:#FFF; font-size:22px; display:block; margin:20px; width:260px; float:right; border:0px solid #F00;}
.footer2 .rewardcard-history img{ height:35px; margin-right:10px;}

.footer2 .issue-rewardcard { color:#FFF; font-size:22px; display:block; margin:20px; width:260px; float:left; border:0px solid #F00;}
.footer2 .issue-rewardcard img{ height:35px; margin-right:10px; }

.gift-card-details p.card-name { text-align:center; margin-top:15px; font-size:24px; color:#949595; text-transform:uppercase;} 
.gift-card-details p span.platnum { color:#176990; font-size:28px; text-transform:uppercase;}

.footer2 .submit { color:#FFF; font-size:22px; display:block; margin:20px; width:120px; float:right; border:0px solid #F00; }
.footer2 .submit img{ height:22px; margin-right:10px; vertical-align:sup}

.footer2 .add-coupon { color:#FFF; font-size:22px; display:block; margin:20px; width:260px; float:left; }
.footer2 .add-coupon img{ height:35px; margin-right:10px;}

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

.footer .butt-preview { color:#FFF; font-size:22px; display:block; margin:20px auto; width:125px; }
.footer .butt-preview img{ height:30px; margin-right:10px;}

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

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

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

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




/* Coupons Details --------------------- */

.coupons{}
.card-design1{ background:#a65aa8;    background: -webkit-linear-gradient(#c07ac2, #994a9b);     background: -o-linear-gradient(#c07ac2, #994a9b);     background: -moz-linear-gradient(#c07ac2, #994a9b); 
    background: linear-gradient(#c07ac2, #994a9b);border:2px dashed #333; }
	
.card-design2{ background:#eb9a27;    background: -webkit-linear-gradient(#f9b85b, #eb9a27);     background: -o-linear-gradient(#f9b85b, #eb9a27);     background: -moz-linear-gradient(#f9b85b, #eb9a27); 
    background: linear-gradient(#f9b85b, #eb9a27);border:2px dashed #333;  }

.card-design3{ background:#4b4b4b;    background: -webkit-linear-gradient(#6e6e6e, #4b4b4b);     background: -o-linear-gradient(#6e6e6e, #4b4b4b);     background: -moz-linear-gradient(#6e6e6e, #4b4b4b); 
    background: linear-gradient(#6e6e6e, #4b4b4b); border:2px dashed #333;  }
	
.card-design4{ background:#f6b233;    background: -webkit-linear-gradient(#f6b233, #81b026);     background: -o-linear-gradient(#f6b233, #81b026);     background: -moz-linear-gradient(#f6b233, #81b026); 
    background: linear-gradient(#f6b233, #81b026);border:2px dashed #333; }
	
.coupons .card{   width:96%;  margin:20px auto; border-radius:10px;padding:30px 35px;}

.coupons .card h2{ color:#FFF; font-size:30px; font-weight:bold; text-align:left; margin:0 0 5px;}
.coupons .card p{ color:#FFF; font-size:24px; text-align:left; margin:0;}
.coupons .card p span{ color:#FFF; font-size:30px; font-weight:bold; text-align:left; margin:0;}

.coupon-details .card{border-right:0;border-left:0;padding:30px 35px;} 
.coupon-details h2{ color:#a155a3; font-size:40px; font-weight:bold; text-align:center; margin:20px 0;}
.coupon-details .card p{ color:#FFF; font-size:24px; text-align:left; margin:0;}
.coupon-details .card p span{ color:#FFF; font-size:35px; font-weight:bold; text-align:left; margin:0;}
.coupon-details p.terms { font-size:20px; padding:30px;}

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

.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:320px}
.hist .card-hist .comp-logo{ position:absolute; right:50px; top:30px;}
.hist .card-hist .bal-amount  { position:absolute; left:50px; top:65px; font-size:20px; color:#534f4f;}
.hist .card-hist .bal-amount span {font-size:30px; color:#303131;}
.hist .card-hist .card-type  { position:absolute; top:85px; font-size:23px; color:#006da1; text-align:center; width:96%}
.hist .card-hist .cardno { position:absolute;  top:150px; font-size:43px; color:#FFF; font-weight:bold; text-align:center; width:95%; letter-spacing:4px;}
.hist .card-hist .cardno span{ margin:0 10px;}
.hist .card-hist .validty{ position:absolute; bottom:15px; text-align:center; width:95%; color:#FFF; font-size:18px;}
.hist .card-hist .validty span {font-size:25px; line-height:30px;}
.hist .card-hist .name { position:absolute;  top:20px; left:50px; font-size:28px; color:#534f4f; text-align:left; width:96%;}

.hist .card-hist .gold {
    color: #be7d00;   
}

ul.hist-tab { display:table; width:100%; border-collapse: separate;  border-spacing:0px;}
ul.hist-tab li {   width:33.3%; background:#5c6e89; font-size:20px; color:#FFF;  text-align:center; display:table-cell; margin:0 !important;padding:0 !important; border-right:1px solid #FFF;}
ul.hist-tab li:last-child {border-right:0;}
ul.hist-tab li a{color:#FFF; padding:15px 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:23px; line-height:70px; clear:both; margin-bottom:2px; padding:15px 0}
.user .col-lg-2 {width: 12%;}
.user .col-md-4 {width: 31%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

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

/* Sub Menu --------------------- */
.sub-menues table{ margin:25px auto;}
.sub-menues table td{ padding:20px 35px; text-align:center; font-size:20px }
.sub-menues table td span{ font-size:23px; color:#009557; font-weight:bold; }
.sub-menues table td img{ padding-bottom:10px; width:160px}
.sub-menues table td a:hover{ opacity:0.8;}

/* Service Menu --------------------- */
.serv-menues table{ margin:25px auto;}
.serv-menues table td{ padding:5px 20px; text-align:center; font-size:20px; width:30% }
.serv-menues table td span{ font-size:23px; color:#009557; font-weight:bold; }
.serv-menues table td img{ padding-bottom:10px; max-width:100%;}
.serv-menues table td a { display:block;}
.serv-menues table td a:hover{ opacity:0.8;}
/* Help --------------------- */

.help { width:60%; margin:20px auto;}
.help p{ font-size:18px; color:#565656;}
.help p strong{font-size:25px; color:#009256;}



.modal-dialog {
    margin: 350px auto;
    width: 600px;
}
.red-text { color:#f00; font-size:22px;}

.green-text { color:#060; font-size:22px;}


.inv-list .add-cart { position:absolute; right:40px; bottom:0px; width:10px; height:auto;}
.inv-list .add-cart img { height:40px;}

.cart-bottom { border-top:1px solid #d9d9d9; width:100%;}
.cart-bottom .number { width:170px; float:left; text-align:center; border-right:1px solid #e1e1e1;}
.cart-bottom .btn-remove { width:140px; float:right; text-align:center;  border-left:1px solid #e1e1e1; color:#c97575; font-size:15px; line-height:52px; cursor:pointer;}
.cart-bottom .btn-remove:hover { text-decoration:none; color:#e04444; }


.cart-bottom .number .decrese .fa-minus-circle { color:#a9a9a9; font-size:32px; padding:10px;}
.cart-bottom .number .decrese:hover .fa-minus-circle { color:#e04444; }
.cart-bottom .number .increse .fa-plus-circle { color:#a9a9a9; font-size:32px; padding:10px;}
.cart-bottom .number .increse:hover .fa-plus-circle { color:#278b3e; }
.cart-bottom .number span { font-size:25px;}

.heading { color:#28a362; font-size:24px; padding:15px; margin:0;border-bottom:1px solid #cfcfcf;}


.row-list1 { border-top:0px solid #cfcfcf; border-bottom:0px solid #cfcfcf; padding:18px 15px 10px }
.total { background:#f4f6f6;padding:16px 15px}
.padd-sm { padding:10px 15px 0px }

.row-list1 .title p{ color:#373e40; font-size:17px; padding:0px; margin:0; line-height:17px;}
.row-list1 .title span{ color:#8c9293; font-size:17px;}
.row-list1 .title h3{ color:#373e40; font-size:25px; padding:0px; margin:0; }
.row-list1 .title-red p{ color:#da2b2b; font-size:17px; padding:0px; margin:0; line-height:17px;}
.row-list1 .title-green p{ color:#009143; font-size:17px; padding:0px; margin:0; line-height:17px;}

.row-list1 .price { color:#3f3f3f; font-size:20px; text-align:right;}
.row-list1 .price-red { color:#da2b2b; font-size:20px; text-align:right;}
.row-list1 .price-green { color:#009143; font-size:20px; text-align:right;}

.row-list1 .price-left { color:#3f3f3f; font-size:20px; text-align:left;}

.check-fields { padding-left:20px;}
.check-fields span{ padding-left:20px;}

.check-form { margin-left:20px; width:100%;}
.check-form input[type=text]{ width:70%; height:45px;}
.check-form input[type=button]{ width:100px; height:45px; background:#3cb858; color:#FFF; font-size:16px; border:0px; border-radius:5px; margin-left:10px;}

.bill-address { font-size:20px; padding:20px;}
.edi-btn { float:right;}
.edi-btn img{ width:40px; margin:10px 10px 0 }

/*Order List --------------------- */
/*.ord-list { display:inline-flex;}*/

.ord-list {border-top:1px solid #cfcfcf; border-bottom:0px solid #cfcfcf; padding:0px 0px; margin:0;  width:100%; cursor:pointer;}
.ord-list:last-child {border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}

.ord-list .top { background:#f5f5f5; padding:10px 15px 10px 10px; margin-bottom:10px;}
.ord-list .bottom { background:#e7f8eb; padding:10px 15px 10px 10px;margin-top:20px;}

.ord-list .left { float:left;}
.ord-list .right { float:right;}
.ord-list .center { text-align:center;}

.ord-list .date { float:left; padding:0 0 15px 15px;}

.ord-list .active-arrow { position: absolute;
    right: 15px;
    top: 45px;
    width: 10px;
    height: auto;}

.ord-list .red { color:#E53033;}
.ord-list .green { color:#199432;}

.ord-list h2{ color:#273234; font-size:23px; margin:0px 0 5px 0; line-height:18px;}
.ord-list p{color:#273234; font-size:16px; margin:0;}
.ord-list p span { font-weight:bold; }
.ord-list .price{color:#DF3D40; font-size:22px; text-align:right; margin-top:-35px}

.address {font-size: 20px;
padding: 25px; min-height:90px;}
.address img{ position: absolute; right:20px; top:26px; width:50px;}

.card .active-arrow { right:20px; top:25px; width:10px; height:auto;}
/* developed by Sougata */
.customer-deatails{ display: none; }
.error_mail{ font-weight: bold; font-size: 13px; color: red; }
.error_radio_cust{ font-weight: bold; font-size: 13px; color: red; }
.error_mail_new{ font-weight: bold; font-size: 13px; color: red; }
.error_radio_cust1{ font-weight: bold; font-size: 13px; color: red; }
.giftcard_error{ font-weight: bold; font-size: 14px; color: red; padding-left: 28px; }
.rewardcard_error{ font-weight: bold; font-size: 14px; color: red; padding-left: 28px; }
.checkout_error{ font-weight: bold; font-size: 14px; color: red; padding-left: 28px; }
.loader{ display: none; }
/* developed by Sougata */

.footer-btn2 {background: #3cb858;height: 70px;position: relative;width: 50%;cursor: pointer;color: #FFF;font-size: 20px;text-align: center;line-height: 70px;}
/*---------------17-04-2017--BY SUPRIO DA-------------------------------------------------*/
.inv-list p.price {position:absolute; right:0; top:0}
.login .wrapper {	
	margin-top: 0px;
  margin-bottom: 80px;
}

.login .form-signin {
  max-width: 420px;
  padding: 15px 35px 40px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1); 
}

  .login .form-signin-heading,
	.login .checkbox {
	  margin-bottom: 30px;
	  margin-left:20px;
	}

	.login .checkbox {
	  font-weight: normal;
	}

	.login .form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;

	}

/*	@include box-sizing(border-box)
	
		&:focus {
		  z-index: 2;
		}
	*/

	.login input[type="text"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	  
	}				/*New CSS*/	.ad-banner a{float:left; width:50%; overflow:hidden;max-height:300px;}	.ad-banner a img{max-width:100%; max-height:100%; }

	.login input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
	
	.login a { margin-top:30px; display:block; text-align:center;}
	
	.login .btn-primary { background:#3dc98f; border:1px solid #2fb67e;}

.modal-dialog {
    margin: 250px auto;
    width: 420px;
}

.modal-body {
    padding: 20px;
    position: relative;
}
.modal-body .btn-primary { background:#3dc98f; border:1px solid #2fb67e;}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #129860;
    border-color: #04663e;
    color: #fff;
}


.skil-set h2 { text-align:left; color:#e2840b;}
.skil-set ul li { margin:8px 0; font-size:16px; color:#595f61;}
.skil-set ul li img { padding-right:15px; width:21px;}

.year { font-size:25px; color:#2a6ed7; border:1px solid #a6a6a6; width:100%; text-align:center; padding:10px 0}

.dates { color:#535353;  text-align:center;}
.dates ul { margin:0 auto; display:block;  }
.dates ul li{ border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; float:left; width:14.28%;padding:10px 0; display:inline-block;}

.dates ul li.off { background:#f4f4f4; color:#cdcdcd;}

.dates ul li:hover {  color:#2a6ed7; cursor:pointer;}
.dates ul li.active {  color:#2a6ed7;}

.dates ul li:last-child { border-right:1px solid #bfbfbf; }

.dates ul li span { font-size:20px;}
.dates ul li strong { font-size:50px;}

.time { width:80%; margin:20px auto;}

.time a{ border:1px solid #2a6ed7; border-radius:10px; display:inline-block; color:#2a6ed7; padding:20px 0; width:48%; text-align:center; font-size:16px; margin:5px }
.time a:hover{ background:#2a6ed7; color:#FFF; text-decoration:none;}
.time a.active{ background:#2a6ed7; color:#FFF; text-decoration:none;}

.serv-cat { border:1px solid #b7b7b7 !important;}

.select-multi { border:1px solid #b7b7b7 !important; margin:10px 0;}
.select-multi > option { padding:10px 15px;}
.select-multi > option:hover, .select-multi > option:focus, .select-multi > option:active { background:#DADADA !important; }

.add-more{ text-align:center;}
.add-more a{ font-size:22px; color:#8c8c8c; text-decoration:underline;}
.add-more a:hover{  color:#767676;}
.add-more img{ width:38px; padding-right:10px; display:inline-block}

.orderid {}
/*----------------------24-04-2017-----------------------------------------------------------------------------*/
            .tk .l1 {
    border: 0!important;
    box-shadow: none;
    padding: 0;}
            
       .kk:focus, .l1, .Ao {
    transition: all 0s;
    margin: 1px!important;
}     

.tS {
    left: -10000px;
    width: 1px;
    position: absolute;
}

.tk .tT {
    padding-top: 2px;
}

.tT {
    font-size: 13px;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
}

.tN {
    background-color: #f5f5f5;
    border: 1px solid #d9d9d9;
    cursor: default;
    display: block;
    height: 20px;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.tO {
    display: inline-block;
    color: #222;
    margin: 2px 5px;
    max-width: 325px;
    max-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    cursor: move;
}

.tM {
    display: inline-block;
    width: 14px;
    height: 20px;
    background: no-repeat url(../images/g_ml_cc_cross.gif) -4px 0;
    opacity: .6;
    vertical-align: top;
    cursor: pointer;
}

#uber_pdf{ 
            position: relative; 
           float: right;
           margin-top: -230px;
           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:-15px}
.service_addcart{top:50px}
.service_edit{top:-15px;right:102px !important}
.service_readmore{top:50px;right:150px !important}

#home_js{position: absolute;bottom:0;right: 0;left: 0; top: 126px}

.service_cart_price {position:absolute; right:180px; top:0}
.service-add-cart {    
    position: absolute;
    right: 0px;
    top: 0px;
    width: 10px;
    height: auto;
}
.service-add-cart img {height:35px}
.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;}
.service_pref_width1 h2{ text-align: left !important;color: #e2840b;}
.service_pref_width1 ul li { margin:8px 0; font-size:16px; color:#595f61;}
.service_pref_width1 ul li img { padding-right:15px; width:21px;}

.img-a-cross { background:url(../images/btn-close.png) no-repeat !important; }


/*----------------------------- 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:98vh;
	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:92.5vh;
	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.5%;
	height:calc( 100% - 220px );
	}

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

.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:15px 0 ;
	font-size:40px;
}
.order-price input { background:#FFF; color:#3dc98f; padding:6px 15px; border:0; border-radius:5px; margin:5px auto 0px;font-size: 15px; display:block;  }

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

.ord-bottom .ord-row { background:#f2f3f4; border:1px solid #dcdddf; border-right:0;border-left:0;border-bottom:0; padding:7px 13px; font-size:13px;}
.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-row .padd-sm { padding:5px 0px 0px}

.ord-bottom .ord-clear{ height:50px;text-align:center;  color:#f24747;}
.ord-bottom .ord-clear a{ line-height:35px; 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 .service_pos_elem { height:270px;}  
.product-grid .service_pos_elem small { display:block; padding:3px 0; text-align:left;}

.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;
}


.product-grid .service_pos_elem p { text-align:left;}
.product-grid .service_pos_elem span { display:block;}




.product-grid p  { margin:0px ; padding:0px;}
.product-grid p:first-child { text-align:center;}
.product-grid p img{ margin:0px auto;}

.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: 10.5em; 
    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:calc( 100% - 220px );
}
.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:72vh;	
}
.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:53px;width:63.3%;}
.keyboard table { background:#e8e8e8; border-collapse: separate;border-spacing: 2px 2px;}
.keyboard table td{ background:#f2f3f4; text-align:center; padding:15px 0; font-size:20px; 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;}

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

.add-cart-modified{
	position: absolute;
	right: 0px;
	width: 10px;
	height: auto;
	top:-12px;
}

.add-cart-modified a{
	margin-bottom:6px;
}

.modal { z-index: 99999;}
.modal-backdrop { z-index: 9999;}