* {
margin:0;
padding:0;
border:0;
outline:none;
box-sizing:border-box;
text-decoration: none;
}
body{
color:#000;
width:100%;
max-width:100%;
font-family: 'Muli', sans-serif;
font-size:12px;
margin:0 auto;
/*position:fixed;*/
background:#fff;
background-size:cover;


}
.d-none{display:none !important;}
.main-wrapper {
    padding: 20px 5px;
}

.mobile-wrapper {
    background:#f5f5f5;
    width: auto;
    display:none;
    overflow: scroll;
    max-width: 600px;
    margin: 0 auto;
    padding-bottom:100px;
    position: relative;
    min-height: 100vh;
}

.sticky-icons {
    position: fixed;
    bottom: 0;
    /*left:0;*/
    width:100%;
    text-align: center;
    background: #fff;
    right: 0;
    z-index:100;
    max-width: 600px;
    left: 0;
    margin: auto;
}



header img {
    width: 25%;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 5px 0;
}

header{
    background:#00000070;
}

.filter-box {
    padding: 8px 10px;
    background: #fff;
}

.filter-box h4 {
    font-size:12px;
	background:#fff;
	line-height:30px;
     color: #7c7c7c;
}

.filter-box h4 > i{
    margin:0 15px 0 0;
}
.filter-box h4 a {
    float: right;
    background: #aaa;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff;
    padding: 8px 0;
    line-height: 16px;
    font-size: 12px;
    margin: 0 0px 0 0;
    display: block;
    text-align: center;
}



.brand-filter label {
    font-size: 12px;
  color: #7c7c7c;
  position:relative;
  top:2px;}

.brand-filter label i{
    margin:0 5px 0 0;
}
a.brand-filter.active,
a.unit-filter.active{
    background: #096fec;
}
.brand-filter a{
      background-color: #969696;
      font-size:8px;
      color:#fff;
    margin: 0 0 0 5px;
    padding: 4px 12px;
      border-radius:20px;
      display:inline-block;
}


.large-box {
    background: #dc2d1a;
    width: 35%;
}

.small-box {
    background: #fff;
    width: 25%;
}
.stat-box:last-child {
    width: 15%;
}

.stat-box {
    float: left;
    height: 120px;
    color: #fff;
    padding: 5px 8px;
}
.main-stats-box {
    overflow: hidden;
    padding: 20px 0;
}

.large-box.stat-box label {
    font-size: 9px;
    border-bottom: 1px solid #fff;
    display: block;
    padding: 5px 0;
}

.large-box.stat-box h3 {
    font-size: 24px;
    font-weight: 300;
    margin: 15px 0 5px;
}

.large-box.stat-box h3 i {
    font-size: 9px;
    font-weight: 300;
    display:none;
}
.small-box h4 {
    font-size: 26px;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    line-height: 20px;
    padding: 0 0 5px 0;
}

.small-box-one.stat-box label, .small-box-two.stat-box label {
    font-size: 9px;
    display: block;
    padding: 5px 0 3px;
}

.small-box h5 {
    line-height: 12px;
    font-size: 13px;    font-weight: normal;
}

.small-box-one.small-box.stat-box {
    background: #096fec;
}
.small-box h5 i {
    display: none;
}

.small-box-two.small-box.stat-box * {
	border-color:#7d7d7d;
    color:#7d7d7d;
	
}


.single-details-box {
    background: #fff;
    padding: 12px;
    color: #858997;
}
.single-details-box h5{
    font-size:15px;
    font-weight:normal;
    margin:0 0 5px 0;
}

.details-list li {
    list-style: none !important;
    font-size: 15px;
    overflow: hidden;
    color: #646464;
    padding: 6px 0 10px;
    border-bottom: 1px solid #979797;
}
.details-list li i {
    margin: 0 8px 0 0;
    color: #d5d5d5;
}
.single-details-box {
    margin-bottom: 15px;
    box-shadow: 0px 2px 3px #dec9c9;
    
}

.details-list li span {
    color:#646464;
    float:right;
}

