.schedule.ref01 .wrapper-page{padding-top: 0;padding-bottom: 0;}
.schedule.ref01 .container-schedule .secondary-title,
.schedule.ref01 .container-schedule .secondary-subtitle{text-align: center;}
.schedule.ref01 .container-schedule .row-schedule{margin: 0;border-radius: 12px;background-color: #f9f8f7;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.schedule.ref01 .container-schedule .row-schedule .column{padding-top: 35px;padding-bottom: 45px;}
.schedule.ref01 .container-schedule .row-schedule .column:first-child{padding-left: 5.1%;padding-right: 6.3%;}
.schedule.ref01 .container-schedule .row-schedule .column:last-child{float: right;width: 47.9%;padding-right: 5.1%;padding-left: 6.4%;}
.schedule.ref01 .container-schedule .row-next + .sp-medium{display: none;}
.schedule.ref01 .container-schedule .row-next .form-message.column{text-align: center;}
.schedule.ref01 .container-schedule .row-next .form-message.column .warning{display: inline-block;margin-bottom: 20px;position: relative;z-index: 6;margin-bottom: 0;}
.schedule.ref01 .container-schedule .row-next .form-message.column-error{display: none;}
.schedule.ref01 .container-schedule .row-next .form-message.column-error .error{display: inline-block;}
.schedule.ref01 .container-schedule .row-next .form-message.column a[disabled]{opacity: .25;cursor: not-allowed;}
.schedule.ref01 .container-schedule .row-next .form-message.column.nlogged::before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;z-index: 5;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker-calendar{table-layout: fixed;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker{width: 100%;background: transparent;border: 0;padding: 0;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker th{padding-top: 0;text-transform: uppercase;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker td{padding: 1%;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker td a,
.schedule.ref01 .container-schedule #datepicker .ui-datepicker td span{padding: 14%;min-width: 46px;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-header{border: 0;padding-top: 0;margin-bottom: 36px;background: transparent;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-header a{border: 0 !important;background: transparent !important;top: calc(50% - 11px) !important;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-header a .ui-icon{width: 22px;height: 22px;background-size: 100%;background-repeat: no-repeat;background-position: center;display: block;margin: 0;top: 0;left: 0;right: 0;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-header a.ui-datepicker-prev{left: 14% !important;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-header a.ui-datepicker-next{right: 14% !important;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-state-default, .schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-content .ui-state-default{text-align: center;border-radius: 2px;transition:0.2s all;border-color: lightgray;background: #fff;}
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-state-default.ui-state-hover,
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-content .ui-state-highlight,
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-header .ui-state-highlight,
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-state-active,
.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-content .ui-state-active{border-color: gray; background-color: gray; color: white;}

.schedule.ref01 .container-schedule #datepicker .ui-datepicker td span{border-color: transparent !important;background: transparent !important;}
.schedule.ref01 .container-schedule .wrapper-hours{margin: 31px -2px 0;}
.schedule.ref01 .container-schedule .wrapper-hours span{transition:0.2s all;float: left;width: calc(25% - 11px);border-width: 1px;border-style: solid;border-radius: 2px;padding: 6px 2px;text-align: center;cursor: pointer;margin: 1%;border-color: lightgray;background-color: #FFF;}
.schedule.ref01 .container-schedule .wrapper-hours span.disabled{cursor: default;border-color: #CCC;color: #CCC; background-color: transparent;}
.schedule.ref01 .container-schedule .wrapper-hours span:not(.disabled):not(.sel):hover{border-color: lightgray;color: lightgray;}
.schedule.ref01 .container-schedule .wrapper-hours span.sel{border-color: gray; background-color: gray; color: white;}

.schedule.ref01 .container-schedule .row-success{background:#f9f8f7;display: none;border-radius: 12px;margin: 0;}
.schedule.ref01 .container-schedule .row-success .column{padding-top: 40px;padding-bottom: 45px;text-align: center;}
.schedule.ref01 .container-schedule .row-success .column .rdc-icon-calendar{margin-bottom: 20px;}
.schedule.ref01 .container-schedule .row-success .column .rdc-icon-user{margin-bottom: 20px;}
.schedule.ref01 .container-schedule .row-success .column .secondary-subtitle{padding-bottom: 27px;}
.schedule.ref01 .container-schedule .row-success .column a{margin-top: 15px;display: inline-block;}
.schedule.ref01 .container-schedule .row-success .column .disabledBtn{position: relative;}
.schedule.ref01 .container-schedule .row-success .column .disabledBtn::before{content: '';position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;background: transparent;}
.schedule.ref01 .container-schedule .row-end{display: none;text-align: center;}
.schedule.ref01 .container-schedule .row-end .column label{display: inline-block;margin-bottom: 0;width: 100%;}
.schedule.ref01 .container-schedule .row-end .column label input{display: inline-block;vertical-align: middle;}
.schedule.ref01 .container-schedule .row-end .column label span.check{display: inline-block;padding-bottom: 0;}
.schedule.ref01 .container-schedule .row-end .column .checkbox .filter-name{width: auto;display: inline-block;vertical-align: middle;padding-left: 5px;}
.schedule.ref01 .container-schedule .row-end .form-message{display: inline-block;}
.schedule.ref01 .container-schedule .secondary-title.final-step{display: none;}
.schedule.ref01 .container-schedule .logged .secondary-title.final-step + .sp-ex-small{display: none;}

.schedule.ref01 .container-schedule.success-step .row-next{display: none;}
.schedule.ref01 .container-schedule.success-step .row-next + .sp-medium{display: block;}
.schedule.ref01 .container-schedule.success-step .logged .secondary-title.final-step + .sp-ex-small{display: block;}
.schedule.ref01 .container-schedule.success-step .row-success,
.schedule.ref01 .container-schedule.success-step .row-end,
.schedule.ref01 .container-schedule.success-step .secondary-title.final-step{display: block;}
.schedule.ref01 .container-schedule.success-step > .row > .col-sm-10.col-sm-offset-1 > .secondary-subtitle:not(.final-step){opacity: .5;}
.schedule.ref01 .container-schedule.success-step .row-schedule{position: relative;}
.schedule.ref01 .container-schedule.success-step .row-schedule::before{content: '';display: block;z-index: 9;background-color: rgba(255, 255, 255, 0.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.row-success .rdc-icon-svg {width: 32px; height: 32px; background-size: 100%; margin: auto;}
.ui-widget-header .ui-datepicker-prev .ui-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 32 32'%3E%3Cpolygon points='22 5.555 11.982 16 22 26.445 20.509 28 9 16 20.509 4' transform='matrix(1 0 0 -1 0 32)'%3E%3C/polygon%3E%3C/svg%3E");}
.ui-widget-header .ui-datepicker-next .ui-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 32 32'%3E%3Cpolygon points='23 5.555 12.982 16 23 26.445 21.509 28 10 16 21.509 4' transform='rotate(180 16.5 16)'%3E%3C/polygon%3E%3C/svg%3E");}

@media screen and (max-width: 767px){
	.schedule.ref01 .container-schedule #datepicker{width: 100%;}
	.schedule.ref01 .container-schedule #datepicker .ui-datepicker td a,
	.schedule.ref01 .container-schedule #datepicker .ui-datepicker td span{min-width: 31px;}
	.schedule.ref01 .container-schedule #datepicker .ui-datepicker .ui-widget-header{margin-bottom: 15px;}
	.schedule.ref01 .container-schedule .row-end .column label input{float: left;width: 13px;height: 13px;margin-top: 3px;}
	.schedule.ref01 .container-schedule .row-end .column .checkbox .filter-name{float: left;width: calc(100% - 13px);}
	.schedule.ref01 .container-schedule .row-schedule .column{padding: 15px;}
	.schedule.ref01 .container-schedule .row-schedule .column:last-child{width: 100%;padding: 5px 15px 15px;}
	.schedule.ref01 .container-schedule .wrapper-hours{margin-top: 15px;}
	.schedule.ref01 .container-schedule .wrapper-hours span{min-width: 20%;}
	.schedule.ref01 .container-schedule .row-success .column{padding: 15px;}
	.schedule.ref01 .container-schedule .row-success .column:last-child{padding-top: 20px;}
	.schedule.ref01 .container-schedule .row-success .column .wrapper-info{width: 100% !important;}
	.schedule.ref01 .container-schedule .row-success .column .secondary-subtitle{padding-bottom: 15px;}
	.schedule.ref01 .container-schedule .row-success .column .icon-calendar,
	.schedule.ref01 .container-schedule .row-success .column .rdc-icon-user{margin-bottom: 5px;}
}