.popover{
	display:block !important;
	}
.mrp-container{
 float:left;
 vertical-align:top;
 width:33%;
}

.mrp-icon{
  	border: 1px solid #cccccc;
	color: #787878;
	display: inline-block;
	font-size: 14px;
	padding: 5px 15px;
	text-transform: uppercase;
	margin: 0px;
	vertical-align:top;
	cursor:pointer;
	height:36px;
}
.mrp-icon:hover{
	color: #fff;
	background-color: #f58220;
	border-color: #f58220;	
	}
.mrp-monthdisplay{
	display:inline-block!important;
	border: solid 1px #cccccc;
	border-left:none;
	height:36px;
	padding: 5px 10px 3px;
	background-color: #fff;
	cursor:pointer;
	margin-left: -4px;
	vertical-align:top;
	text-align:center;
	
}

.mrp-lowerMonth, .mrp-upperMonth{
  color: #787878;
  font-weight:400;
  font-size: 14px;
  text-transform:uppercase;
  margin:0px 10px;
  
}
.mrp-to{
  color: #aaa;
  margin-right: 0px;
  margin-left: 0px;
  font-size: 11px;
  text-transform: uppercase;
  /* background-color: #eee; */
  padding: 5px 0px;
}
.mpr-calendar{
  display:inline-block;
  padding: 5px 10px;
  border-right: solid #999 1px;
}

.mpr-calendar::last-child{
  border-right: none;  
}

.mpr-month{
  padding: 17px;
  text-transform: uppercase;
  font-size: 12px;
}

.mpr-calendar h5{
  width:100%;
  text-align:center;
  font-weight:bold;
  font-size:18px
}
.mpr-calendar h5 span{
	color:#000;
	}
.mpr-selected{
  background: rgba(0,114,188,0.5);
  color: #fff;
}

.mpr-month:hover{
  border-radius: 5px;
  box-shadow: 0 0 0 1px #ddd inset;
  cursor:pointer;
}

.mpr-selected.mpr-month:hover{
  border-radius: 0px;
  box-shadow: none;
}

.mpr-calendarholder .col-xs-6 {
  max-width: 250px;
  min-width: 250px;
}

.mpr-calendarholder .col-xs-1 {
  max-width: 150px;
  min-width: 150px;
}

.mpr-calendarholder .btn-primary{

  width:100%;
  margin-bottom: 10px;
  padding: 10px 0px;
}

.mpr-quickset{
  color: #666;
  text-transform: uppercase;
  text-align: center;
}

.mpr-yeardown, .mpr-yearup{
  margin-left: 5px;
  cursor: pointer;
  color: #666;
}

.mpr-yeardown{
  float:left;
}

.mpr-yearup{
  float:right;
}

.mpr-yeardown:hover,.mpr-yearup:hover{
  color: #40667A;
}

.mpr-calendar:first .mpr-selected:first{
    background-color: #40667A;
}

.mpr-calendar:last .mpr-selected:last{
    background-color: #40667A;
}

.popover{
  max-width: 1920px!important;
}

@media screen and (max-width: 1170px) {
.mrp-container{
	width:35%;
	}

.mrp-monthdisplay{
	padding:5px 0px 3px;
	}	
}
@media screen and (max-width: 999px) {
.mrp-container{
	width:51%;
	margin:0px 0px 0px;
	}
.mrp-monthdisplay{
	padding:5px 15px 3px;
	}		
}
@media screen and (max-width: 767px) {
.mrp-container{
	width:58%;
	}
.mpr-calendarholder .col-xs-1{
	min-width:130px;
	}
.mrp-monthdisplay{
	padding:5px 10px 3px;
	}
}
@media screen and (max-width: 599px) {
.mrp-container{
	width:100%;
	}	
.mrp-monthdisplay{
	width:61%;
	}
.mpr-calendarholder .col-xs-6{
	min-width:229px;
	}
.mpr-calendarholder .col-xs-1{
	min-width:100%;
	}
.mpr-calendarholder .btn-primary{
	width:auto;
	padding:10px 15px;
	margin-right:10px;
	}						
}
@media screen and (max-width: 414px) {
.mpr-calendarholder .col-xs-6{
	min-width:200px;;
	}
.mpr-calendarholder .col-xs-1{
	min-width:100%;
	}
.mpr-month{
	padding:12px;
	}
	}
@media screen and (max-width: 375px) {
.mrp-container{
	width:100%;
	}	
.mrp-monthdisplay{
	width:57%;
	padding:5px 0px 3px
	}
.mpr-calendar{
	border-right:none;
	}
.mpr-month{
	text-align:center;
	padding:18px;
	}			
.mpr-calendarholder .col-xs-6,
.mpr-calendarholder .col-xs-1{
	min-width:100%;
	}


}
@media screen and (max-width: 360px) {
.mrp-icon{
	width:100%;
	}
.mrp-monthdisplay{
	width:100%;
	margin:10px 0px 0px;
	border-left:1px solid #ccc;
}
}