/*.sticky-icons {*/
/*    position: fixed;*/
/*    bottom: 0;*/
/*    width:100%;*/
/*    text-align: center;*/
/*    background: #fff;*/
/*    right: 0;*/
/*    z-index:100;*/
/*    max-width: 600px;*/
/*    left: 0;*/
/*    margin: auto;*/
/*}*/

.sticky-icons a.active {
	color:#dc2d1a;
}
/***********************************Uncomment Sticky Icons*********************************************/
.sticky-icons a.active img{
		filter:grayscale(100%);
}

.sticky-icons a {
    width: 25%;
    float:left;
	color:#acb1c0;
	padding-bottom:10px;
	font-size:15px;
    display:block;
    background:#fff;
}



.sticky-icons a img {
	filter:grayscale(100%);
    display: block;
    margin: 10px auto 5px;
    height:30px;
    width: 30px;
}

/*********************************** Uncomment Sticky Icons *********************************************/
.averagevalue h3 {
    font-size: 26px;
    font-weight: 300;
}

.value-meter span {
    background: #dc2d1a;
    display: block;
    height: 10px;
    position: absolute;
}

.value-meter {
    background: #096fec;
    position:relative;
    height: 10px;
margin: 10px 0px;
    width: 100%;
}


.single-order-value i {
    margin: 0 10px 0 0;
}

.single-order-value {
    font-size:14px;
    color:#858997;
    overflow:hidden;
    padding:5px 0;
}

.single-order-value span{
    color:#646464;
    float:right;
}


.single-order-value.freshordervalue i {
    color: #dc2d1a;
}
.single-order-value.upsellordervalue i {
    color: #096fec;
}

.todayleads h4 {
    font-size: 18px;
}

.todayleads h5{
     font-size: 13px;
}

.todayleads{
    margin-top: 4%
}

img.leadschart {
    width: 100%;
     display: block;
}
/************************************************************************************************************/

div#date-filter-screen {
    position: fixed;
    top: 0;
    left: -500px;
    width: 500px;
    height: 100%;
    background: white;
    overflow: hidden;
    z-index: 99;
    
}

/************************************************************************************************************/

#date-filter-screen h4{
    background: #096fec;
    color: white;
    font-size: 19px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    font-family: 'Montserrat';
    width:500px;

}

#date-filter-screen ul li a{
    display: block;
    padding: 15px;
    font-size: 14px;
    box-shadow: 0 2px 4px 0 #eff2f7;
    color: #3b4859;
    width:1000px;

}

#date-filter-screen ul{
    /*overflow: scroll;*/
    height: 90vh;
    padding-bottom:100px;
            width:00px;


}
#close-date-selection a{
   float: right; 
}

/************************************************************************************************************/
div#brand-filter-screen {
    position: fixed;
    top: 0;
    left: -500px;
    /*width: 10%;*/
    height: 100%;
    background: white;
    overflow: hidden;
    z-index: 99;
    width:500px;

    
}
/************************************************************************************************************/

#brand-filter-screen h4{
    background: #096fec;
    color: white;
    font-size: 19px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    font-family: 'Montserrat';
    width:500px;
}

#brand-filter-screen ul li a{
    display: block;
    padding: 15px;
    font-size: 14px;
    box-shadow: 0 2px 4px 0 #eff2f7;
    color: #3b4859;
     

}

#brand-filter-screen ul{
    /*overflow: scroll;*/
    height: 85vh;
    padding-bottom:10vh;
    overflow-y:scroll;
       


}
#close-brand-selection a{
   float: right; 
}
.fa-circle.red{
    color: #dc2d1a;
}
.fa-circle.green{
    color: #1adc3b;
}

input#reportrange {
    display: block;
    padding: 15px;
    font-size: 14px;
    box-shadow: 0 2px 4px 0 #eff2f7;
    color: #3b4859;
    width: 1000px;
}
.drp-calendar.right {
  display: none !important;
}
.details-list li a {
    color: #646464 !important;
    margin-right: 5px;
}
.details-list li span a {
    text-decoration: underline;
    font-size: 13px;
}
.unit-filter-list{display:inline-block;}
span.show_all_units {background: #aaa;width: 30px;height: 30px;border-radius: 100%;color: #fff;padding: 8px 0;line-height: 16px;font-size: 12px;margin: 0 0px 0 0;display: inline-block;text-align: center;}