/* ------ */
/* Layout */
/* ------ */
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu
{
    width : auto;
}

.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu ul
{
    padding-left  : 15px;
    padding-right : 15px;
}


.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days th,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days td
{
    min-width  : 35px !important;
    min-height : 35px !important;
    width      : 35px !important;
    height     : 35px !important;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker td.separator
{
    width : 3px !important;
}

.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker td span.decade,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker td span.year,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker td span.month,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker td.hour,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker td.minute,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker td.second
{
    min-width  : 54px;
    min-height : 54px;
    width  : 54px;
    height : 54px;
}

.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch
{
    margin : 8px 0px 8px 0px;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table tr,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table tr td
{
    margin  : 0px;
    border  : none;
    padding : 0px;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch td a
{
    margin : 0px 0px 0px 0px;
    width  : 100%;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch td a span
{
    margin : 0px;
    width  : calc( 100% - 4px);
}


/* ----- */
/* Style */
/* ----- */

.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu
{
    transition : ease-in-out .25s;
}

.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu table th,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu table td
{
  border-radius : 0px;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu table td span
{
  border-radius : 0px;
}

.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades td,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-years   td,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-months  td,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-hours   td,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-minutes td,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-seconds td
{
    border : none;
}

.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days   td
{
    border : 1px solid rgba( 94, 94, 94, 0.2);
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days   td.day.old,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days   td.day.new
{
    color : rgba( 68, 68, 68, 0.4);
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days   td.day.weekend
{
    background-color : rgba( 68, 68, 68, 0.25);
    color            : white;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days   td.day.active
{
    background-color : rgba( 128, 23, 27, 1); /* cor uminho ( #80171b) */
    color            : white;
}


.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu table tr:first-child th:hover
{
    background-color : transparent;
}


.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades td span:hover,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-years   td span:hover,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-months  td span:hover,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days    td:hover,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-hours   td:hover,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-minutes td:hover,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-seconds td:hover
{
    background-color : rgba( 94, 94, 94, 1);
    color            : white;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days    td.day.old:hover,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days    td.day.new:hover
{
    background-color : rgba( 94, 94, 94, 1);
    color            : white;
}

.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades td span.active,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-years   td span.active,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-months  td span.active,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .datepicker-days    td.active,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-hours   td.active,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-minutes td.active,
.PA-DateTimePicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-seconts td.active
{
    background-color : rgba( 128, 23, 27, 1);
    color            : white;
}


.PA-DateTimePicker .picker-switch    a
{
    border : 2px solid rgba( 94, 94, 94, 1);
    color  : rgba( 94, 94, 94, 1);
}
.PA-DateTimePicker .picker-switch    a:hover
{
    background-color : rgba( 94, 94, 94, 1);
    color            : white;
}
.PA-DateTimePicker .picker-switch    a span:hover
{
    background-color : transparent;
}

.PA-DateTimePicker .datepicker table th.prev,
.PA-DateTimePicker .datepicker table th.picker-switch,
.PA-DateTimePicker .datepicker table th.next
{
    font-family : Lato;
    font-size   : 14pt;
    font-weight : normal;
    line-height : 20pt;

    color : rgba( 68, 68, 68, 0.6);
}
.PA-DateTimePicker .datepicker table th.prev,
.PA-DateTimePicker .datepicker table th.next
{
    font-family : Lato;
    font-size   : 12pt;
    font-weight : normal;
    line-height : 20pt;

    color : rgba( 68, 68, 68, 0.6);
}
.PA-DateTimePicker .datepicker table th.dow
{
    font-family : Lato;
    font-size   : 10pt;
    font-weight : normal;

    color : rgba( 68, 68, 68, 0.6);
}
.PA-DateTimePicker .datepicker table th.dow,
.PA-DateTimePicker .datepicker table td
{
    border        : 1px solid rgba( 94, 94, 94, 0.2);
    border-radius : 0px;

}






.PA-DateTimePicker .bootstrap-datetimepicker-widget .timepicker .table-condensed td
{
    /*width  : 35px;
    height : 35px;
    min-width  : 35px;
    min-height : 35px;*/
    line-height : initial;
    padding : 0px;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget .timepicker .table-condensed td span
{
    width       : initial;
    height      : initial;
    line-height : initial;
}

.PA-DateTimePicker .timepicker a.btn,
.PA-DateTimePicker .timepicker a.btn
{
    border : none;

    font-family : Lato;
    font-size   : 12pt;
    font-weight : normal;
}
.PA-DateTimePicker .timepicker a.btn:hover
{
    background-color : transparent;
}
.PA-DateTimePicker .bootstrap-datetimepicker-widget .timepicker a.btn span:hover
{
    background-color : transparent;

    color : rgba( 94, 94, 94, 1);
}

.PA-DateTimePicker .bootstrap-datetimepicker-widget .timepicker .timepicker-hour,
.PA-DateTimePicker .bootstrap-datetimepicker-widget .timepicker .timepicker-minute,
.PA-DateTimePicker .bootstrap-datetimepicker-widget .timepicker .timepicker-second
{
    font-family : Lato;
    font-size   : 12pt;
    font-weight : normal;
}