@charset "utf-8";
/* CSS Document */

#ui-datepicker-div {left: 34.6%!important;}

.ui-helper-hidden {display: none;}
.ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;}
		
.ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;}
		
.ui-helper-clearfix::before, .ui-helper-clearfix::after {
    border-collapse: collapse;
    content: "";
    display: table;}
		
.ui-helper-clearfix::after {
    clear: both;}
		
.ui-helper-clearfix {
    min-height: 0;}
		
.ui-helper-zfix {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;}
		
.ui-front {
    z-index: 100;}
		
.ui-state-disabled {
    cursor: default !important;}
		
.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;}
		
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;}
		
.ui-datepicker {
    display: none;
    padding: 0.2em 0.2em 0;
    width: 17em;}
		
.ui-datepicker .ui-datepicker-header {
    padding: 0.3em 0;
    position: relative;}

tr th.ui-datepicker-week-end {padding: 10px 0;}		
		
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 5px;
    width: 1.8em;
		cursor: pointer;}
		
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 4px;}
		
.ui-datepicker .ui-datepicker-prev {
    left: 2px;}
		
.ui-datepicker .ui-datepicker-next {
    right: 2px;}
		
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;}
		
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;}
		
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;}
		
.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em; text-transform: uppercase;
    text-align: center;}
		
.ui-datepicker .ui-datepicker-title select {
    font-size: 1.1em;
    margin: 1px 0;}
		
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;}
		
.ui-datepicker table {
    border-collapse: collapse;
    font-size: 1.05em;
    margin: 0 0 0.4em;
    width: 100%;}
		
.ui-datepicker th {
    border: 0 none;
    font-weight: bold;
    /*padding: 0.7em 0.3em;*/
		padding: 0;
    text-align: center;
		color: #585858;}
		
.ui-datepicker td {
    border: 0 none;
    padding: 0;}
		
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0.25em;
    text-align: right;
    text-decoration: none;}
		
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;}
		
.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 0.5em 0.2em 0.4em;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;}
		
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;}
		
.ui-datepicker.ui-datepicker-multi {
    width: auto;}
		
.ui-datepicker-multi .ui-datepicker-group {
    float: left;}
		
.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 95%;}
		
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;}
		
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;}
		
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;}
		
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;}
		
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;}
		
.ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%;}
		
.ui-datepicker-rtl {
    direction: rtl;}
		
.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px;}
		
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;}
		
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px;}
		
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;}
		
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;}
		
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;}
		
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;}
		
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;}
		
.ui-tooltip {
    box-shadow: 0 0 5px #aaa;
    max-width: 300px;
    padding: 8px;
    position: absolute;
    z-index: 9999;}
		
body .ui-tooltip {
    border-width: 2px;}
		
.ui-widget {
    font-family: "Archivo Narrow",Arial,Helvetica,sans-serif;
    font-size: 1em;}
		
.ui-widget .ui-widget {
    font-size: 1em;}
		
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Archivo Narrow",Arial,Helvetica,sans-serif;
    font-size: 1em;}
		
.ui-widget-content {
    background: #fff;
    border: 1px solid #ccc;
		-webkit-border-radius: 2px;
		border-radius: 2px;
    /*color: #fff;*/
		-webkit-box-shadow: 0 0 5px 1px #000000;
		box-shadow: 0 0 5px 1px #000000;}
		
.ui-widget-content a {color: #333;}

.ui-widget-header {
    background: #fff;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-weight: bold;}
		
.ui-widget-header a {color: #6ba0be;}

/*-----------------------------------------------------------*/

.ui-datepicker-calendar tr td {border: 1px solid #ccc;} /*global rule*/

.ui-datepicker-calendar tr td a:hover {color: #207fc7; background: #ccc;} /*global rule*/

.ui-datepicker-group-first {}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	  background: #fff;
		/*border: 1px solid #ccc;*/
		text-align: center;
    font-weight: normal;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #585858; text-decoration: none;}
		
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #fff;
    /*border: 1px solid #ccc;*/
    color: #585858;
    font-weight: normal;}

td.highlight .ui-state-default {
		color: #207fc7;
		background: #ccc;
		/*opacity: 1!important;
		background: rgb(0,0,0)!important;*/}	
		
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    text-decoration: none;}
		
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #fff;
    /*border: 1px solid #ccc;*/
    color: #585858;
    font-weight: normal;}
		
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #585858;
    text-decoration: none;}
		
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #a1ecfc none repeat scroll 0 0;
    border: 1px solid #1b1b1b;
    color: #1b1b1b;}
		
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #1b1b1b;}
		
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background: #fddfdf none repeat scroll 0 0;
    border: 1px solid #f1a899;
    color: #5f3f3f;}
		
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f;}
		
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;}
		
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;}
		
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    font-weight: normal;}
		
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
		color: #ccc;
   /* opacity: 0.35;*/}
		
.ui-state-disabled .ui-icon {}

.ui-icon {
    height: 16px;
    width: 16px;}
		
/*.ui-datepicker-prev ui-corner-all .ui-state-disabled	
	span.ui-icon ui-icon-circle-triangle-w	*/

a.ui-state-disabled {opacity: 0.5;}

.ui-datepicker-prev span.ui-icon-circle-triangle-w {
	background: url('../gfx/arrow-prev-b.png') 50% 50% no-repeat;
	background-size: 24px 24px;}
	
.ui-datepicker-next span.ui-icon-circle-triangle-e {
	background: url('../gfx/arrow-next-b.png') 50% 50% no-repeat;
	background-size: 24px 24px;}
		
.ui-widget-overlay {
    background: #ccc;
    opacity: 1;}

.ui-widget-shadow {
    background: #ccc;
    border-radius: 8px;
    margin: 0;
    opacity: 0.3;
    padding: 5px;}
		
@media only screen and (max-width: 1024px) {
#ui-datepicker-div {left: 30%!important;}}		
		
@media only screen and (max-width: 769px) {
#ui-datepicker-div {left: 4%!important; width: 90%!important;}
.ui-datepicker .ui-datepicker-title select {font-size: 0.9em;}
.ui-widget {font-size:2vw;}
}

@media only screen and (max-width: 480px) {
	
#ui-datepicker-div {
	left: 5%!important; width: 90%!important; bottom: 2!important;}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 75%; margin: 0 0 0 10%;}
/*
.ui-datepicker td span, .ui-datepicker td {padding: 0;}
.ui-datepicker td span, .ui-datepicker td a {padding: 0.8em;}
		
.ui-datepicker .ui-datepicker-title select {font-size: 0.9em;}*/

/*.ui-datepicker table {border-collapse: collapse; font-size: 0.9em; margin: 0 0 0.4em;}*/

.ui-widget {font-size: 0.9em;}
		
.ui-widget .ui-widget {font-size:0.9em;}

	
}		
		