body{font-family: 'Montserrat', sans-serif; font-weight:500; color:#3A3A3A; font-size:15px;
 background-image: url("../images/Bg.jpg");background-repeat:no-repeat;     background-size: cover;
    background-position:right;}
.dashboard {background-image: url("../images/Bg-mob.jpg");background-repeat:no-repeat;     background-size: cover;
    background-position:right;}
@font-face {
    font-family: 'ErasMediumITC';
    src: url('../fonts/ErasMediumITC.eot');
    src: url('../fonts/ErasMediumITC.eot') format('embedded-opentype'),
         url('../fonts/ErasMediumITC.woff2') format('woff2'),
         url('../fonts/ErasMediumITC.woff') format('woff'),
         url('../fonts/ErasMediumITC.ttf') format('truetype'),
         url('../fonts/ErasMediumITC.svg#ErasMediumITC') format('svg');
}
h1 {font-family: 'ErasMediumITC';}
.no-space{padding:0;}
.no-space-left {padding-left:0;}
.no-space-right {padding-right:0;}
.alert {width:50%; margin:2% auto 0;     text-align: center;}
.form-height {height:240px;}

/* header */
.header {margin-top:2%;}
.header h1 {color:#000; font-size:45px;    margin-top: 0; margin-bottom: 0;}
.header h2 {font-size:30px;    margin-top: 0;    font-weight: 600;}
.header h3 {font-size:17px;font-weight: 700; margin-top:0; margin-bottom:0;}
.header div:nth-child(2) {text-align:center;}
.header div:nth-child(3) img {float:right}
.header h1 span{color:#0084C8}
.header hr{margin-top: 0;  margin-bottom: 20px; border: 0; border-top: 1px solid #000;  width: 40%;}
.header p {margin-bottom:3px;}
.header-mobile {display:none;}


/* step section */
.step-section {text-align:center; }
.step-section img {margin: 0 auto;}
.step-section h4 {font-size:15px; font-weight:600;margin-bottom: 5px;}
.step-section hr{margin-top: 0;  margin-bottom: 10px; border: 0; border-top: 1px solid #000;  width: 5%;}


/* form section */
.new-password-section{
    margin: 2% auto;
    float: none;
    display: table;
    border-radius: 0;
    padding: 2% 2%;
   background: rgba(0,71,157,1);
background: -moz-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,71,157,0.5)), color-stop(62%, rgba(0,71,157,0.6)), color-stop(100%, rgba(0,133,126,0.4)));
background: -webkit-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -o-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -ms-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00479d', endColorstr='#00857e', GradientType=0 );
}
.login-section {  margin: 2% auto;     display: flex; justify-content: center;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .login-section  {    display: -webkit-box;-webkit-box-pack: center;}
}

.register-form {margin-right:10px}
.login-form {margin-left:10px;}

.arrow-button{position: absolute; right: -34px; top: 50%; background: #e0e7e9; color: #3A3A3A; padding: 11px 0;  width: 50px; height: 50px; margin-top: -25px; border: 5px solid #e0e7e9; border-radius: 50%;
font-weight:700;font-size: 17px; transition: all ease-in-out 500ms;     text-align: center;   z-index: 99999;    line-height: 16px; }


.register-form, .login-form{ border-radius: 0; padding:0 2%;
   background: rgba(0,71,157,1);
background: -moz-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,71,157,0.5)), color-stop(62%, rgba(0,71,157,0.6)), color-stop(100%, rgba(0,133,126,0.4)));
background: -webkit-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -o-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -ms-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00479d', endColorstr='#00857e', GradientType=0 );}


