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

/* Tablet Portrait size to standard 960 (devices and browsers)
@media only screen and (min-height: 550px) and (max-height: 700px) { */
/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1000px) 
  and (max-device-width: 1400px)  { 
	
.top-bar h1{ 	
	border:0px solid #0F0;
}

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

.title-bar { height:50px; border:0px solid #F00; position:fixed; z-index:99; width:100vw; }
.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 10px}
.home-events .list-row img{ width:43px; }
.home-events .list-row p{ font-size:17px; color:#545d5f; display:inline; margin-left:15px; width:70%; display: inline-table; }
.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:250px;}

/* 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%;
	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.2%;
	height:75% !important;
	height:calc(100% - 110px);
	overflow-x: hidden;
	overflow-y:auto;
	margin-bottom:0;
	padding-bottom:0px;
	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;
}

.full-panel-lap {
	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:55px; position:fixed; bottom:0; width:49.3%;}
.foot-links {  margin-top:30px; font-size:16px}

/*My company Profile --------------------- */
.panel .comp-logo img{ height:45px; width:auto; margin-top:15px}



.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:20px; top:25px; width:10px;}

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

.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 h2 { font-size: 23px; line-height: 23px; margin: 0 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:22%}


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

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


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

.cus-details .card{  width:400px; font-size:18px; padding:10px 20px;}
.cus-details .card img{ height:20px;}

.footer .ftbtn-issue-giftcard {  font-size:18px; margin:12px auto; width:155px; }
.footer .ftbtn-issue-giftcard 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;}
.m-board th{ background:#63696a; color:#FFF; font-size:15px; text-align:center; padding:30px 10px; width:12%}
.m-board th img{ width:50px; padding-bottom:10px;}
.m-board td{  font-size:16px; width:25%;}
.m-board td span{ font-size:35px;}

.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:-210%;}
.top-menu .pos1 { left:-210%;}

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

.msg-details {height:410px;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;}

/* 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:5px 0 15px 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 10px; 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}
.cover img{ width:90%;  margin-bottom:20px;}
.store-img img{ width:120px;  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;}

.footer2 { background:#747474; height:70px; position:fixed; bottom:0; width:50%;}
.footer2 .ftbtn-issue-giftcard { color:#FFF; font-size:22px; display:block; margin:20px; width:200px; float:left;}
.footer2 .ftbtn-issue-giftcard img{ height:35px; margin-right:10px;}

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

.footer2 { background:#747474; height:70px; position:fixed; bottom:0; width:50%;}
.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;}

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



.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:135px;  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; }


/* 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 .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:11px 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%;}
.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 }


/* Service Menu --------------------- */
.serv-menues table{ margin:25px auto;}
.serv-menues table td{ padding:10px 20px;  font-size:17px }

/*----------------------------------------------------------------------------*/
.card .active-arrow {right:20px; top:25px; width:10px;}
/*---------------------SUPRIO DA 18-04-2017------------------------------------------------------*/
/* 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; }

.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:22px; padding:5px 0}

.dates ul li span { font-size:14px;}
.dates ul li strong { font-size:30px;}

.time { width:90%; margin:15px auto;}
.time a{ border-radius:7px;  padding:10px 0; width:47%;  font-size:16px; margin:5px }

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

.cart_details  { width:100%; height:216px; border:0px solid #F00; overflow-x: hidden; overflow-y:auto;}
.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 13px; font-size:13px;}

}