                    



/******************************************************************************/
/* Base                                                                       */
/******************************************************************************/

.faizan-e-madina .ui-datepicker,
.faizan-e-madina .ui-datepicker *,
.faizan-e-madina .ui-timepicker-wrapper,
.faizan-e-madina .ui-timepicker-wrapper *,
.faizan-e-madina .ui-selectmenu-button span.ui-selectmenu-text
{
    outline:0;
    line-height:150%;
    box-sizing:border-box;
}


.faizan-e-madina .ui-timepicker-wrapper
{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;  
}

.faizan-e-madina .ui-datepicker,
.faizan-e-madina .ui-autocomplete,
.faizan-e-madina .ui-selectmenu-menu,
.faizan-e-madina .ui-timepicker-wrapper
{
    -webkit-box-shadow:0px 18px 19px -20px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 18px 19px -20px rgba(0,0,0,0.1);
    box-shadow:0px 18px 19px -20px rgba(0,0,0,0.1);
}

/******************************************************************************/
/* Font                                                                       */
/******************************************************************************/

.faizan-e-madina .ui-menu .ui-menu-item,
.faizan-e-madina .ui-timepicker-wrapper,
.faizan-e-madina .ui-datepicker th,
.faizan-e-madina .ui-datepicker td,
.faizan-e-madina .ui-datepicker td a,
.faizan-e-madina .ui-datepicker td span
{

}

.faizan-e-madina .ui-timepicker-wrapper
{
    font-size:16px;
    font-weight:300;
}


