body {
    letter-spacing: 0.5px;
}

.dasboard-menubox {
	background-color: #f5f5f5;
	width: 100%;
	border-radius: 5px;
	box-shadow: 1px 2px 4px #ddd;
}

.dasboard-iconbox{
padding-top: 40px !important;
padding-bottom: 23px !important;
}

.dasboard-menubox-btn{
border-top-right-radius: 0px !important;
border-top-left-radius: 0px !important;
}
/* @ By Jignesh */
.inputInsideIcon{
position: absolute !important; 
bottom: 20px !important;
right: 15px !important;
z-index: 1 !important;
}

.input-style-2 span {
color: #a2a2a7 !important;
opacity: 1 !important; 
transform: translateY(-25px) !important;
right: unset;
color: #007bff !important;
}

.icon-check label{
color: #05050a !important;
opacity: 1 !important;
}

input, textarea, select {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 0px 1px 3px 0px;
border: 1px solid #DDDDDD;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button{
margin: 0px; padding: 0px;
}


input:focus, select:focus, textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
/*padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;*/
border: 1px solid rgba(81, 203, 238, 1);
}

/* heading font style*/
h1, h2, h3, h4, h5, h6 {
font-family: Roboto, 'Segoe UI', Tahoma, sans-serif !important;
}

/* btm submit width 100% and background color change*/

.bg-blue-dark-btn{ 
width: 100%; 
background-color: #025196 !important;
}

.bg-yellow-dark-btn{ 
width: 100%; 
background-color: #fdb338 !important;
color: #025196 !important;
}

/* Pin input */
.pin{
height: 45px;
width: 45px;
font-size: 18px !important;
text-align: center;		
}
.pin::-webkit-inner-spin-button,
.pin::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

.header {
/*background-image: linear-gradient(to right, #12397C, #009ADC);*/
border: 0px !important;
background-color: #fff;
color: #000 !important;
}

.header {
box-shadow: 0px 0px 6px #ccc !important;
}

.header .header-icon {
font-size: 18px;
position: initial;
background: #1a90f733 !important;
border-radius: 25px;	
padding: 8px;
margin-left: 10px;
   line-height: 49px;
height: 36px !important;
width: 36px !important;
}

.right-header-icon{
margin-right: 10px !important;
margin-left: 5px;
margin-top: 6px;
line-height: 25px !important;
}

.header .header-icon {
color: #5085b1 !important;
}

.header .header-title {
color: black !important;
font-family: Roboto, 'Segoe UI', Tahoma, sans-serif !important;
}

.header .header-title {
font-size: 20px;
letter-spacing: 0.5px;
font-weight: 500;
}

/* Credit card design*/
.credit-card {
/*	background-image: url(../../creditcard.jpg);*/
border-radius: 10px !important;
background-size: cover;
}
.credit-card-box{
border-radius: 10px !important;
}

.credit-card-font{
font-family: Roboto, 'Segoe UI', Tahoma, sans-serif !important;
color:white;
letter-spacing: 1px;	
opacity: 0.9;
font-weight: 600;
}

.credit-card-font-black{
font-family: Roboto, 'Segoe UI', Tahoma, sans-serif !important;
color:black;
letter-spacing: 1px;	
font-weight: 600;
opacity: 0.9;
}

.credit-card-font-yellow{
font-family: Roboto, 'Segoe UI', Tahoma, sans-serif !important;
color:#fdb338;
letter-spacing: 1px;	
opacity: 0.9;
}
.p-line-hight{
line-height: 14px !important;
}

.credit-card-font-blue{
font-family: Roboto, 'Segoe UI', Tahoma, sans-serif !important;
color:#025196;
letter-spacing: 1px;	
opacity: 0.9;
}


.credit-card-sim-img{
border-radius: 3px ;
}

.credit-text-end{
text-align: end;
}


.credit-bar {
border-radius: 10px !important;
background-color: #025196 !important;
box-shadow: 0px 0px 6px #ccc !important;
}
.credit-bar-color {
background: #fffc00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #f9c05a, #e28d05);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #f9c05a, #e28d05); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.credit-bar-graph{
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
background-color: white !important;	
padding-bottom: 10px;
}

.box-btn{
margin:0px !important;
height: 64px !important;
border-radius: 6px !important;
}

.icon-m{
margin: auto 0;
}