.form-header h2 {margin:0; color:#fff;  font-size:20px;    font-weight: 400;  border-bottom: 1px solid #fff; padding-bottom: 1%;}
.form-header p {color:#fff;    font-size: 14px;font-weight: 400; margin: 12px 0;}

.btn-default {background-color:#FECE3E; color:#3A3A3A; text-transform:uppercase; font-weight:700; border-radius:2px;    border: none; padding:2% 5%;}
.btn-default:hover {background-color:#FECE3E; color:#3A3A3A;}

.default-id {border-bottom: 1px solid #fff !important; background-color:transparent !important; border: none;    -webkit-box-shadow: none;  box-shadow: none; color:#fff;    border-radius: 0 !important;}

.form-control {border-radius:3px;}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {background-color:#FECE3E; color:#3A3A3A; outline: none; box-shadow:none;}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default,.btn-default.focus, .btn-default:focus {background-color:#FECE3E; color:#3A3A3A; outline: none; box-shadow:none;}

.login-section .form-header {margin-bottom:4%;margin-top: 6%;}

.check-box-login {padding:0;text-align:left;    color: #fff;}
.forgot-pass-link {padding:0; text-align:right;}
.forgot-pass-link a {color:#3febff}
.check-box-login  span{position: absolute; top: -1px; left: 18px;}

/* terms condition */
.terms-section {border-radius: 0;     padding: 2%;
   margin: 2% auto 1%; float: none; display: table;
   background: rgba(0,71,157,1);
background: -moz-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,71,157,0.5)), color-stop(62%, rgba(0,71,157,0.6)), color-stop(100%, rgba(0,133,126,0.4)));
background: -webkit-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -o-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
background: -ms-linear-gradient(top, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,71,157,0.5) 0%, rgba(0,71,157,0.6) 62%, rgba(0,133,126,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00479d', endColorstr='#00857e', GradientType=0 );}

.terms-section ul li{color:#fff;margin: 1% 0;}
.terms-section ul {padding-left:0;    margin-top: 1%;}
.group-btn{ display: flex; justify-content: center;    margin-bottom: 8%;}
.group-btn .btn {padding:5px 3%;  margin: 0 5px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .group-btn  {    display: -webkit-box;-webkit-box-pack: center;}
}


/* dashboard */

.top-nav.navbar {border: 1px solid #0084C8;    border-radius: 0;    min-height: auto;}
.top-nav ul.navbar-nav  li a{color:#0084C8; font-size:15px; padding:0;    font-weight: 600;}
.top-nav ul.navbar-right  li a{color:#000; font-size:13px; padding:0;font-weight: 500;}
.top-nav ul.navbar-nav  li {padding:8px 10px;}
.top-nav ul.navbar-nav  li.active a {border-bottom:1px solid #0084C8} 
.top-nav ul.navbar-nav  li:first-child {padding-left:0}
.nav>li>a:focus, .nav>li>a:hover {background-color:#FECE3E;}
.top-nav .navbar .svg-inline--fa{color:#0084C8}
.dashboard-header h2{font-size:25px;    margin: 0;}
.dashboard-header-right .btn{float:right;    padding: 5px 2%;    font-size: 12px;}
.reward-section h2 {font-size:19px;    margin-top: 0; margin-bottom: 5px;}
.reward-section hr{width: 25%;text-align: left;    margin-bottom: 10px;border-top: 1px solid #3A3A3A; margin-top:0; float: left;}
.reward-section h3 {font-size:16px;    margin-top: 5px;}
.pt-border-right span.points {text-align:center; color:#38a01c;display: block;    float: none;font-weight: bold;
    font-size: 18px;}
.pt-border-right {border-right:1px solid #3A3A3A;    margin-right: 3%;    text-align: center;}
.reward-section span {float: left; margin-right: 5%;}
.progress-bar {    background-color: #38a01c; }
.reward-section{ border: 1px solid #0084C8; display: flow-root; margin-bottom:5%; padding:1% 1%;    margin-top: 1%;}
.progress{margin-bottom:5px;}

.graph-section  {    display: table;    margin: 0 auto 5%; border:1px solid #0084C8}
.mob-navbar .navbar-right {display:none;}
div#chart {background-color:#fff; }


.top-nav ul.navbar-nav li a:focus, .top-nav ul.navbar-nav li a:hover  {background-color:transparent !important}

/* sales report */
.dashboard-btn-right li .btn{float:right;    padding: 5px 2%;    font-size: 12px;    width: 100px;}

.sales-tab-nav .navbar-right {margin-right:20px; display: -webkit-inline-box;}

.col-xs-12.no-space.sales-tab-nav.sales-report-tab  .navbar-right{display: flex; justify-content: center; width: 100%; padding-left: 0; margin-top: 0;
 margin-right: 0;}
.col-xs-12.no-space.sales-tab-nav.sales-report-tab .navbar-right li {margin-left: 1%;}

.sales-tab-nav .navbar-right  li {margin-left:5%;}
.sales-tab-nav {background-color:#e8e8e8;padding: 5px;margin:10px 0;}
.sales-tab-nav  .form-group {margin-bottom: 0;    }
.sales-tab-nav  .form-control{padding: 0px 12px;    height: auto;}
.sales-tab-nav .navbar {margin-bottom:0; min-height:initial;}
.nav-left {    margin: 5px 0;}
.nav-left li{margin-right:10px;}
.sales-report-upload {    border: 1px solid #0084C8;    margin: 1% auto;height:100% !important;
    padding: 2% 0;}
	.sales-report-section{width:96%; margin:0 2%;}
.sales-report-section .form-control {margin-top:5%;}	
div#example_filter .form-control, div#example_length .form-control{margin-top:0;}	

.modal-body .btn-default {padding: 1% 5%;  font-size: 12px;}

.msg-sales {margin-top:2%}

/* table */
.sales-table {margin-bottom:15%;}
.sales-tab-new {margin-bottom:0 !important;    margin-top: 1%;}
.sales-table th {font-weight:500;}
.sales-table a {color:#3A3A3A;cursor: pointer;}
.sales-table a:hover {color:#0084C8;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #f0faff;}
.table-striped>tbody>tr:nth-of-type(even) {background-color: #fff;}
.sales-table ul li a:hover,.sales-table ul li a:focus{background-color:#FECE3E !important;}


/* points */
.dashboard-sub-header h3 {font-size:18px;    text-align: center; font-weight: 600; text-transform: uppercase;}
.txt-center {text-align:center;}
.grid-points {text-align:center; margin:0 1%;}
.grid-point-section .col-xs-12 {border:1px solid #eee;background-color: #fff;}
.grid-points h4, .redeem-point-modal h4 {font-size:17px;    font-weight: 600;}
.grid-points h5, .redeem-point-modal h5{font-size: 14px; text-transform: uppercase; font-weight: 600;}
.grid-point-section .col-xs-12{padding:1% 0 2% 0;}
.grid-point-section .btn-default {    padding: 1% 6%;}
.grid-point-section img {margin:7% auto;}
.disclaimer {margin:20px 0;}
.disclaimer p {margin-bottom:0;}
.redeem-point-modal img {border:1px solid #eee;     margin: 6% auto;}
.redeem-point-modal {text-align:center;}
#result-second-screen h4{font-size:15px; margin: 5% 0;}
#result-second-screen {padding: 5% 0;}
.dashboard-btn-right .navbar-right a {    background-color: #FECE3E; color: #3A3A3A; text-transform: uppercase;
    font-weight: 700;  border-radius: 2px; border:none;padding: 5px 10px;    font-size: 12px;}
.dashboard-btn-right .navbar-right li {margin-right:15px;}	
.setting-section-panel {    border: 1px solid #0084C8;border-radius: 0;padding: 2% 1%; margin: 2% 0;    background-color: #fff;}

/* footer */

.footer {background-color:#2e2e2e; color:#dedede; font-size:12px; text-align:center; padding:1% 0;}


/* new changes */
#succ .alert {    padding: 1% 0;  margin-bottom: 3%;}
.modal-open .arrow-button {    z-index: 00000;}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {    color: #fff !important;    opacity: 1 !important;}
.gift_btn .btn-default{padding: 1% 5%;}
table.table-bordered.dataTable tbody td {    vertical-align: middle;}


.change-bg.active, .change-bg:active, .open>.dropdown-toggle.change-bg, .change-bg.focus, .change-bg:focus{background-color:#e8e8e8;}
.table-responsive {overflow-x: initial;}

.sales-table table tr td.img-hover a:hover img {-ms-transform: scale(1.3); -webkit-transform: scale(1.3);      transform: scale(1.3); }
.sales-table table tr td.img-hover {text-align:center;}

.list-cust input#userfile{float: left;  width: 20%;}
.list-cust input#importfile-id {    padding: 7px 3%;}
.list-cust a.btn.btn-default{    padding: 7px 3%;}

div#chart tspan { font-size: 15px; font-weight: 600;}

.header-logo img{margin:0 auto 2%;}
.dropdown-graph {padding-right:15%;}

.term-img img {width:50%;} 
.term-img{margin-top:2%; text-align:center;}
.modal-body .alert{ width: 100%; margin: 0% auto 2%;}


 .msg-sales{margin-top:0 !important; margin-bottom:2% !important;}
 .msg-sales .alert {margin:0 auto !important;}
 
 
 .pointcolor{color:#38a01c;    font-weight: bold;    float: none !important;
    margin-right: 0 !important;}
	
	
.sales-report-section .alert{    margin: 0% auto 2%;	 }

.modal-warning {text-align:center;}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {  outline: none !important;}


.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {outline: none !important;}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {border:none !important;    color: #333 !important;}


.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {    background-color: #fff !important;}




.grid-point-section .btn-default.disabled.focus, .grid-point-section .btn-default.disabled:focus, .grid-point-section .btn-default.disabled:hover, .grid-point-section .btn-default[disabled].focus, .grid-point-section .btn-default[disabled]:focus, .grid-point-section .btn-default[disabled]:hover,.grid-point-section fieldset[disabled] .btn-default.focus, .grid-point-section fieldset[disabled] .btn-default:focus, .grid-point-section fieldset[disabled] .btn-default:hover {    background-color: #ccc;}

.cust-name-dashboard {font-size:25px;}

.header-logo p{line-height: 16px;  margin-top: 1%;}
.sales-center-btn .btn {float:left;    font-size: 15px;}

.rdm-filter-btn {padding: 5px 2%;    font-size: 12px;    margin-right: 1%;}
.rdm-hist-btn{padding: 5px 2%;    margin-top: 1%;}
.redemp-hist-section .form-control{    margin-top: 0;  margin-bottom: 2%;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .reward-section.reward-dashboard {padding: 1% 1% 9% !important;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .graph-section {margin: 0 auto 5% !important; border:none !important; display:initial !important}

}
.table-responsive.sales-earned-tab {overflow-x: auto;}

.sales-earned-tab input{padding:5px; width:100%;}
.sales-earned-tab .dashboard-btn-right{margin-right: 0;}
.sales-earned-tab  .dashboard-btn-right li .btn {width: 90px;}
.sales-earned-tab  .dashboard-btn-right li:first-child {margin-right:5px;}
.sales-earned-tab .table>thead>tr>th {vertical-align: middle;}