@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular/295379639-OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular/295379639-OpenSans-Regular.eot') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular/295379639-OpenSans-Regular.woff') format('woff'),
         url('../fonts/OpenSans-Regular/295379639-OpenSans-Regular.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular/295379639-OpenSans-Regular.svg#295379639-OpenSans-Regular') format('svg');
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light/563354493-OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light/563354493-OpenSans-Light.eot') format('embedded-opentype'),
         url('../fonts/OpenSans-Light/563354493-OpenSans-Light.woff') format('woff'),
         url('../fonts/OpenSans-Light/563354493-OpenSans-Light.ttf') format('truetype'),
         url('../fonts/OpenSans-Light/563354493-OpenSans-Light.svg#563354493-OpenSans-Light') format('svg');
}

/*------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:'OpenSans-Regular', Arial, Helvetica, sans-serif;}
body{font-family:'OpenSans-Regular', Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:0; position:relative;}
*{ padding:0; margin:0;}
a{outline:none; text-decoration:none;}
img{border:none; outline:none; max-width:100%;}
ul{list-style:none;}
.clear{clear:both;}
.f-left{float:left;}
.f-right{float:right;}
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }

.dis-blk{ display:block;}
.dis-inl-blk{ display:inline-block;}
.dis-inl-tab{ display:inline-table;}
.dis-table{ display:table;}
.relative{ position:relative;}
.none{ display:none;}
.width100{ width:100%;}
.width50{ width:50%;}
.lin-height{ line-height:1.7em;}
.opacity5{ opacity:.5;}
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-justify{ text-align:justify;}
.text-right{ text-align:right;}
.relative{ position:relative;}
.absolute{ position: absolute;}
.text-wrap{word-wrap:break-word;}
.headings{font-size:30px; color: rgba(48,84,100, 1); background:url(../images/stars1.png) no-repeat scroll center bottom; padding-bottom:10px; min-width:260px;}
.anima,.left-side .sidebar-menu li a, .customerDB .CDBox .bgimage .contnt{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
h2.sub_head{ font-family:'OpenSans-Light', Arial, Helvetica, sans-serif; font-size:20px; color:#444; padding:0 15px; }
h2.sub_head .between{ font-size:14px; margin-right:5px; line-height:1.6em;}

table th{ text-align:center;}

/*-----color codes-------*/
.blue{color:#258fbe;}
.dark-blue{color:#236eae}
.red{color:#d33232;}
.font-color{color:#5f7084;}
.white{ color:#FFF;}
.gray{color:#666;}
.green{ color:green;}
.yellow{ color:#ffde00;}

/*-----Padding&Margin-Section-------*/
.padd-all-10{ padding:10px;} .padd-all-20{ padding:20px;}
.padd-lr-20{ padding-left:20px; padding-right:20px;} .padd-tb-20{ padding-top:20px; padding-bottom:20px;}
.padd-tb-10{ padding-top:10px; padding-bottom:10px;}.padd-top-10{ padding-top:10px;}
.padd-top-20{ padding-top:20px;} .padd-bottom-20{ padding-bottom:20px;}
.marg-all-10{ margin:10px;} .marg-all-20{ margin:20px;}
.marg-lr-20{ margin-left:20px; margin-right:20px;} .marg-tb-20{ margin-top:20px; margin-bottom:20px;}
.marg-lr-10{ margin-left:10px; margin-right:10px;} .marg-tb-10{ margin-top:10px; margin-bottom:10px;}
.marg-top-20{ margin-top:20px;} .marg-bottom-20{ margin-bottom:20px;}
.marg-left-20{ margin-left:20px;} .marg-right-20{ margin-right:20px;}
.marg-top-10{ margin-top:10px;} .marg-bottom-10{ margin-bottom:10px;}
.marg-left-10{ margin-left:10px;} .marg-right-10{ margin-right:10px;}

/*-----BUTTON CSS-------*/
.button{ padding:7px 30px; color:#01369c; cursor:pointer; display:inline-block; border:solid 2px #01369c; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;  margin-right:5px; font-size:18px; font-family:'HelveticaNeue57Condensed'; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.button:hover{ background-color:#01369c; color:#FFF;}
.seemore{ color:#258fbe; cursor:pointer; border:none; display:inline-block; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.seemore:hover{color:#00b785;}

.search-btn{ width:35px; height:35px; border:none; cursor:pointer; opacity:.8; background:#258fbe url(../images/search-icon.png) no-repeat scroll center center; 
-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.search-btn:hover{ background:#00b785 url(../images/search-icon.png) no-repeat scroll center center; opacity:1;}

/*-----FORM CSS-------*/
.feild{ border:solid thin #ccc; padding:2px 10px; height:25px; width:200px; background-color:#dcdcdc; color:#000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.feild:focus{ border:solid thin #666;}
.check-box{ margin-right:5px; line-height:10px;}
.textarea{ border:solid thin #ccc; padding:5px 10px; height:60px; width:330px; background-color:#ccc; color:#000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

.find-feild{ border:none; padding:5px 5%; height:20px; width:75%; background-color:#01759f; color:#FFF; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}


/*-----MAIN CSS STARTED-------*/

.search{ border-radius:20px; border:none; background:rgba(255,255,255,0.6) url(../img/search-icon.png) no-repeat scroll 94% center; padding:3px 40px 3px 15px; width:220px; float:right; color:#fff;}
.search:focus{background:rgba(255,255,255,0.8) url(../img/search-icon.png) no-repeat scroll 94% center; color:#333;}
.skin-blue .navbar .nav .user-footer .btn{ line-height:20px;}
.btn .caret{ float:right; margin-top:-12px;}
.dropdown-menu{ width:100%;}
body .dropdown-menu > li > a{ display:inline-block; width:100%;}

.count_boxes{ text-align:center; color:#fff; margin-bottom:20px;}
.count_boxes .column{ padding:0 10px; margin-bottom:15px;}
.count_boxes .column .mybox{ display:inline-block; width:100%; padding:10px 0 20px 0;}
.count_boxes .column .mybox h3{ font-size:24px; font-family:'OpenSans-Light', Arial, Helvetica, sans-serif; padding:0 20px;}
.count_boxes .column .mybox h1{font-size:42px;}
.count_boxes .box1{ background:#0d92d7;}
.count_boxes .box2{ background:#cd0f44;}
.count_boxes .box3{ background:#12c196;}
.count_boxes .box4{ background:#16a816;}
.count_boxes .box5{ background:#da4315;}
.count_boxes .box6{ background:#aa14b2;}

.bar-details div.f-left{ color:#666; font-size:11px;}
.bar-details span.Redeemed{ width:8px; height:8px; background:#e4b1d6; margin-right:5px; display:inline-block;}
.bar-details span.Reward{ width:8px; height:8px; background:#b1d1e4; margin-right:5px; display:inline-block;}

.activity-report{background:#f7f7f7; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; overflow:hidden; margin:20px 0 50px;}
.activity-report h2.sub_head{ background:#e1e1e1; padding:10px 20px; margin:0 0 30px;}
.activity-report .column{text-align:center; padding-bottom:30px;}
.activity-report .column .value{padding:7px 30px; border-radius:3px; background:#0587E1; color:#fff; font-size:24px; position:relative;}
.activity-report .column .value:after, .activity-report .column .value:before{position:absolute; content:" "; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; pointer-events: none;
border-color: rgba(136, 183, 213, 0); border-top-color:#0587E1; border-width: 8px; margin-left: -8px;}
.activity-report .column .name{display:block; margin-top:30px;}


.dataTables_paginate .pagination{ float:right; margin:0;}
.dataTables_wrapper .row:first-child .col-xs-6:first-child{ float:right;}
.dataTables_wrapper #example1_length{ float:right;}

.ibtabs{ margin:30px 0 20px 0; padding:0 50px;}
.ibtabs .tab-content{ float:left; width:100%; background:#fff; padding:0 20px 30px; margin-bottom:30px; border:solid thin #ddd; border-top:none;}
.ibtabs .form_row{ margin-bottom:10px;}
.ibtabs h5{ font-size:28px; margin:20px 0 0;}
.ibtabs .textfield_label{ text-align:right;}
.ibtabs .form-control-select, .ibtabs .dropdown-toggle{ width:100%;}
.iradio_minimal.checked .minimal-red{ color: #16a085; opacity: 1!important; transition: color 0.25s linear 0s;}

/*------------Left Menu part Start--------------*/
.left-menu-wrap{ height:100%; overflow:hidden;}
/*.left-menu-wrap #divMenu{ margin-top:65px;}*/
.left-menu-wrap .slimScrollDiv{ margin-top:65px;}


.menu{ position:relative; max-width:100%;}
.left-menu-wrap .menu ul li{display:block; border-bottom:1px solid #dbdbdb; border-top: 1px solid #fff; z-index:99;}
.left-menu-wrap .menu ul li > a{display:inline-block; width:100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; 
                              transition: all .3s ease-in-out; color:#333;  padding:10px 10px 10px 20px;}
.left-menu-wrap .menu ul li > a:hover { background:#01AD4E; color:#fff; }
/*.left-menu-wrap .menu ul li:last-child{ border-bottom:none;}
.left-menu-wrap .menu ul li a:hover{background:url(../images/menu-hover-arrow.png) #eee no-repeat scroll right center;}*/
.left-menu-wrap .menu ul > li.has-sub.active > a{ color:#fff;  background:#01AD4E;}
/* Sub menu */
.left-menu-wrap .menu ul li ul {display: none;}
.left-menu-wrap .menu ul li ul li a{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; 
                                    transition: all .3s ease-in-out; color:#666; padding:10px 10px 10px 30px; }
.left-menu-wrap .menu ul li ul li a:hover{background:#01AD4E}
.left-menu-wrap .menu ul li ul li:last-child{ border-bottom:none;}
.left-menu-wrap .menu ul li ul li.active{background:#eee}
/* Sub sub menu */
.left-menu-wrap .menu ul li ul li ul {display: none; }
.left-menu-wrap .menu ul li ul li ul li{}
.left-menu-wrap .menu ul li ul li ul li a{ color:#333; padding:10px 10px 10px 40px; font-size:13px;}
.left-menu-wrap .menu ul li ul li ul li a:hover{background:#ddd;}


.left-menu-wrap .has-sub.active li.active a{background:#ccc;}
/*.left-menu-wrap .sidebar.menu, .left-menu-wrap .slimScrollDiv{ height:100%!important;}*/


/*-------------Scroller-CSS-Starts------------*/

.ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */  height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
 opacity: 0;filter: alpha(opacity = 0); -o-transition: background-color .3s linear, opacity .5s linear; -webkit-transition: background-color.3s linear, opacity .5s linear; -moz-transition: background-color .3s linear, opacity .5s linear;transition: background-color .3s linear, opacity .5s linear;}
.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail { opacity: 0.6; filter: alpha(opacity = 60);}
.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity = 90);}
.ps-container .ps-scrollbar-x-rail.in-scrolling { opacity: 0.9; filter: alpha(opacity = 90);}
.ps-container .ps-scrollbar-y-rail { position: absolute; right: 3px; width: 8px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: .2;  background:#EEE;
                                     filter: alpha(opacity = 0);-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; 
                                     -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {opacity: 0.6;filter: alpha(opacity = 60);}
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover { background-color: #eee;opacity: .8; filter: alpha(opacity = 80);}
.ps-container .ps-scrollbar-y-rail.in-scrolling { opacity: 0.8; filter: alpha(opacity = 80);}
.ps-container .ps-scrollbar-x {
 position: absolute; /* please don't change 'position' */bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;-o-transition: background-color .2s linear;-webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear;}
.ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {background-color: #999;}
.ps-container .ps-scrollbar-y {position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; -o-transition: background-color .2s linear;-webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear;}
.ps-container.ie .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #999;}


.relative.required span{ position:absolute; color:#f00; font-size:13px;top:105%; right:5%; z-index:999; background:#f0f0f0; padding:3px 20px; border-radius:3px; border:solid thin #bbb;}
.relative.required span:after, .banner-wrap .register-wrap .form-home .relative span:before{ position:absolute; top:-7px; background:url(../images/required-arrow.png) no-repeat scroll center; width:13px; height:8px; content:""; right:15px;}

.modalPopupBackground{ background:rgba(0,0,0,0.5); z-index:1001;}
.mpopborder{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.7); z-index:10002!important; padding:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.mpopborder .closebtn{ position:absolute; right:0; top:0;}

#Panel1{ position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:9999;}
#Panel1 .loader{ position:absolute; z-index:10001; width:120px; height:120px; left:50%; top:50%; margin:-60px 0 0 60px;}

.row.form_row{ margin-bottom:10px;}

#message{ padding:10px 0; width:100%; text-align:center; border:solid thin #ccc; margin-bottom:10px;}
/*#message{ position:absolute; padding:10px 0; width:100%; text-align:center; top:0; z-index:2; background:#ccc;}
#message.common-success{ background:green; color:#fff;}
#message.common-warning{ background:yellow; color:#fff;}
#message.common-error{ background:red; color:#fff;}*/



footer{ background:#e02f2f; padding:7px 30px; width:100%; position:absolute; bottom:0; z-index:99; font-size:12px; color:#fff;}


.autocomplete_completionListElement{ min-width:200px; box-shadow:0 5px 5px rgba(0,0,0,0.6); background:#eee; border-radius:0 0 5px 5px; overflow:hidden;}
.autocomplete_completionListElement li{ cursor:pointer; padding:7px 15px; display:inline-block; width:100%; border-bottom:solid thin #ccc;}
.autocomplete_completionListElement li:last-child{border-bottom:none;}
.autocomplete_completionListElement li:hover{ background:#ddd;}


/*============================CUSTOMER DASHBOAD CSS START===========================*/

.padd0.row, .padd0 .col-xs-1, .padd0 .col-sm-1, .padd0 .col-md-1, .padd0 .col-lg-1, .padd0 .col-xs-2, .padd0 .col-sm-2, .padd0 .col-md-2, .padd0 .col-lg-2, .padd0 .col-xs-3, .padd0 .col-sm-3, .padd0 .col-md-3, 
.padd0 .col-lg-3, .padd0 .col-xs-4, .padd0 .col-sm-4, .padd0 .col-md-4, .padd0 .col-lg-4, .padd0 .col-xs-5, .padd0 .col-sm-5, .padd0 .col-md-5, .padd0 .col-lg-5, .padd0 .col-xs-6, .padd0 .col-sm-6, 
.padd0 .col-md-6, .padd0 .col-lg-6, .padd0 .col-xs-7, .padd0 .col-sm-7, .padd0 .col-md-7, .padd0 .col-lg-7, .padd0 .col-xs-8, .padd0 .col-sm-8, .padd0 .col-md-8, .padd0 .col-lg-8, .padd0 .col-xs-9, 
.padd0 .col-sm-9, .padd0 .col-md-9, .padd0 .col-lg-9, .padd0 .col-xs-10, .padd0 .col-sm-10, .padd0 .col-md-10, .padd0 .col-lg-10, .padd0 .col-xs-11, .padd0 .col-sm-11, .padd0 .col-md-11, 
.padd0 .col-lg-11, .padd0 .col-xs-12, .padd0 .col-sm-12, .padd0 .col-md-12, .padd0 .col-lg-12{ padding:0; margin:0;}
.customerDB .content .counts{ font-size:56px; font-family:'OpenSans-Light', Arial, Helvetica, sans-serif; margin-top:60px; display:block; line-height:1em;}
.customerDB .content .count_lbl{ font-size:18px; font-family:'OpenSans-Light', Arial, Helvetica, sans-serif;}
.round-icon-wrp{ display:inline-block; width:111px; height:108px; position:absolute; left:50%; top:50%; margin:-55px; text-align:left; padding:0;
background:url(../images/round-icon-wrap-shadow.png) no-repeat scroll center center; font-size:38px;}
.round-icon-wrp .glyphicon, .round-icon-wrp .fa{ padding:23% 0 0 23%;}

.customerDB .logo > img{ max-height:45px;}
.customerDB .navbar-static-top{ background:#666; color:#fff;}
.customerDB .navbar-static-top a .icon-bar{ background:#fff;}
.customerDB .navbar-static-top .search-top{ margin-top:15px; margin-right:20px;}
.customerDB .navbar-static-top .search{ border-radius:20px; border:none; background:rgba(255,255,255,0.3) url(../img/search-icon.png) no-repeat scroll 94% center; border:solid 2px #444; 
padding:4px 40px 7px 15px; width:220px; float:right; color:#fff; }
.customerDB .navbar-static-top .search:focus{background:rgba(0,0,0,0.9) url(../images/search-icon.png) no-repeat scroll 94% center; color:#fff; border:solid 2px #666;}
.customerDB .navbar-right .navbar-nav > li > a{ padding:0 20px; line-height:4.65em; color:#ccc;}
.customerDB .navbar-right .navbar-nav > li > a:hover, .customerDB .navbar-right .navbar-nav li > a:focus{ background:#555;}
body.customerDB header .navbar .nav li a .label{ border:solid 2px #fff; min-height:18px; height:auto; min-width:18px; font-size:10px; padding:2px 3px; display:table; right:4px;}
body.customerDB header .navbar .nav li.messages-menu > a .label{ background:#4dc340;}
body.customerDB header .navbar .nav  li.notifications-menu a .label{ background:#e0620d;}
body.customerDB header .navbar .nav .user-menu .user-header{ width:40px; height:40px; border-radius:50%; border:2px solid rgba(255,255,255,0.6); margin-top:13px; overflow:hidden; margin-right:10px; float:left;}
body.customerDB header .navbar .nav .user-menu .user-header img{ max-width:100%; height:100%; vertical-align:top;}

.customerDB .left-side{ background:#ccc; height:100%;}
.customerDB .menu{ max-width:100%;}
.customerDB .header .logo{ background:#fff; text-align:center;}
.customerDB .left-side.sidebar-offcanvas .sidebar.menu{margin-top:65px;}
.customerDB .left-side .sidebar-menu li a{ background:#00A950; border-bottom:solid thin #fff; color:#fff; font-size:13px; font-family:,Helvetica,Arial,sans-serif; padding:15px 15px;}
.customerDB .left-side .sidebar-menu li a i{ font-size:20px; color:#fff; width:auto; margin-right:10px;}
.customerDB .left-side .sidebar-menu li a:hover{ background:#008631;}
.customerDB .left-side .sidebar-menu li a:hover .fa{ color:#fff;}

.customerDB .content{ padding:0;}
.customerDB .CDBox .colorbox{min-height:250px; text-align:center;}
.customerDB .coverBanner{ max-height:345px; overflow:hidden; position:relative;}
.customerDB .coverBanner span{ position:absolute; bottom:15px; right:15px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); font-size:12px; z-index:1;}
.customerDB .CDBox .bgimage .contnt{ text-align:center; position:absolute; background:rgba(0,0,0,0.6); width:100%; height:100%; color:#fff; z-index:1;}

.customerDB .redeemable .colorbox{ background:#dc5b28;}
.customerDB .redeemable .colorbox::after, .customerDB .redeemable .colorbox::before  { left: 100%; top: 30%; border: solid transparent; content: " "; height: 0; width: 0; 
position: absolute; pointer-events: none; border-color: rgba(220, 91, 40, 0); border-left-color: #dc5b28; border-width: 19px; margin-top: -19px; z-index:3; }
.customerDB .redeemable .round-icon-wrp{ color:#dc5b28}
.customerDB .redeemable .bgimage{ background:url(../img/default_redeemable-points.jpg) no-repeat scroll center center; min-height:250px; padding:0;}
.customerDB .redeemPoints .colorbox{ background:#92bc2c;}
.customerDB .redeemPoints .colorbox::after, .customerDB .redeemable .colorbox::before  { left: 100%; top: 30%; border: solid transparent; content: " "; height: 0; width: 0; 
position: absolute; pointer-events: none; border-color: rgba(220, 91, 40, 0); border-left-color: #92bc2c; border-width: 19px; margin-top: -19px; z-index:3; }
.customerDB .redeemPoints .round-icon-wrp{ color:#92bc2c}
.customerDB .redeemPoints .bgimage{ background:url(../img/default_redeemed.jpg) no-repeat scroll center center; min-height:250px; padding:0;}
.customerDB .Card_eVoucher .colorbox{ background:#23a5e1;}
.customerDB .Card_eVoucher .colorbox::after{ right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; 
border-color: rgba(35, 165, 225, 0); border-right-color: #23a5e1; border-width: 19px; margin-top: -19px; z-index:3;}
.customerDB .Card_eVoucher .round-icon-wrp{ color:#23a5e1}
.customerDB .Card_eVoucher .bgimage{ background:url(../img/default_card-evoucher.jpg) no-repeat scroll center center; min-height:250px; padding:0;}
.customerDB .Gifting .colorbox{ background:#d44baf;}
.customerDB .Gifting .colorbox::after{ right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; 
border-color: rgba(35, 165, 225, 0); border-right-color: #d44baf; border-width: 19px; margin-top: -19px; z-index:3;}
.customerDB .Gifting .round-icon-wrp{ color:#d44baf}
.customerDB .Gifting .bgimage{ background:url(../img/default_gift-donat.jpg) no-repeat scroll center center; min-height:250px; padding:0;}

.customerDB .carousel-inner img{ width:100%;}
.customerDB #myCarousel ul{ padding:0; margin:0;}
.customerDB .myactivity{ background:#00a950; color:#fff; font-size:24px; padding:20px 20px;font-family:'OpenSans-Light', Arial, Helvetica, sans-serif; float:left; width:100%; margin:0;}
.customerDB .activities{ padding-top:20px; background:#ccc; margin-top:65px;}

.customerDB  .bottom-contents{ background:#222; color:#fff; padding:10px 20px;}
.customerDB  .bottom-contents h3{ margin:5px 0 10px;font-size: 18px;height: 50px; overflow:hidden;}
.customerDB  .bottom-contents p{ height:42px; overflow:hidden;}
.customerDB  .DBbottomBoxs .col-lg-3 img{ width:100%;}
.customerDB  .DBbottomBoxs .col-lg-3:nth-child(even)  .bottom-contents{ background:#333}
.customerDB  .DB-rightBG{ background:#ccc;}

.customerDB .content .featured_prmo{ padding:10px 20px; margin:0; background:#1ABC9C; color:#fff; font-size:24px; font-family:'OpenSans-Light', Arial, Helvetica, sans-serif;}
.content .mormal_wrap{ display:inline-block;}
.mormal_wrap{background:#eee; display:table; width:100%;}
.heading_BTN{ background:#ccc; padding:10px 20px; margin:0 0 20px;}
.customerDB .ExclusiveGift_CardEVoucher{ background:url(../img/Damro/e-Voucer-select-icon.png) no-repeat scroll center center; width:200px; height:146px; margin:0 auto;}
.customerDB .ExclusiveGift_CardPoints{ background:url(../img/Damro/my-point-balance-icon.png) no-repeat scroll center center; width:200px; height:146px; margin:0 auto;}


/*============================CUSTOMER DASHBOAD CSS END===========================*/


body .ajax__calendar .ajax__calendar_container{ border:none!important; box-shadow:0 5px 5px rgba(0,0,0.4); border-radius:5px; padding:0 0 10px;}
body .ajax__calendar_header{ background:#088EEB; color:#fff!important; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; 
                             padding:7px 5px; height:auto;}


.membership_wrap{ padding:20px 0 0 15px;}
.customer_page_tile_heading { font-size: 25px; font-weight: bold; margin-top: 10px; padding:0 10px;}
.font_size_100 {font-size: 80px;}
.color_white {color: #fff;}
.icon-slide-container{height:200px; overflow:hidden; text-align: center;position: relative; float: left; width: 100%; }
/*.shadow_text {text-shadow: 0px 1px 0px #CCC, 0px 2px 0px #C9C9C9, 0px 3px 0px #BBB, 0px 4px 0px #B9B9B9, 0px 5px 0px #AAA, 0px 6px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.2), 0px 20px 20px rgba(0, 0, 0, 0.15);
    -webkit-text-shadow: 0px 1px 0px #CCC, 0px 2px 0px #C9C9C9, 0px 3px 0px #BBB, 0px 4px 0px #B9B9B9, 0px 5px 0px #AAA, 0px 6px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.2), 0px 20px 20px rgba(0, 0, 0, 0.15);
    -moz-text-shadow: 0px 1px 0px #CCC, 0px 2px 0px #C9C9C9, 0px 3px 0px #BBB, 0px 4px 0px #B9B9B9, 0px 5px 0px #AAA, 0px 6px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.2), 0px 20px 20px rgba(0, 0, 0, 0.15);
    -o-text-shadow: 0px 1px 0px #CCC, 0px 2px 0px #C9C9C9, 0px 3px 0px #BBB, 0px 4px 0px #B9B9B9, 0px 5px 0px #AAA, 0px 6px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.2), 0px 20px 20px rgba(0, 0, 0, 0.15);}*/

.slide-icon{width:100%;height:auto; position:absolute; margin-top:-200px;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease;transition:.4 ease;}
.slide-icon:hover{ position:absolute; margin-top:0;}
.row > .span3 { display: inline-block !important;vertical-align: middle !important;}
.customer_menu_icon {float: left;width:100%; height: 70px; padding:12px;text-align:center; opacity:0.95; color: #fff;cursor: pointer;}
.customer_menu_icon:hover { background:#088EEB; color: #fff; opacity:1;}
.customer_menu_icon_clicked { background:#088EEB; opacity:1;}
.membership_card_container {margin-bottom: 20px; padding-right:0;}
.membership_container {height:300px;   position:relative;}
.membership_card_float_image {height:300px; width:100%; position:absolute; opacity:0.8;}
.membership_card_float_content { height:300px;width:100%;position:absolute; background:rgba(0, 0, 0, 0.7);}
.membership_name {height: 50px;}
.membership_points { height: 170px;text-align: center;color: white;}
.membership_actions {background:rgba(255, 255, 255, 0.24); height:80px; margin:0; }
.membership_actions .col-md-2{ padding:0; width:20%; float:left;}
.membership_actions_online_order { background:#3498db;}
.membership_actions_transaction {background:#e67e22;}
.membership_actions_redeem { background:#27ae60;}
.membership_actions_programs_info { background:#e74c3c; }
.membership_actions_location { background:#f39c12;}
.membership_actions_contact_info { background:#8e44ad;}
.membership_points .font_size_100{font-family:'OpenSans-Light', Arial, Helvetica, sans-serif; font-size:60px;}
.membership_points .font_size_100 .support_text{ font-size:24px; display:block;}

.membership_details .merchant_profile_cover_image_float_content {height: 250px; width: 100%; padding: 2%; position: absolute; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);}
.membership_details .merchant_profile_cover_image_float {  width: 100%; padding: 2%; height: 250px; background-size: 100% auto !important; position: absolute;}
.membership_details .merchant_profile_cover_image_container {height: 250px; position: relative;}
.membership_details .merchant_profile_logo_mask{ width:100px; height:100px; padding:20px 10px 0 10px; overflow:hidden; background:#fff; border-radius:50%;}
.membership_details .merchant_profile_logo_mask img{ width:100%;}
.membership_details .contactRedeem{ background:#ccc; padding:15px 20px; width:100%; float:left;} 
.membership_details .contactRedeem h3{ margin:0;}
.membership_details .reward_balance{ background:#eee;min-height: 420px;}
.membership_details .reward_balance .heading{ background:#088EEB; color:#fff; padding:10px 0; font-size:18px; text-transform:uppercase;}
.membership_details .activeLoyaltyProgram { background:#ddd; min-height: 420px;}
.membership_details .activeLoyaltyProgram .heading{ background:#E13535; color:#fff; padding:10px 0; font-size:18px; text-transform:uppercase;}
.membership_details .activeLoyaltyProgram .column{ border-bottom:solid thin #fff; background:#ccc; padding:15px 0;}


.membership_card_containerboxes{ position: relative; overflow: hidden; max-height: 220px; margin-bottom: 30px; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; }
.membership_card_containerboxes .giftCardboxs{ top: 0; left: 0; overflow: hidden; z-index: 1; width: 100%; height: 100%; }
.membership_card_containerboxes .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7);
            z-index: 2;
        }
        
        .membership_card_containerboxes .giftcardwrapper
        {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            padding: 20px;
            color: #fff;
            z-index: 5;
            position: absolute;
        }
        .membership_card_containerboxes .giftcardwrapper h2
        {
            margin-top: 0;
            font-size: 24px;
        }
        .membership_card_containerboxes .balanceround
        {
            background: rgba(0,136,51,0.8);
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            width: 180px;
            height: 180px;
            position: absolute;
            right: -50px;
            bottom: -50px;
            padding-top: 50px;
            text-align: center;
        }
        .membership_card_containerboxes .balanceround .balance
        {
            font-size: 18px;
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
        }
        .membership_card_containerboxes .balanceround span
        {
            margin-left: -30px;
        }
        .membership_card_containerboxes .activeIn
        {
            position: absolute;
            bottom: 15px;
            left: 15px;
        }

.jumbotron_cloud{ padding:40px 70px!important; min-height:365px;}
.jumbotron_cloud h5, .jumbotron h5, .jumbotron h6{ font-size:24px;}
.jumbotron_cloud .secon{ min-height:45px;}
.jumbotron{ line-height:normal!important;}

.activeDuring .col-sm-3, .activeDuring .col-sm-1{ padding:0 3px;}
.activeDuring .col-sm-1{ width:12%;}
.activeDuring tr td{ padding-bottom:10px;}

.modal-dialog.modal_80{ width:80%;}


#rootwizard{ background:#fff; float:left; width:100%;}
#rootwizard > .nav-tabs{ width:30%; float:left; background:#eee; border-bottom:none;}
#rootwizard > .nav-tabs li{ width:100%;}
#rootwizard > .nav-tabs li a{ padding:15px 20px; display:block;}
#rootwizard > .nav-tabs li.active a{ background:#017ED4; color:#fff; border:none; border-radius:0;}
#rootwizard > .tab-content{ width:70%; float:left;}
#rootwizard > .tab-content .tab-pane{ padding:20px 30px;}
#rootwizard .tab-content .pager{ float:right;}
#rootwizard .tab-content .pager li{ margin-left:5px; margin-top:10px;}
#rootwizard .tab-content .pager li a:focus{}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{margin-left: 0px; margin-right:5px;}
div.dd_chk_select{ height:30px!important;}
.col-myxs-6.padd-lr-10{ padding:0 10px!important;}
@media screen and (min-width: 600px) and (max-width: 800px){

.col-myxs-6{ width:50%; float:left;}
}

input[type="radio"], input[type="checkbox"]{ margin:4px 5px 0 0; float:left;}

.minimal tr td label{ margin-right:20px;}

.dataTables_filter label input, .dataTables_length label select{ padding:5px 10px!important; height:auto!important;}
div.dataTables_filter label{float:none!important;}
div.dataTables_length label{ float:right!important;}

.mywiz{ padding:20px 0; float:left; width:100%;}
.table-label label{ display:table;}
.awardingruleradio tr td { padding: 10px 0;}

.GiftreportType_boxes .amount_item_container{margin-top:20px; padding:0 10px;}
.GiftreportType_boxes .jumbotron{ border:solid thin #ccc; border-radius:5px; min-height:218px; margin-bottom:0;}
.GiftreportType_boxes .amount_item_container:nth-child(odd) .jumbotron{ background:#ddd;}

.prof-picwrap{ height:150px; width:150px; border-radius:50%; overflow:hidden; margin-bottom:10px;}
.prof-picwrap img{ height:100%; width:100%;}
.profilepagetabs .tab-pane .col-sm-2.text-right{ cursor:pointer;}
.profilepagetabs .tab-pane .row{ margin-bottom:20px;}
.profilepagetabs .tab-pane .col-sm-6{width:49.5%; padding:10px; min-height:180px; border-radius:5px; background:#eee;}
.profilepagetabs .tab-pane .row .col-sm-6:first-child{ margin-right:1%;}


.SelectOption{ padding:30px 20px; background:#fff; cursor:pointer; position:relative; margin-bottom:20px;border:solid thin transparent;}
.SelectOption:focus, .SelectOption.active{ background:#FFFEDD; border:solid thin #ccc;}

.SelectOption.active:after, .SelectOption.active:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.SelectOption.active:after {border-color: rgba(136, 183, 213, 0);border-top-color: #FFFEDD;border-width: 25px;margin-left: -25px;}
.SelectOption.active:before {border-color: rgba(194, 225, 245, 0);border-top-color: #ccc;border-width: 26px;margin-left: -26px;}


disablingbtn .aspNetDisabled{box-shadow: none; cursor: not-allowed; display:block; opacity: 0.65; pointer-events: none; background-color: #00a65a; border-color: #008d4c;
                            -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; font-size: 14px; font-weight: normal;
                             line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; width:100%; color:#fff; text-align: center; vertical-align: middle; white-space: nowrap; }


.membership_card_containerboxes .giftcardwrapper h2 a{ color:#fff;}
.thumbnail.redeem_catelogue {border-radius:7px; background:#ccc; border:none;}
.redeem_catelogue .image_container{ width:120px; border:solid 5px rgba(255,255,255,0.5); display:inline-block; height:120px; margin-top:30px; border-radius:50%; overflow:hidden;}
.redeem_catelogue .image_container img{ height:100%;}
.addtoCart_wrap{ overflow:hidden;}
.addtoCart_wrap .addtoCart_details{ position:absolute; background:#fff; min-width:97%; min-height:100%; display:none; z-index:2;}




/*-------------Given By: Chandra Shekhar for OneController login page css-----------*/


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

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans/opensans-regular-webfont.eot');
    src: url('../fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*, *:before, *:after {box-sizing: border-box;}

*{margin:0; padding:0;}

body{font-family: 'open_sansregular'; font-size:16px; background:#666f74 url('../images/login-bg.jpg') repeat-y scroll center top; width:100%;}

.login_frm{margin:0 auto; width:360px; border-radius:10px; padding-top:60px; margin:0 auto;}
.text_section{background:#EAEAEC; padding:20px;}
.logo_prt{background:#fff; padding:20px; border-radius:5px 5px 0  0;}
.text_sec{padding:20px;}
.submit{background:#fff; padding:20px; border-radius:0  0 5px 5px;}
.chkbox label{font-size:14px !important; font-weight:300 !important;  color:#7b7b7b;}
.fotgot{padding:10px 0; font-size:14px; color:#7b7b7b;}
.powdred{font-size:14px; color:#fff;}
.img_lft{padding-top:14%; margin:0 auto;}
.error{color:#fe0000;}

@media screen and (max-width:767px){
	.img_lft{padding-top:14%; margin:0 auto; text-align:center;}
}


@media screen and (max-width:360px){
	.login_frm{width:90%;}
	.img_lft{padding-top:20px;}
	.img_lft img{width:100%;}
}