@charset "UTF-8";

/*
	CSS Stylesheet jQuery Datepicker 
	By Anderson Dávila
	AYMSOFT SAS
	01/04/2019
*/

/*MAIN*/
#ui-datepicker-div {transition: unset;}
/*.hasDatepicker {background: #fff url('/aymsite/aym_image/aym_icon/aym_calendar.png') center right .3em no-repeat !important; background-size: 20px !important;}*/
.ui-datepicker {padding: 0;}

/*HEADER*/
.ui-widget-header {background: #fff !important; border: 0 !important;}

/*TITLE*/
.ui-datepicker-title {display: flex; justify-content: center;}
.ui-datepicker-title select {background-color: #fff; border: 0 !important; border-radius: 0; margin: 0; padding: 0; width: 100% !important;}

/*TABLE*/
.ui-datepicker-calendar {border-top: 1px solid var(--aym_tone_3);}
.ui-datepicker-calendar tr {background: none !important;}
.ui-datepicker-calendar tr td a {background: none !important; border: 0 !important; border-radius: 3px; padding: .3em .2em !important; text-align: center !important;}
.ui-datepicker-calendar tr td span {text-align: center !important;}

.ui-datepicker-calendar tr td a.ui-state-highlight {background: #fff !important; color: var(--aym_tone_2) !important;}
.ui-datepicker-calendar tr td a.ui-state-highlight:hover {background: #eee !important; color: #222 !important;}

.ui-datepicker-calendar tr td a:hover,
.ui-datepicker-calendar tr td a.ui-state-active,
.ui-datepicker-calendar tr td a.ui-state-active:hover {background: var(--aym_tone_2) !important; color: #fff !important;}

/*BUTTONS*/
.ui-datepicker-buttonpane {padding: 0 !important;}
.ui-datepicker-buttonpane button {background: #fff !important; background-position: center !important; border: 0 !important; border-radius: 2px; box-shadow: unset !important; color: #5cc4ef !important; font-weight: 300 !important; margin: 0 !important; opacity: 1 !important; outline: none; padding: 12px 18px; text-transform: uppercase; transition: background 0.8s;}
.ui-datepicker-buttonpane button:hover {background: var(--aym_tone_3) radial-gradient(circle, transparent 1%, var(--aym_tone_3) 1%) center/15000% !important; color: #fff !important;}
.ui-datepicker-buttonpane button:active {background-color: var(--aym_tone_3) !important; background-size: 100%; transition: background 0s;}

.ui-icon {background-image: url('/aym_image/aym_ico/aym_ui_icons.png') !important;filter: grayscale(1);}