.ui-datepicker {
    width: 20em !important;
}

.ui-datepicker-title select{
	background: #E8E9EA !important;
}

.ui-datepicker-prev span{
	background-image: url("/mgforma/javax.faces.resource/images/calendar/prev.png.xhtml") !important;
    background-position: inherit !important;
}
.ui-datepicker-prev.ui-state-hover{
    background: inherit !important;
    border: none !important;   
    opacity:0.8 !important; 
}
.ui-datepicker-prev.ui-datepicker-prev-hover{
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 1.8em !important;
    height: 1.8em !important;
}

.ui-datepicker-next span{
	background-image: url("/mgforma/javax.faces.resource/images/calendar/next.png.xhtml") !important;
	background-position: inherit !important;
}
.ui-datepicker-next.ui-state-hover{
    background: inherit !important;
    border: none !important;
    opacity:0.8 !important;
}
.ui-datepicker-next.ui-datepicker-next-hover{
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    width: 1.8em !important;
    height: 1.8em !important;
}


.ui-datepicker td a.ui-state-default.ui-state-hover {
    background: #67696A !important;
    color: #E8D8C2 !important;
    border: none !important;
}

.ui-datepicker .ui-datepicker-today a.ui-state-default.ui-state-highlight {
	color: #5d5d5d !important;
    background: #e8e9ea !important;
    background: -moz-linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e8e9ea),color-stop(100%,#e3e3e3)) !important;
    background: -webkit-linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    background: -o-linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    background: -ms-linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    background: linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e9ea',endColorstr='#e3e3e3',GradientType=0) !important;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset !important;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset !important;
    text-shadow: 1px 1px 1px #156090 !important;
    border: none !important;
}

.ui-datepicker .ui-datepicker-today a.ui-state-default.ui-state-highlight.ui-state-active {
	background: #186ba0 !important;
    filter: none !important;
    color: #fff !important;
    border: none !important;
}

.ui-datepicker a.ui-state-default.ui-state-active {
    background: #186ba0 !important;
    filter: none !important;
    color: #fff !important;
    border: none !important;
}

.ui-datepicker th {
    color: #e8e9ea!important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    border: #27292b solid!important;
    border-width: 1px 0!important;
    background: #77797a;
    background: -moz-linear-gradient(top,#77797a 0,#5b5e5e 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#77797a),color-stop(100%,#5b5e5e));
    background: -webkit-linear-gradient(top,#77797a 0,#5b5e5e 100%);
    background: -o-linear-gradient(top,#77797a 0,#5b5e5e 100%);
    background: -ms-linear-gradient(top,#77797a 0,#5b5e5e 100%);
    background: linear-gradient(top,#77797a 0,#5b5e5e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77797a',endColorstr='#5b5e5e',GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
}

.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-timepicker-div>.ui-widget-header {
    background: #595c5d !important;
    background: -moz-linear-gradient(top,#595c5d 0,#474a4b 100%) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#595c5d),color-stop(100%,#474a4b)) !important;
    background: -webkit-linear-gradient(top,#595c5d 0,#474a4b 100%) !important;
    background: -o-linear-gradient(top,#595c5d 0,#474a4b 100%) !important;
    background: -ms-linear-gradient(top,#595c5d 0,#474a4b 100%) !important;
    background: linear-gradient(top,#595c5d 0,#474a4b 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595c5d',endColorstr='#474a4b',GradientType=0) !important;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset !important;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.ui-datepicker td a {
    display: block !important;
    padding: 0 !important;
    border: 0 none !important;
    line-height: 30px !important;
    text-align: center !important;
    font-size: 12px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.ui-datepicker td a.ui-state-default {
    color: #5d5d5d !important;
    background: #e8e9ea !important;
    background: -moz-linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e8e9ea),color-stop(100%,#e3e3e3)) !important;
    background: -webkit-linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    background: -o-linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    background: -ms-linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    background: linear-gradient(top,#e8e9ea 0,#e3e3e3 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e9ea',endColorstr='#e3e3e3',GradientType=0) !important;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset !important;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset !important;
}

.ui-icon-calendar{
	background-image: url("/mgforma/javax.faces.resource/images/actions/pcalendar.png.xhtml") !important;
	background:none ;
	background-size: 18px 18px;
	width: 18px!important;
	height: 18px !important;
	position: absolute !important;
}
.custom-calendar button {
	background: none !important;
	border: none !important;
	width: 24px;
	height: 24px;
}
.custom-calendar button:hover {
	background: none !important;
	border: none !important;
}
.custom-calendar button:hover .ui-icon-calendar{
	opacity:0.5 !important;
}

.custom-calendar input{
	width:100px !important;
}