/**
 * jQuery Timepicker - v1.3.5 - 2016-07-10
 * http://timepicker.co
 *
 * Enhances standard form input fields helping users to select (or type) times.
 *
 * Copyright (c) 2016 Willington Vega; Licensed MIT, GPL
 */


.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box;}
.ui-timepicker{box-sizing:content-box;display:block;height:290px;list-style:none outside none;margin:0;padding:0 1px;text-align:center}

.ui-timepicker-viewport{
    box-sizing: content-box;
    display: block;
    height: 284px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    width: 348px;
}


.ui-timepicker-standard{
	font-size: 1.1em;
    background-color: #FFF;
    color: #000000;
    margin: 0;
    padding: 2px;
    z-index: 10 !important;
    width: 356px !important;
    height: 290px !important;
    border-radius: 0 0px 10px 10px;
    border: 1px solid rgba(0, 72, 148, 0.3);
    border-top: 0;
}

.ui-timepicker-standard a{
    border: 1px solid #dde5ef;
    color: #222;
    display: block;
    text-decoration: none;
    height: 40px;
    border-radius: 10px;
    line-height: 40px;
	width:100px;
}

.ui-timepicker-standard .ui-state-hover{color:#ffffff; background-color:#004894;border:1px solid #ffffff;font-weight:400;}

.ui-timepicker-standard .ui-menu-item{
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: inline-block;
    width: 32% !important;
    height: 40px;
	margin-bottom:10px;
	}
	
.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:0}

@media screen and (max-width: 1200px) {
	.ui-timepicker-standard{
        left: 49% !important;
        transform: translateX(-50%);	
	}
}

@media screen and (max-width: 480px) {
	
	.ui-timepicker-standard{
		height: 312px !important;
        left: 49% !important;
        transform: translateX(-50%);
        width: 348px !important;
        margin-top: 0;
        border-radius: 0
	}
	.ui-timepicker{
		height: 312px!important;
	}
	.ui-timepicker-viewport{
		height: 312px!important;
		width: 336px!important;
	}
	
}