/* Search in invoices page*/
.input-group-text{
background-color:#fdb338 !important;
}
.grey-bg{
background: #8e9eab;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #eef2f3, #8e9eab);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Start new offer module css */
.bg-blue-font-white{
    background-color: #025196 !important;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    /* padding:0px !important; */
    margin:0px !important;
    line-height: 16px !important;
}
.bg-blue-font-white > td{
    border: 1px solid #025196;
}

.bg-blue-font-white td > p{
    color: #ffffff;
}
.offer-blue-font{
    color: #025196;
    font-weight: bold;
    font-size: 12px;
    /* padding:0px !important; */
    margin:0px !important;
    line-height: 16px !important;
}

.offer-blue-font-rs{
    color: #000;
    font-weight: bold;
    font-size: 12px;
    /* padding:0px !important; */
    margin:0px !important;
    line-height: 16px !important;
}

.offer-black-font{
    color: #000;
    font-size: 11px;
    padding:0px !important;
    margin:0px !important;
    line-height: 16px !important;
}

.offer-dark-grey-font{
    color: #4e4646;
    font-size: 11px;
    /* padding:0px !important; */
    margin:0px !important;
    line-height: 16px !important;
}


.offer-red-font{
    color: #e74444;
/*  font-weight: bold; */
    font-size: 11px;
    padding:0px !important;
    margin:0px !important;
    line-height: 16px !important;
}

.offer-red-font-od{
    color: #ec1d1d;
    font-weight: bold;
    font-size: 15px;
    padding:0px !important;
    margin:0px !important;
    line-height: 16px !important;
}

.offer-blue-font-od{
    color: #025196;
    font-weight: bold;
    font-size: 15px;
    padding:0px !important;
    margin:0px !important;
    line-height: 16px !important;
}

.bg-yellow-white-btn{ 
    width: 100%; 
    background-color: #fdb338 !important;
    color: #f6f9fc !important;
}

.dist-total{
    width: 100%; 
    padding-left: 40px;
}

.dist-list{
    padding-left: 16px !important;
    margin-bottom: 0px !important;
}

.cart-div{
    width: 100%; 
    height: 40px;
}

.cart-delete-item{
    /* background-color: red; */
    font-weight: bold;
    color:#4e4646;
    padding: 1px 4px 1px 4px;
    float: right;
    margin-right: 0.3125rem;
}

.dist-border{
    width: 95%; 
    height: 34px;
    border: 1px solid #939292;
    padding-left: 10px;
    background-color: #025196;
    color:#ffffff;
    margin: 10px;
    line-height: 2.5;
    border-radius: 3px;
}

.proceed-to-buy{
    width: 95%; 
    height: 40px;
    border: 1px solid #939292;
    padding-left: 10px;
    background-color: #ffa916 !important;
    color:#fff;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    line-height: 2.7;
    border-radius: 3px;
    cursor: pointer;
}


.cart-count{
    float: right;
    background-color: #007bff;
    text-align: center;
    font-weight: bold;
    height: 34px;
    width: 34px;
    font-size: 15px;
    color: white;
    border-radius: 34px;
    margin-right: 0.625rem;
    line-height: 34px;
}

.cart-image{
    float: right;
    height: 34px; 
    width: 41px;
    margin-right: 5px;
}
.capital{
    text-transform: uppercase;
}
.title{
    text-transform: capitalize;
}
/************** End new offer module css *******************/

/************* on dist invoice page on otf invoice page *****************/
.dist-name-round {
	background: #80808040;
	border-radius: 50%;
	width: 40px;
	text-align: center;
	padding: 4px;
	line-height: 30px;
	float: left;
}

.dist-name-list {
	/*height: 32px;*/
	float: left;
	/*text-align: left;*/
	/*margin-left: 5px;*/
	/*padding: 4px;*/
}
/***************** End on dist invoice page on otf invoice page ********************/

.red-indicator{
height:37px; 
width:5px; 
border-radius: 0 10px 10px 0; 
background-color:#ff2341;
}
.orange-indicator{
height:37px; 
width:5px; 
border-radius: 0 10px 10px 0; 
background-color:#f5ca2c;
}
.green-indicator{
height:37px; 
width:5px; 
border-radius: 0 10px 10px 0; 
background-color:#7ed321;
}
.middle th, .middle td {
vertical-align: middle;
}
.table-not-striped tbody tr:nth-of-type(odd),.table-not-striped thead tr:nth-of-type(odd),.table-not-striped tfoot tr:nth-of-type(odd) {
background-color: transparent!important;
}
/*
.header, .people-summary {
    /*background-image: linear-gradient(to right, #12397C, #009ADC);*/
/*		border: 0px !important;
    background-color: #fff;
    color: #000 !important;
}

.header {
    box-shadow: 0px 0px 6px #ccc !important;
}

.color-white {
    letter-spacing: 0.5px;
}
.people-summary {
    margin: 15px;
    border-radius: 15px !important;
    padding: 12px;
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    box-shadow: 1px 3px 10px #ccc !important;
    border: 1px solid #d1d1d150 !important;
    background: none !important;
    background-color: #fff !important;
}
.card-border3 {
    margin: 15px !important;
}
.cancelHighligh {
    margin: 12px !important;
    border-radius: 15px !important;
    box-shadow: 1px 3px 10px #ccc !important;
    background: #fe3e50 !important;
}
.color-black {
    color: #000 !important;
    letter-spacing: 0.5px;
}
.header .header-icon {
    font-size: 18px;
}
.header .header-icon {
color: #1A237E !important;
}
.header .header-title {
color: #1A237E !important;
}
.theme-dark .header,.theme-dark .people-summary {
    background-image: linear-gradient(to right, #263238, #263238);
    border: 0px !important;
    background-color: #263238;
}
.header .header-title {
    font-size: 18px;
    letter-spacing: 0.5px;
}
.squareblock {
    border-radius: 12px !important;
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    box-shadow: 1px 3px 10px #ccc !important;
    border: 1px solid #d1d1d150 !important;
    background: none !important;
    line-height: 52px;
    height: 55px;
    width: 55px;
}
.sq-block {
    border-radius: 12px !important;
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    box-shadow: 1px 3px 10px #ccc !important;
    border: 1px solid #d1d1d150 !important;
    background: none !important;
    background-color: #fff !important;
}
.bottomMenu {
background-color: #fff !important;
border-top: 1px solid #d1d1d1;
}
.bottomMenu a {
border-right:1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
min-width: 72px;
}

em{
position: absolute;
top: 14px;
font-size: 16px;
font-style: normal;
right: 8px;
color: #000204;
}
*/