.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-next
{

    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.faizan-e-madina .ui-datepicker .ui-datepicker-prev:before,
.faizan-e-madina .ui-datepicker .ui-datepicker-next:before
{
   
}

/******************************************************************************/
/* Transition                                                                 */
/******************************************************************************/

.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-next,    
.faizan-e-madina .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.faizan-e-madina .ui-datepicker .ui-datepicker-next.ui-state-hover
{
    transition:all 150ms ease;
}

/******************************************************************************/
/* Selectmenu                                                                 */
/******************************************************************************/

.faizan-e-madina .ui-menu
{
    padding:0px;
}

.faizan-e-madina .ui-menu .ui-menu-item
{
	font-size:16px;
	font-weight:400;
	border-style:solid;
	padding:10px 20px 10px 20px;
	border-width:1px 0px 0px 0px;
}

.faizan-e-madina .ui-menu .ui-menu-item:first-child
{
	border-width:0px;
}

.faizan-e-madina .ui-menu .ui-state-focus,
.faizan-e-madina .ui-menu .ui-state-active
{
	margin:0px;
}

.faizan-e-madina .ui-menu .ui-state-disabled
{
	display:none;
}

.faizan-e-madina .ui-autocomplete,
.faizan-e-madina .ui-selectmenu-menu
{
	max-height:204px;
	overflow-y:auto;
	overflow-x:hidden;
	border-width:1px;
	border-style:solid;
}

/******************************************************************************/
/* Timepicker                                                                 */
/******************************************************************************/

.faizan-e-madina .ui-timepicker-wrapper
{
	opacity:0;
	z-index:2;
	height:226px;
	max-height:226px;
	margin-left:-1px;
}

.faizan-e-madina .ui-timepicker-wrapper .ui-timepicker-list
{
	
}

.faizan-e-madina .ui-timepicker-wrapper .ui-timepicker-list>li
{
	font-size:16px;
	font-weight:400;
	border-style:solid;
	padding:10px 20px 10px 20px;
	border-width:1px 0px 0px 0px;
}

.faizan-e-madina .ui-timepicker-wrapper .ui-timepicker-list>li:first-child
{
	border-width:0px;
}

/******************************************************************************/
/* Datepicker                                                                 */
/******************************************************************************/            

.faizan-e-madina .ui-datepicker
{
    z-index:3;
    width:auto;
    margin-left:-1px;
    border-width:1px;
    border-style:solid;
    padding:20px 18px 30px 17px;
}

.faizan-e-madina .ui-datepicker .ui-datepicker-title
{
	margin:0px;
	font-size:18px;
	font-weight:700;
	line-height:24px;
}

.faizan-e-madina .ui-datepicker thead
{
	border-style:solid;
	border-width:0px 0px 1px 0px;
}

.faizan-e-madina .ui-datepicker tbody
{
	top:10px;
	position:relative;
}

.faizan-e-madina .ui-datepicker th,
.faizan-e-madina .ui-datepicker td,
.faizan-e-madina .ui-datepicker td a,
.faizan-e-madina .ui-datepicker td span
{
	line-height:1;
}

.faizan-e-madina .ui-datepicker th
{
	font-size:14px;
	font-weight:400;
	line-height:26px;
	text-align:center;
	text-transform:uppercase;
	padding:20px 0px 20px 0px;
	background-color:transparent;
}

.faizan-e-madina .ui-datepicker td
{
	padding:0px;
}

.faizan-e-madina .ui-datepicker td,
.faizan-e-madina .ui-datepicker td a
{
	font-size:16px;
}

.faizan-e-madina .ui-datepicker td a,
.faizan-e-madina .ui-datepicker td span
{
	width:55px;
	height:55px;
	padding:0px;
	line-height:54px;
	text-align:center;
}

.faizan-e-madina .ui-datepicker td a.ui-state-hover
{
	line-height:50px;
	border-width:2px;
	border-style:solid;
	border-radius:9999em;
}
        
.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-next
{
    width:40px;
    height:40px;
    display:block;
    cursor:pointer;
    line-height:40px;
    border-width:1px;
    text-align:center;
    border-style:solid;
    border-radius:9999em;
}

.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-next,
.faizan-e-madina .ui-datepicker .ui-datepicker-prev-hover,
.faizan-e-madina .ui-datepicker .ui-datepicker-next-hover
{
    top:0px;
}

.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-prev-hover
{
    left:0px;
    margin-left:7px;
}

.faizan-e-madina .ui-datepicker .ui-datepicker-next,
.faizan-e-madina .ui-datepicker .ui-datepicker-next-hover
{
    right:0px;
    margin-right:7px;
}

.faizan-e-madina .ui-datepicker .ui-datepicker-prev
{
    transform:scaleX(-1);
}

    
@media screen and (max-width:460px)
{
		
	.faizan-e-madina .ui-datepicker
	{
		padding:15px 10px 15px 10px;
	}
		
	.faizan-e-madina .ui-datepicker td a, 
	.faizan-e-madina .ui-datepicker td span
	{
		width:34px;
		height:34px;
		line-height:34px;
	}
		
	.faizan-e-madina .ui-datepicker td a.ui-state-hover
	{
		line-height:30px
	}
	
	.faizan-e-madina .ui-datepicker td,
	.faizan-e-madina .ui-datepicker td a 
	{
		font-size:14px;
	}
	
	.faizan-e-madina .ui-datepicker .ui-datepicker-title 
	{
		font-size:14px;
	}
	
	.faizan-e-madina .ui-datepicker .ui-datepicker-next, 
	.faizan-e-madina .ui-datepicker .ui-datepicker-next-hover 
	{
		margin-right:0px;
	}
	
	.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
	.faizan-e-madina .ui-datepicker .ui-datepicker-prev-hover
	{
		margin-left:0px;
	}
	
	.faizan-e-madina .ui-datepicker .ui-datepicker-header 
	{
		padding:0.7em 0px;
	}     
}

    
/******************************************************************************/
/* Bug fixes                                                                  */
/******************************************************************************/

.faizan-e-madina #ui-datepicker-div,
.faizan-e-madina .ui-autocomplete,
.faizan-e-madina .ui-selectmenu-menu,
.faizan-e-madina .ui-timepicker-wrapper
{
    z-index:99999 !important;
	width:auto;
}

.faizan-e-madina .ui-datepicker td a.ui-state-hover
{
	border-color:#0077B5;
}

.faizan-e-madina .ui-datepicker td a.ui-state-hover
{
	color:#0077B5;
}

.faizan-e-madina .ui-menu,
.faizan-e-madina .ui-datepicker
{
	background-color:#FFFFFF;
}

.faizan-e-madina .ui-datepicker th,
.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-next
{
	color:#333333;
}

.faizan-e-madina .ui-datepicker,
.faizan-e-madina .ui-datepicker thead,
.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-next
{
	border-color:#EAECEE;
}

.faizan-e-madina .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.faizan-e-madina .ui-datepicker .ui-datepicker-next.ui-state-hover
{
	background-color:#EAECEE;
}

.faizan-e-madina .ui-datepicker td a,
.faizan-e-madina .ui-datepicker .ui-datepicker-title,
.faizan-e-madina .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.faizan-e-madina .ui-datepicker .ui-datepicker-next.ui-state-hover
{
	color:#2C3E50;
}

.faizan-e-madina .ui-datepicker td.ui-datepicker-unselectable
{
	color:#CED3D9;
}            

.faizan-e-madina .ui-menu .ui-menu-item,
.faizan-e-madina .ui-timepicker-wrapper>.ui-timepicker-list>li
{
	color:#556677;
}
.faizan-e-madina .ui-datepicker td a.ui-state-hover
{
	border-color:#E84058;
}



.faizan-e-madina .ui-datepicker td a.ui-state-hover
{
	color:#E84058;
}

.faizan-e-madina .ui-datepicker
{
	background-color:#FFFFFF;
}

.faizan-e-madina .ui-datepicker th,
.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-next
{
	color:#333333;
}

.faizan-e-madina .ui-datepicker,
.faizan-e-madina .ui-datepicker thead,
.faizan-e-madina .ui-datepicker .ui-datepicker-prev,
.faizan-e-madina .ui-datepicker .ui-datepicker-next
{
	border-color:#EAECEE;
}

.faizan-e-madina .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.faizan-e-madina .ui-datepicker .ui-datepicker-next.ui-state-hover
{
	background-color:#EAECEE;
}

.faizan-e-madina .ui-datepicker td a,
.faizan-e-madina .ui-datepicker .ui-datepicker-title,
.faizan-e-madina .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.faizan-e-madina .ui-datepicker .ui-datepicker-next.ui-state-hover
{
	color:#2C3E50;
}

.faizan-e-madina .ui-datepicker td.ui-datepicker-unselectable
{
	color:#CED3D9;
}
.faizan-e-madina .ui-widget-header{
	background:none;
	border:none;
}
.faizan-e-madina .ui-state-default, 
.faizan-e-madina .ui-widget-content .ui-state-default, 
.faizan-e-madina .ui-widget-header .ui-state-default{
	background:none;
	border:none;
	
}
.faizan-e-madina .ui-datepicker .ui-datepicker-next span{
	background-position:-48px -192px;
}
.faizan-e-madina .ui-datepicker .ui-datepicker-prev span {
	background-position:-48px -192px;
}


                    
  

    

.wp_datepicker_option-1.faizan-e-madina .ui-widget{
    font-family:'proxima_novaregular'}

