/*NEW THEME STYLES: 7-OCT-2014 THARANI */
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-reg-webfont.eot');
    src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-reg-webfont.woff') format('woff'),
         url('../fonts/proximanova-reg-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-reg-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova Italic';
    src: url('../fonts/proximanova-sbolditalic-webfont.eot');
    src: url('../fonts/proximanova-sbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-sbolditalic-webfont.woff') format('woff'),
         url('../fonts/proximanova-sbolditalic-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-sbolditalic-webfont.svg#ProximaNovaSemiboldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../fonts/proximanova-sbold-webfont.eot');
    src: url('../fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-sbold-webfont.woff') format('woff'),
         url('../fonts/proximanova-sbold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: bold;
    font-style: normal;

}

body{ background:#fff; 
color:#9a9a9a;   
font: normal 14px/20px 'Proxima Nova',Helvetica, Arial, sans-serif; 
margin: 0;
padding: 0;}

select{-webkit-appearance:none;  border-radius:0;}

.backtotop.adminArea{ background:#eee;}
.newBlue{ color:#4cc0bf;}
.newGreen{ color:#99c939;}
.quickLinks{ background:#eee; padding:30px 0; color:#414141;}
.quickLinks a{ color:#414141; text-decoration:underline;}
.quickLinks .welcomeMSG{ float:left;}
.quickLinks .rightLinks{float: right;    margin-right: 10px;}
.quickLinks .siteName{float: left;    margin-right: 10px;}
.adminDashboard{ background:url(../images/admin/dashboardBG.png) no-repeat top center #eee; min-height:900px;  padding:0 0 40px; }
.dashBoardLeft{ float: left;   min-height: 800px;   width: 75%;}
.dashBoardRight{ background:#fff; float: right;  min-height: 800px; width: 22%; padding:1%;}

.dashBoardLeft.overview{ min-height: 500px; margin-bottom: 10px;}
.dashBoardRight.overview{ min-height: 545px; margin-bottom: 10px;}

.dashBoardLeft.newsletter{ min-height: 250px; margin-bottom: 10px;}
.dashBoardRight.newsletter{ min-height: 250px; margin-bottom: 10px;}

.dashBoardLeft .barChartHolder{  background:#fff; padding: 2%;  width: 96%; margin-bottom: 10px; height:250px}
.dashBoardLeft .barChartHolder .head{ font-size:22px; line-height:30px; margin-bottom:10px;}
.dashBoardLeft .barChartHolder .head .settingGear{ float:right; cursor:pointer; background:url(../images/admin/greyGear.png) left top no-repeat; width:24px; height:24px;}
.dashBoardLeft .barChartHolder .placeImageHere{  width: 400px; height: 190px; margin-left: 60px; float:left; background:#f7f7f7; text-align:center; border:2px dashed #d7d7d7;}
.dashBoardLeft .barChartHolder .placeImageHere .labele{ margin-top: 75px; text-align:center; color:#b5b5b5; font: bold 12px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}

.dashBoardLeft .mapHolder{ background:#fff; padding: 1%;  width: 98%; margin-bottom: 10px; height:250px; }
.dashBoardLeft .mapHolder #addressMap.gridMaps{ height:250px ;}

.bottomGrids{ float: left; width: 100%;}
.bottomGrids .row{ margin:0;}
.bottomGrids .grid{ float: left;  min-height: 270px;  margin-right: 10px;  padding: 10px; width: 265px; background:#fff; margin-bottom:10px; }
.bottomGrids .grid.last{ float:right; margin-right:0; }
.bottomGrids .grid .head{ font-size:18px; line-height:24px; margin-bottom:20px; }
.bottomGrids .grid .head .settingGear{ float:right; cursor:pointer; background:url(../images/admin/greyGear.png) left top no-repeat; width:24px; height:24px;}

.dashBoardLeft .bottomGrids .grid .progressBar{ float: left; width: 100%; margin-bottom:20px;}
.dashBoardLeft .bottomGrids .grid .progressBar.small{ float: left; width: 100%; margin-bottom:13px;}
.dashBoardLeft .bottomGrids .grid .progressBar .progressHead{ font-weight:bold; color:#989898; font-size:14px; line-height:20px; float:left; width:100%;}
.dashBoardLeft .bottomGrids .grid .progressBar .dashboardProgress{ margin:0; border-radius:0; float:left; width:85%; height:30px;}
.dashBoardLeft .bottomGrids .grid .progressBar .progress{ margin:0;float:left; width:85%;}
.dashBoardLeft .bottomGrids .grid .progressBar .progressValue{ margin: 4px 0 0 5px; font-weight:bold; color:#989898; font-size:14px; line-height:20px; float:left; }
.dashBoardLeft .bottomGrids .grid .progressBar.small .progressValue{ margin: -4px 0 0 5px; font-weight:bold; color:#989898; font-size:14px; line-height:20px; float:left; }

.bar.orange{ background:#f17b33 !important;}
.bar.red{ background:#ed3e3c !important;}
.bar.green{ background:#99c939 !important;}
.bar.yellow{ background:#fcd14e !important;}
.bar.yellow{ background:#fcd14e !important;}
.bar.yellowDark{ background:#f4a52d !important;}
.bar.pink{ background:#ec2052 !important;}

.dashBoardLeft .bottomGrids .grid .campaignGridData{ float:left; width:100%; text-align:center;}
.dashBoardLeft .bottomGrids .grid .campaignGridData .totalValue{text-align:center; float:left; width:100%; font: bold 187px/165px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;   }
.dashBoardLeft .bottomGrids .grid .campaignGridData .labelDiv{text-align:center; float:left; width:100%; margin-bottom:20px; font-weight:bold; color:#989898; font-size:19px; line-height:20px; }
.dashBoardLeft .bottomGrids .grid .campaignGridData .link{text-align:center; float:left; width:100%;font-weight:bold; color:#989898; font-size:12px; line-height:16px; text-decoration:underline;  }
.dashBoardLeft .bottomGrids .grid .link{text-align:center; float:left; width:100%;font-weight:bold; color:#989898; font-size:12px; line-height:16px; text-decoration:underline;  }

.dashBoardLeft .bottomGrids .grid .bestSellerGridData{ float:left; width:100%; text-align:center;}
.dashBoardLeft .bottomGrids .grid .bestSellerGridData .link{float:left; width:100%;  font-weight:bold; color:#f17b33; font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; text-align:left;  }


.gridHolder.rewardsHolder{ background:#eee;}

.dashBoardLeft .bottomGrids .grid .rewardGridData{ float:left; width:100%; text-align:center;}
.dashBoardLeft .bottomGrids .grid .rewardGridData .totalValue{text-align:center; float:left; width:100%; font: bold 100px/100px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;   }
.dashBoardLeft .bottomGrids .grid .rewardGridData .labelDivTop{ text-align:center; float:left; width:100%; margin-bottom:0px; font-weight:bold; color:#2a2a2a; font-size:14px; line-height:20px;}
.dashBoardLeft .bottomGrids .grid .rewardGridData .labelDiv{text-align:center; float:left; width:100%; margin-bottom:13px; font-weight:bold; color:#989898; font-size:19px; line-height:20px; }
.dashBoardLeft .bottomGrids .grid .rewardGridData .link{text-align:center; float:left; width:100%;font-weight:bold; color:#989898; font-size:12px; line-height:16px; text-decoration:underline;  margin-bottom:5px;  }
.dashBoardLeft .bottomGrids .grid .rewardGridData p{ text-align:center; float:left; width:100%; font-size:10px; line-height:14px;}

.dashBoardLeft .bottomGrids .grid.newProducts p{ text-align:left; float:left; width:100%; font-size:12px; line-height:18px;}
.dashBoardLeft .bottomGrids .grid.newProducts a{ color:#929292;; font-size:12px; line-height:18px; text-decoration:underline;}
.dashBoardLeft .bottomGrids .grid.newProducts .placeImageHere{  width: 98%; height: 130px; margin-bottom: 10px; float:left; background:#f7f7f7; text-align:center; border:2px dashed #d7d7d7;}
.dashBoardLeft .bottomGrids .grid.newProducts .placeImageHere .labele{ margin-top: 50px; text-align:center; color:#b5b5b5; font: bold 12px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}

.dashBoardLeft .bottomGrids .grid.events .txt{ text-align:left; float:left; width:100%; font: normal 14px/18px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; margin-bottom:10px;}
.dashBoardLeft .bottomGrids .grid.events ul{ margin:0; padding:0;}
.dashBoardLeft .bottomGrids .grid.events ul li{ list-style:none; margin-bottom:3px; padding-bottom:3px; float:left; width:100%; border-bottom:1px solid #d8d8d8;}
.dashBoardLeft .bottomGrids .grid.events ul li:last-child{ border: none; margin:0; padding:0;}
.dashBoardLeft .bottomGrids .grid.events ul li a .eventName{ font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:0px;}
.dashBoardLeft .bottomGrids .grid.events ul li a .eventDesc{ color:#929292;  font: normal 12px/18px 'Proxima Nova',Helvetica, Arial, sans-serif; float:left; width:100%;}

.dashBoardLeft.partnerRewards p{ float:left; width:100%; font: normal 14px/18px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; margin-bottom:10px; }
.dashBoardLeft.partnerRewards .rewardGridData .totalValue{text-align:center; float:left; width:100%; font: bold 100px/100px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;  }
.dashBoardLeft.partnerRewards .rewardGridData .labelDivTop{ text-align:center; float:left; width:100%; margin-bottom:0px; font-weight:bold; color:#2a2a2a; font-size:14px; line-height:20px;}
.dashBoardLeft.partnerRewards .rewardGridData .labelDiv{text-align:center; float:left; width:100%; margin-bottom:13px; font-weight:bold; color:#989898; font-size:19px; line-height:20px; }
.dashBoardLeft.partnerRewards .rewardGridData .link{text-align:center; float:left; width:100%;font-weight:bold; color:#989898; font-size:12px; line-height:16px; text-decoration:underline;  margin-bottom:5px;  }
.dashBoardLeft.partnerRewards .rewardGridData p{ text-align:center; float:left; width:100%; font-size:10px; line-height:14px;}

.bottomGrids .grid.rewards .giftHolder{  margin-top: 15px; text-align:center; float:left; width:100%;}
.bottomGrids .grid.rewards .giftHolder .ico{ margin-bottom:10px;}
.bottomGrids .grid.rewards .giftHolder .name{ font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:10px; }
.bottomGrids .grid.rewards .giftHolder .redeemBtn{ margin-left: 65px;   float: left;    padding: 10px 10px 10px 40px;  background: url("../images/admin/addICOWhite.png") no-repeat scroll 10px center #4cc0bf; color:#fff; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;}
.bottomGrids .grid.rewards .giftHolder .redeemBtn a{font: bold 14px/18px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; color:#fff;}
.bottomGrids .grid.rewards .giftHolder .redeemBtn:hover{ background-color:#2ba1a0;}
.bottomGrids .grid.rewards.products .head{ height:60px; margin-bottom:10px; width: 225px;}
.bottomGrids .grid.rewards.products .giftHolder .ico{ margin-bottom:30px;  }
.bottomGrids .grid.rewards.products .giftHolder .ico img{  height: 220px;   width: 270px;}
.bottomGrids .grid.rewards.products .giftHolder .name{ margin:0; font: bold 12px/18px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left;}
.bottomGrids .grid.rewards.products .giftHolder .name span{ font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; }
.bottomGrids .grid.rewards.products.new{ background:url(../images/admin/newProductBand.png) no-repeat right top #fff; }
.bottomGrids .grid.rewards.products .left{ float:left; text-align:left; width:50%;  text-overflow: ellipsis; }
.bottomGrids .grid.rewards.products .right{ float:right; text-align:right;}
.bottomGrids .grid.rewards.gallery{ min-height:180px;}

.dashBoardRight .rightTop{ float:left; width:100%; margin-bottom:20px; }	
.dashBoardRight .rightTop .head{ font-size:22px; line-height:30px; margin-bottom:10px;}
.dashBoardRight .rightTop .txt{ color:#929292; font-size:14px; line-height:20px;}	

.adminRight .rightTop{ float:left; width:100%; margin-bottom:20px; }	
.adminRight .rightTop .head{ font-size:22px; line-height:30px; margin-bottom:10px;}
.adminRight .rightTop .txt{ color:#929292; font-size:14px; line-height:20px;}


.dashBoardRight .rightBottom{ float:left; width:100%; margin-bottom:0px; margin-top:10px; }	
.dashBoardRight .rightBottom .head{ font-size:22px; line-height:30px; margin-bottom:5px;}
.dashBoardRight .rightBottom .txt{  color:#929292;  font: normal 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;}	
.dashBoardRight .rightBottom p{ margin-bottom: 5px; color:#989898; font-size:12px; line-height:16px;}
.dashBoardRight .rightBottom p strong{ font-size:14px; line-height:16px; }
.dashBoardRight .rightBottom p a{font-weight:bold; color:#989898; font-size:12px; line-height:16px; text-decoration:underline;}	
.poweredBy{ font-size:12px; line-height:18px; float:right; color:#7e7e7e; margin: 10px 0 0;}	
#back-top-static {font-size:12px; line-height:18px; float:left; color:#7e7e7e; margin: 10px 0 0; display:none;}


#coolMenu > li:hover > a {	color:#4cc0bf; }
#coolMenu ul li:hover a {	background: #4cc0bf; }
#coolMenu ul li li:hover a{ background: #2ba1a0 !important;}
#coolMenu > li > ul > li:hover > a.chev{ background:#4cc0bf;   }


.addICOwhite{ background:url(../images/admin/addICOWhite.png) no-repeat left center; padding:10px 0 10px 25px; }
.exportExcelICOwhite{ background:url(../images/admin/exportExcelICOWhite.png) no-repeat left center; padding:10px 0 10px 25px; }

.quicklinks-delimeter{ ; width:100%; height:40px; background:#eee; }
.admin-modules{ background:url(../images/admin/dashboardBG.png) no-repeat top center #eee; min-height:900px;  padding:0 0 40px; }

.adminLeft{ background:#fff; float: left;   min-height: 825px;   width: 75%;}
.adminLeft.transperant{ background:none;}
.adminLeft.fullwidth{ width:100%;}
.adminRight{ background:#fff; float: right;  min-height: 800px; width: 21%; padding:17px;}

.formError{ background:none !important;}
.adminLeft .adminForms input[type="text"], .adminLeft .adminForms input[type="email"], .adminLeft .adminForms input[type="password"], .adminLeft .adminForms textarea{ border:1px solid #f2f2f2; border-radius:0; background:#f2f2f2;}
.adminLeft .adminForms select{ border:1px solid #f2f2f2; border-radius:0; background:#f2f2f2; }
input[type="text"].errorField, input[type="password"].errorField, textarea.errorField, select.errorField, 
.adminLeft .adminForms input[type="text"].errorField, .adminLeft .adminForms input[type="password"].errorField, .adminLeft .adminForms  textarea.errorField,
.adminLeft .adminForms  select.errorField{ border: 1px dashed #4cc0bf;}

input[type="text"].okField, input[type="password"].okField, textarea.okField, select.okField, 
.adminLeft .adminForms input[type="text"].okField, .adminLeft .adminForms input[type="email"].okField, .adminLeft .adminForms input[type="password"].okField, .adminLeft .adminForms  textarea.okField,
.adminLeft .adminForms  select.okField{ border: 1px solid #23b978;}

.adminRight .adminForms .btn.btn-primary.btn-flat.medium{ min-width: 90px;  margin-right: 0;}
.adminForms .span4 input[type="text"], .adminForms .span4 input[type="password"] { width:360px; }
.adminForms .span8 input[type="text"], .adminForms .span8 input[type="password"] { width:760px; }
.adminForms .span8 textarea { width:760px; height:300px; }

.adminLeft .heading{ float:left; margin:20px 0 0 20px; font-size:22px; line-height:30px; font-weight:bold; }
.adminLeft .subHead{ float:left; width:90%; margin:10px 0 0 20px; font-size:14px; line-height:20px; font-weight:bold; }
.adminLeft .rightLinks{ float:right; padding:10px; background:#4cc0bf;}
.adminLeft .rightLinks a{ color:#fff;font-size:14px; line-height:20px; font-weight:bold; }
.adminLeft .gridHolder{ float:left; margin:20px; width:95%; }
.adminLeft .gridHolder.rewardsHolder{ float:left; margin:0px 0 20px 0px; width:100%; }
.adminLeft .gridHolder.rewardsHolder .bottomGrids .grid{ /*width: 258px;*/}

.adminLeft .gridHolder .table-striped{ margin-top:20px; float:left;}
.adminLeft .gridHolder .table th {   color: #929292; border-top:0; border-bottom:2px solid #aeaeae; font: bold 13px/19px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;}
.adminLeft .gridHolder .table tr td{border-top: 1px solid #ccc; color:#929292; font: normal 14px/19px 'Proxima Nova',Helvetica, Arial, sans-serif; word-wrap:break-word;}
.adminLeft .gridHolder .table tr td a{ color:#929292; font: normal 14px/19px 'Proxima Nova',Helvetica, Arial, sans-serif; text-decoration:underline;}
.adminLeft .gridHolder .table tr:last-child td{border-bottom: 1px solid #ccc;}
.adminLeft .gridHolder .table tr td.recordCount{ border-bottom:none; text-align:left;}

.adminLeft .gridHolder .table th:last-child, .adminLeft .gridHolder .table td:last-child{ text-align:right;}
.adminLeft .gridHolder .table td:last-child a{ margin-right:0; text-decoration:none; text-decoration: underline;}
.adminLeft .paginationHolder{ float:left; width:100%; }
.adminLeft .paginationHolder .paginationControls { float:left; font: bold 13px/19px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;}
.adminLeft .paginationHolder .paginationControls select{ background:#e6e6e6; height: 25px;  padding: 0 5px; width:60px; color:#222; font: bold 13px/19px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;}
.adminLeft .paginationHolder .pageNumbers{ padding: 0px 0; float:right; font: bold 13px/19px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;}
.gridActionLinks{float: right;  margin-top: -11px;}
#withSelectedGrid{ background:#e6e6e6;   height: 25px;  padding: 0 5px;  width: 90px; font: bold 13px/19px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;}
.adminLeft .gridHolder .table tr th input[type="checkbox"], .adminLeft .gridHolder .table tr td input[type="checkbox"] { margin: -5px 0 0;}

.adminRight .advanceSearchHolder{ float:left; width:100%;}
.adminRight .advanceSearchHolder .heading{ float:left; font: bold 22px/30px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; width:100%; margin-bottom:10px; }
.adminRight .advanceSearchHolder input[type="text"]{ border-radius:0; border:0; background:#e8e8e8; color:#8a8a8a;  font: bold 14px/19px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; margin-bottom: 20px; width: 96%;}
.adminRight .advanceSearchHolder .conditionHolder{ float:left; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #e2e2e2;}
.adminRight .advanceSearchHolder .conditionHolder .heading{ float:left; color:#929292; font: bold 14px/19px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; margin-bottom:15px; }
.adminRight .advanceSearchHolder .conditionHolder .heading a{ color:#929292;  text-decoration:underline; font: normal 14px/19px 'Proxima Nova',Helvetica, Arial, sans-serif;}
.adminRight .advanceSearchHolder .conditionHolder ul{ margin:0; padding:0;}
.adminRight .advanceSearchHolder .conditionHolder ul li{ list-style:none; color:#929292;   font: normal 14px/19px 'Proxima Nova',Helvetica, Arial, sans-serif; margin-bottom:7px;}
.adminRight .advanceSearchHolder .conditionHolder ul li input[type="checkbox"]{ float:left; margin:3px 5px 0 0; }
.adminRight .advanceSearchHolder .advancedSearchBtn{ background:url(../images/admin/searchICOWhite.png) 18px 18px no-repeat #4cc0bf;  border: medium none;  color: #fff;  margin-top: 0px;  padding: 15px 30px 15px 40px; font: bold 14px/19px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;  -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;}
.adminRight .advanceSearchHolder .advancedSearchBtn:focus, .adminRight .advanceSearchHolder .advancedSearchBtn:hover{ background-color:#2ba1a0;}
.adminRight .rightDelimeter{ float:left; width:100%; height:40px;}
.adminRight .accountSummary{ width:90%; padding:5%; float:left; background:#e4e4e4;}
.adminRight .accountSummary .head{ color:#606060; font: bold 17px/23px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; border-bottom:2px solid #fff; margin-bottom:10px;}
.adminRight .accountSummary .planLabel{ color:#929292; font: bold 13px/21px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; }
.adminRight .accountSummary .planName{ color:#929292; font: bold 36px/43px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:10px; }
.adminRight .accountSummary .progressHolder{ float:left; width:100%; margin-bottom:10px;}
.adminRight .accountSummary .progressHolder .progressHead{ color:#929292; font: bold 11px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}
.adminRight .accountSummary .progressHolder .progress{ float:left; width:100%; margin:0;}
.adminRight .accountSummary .progressHolder .progress .bar{ background:#4cc0bf;}
.adminRight .greyLinks a{ text-decoration:underline; color:#929292; font: normal 13px/21px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}

.adminLeft .adminLeftTop{ background:#fff; padding:2%; margin-bottom:15px; float:left; width:96%;}
.adminLeft .adminLeftTop .heading{ float:left; width: 100%; margin:0 0 20px; font-size:22px; line-height:30px; font-weight:bold; }
.adminLeft .adminLeftTop .subheading{ float:left; width: 100%; margin:0 0 20px; font-size:18px; line-height:24px; font-weight:bold; }

.adminRight .heading{ float:left; width: 100%; margin:0 0 20px; font-size:22px; line-height:30px; font-weight:bold; }

.adminLeft .adminLeftTop .heading .settingGear{ float:right; cursor:pointer; background:url(../images/admin/greyGear.png) left top no-repeat; width:24px; height:24px;}
.adminLeft .adminLeftTop.imageGallery .placeImageHere{  padding: 95px 60px; margin-left: 100px; float:left; background:#f7f7f7; text-align:center; border:2px dashed #d7d7d7;}
.adminLeft .adminLeftTop.imageGallery .placeImageHere .labele{text-align:center; color:#b5b5b5; font: bold 12px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}

.adminLeft .adminLeftBottom{ background:#fff; padding:2%; margin-bottom:15px; float:left; width:96%;}
.adminLeft .adminLeftBottom .heading{ float:left; width: 100%; margin:0 0 20px; font-size:22px; line-height:30px; font-weight:bold; }
.adminLeft .adminLeftBottom .heading a{  color:#929292; font: bold 13px/21px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; text-decoration:underline;}
.adminLeft .adminLeftBottom .heading .settingGear{ float:right; cursor:pointer; background:url(../images/admin/greyGear.png) left top no-repeat; width:24px; height:24px;}
.adminLeft .adminLeftBottom.instagramGallery{ background:#fff; padding-bottom:0; overflow:hidden;}
.adminLeft .adminLeftBottom.instagramGallery .instafeed{ float:left; width: 100%; }
.adminLeft .adminLeftBottom.instagramGallery .instafeed .insta1{ float:left; width:306px; height:306px; margin:0 8px 8px 0;}
.adminLeft .adminLeftBottom.instagramGallery .instafeed .insta2{ float:left; width:306px; height:306px; margin:0 8px 8px 0;}
.adminLeft .adminLeftBottom.instagramGallery .instafeed .insta3{ float:left; width:202px; height:306px; margin:0 0px 8px 0;}
.adminLeft .adminLeftBottom.instagramGallery .instafeed .insta4{ float:left; width:516px; height:216px; margin:0 8px 0px 0;}
.adminLeft .adminLeftBottom.instagramGallery .instafeed .insta5{ float:left; width:306px; height:216px; margin:0 0px 0px 0;}
.adminLeft .adminLeftBottom.instagramGallery .instafeed .instas img{ width:100%; height:100%;}
.zigZag{background:url(../images/admin/instaBottomZigZag.png) left bottom repeat-x;    height: 25px;     margin-left: -17px;   margin-top: 555px;   overflow: hidden;   padding-bottom: 0;   position: absolute;   width: 75%; }


.adminLeft .adminLeftTop.clientEdit .logoHere{  padding: 95px 60px; margin-right: 10px; float:left; background:#f7f7f7; text-align:center; border:2px dashed #d7d7d7;}
.adminLeft .adminLeftTop.clientEdit .logoHere .labele{text-align:center; color:#b5b5b5; font: bold 12px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}

.adminRight .performanceOverview{ float:left; width:100%; margin-bottom:0px; margin-top:10px; }	
.adminRight .performanceOverview .head{ font-size:22px; line-height:30px; margin-bottom:5px;}
.adminRight .performanceOverview .txt{  color:#929292; font-size:14px; line-height:20px;}
.adminRight .performanceOverview .progressHolder{ float:left; width:100%; margin-bottom:10px;}
.adminRight .performanceOverview .progressHolder .progressHead{ color:#929292; font: bold 11px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}
.adminRight .performanceOverview .progressHolder .progress{ float:left; width:100%; margin:0;}
.adminRight .performanceOverview .progressHolder .progress .bar{ background:#4cc0bf;}

.adminLeftBottom .contentTypeBtns{ float:left; width:100%; min-height:400px; }
.adminLeftBottom .contentTypeBtns .contentType{ width:195px; height:190px; margin-right: 5px; float:left; background:#f7f7f7; text-align:center; border:2px dashed #d7d7d7;}
.adminLeftBottom .contentTypeBtns .contentType:last-child{ margin:0;}
.adminLeftBottom .contentType .labele{  margin-top: 90px; text-align:center; color:#b5b5b5; font: bold 12px/15px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}
.adminLeftBottom .contentType .labele a{color:#b5b5b5; font: bold 12px/15px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}

.adminLeftBottom .landingPageTypeBtns{ float:left; width:100%; min-height:400px; }
.adminLeftBottom .landingPageTypeBtns .landingPageType{ width:195px; height:190px; margin-right: 5px; float:left; background:#f7f7f7; text-align:center; border:2px dashed #d7d7d7;}
.adminLeftBottom .landingPageTypeBtns .landingPageType:last-child{ margin:0;}
.adminLeftBottom .landingPageType .labele{  margin-top: 35px; text-align:left; color:#b5b5b5; font: bold 12px/15px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}
.adminLeftBottom .landingPageType .labele a{color:#b5b5b5; font: bold 12px/15px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}
.adminLeftBottom .landingPageType:last-child .labele{  margin-top: 90px; text-align:center; color:#b5b5b5; font: bold 12px/15px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}

.adminLeft .landingPageTemplateMaker{ float:left; padding:4%; width:92%;  border:2px dashed #d7d7d7;}
.adminLeft .landingPageTemplateMaker .leftDIV{ float:left; width:48%;}
.adminLeft .landingPageTemplateMaker .rightDIV{ float:right; width:48%;}
.adminLeft .landingPageTemplateMaker .leftDIV .heading{color:#b5b5b5; font: bold 25px/32px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:80px; }
.adminLeft .landingPageTemplateMaker .leftDIV .texter{ margin-top:50px; color:#b5b5b5; font: normal 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:30px; }
.adminLeft .landingPageTemplateMaker .rightDIV .topText{ color:#b5b5b5; font: normal 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:10px;}
.adminLeft .landingPageTemplateMaker .rightDIV .landingTemplateForm{ margin:0;}


.adminLeft .adminForms{ float:left; width:100%;}
.adminLeft hr{ float:left; width:100%; }
.adminLeft .adminLeftTop.formEdit{ margin-top:0px;}
.req{ font-size:12px; color:#FC221D;}

.admin-modules.signin{ min-height:300px;}
.admin-modules.signin .signinDIV{ float:left; padding:2%; width:96%; background:#fff; margin-bottom:15px;}
.admin-modules.signin .signinDIV .heading{ margin:0;}
.admin-modules.signin .signinDIV .txt{ color:#b5b5b5; font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:30px;}
.admin-modules.signin .signinDIV .signinLeft{ border-right:1px solid #dbdbdb;float: left;    margin-right: 20px;    padding-right: 20px;    width: 370px;}
.admin-modules.signin .signinDIV .signinRight{ float:left;width: 400px;}
.admin-modules.signin .signinDIV .signinRight .txt{ color:#b5b5b5; font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:30px;}
.adminForms .remberMe input[type="checkbox"]{ float: left; margin-right: 5px;  margin-left: 2px;}
.adminForms .remberMe label{ color:#b5b5b5; font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; display: inline;float: left;}
.adminForms .signinBtnHolder{ margin-top:10px; color:#b5b5b5; font: normal 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif;  }
.adminForms .formStatus, .formStatus{ float: left; width:100%; margin:10px 0; font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; }

.admin-modules.signin .signupDIV{ float:left; padding:2%; width:96%; background:#fff; margin-bottom:15px;}
.admin-modules.signin .signupDIV .heading{ margin:0;}
.admin-modules.signin .signupDIV .txt{ color:#b5b5b5; font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%; margin-bottom:10px;}
.admin-modules.signin .signupDIV .or{ color:#b5b5b5; font: bold 24px/30px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:30%; margin:10px 0; text-align:center;}
.admin-modules.signin .signupDIV .psignup{ margin:0;}

.adminLeft.smallTop{ min-height:200px !important;}
.adminLeftTop .heading .rightLinks{  margin-right: -18px;    margin-top: -18px;}

.pageStoryBoard{ float:left; width:100%; overflow:auto; margin:80px 0;}
.pageStoryBoard .holder{ margin:0 auto 30px; text-align:center; float:left; width:100%;}
.pageStoryBoard .holder .groupDIV{ margin: 0px auto; width: 100%; float: left; }
.pageStoryBoard .itemHere{  width: 100px;  height: 120px;   margin:10px; float:left;   background:#f7f7f7; text-align:center; border:2px dashed #d7d7d7;}
.pageStoryBoard .labele{ margin: 50% auto; text-align:center; color:#b5b5b5; font: bold 12px/15px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}
.pageStoryBoard .itemHere.group{ background:#4cc0bf; color:#fff; border:2px dashed #fff; float: none;  margin: 0 auto 0px;}
.pageStoryBoard .itemHere.group .labele a{ color:#fff;}

.gridStatus{ margin:20px auto;}
.pageNumbers .total{ float:right;}
.pageNumbers ul li.disabled a{ cursor:not-allowed;}

.btn.btn-primary.btn-flat.green.arrow-right{  background: url("../images/admin/buttonArrowRight.png") no-repeat scroll 15px center #4cc0bf;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;}
.btn.btn-primary.btn-flat.green.arrow-left{  background: url("../images/admin/buttonArrowLeft.png") no-repeat scroll 15px center #4cc0bf;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;}
.emailPreviewHolder{ border:2px dashed #d7d7d7; height:600px; width:820px; float:left; padding:10px; margin:10px 0 30px; overflow:auto; }
.subscriberHolder{ float:left; width:100%; margin:20px 0 50px; }
.subscriberHolder .heading{ color:#5f5f5f; font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif !important; margin-bottom:5px !important; }
.subscriberHolder .heading a{ color:#5f5f5f; font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; text-decoration:underline;}
.subscriberHolder ul{ float: left;   margin: 5px 0;    padding: 0;    width: 100%;}
.subscriberHolder ul li{ list-style:none; float:left; margin-bottom:0px; width:280px;}
.subscriberHolder ul li input[type="checkbox"]{ float:left; margin:4px 5px 0 0;}
.subscriberHolder ul li label{ float:left; font-weight:bold;}
.subscriberHolder .countEmails{ float:left; width:100%; color:#989898; font: bold 20px/26px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; }

.emailTestHolder{ float:left; width:100%; margin:0 0 30px; }
.emailTestHolder .span4{ width:600px;}
.emailTestHolder .adminForms .span4 input[type="text"]{ float:left;}
.emailTestHolder .btn.btn-primary.btn-flat.medium{ float: left;    margin: 0;    padding: 8px;}
.emailConfigHolder input[type="text"].tinytxt{ width:100px;}

.adminForms .row .span4 input[type="text"].tinytxt{ width:100px;}
.adminForms .row .span4 input[type="text"].mediumtxt{ width:172px;}

.adminRight .whitepaperDocs{ float:left; width:100%; margin-bottom:10px; }
.adminRight .whitepaperDocs .title{ color:#5f5f5f; font: bold 16px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-seri; }
.adminRight .whitepaperDocs .title a{ color:#5f5f5f; font: normal 13px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-seri; text-decoration:underline; }
.adminRight .whitepaperDocs .by, .adminRight .whitepaperDocs .date{ font: normal 14px/20px 'Proxima Nova',Helvetica, Arial, sans-seri; }

.genheading{ font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif !important; margin-bottom:5px !important; }
h6.genheading { font: bold 18px/24px 'Proxima Nova Bold',Helvetica, Arial, sans-serif !important; margin-bottom:5px !important; }
.genheading a{ font: bold 14px/20px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; text-decoration:underline;}
ul.formListItems{float: left;   margin: 5px 0;    padding: 0;    width: 100%;}
ul.formListItems li{ list-style:none; float:left; margin-bottom:0px; width:200px;}
ul.formListItems li input[type="checkbox"]{ float:left; margin:4px 5px 0 0;}
ul.formListItems li input[type="radio"]{ float:left; margin:4px 5px 0 0;}
ul.formListItems li label{ float:left; font-weight:bold;}


.ui-datepicker .ui-datepicker-header{ background-color: #4CC0BF;}
.ui-datepicker .ui-datepicker-prev{ border-right: 2px solid #2CA2A1; }
.ui-datepicker .ui-datepicker-next {  border-left: 2px solid #2CA2A1; }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{ background-color: #2CA2A1; 	}
.ui-datepicker .ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-next:active{ background-color: #069f9e; 	}
.ui-datepicker:before {  border-color: transparent transparent #4CC0BF;}
.ui-datepicker {   border: 7px solid #4CC0BF; }
.ui-datepicker .ui-state-active {    background-color: #4CC0BF; }

.multiOptions{  cursor:pointer; width: 150px;  height: 120px;   margin:10px 10px 10px 0; float:left;   background:#f7f7f7; text-align:center; border:2px dashed #d7d7d7;}
.multiOptions .labele{ margin: 35% auto; text-align:center; color:#b5b5b5; font: bold 12px/15px 'Proxima Nova Bold',Helvetica, Arial, sans-serif; float:left; width:100%;}
.multiOptions .labele{ cursor:pointer;}
.multiOptions.active{ background: url('../images/itemHereTick.jpg') no-repeat 93% 93% #fcfcfc; border-color:#efefef; }



.landingPageTemplateMaker.landingPageCorporate .leftDIV{ width:65%;}
.landingPageTemplateMaker.landingPageCorporate .rightDIV{ width:30%;}

/*10-FEB-2015 - THARANI*/
.adminForms .span3 select{ min-width: 100%; }


/*1f-FEB-2015 - THARANI*/
.adminForms .span6 input[type="text"], .adminForms .span6 input[type="email"], .adminForms .span6 input[type="password"], .adminForms .span3 input[type="text"], .adminForms .span3 input[type="email"], .adminForms .span3 input[type="password"] {    min-width: 96%; }

/*1-march-2015*/
.bottomGrids .grid.products   { margin-right: 7px; display:initial!important;}
.bottomGrids .grid.rewards.products .giftHolder .ico img{  height: 200px;    width: 200px;}


/*6-April-2015 THARANI*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
select{  padding: 0px 0 0 10px; }
}

.adminRight .advanceSearchHolder input.dRangeSmall{ width: 44%;}

.bottomGrids .newBand{position: absolute; margin-left: 214px; margin-top: -10px;}