.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
    color: #777;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: #777;
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.bootstrap-datetimepicker-widget {
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    position: relative;
    transition: none;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: 0 0;
}

.bootstrap-datetimepicker-widget table td.active {
    background: 0 0;
}

.bootstrap-datetimepicker-widget table td.active:hover {
    background: 0 0;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.bootstrap-datetimepicker-widget table th {
    height: 32px;
    line-height: 32px;
    width: 32px;
    font-weight: 400;
    opacity: 0.74;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
    font-weight: 700;
    color: #000;
}

.bootstrap-datetimepicker-widget table td.today:before {
    display: none;
}

.bootstrap-datetimepicker-widget .accordion-toggle {
    text-align: center;
    background-color: #0d5bdd;
}

.bootstrap-datetimepicker-widget .accordion-toggle a {
    color: #fff;
    display: inline-block;
    padding: 3px 0;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget .accordion-toggle a:hover {
    background: 0 0;
    color: #fff;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    font-weight: 400;
    font-size: 3.5rem;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute; /* 절대 위치 */
    display: block;
    visibility: visible;
    opacity: 1;
    clip: auto;
    width: 300px;
    padding: 0;
    margin: 0;
    z-index: 10000; /* z-index 값을 더 높게 설정 */
}
.parent-div { /* 날짜 선택기의 부모 div에 대한 클래스 */
    position: relative; /* 자식 요소가 이 div를 기준으로 위치하게 함 */
    z-index: 1; /* 필요에 따라 조정 */
    overflow: visible; /* overflow 속성을 visible로 설정 */
}


.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    display: none;
}

.bootstrap-datetimepicker-widget .datepicker > div {
    display: table;
    width: 100%;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget {
    width: 530px;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget table {
    width: auto;
    flex: auto;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker-hours,
.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker-minutes,
.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker-seconds {
    flex: auto;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .datepicker > div {
    display: flex;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker {
    display: flex;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .timepicker .timepicker-picker {
    width: 240px;
    vertical-align: top;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .datepicker .topdateinfo {
    width: 240px;
    vertical-align: top;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget table td span {
    margin: 5px;
}

.pmd-navbar-left .bootstrap-datetimepicker-widget .clockpickerminute,
.pmd-navbar-left .bootstrap-datetimepicker-widget .clockpickerr,
.pmd-navbar-left .bootstrap-datetimepicker-widget .clockpickerseconds {
    margin: 20px 0;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 2.8rem;
}

.timepicker .time-separator,
.timepicker .timeview,
.timepicker .uparrow {
    font-size: 42px;
}

.topdateinfo {
    background-color: #D0021B;
    text-align: center;
    color: #fff;
    line-height: 1;
}

.topdateinfo .dayname {
    background-color: #D0021B;
    padding: 8px 0;
    margin-bottom: 0;
}

.topdateinfo .monthonly {
    font-size: 1.6rem;
    text-transform: uppercase;
}

.topdateinfo .dateonly {
    font-size: 3.5rem;
}

.topdateinfo .yearonly {
    font-size: 1.6rem;
    margin-bottom: 0;
}

.topdateinfo .datetopcol {
    padding: 16px 0;
}

.bootstrap-datetimepicker-widget table td.day span {
    height: 32px;
    line-height: 32px;
    width: 32px;
    display: inline-block;
    margin: 0;
}

.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > th,
.bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > tfoot > tr > th,
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > td,
.bootstrap-datetimepicker-widget .table-condensed > thead > tr > th {
    padding: 0;
}

.timepicker-hour,
.timepicker-minute,
.timepicker-second {
    cursor: pointer;
}

.clockpickerminute,
.clockpickerr,
.clockpickerseconds {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    position: relative;
    background-color: #eceff1;
    display: inline-block;
    margin: 24px 0 80px 0;
}

.clockpickerminute .minute,
.clockpickerr .hour,
.clockpickerseconds .second {
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

.clockpickerminute .minute:nth-child(1),
.clockpickerr .hour:nth-child(1) {
    left: 45%;
}

.clockpickerminute .minute:nth-child(2),
.clockpickerr .hour:nth-child(2) {
    left: 130px;
    top: 15px;
}

.clockpickerminute .minute:nth-child(3),
.clockpickerr .hour:nth-child(3) {
    left: 160px;
    top: 45px;
}

.clockpickerminute .minute:nth-child(4),
.clockpickerr .hour:nth-child(4) {
    left: 175px;
    top: 85px;
}

.clockpickerminute .minute:nth-child(5),
.clockpickerr .hour:nth-child(5) {
    left: 160px;
    top: 130px;
}

.clockpickerminute .minute:nth-child(6),
.clockpickerr .hour:nth-child(6) {
    left: 130px;
    top: 160px;
}

.clockpickerminute .minute:nth-child(7),
.clockpickerr .hour:nth-child(7) {
    left: 92px;
    top: 175px;
}

.clockpickerminute .minute:nth-child(8),
.clockpickerr .hour:nth-child(8) {
    left: 50px;
    top: 160px;
}

.clockpickerminute .minute:nth-child(9),
.clockpickerr .hour:nth-child(9) {
    left: 20px;
    top: 130px;
}

.clockpickerminute .minute:nth-child(10),
.clockpickerr .hour:nth-child(10) {
    left: 5px;
    top: 85px;
}

.clockpickerminute .minute:nth-child(11),
.clockpickerr .hour:nth-child(11) {
    left: 20px;
    top: 45px;
}

.clockpickerminute .minute:nth-child(12),
.clockpickerr .hour:nth-child(12) {
    left: 50px;
    top: 15px;
}

.ampmview {
    width: 100%;
    position: relative;
}

.ampmview .btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    min-width: inherit;
}

.ampmview > div {
    position: absolute;
    top: 234px;
    width: 100%;
    left: 16px;
}

.ampmview .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 50%;
}

.amview {
    margin-left: 30px;
}

.pmview {
    margin-right: 30px;
}

.timeview {
    line-height: 1;
}

.timepicker {
    text-align: center;
}

.timepicker-picker {
    background-color: #D0021B;
    color: #fff;
    font-size: 3.5rem;
    padding-bottom: 5px;
}

.ampmvalue {
    font-size: 0.8125rem;
}

.ampmview,
.timepicker-hours,
.timepicker-minutes {
    background-color: #fff;
}

.downarrow,
.uparrow {
    text-align: left;
    padding-left: 42px;
}

.downarrow .btn,
.uparrow .btn {
    width: 59px;
    margin: 0 10px;
}

.bootstrap-datetimepicker-widget {
    background-color: #fff;
    z-index: 0;
    width: 300px;
    -moz-box-shadow: box-shadow(1);
    -webkit-box-shadow: box-shadow(1);
    box-shadow: box-shadow(1);
}

.bootstrap-datetimepicker-widget table th.next,
.bootstrap-datetimepicker-widget table th.prev {
    padding-bottom: 0;
}

.bootstrap-datetimepicker-widget table th.next span,
.bootstrap-datetimepicker-widget table th.prev span {
    padding-top: 8px;
    display: inline-block;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: inherit;
}

.modal .bootstrap-datetimepicker-widget {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget table th {
    text-transform: capitalize;
}

.bootstrap-datetimepicker-widget table th.dow {
    color: #333;
    line-height: 33px;
    height: 33px;
}

.bootstrap-datetimepicker-widget table td {
    position: relative;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.bootstrap-datetimepicker-widget table td.day span {
    height: 40px;
    line-height: 40px;
    width: 40px;
    position: absolute;
    z-index: -1;
    margin: 1px 0 0 -15px;
    border-radius: 500px;
    top: 0;
    left: -1px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.topdateinfo {
    text-align: left;
    padding: 16px 20px;
}

.topdateinfo .datetopcol {
    padding: 0;
    margin-bottom: 0;
}

.topdateinfo .datetopcol p {
    display: inline-block;
    text-align: left;
    font-size: 2rem;
    text-transform: inherit;
    padding: 0;
    margin: 0;
    padding-right: 8px;
    background-color: transparent;
}

.bootstrap-datetimepicker-widget table {
    margin: 5px 0;
}

.topdateinfo .yearonly {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 5px;
    opacity: 0.9;
}

.bootstrap-datetimepicker-widget table td span {
    border-radius: 500px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    color: #444;
}

.bootstrap-datetimepicker-widget table td.day:hover span,
.bootstrap-datetimepicker-widget table td.hour:hover span,
.bootstrap-datetimepicker-widget table td.minute:hover span,
.bootstrap-datetimepicker-widget table td.second:hover span {
    background-color: #eee;
}

.bootstrap-datetimepicker-widget table td.day.active:hover span,
.bootstrap-datetimepicker-widget table td.hour.active:hover span,
.bootstrap-datetimepicker-widget table td.minute.active:hover span,
.bootstrap-datetimepicker-widget table td.second.active:hover span {
    background-color: #D0021B;
}

.bootstrap-datetimepicker-widget table td.day.disabled:hover,
.bootstrap-datetimepicker-widget table td.hour.disabled:hover,
.bootstrap-datetimepicker-widget table td.minute.disabled:hover,
.bootstrap-datetimepicker-widget table td.second.disabled:hover {
    color: #777;
}

.bootstrap-datetimepicker-widget table td.day.disabled:hover span,
.bootstrap-datetimepicker-widget table td.hour.disabled:hover span,
.bootstrap-datetimepicker-widget table td.minute.disabled:hover span,
.bootstrap-datetimepicker-widget table td.second.disabled:hover span {
    background: 0 0;
}

.bootstrap-datetimepicker-widget table td.active span {
    background-color: #D0021B;
}

.bootstrap-datetimepicker-widget table td.active span:hover {
    background-color: #D0021B;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #D0021B;
}

.bootstrap-datetimepicker-widget table td.day.active:hover {
    color: #fff;
}

.bootstrap-datetimepicker-widget table td.active {
    color: #fff;
}

.bootstrap-datetimepicker-widget table td.active span:hover {
    color: #fff;
}

.datepicker-modal .datepicker {
    padding-bottom: 30px;
}

.datepicker-modal .timepicker {
    display: none;
}

.datepicker-modal .datepicker-tab {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
    background: #444;
}

.datepicker-modal .datepicker-tab li {
    float: left;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.datepicker-modal .datepicker-tab li a {
    display: block;
    font-size: 18px;
    border-bottom: 5px solid #444;
    color: #b2b2b2;
    height: 60px;
    line-height: 60px;
    position: relative;
}

.datepicker-modal .datepicker-tab li a.active {
    color: #fff;
    border-color: #fff;
}

.datepicker-modal .datepicker-tab li a.active:before {
    content: "";
    width: 100%;
    z-index: 10;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.timepicker .downarrow .btn,
.timepicker .timeview .btn,
.timepicker .uparrow .btn {
    display: none;
}

.timepicker .uparrow {
    display: inline-block;
    padding-left: 0;
}

.timepicker .downarrow,
.timepicker .time-separator,
.timepicker .timeview {
    display: inline-block;
}

.timepicker .downarrow {
    padding-left: 0;
}

.timepicker .time-separator,
.timepicker .timeview,
.timepicker .uparrow {
    font-size: 50px;
    color: #fff;
    line-height: normal;
}

.timepicker .time-separator {
    opacity: 0.5;
}

.timepicker .time-separator .separator {
    margin-top: -20px;
}

.timepicker .downarrow .timepicker-second,
.timepicker .timeview .timepicker-minute,
.timepicker .uparrow .timepicker-hour {
    opacity: 0.5;
}

.timepicker .downarrow .timepicker-second.active,
.timepicker .timeview .timepicker-minute.active,
.timepicker .uparrow .timepicker-hour.active {
    opacity: 1;
}

.timepicker .ampmvalue {
    font-size: 18px;
    margin-left: 10px;
}

.timepicker .ampmview {
    width: auto;
    position: absolute;
    display: inline-block;
    font-size: inherit;
    background: 0 0;
    top: 37px;
    margin-left: 10px;
}

.timepicker .ampmview .btn-group {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
}

.timepicker .ampmview .btn-group .btn {
    clear: both;
    background: 0 0;
    padding: 0;
    font-family: Arial;
    height: 30px;
    font-size: 20px;
    margin-right: 0;
    color: #fff;
    opacity: 0.5;
}

.timepicker .ampmview .btn-group .btn.active {
    opacity: 1;
}

.timepicker .hourHnad,
.timepicker .minuteHnad,
.timepicker .secondHnad {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    background: #D0021B;
    right: 25px;
    -moz-transform-origin: center left;
    -webkit-transform-origin: center left;
    transform-origin: center left;
    will-change: transform;
    transition: all 0.2s ease-in-out;
}

.bootstrap-datetimepicker-widget .table-condensed .picker-switch {
    padding-top: 8px;
}

.clockpickerminute,
.clockpickerr,
.clockpickerseconds {
    border-radius: 500px;
    width: 270px;
    height: 270px;
    margin: 30px 0;
}

.timepicker .clockpickerminute .minute,
.timepicker .clockpickerr .hour,
.timepicker .clockpickerseconds .second {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.timepicker .clockpickerminute .minute.active,
.timepicker .clockpickerr .hour.active,
.timepicker .clockpickerseconds .second.active {
    color: #fff;
}

.timepicker .hourHnad:before,
.timepicker .minuteHnad:before,
.timepicker .secondHnad:before {
    width: 7px;
    height: 7px;
    content: "";
    left: -3px;
    top: 50%;
    position: absolute;
    background: #D0021B;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 25px;
}

.timepicker .hourHnad:after,
.timepicker .minuteHnad:after,
.timepicker .secondHnad:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: #D0021B;
    right: 0;
    top: 50%;
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 50px;
}

.timepicker .hourHnad.hourHnad-00,
.timepicker .hourHnad.hourHnad-13,
.timepicker .hourHnad.hourHnad-14,
.timepicker .hourHnad.hourHnad-15,
.timepicker .hourHnad.hourHnad-16,
.timepicker .hourHnad.hourHnad-17,
.timepicker .hourHnad.hourHnad-18,
.timepicker .hourHnad.hourHnad-19,
.timepicker .hourHnad.hourHnad-20,
.timepicker .hourHnad.hourHnad-21,
.timepicker .hourHnad.hourHnad-22,
.timepicker .hourHnad.hourHnad-23,
.timepicker .hourHnad.hourHnad-24 {
    right: 57px;
}

.timepicker .hourHnad.hourHnad-00,
.timepicker .hourHnad.hourHnad-12 {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.timepicker .hourHnad.hourHnad-01,
.timepicker .hourHnad.hourHnad-13 {
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.timepicker .hourHnad.hourHnad-02,
.timepicker .hourHnad.hourHnad-14 {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.timepicker .hourHnad.hourHnad-03,
.timepicker .hourHnad.hourHnad-15 {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.timepicker .hourHnad.hourHnad-04,
.timepicker .hourHnad.hourHnad-16 {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.timepicker .hourHnad.hourHnad-05,
.timepicker .hourHnad.hourHnad-17 {
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

.timepicker .hourHnad.hourHnad-06,
.timepicker .hourHnad.hourHnad-18 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.timepicker .hourHnad.hourHnad-07,
.timepicker .hourHnad.hourHnad-19 {
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

.timepicker .hourHnad.hourHnad-08,
.timepicker .hourHnad.hourHnad-20 {
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}

.timepicker .hourHnad.hourHnad-09,
.timepicker .hourHnad.hourHnad-21 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.timepicker .hourHnad.hourHnad-10,
.timepicker .hourHnad.hourHnad-22 {
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
}

.timepicker .hourHnad.hourHnad-11,
.timepicker .hourHnad.hourHnad-23 {
    -ms-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

.timepicker .minuteHnad.minuteHnad-00,
.timepicker .secondHnad.secondHnad-00 {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.timepicker .minuteHnad.minuteHnad-01,
.timepicker .secondHnad.secondHnad-01 {
    -ms-transform: rotate(-84deg);
    -webkit-transform: rotate(-84deg);
    transform: rotate(-84deg);
}

.timepicker .minuteHnad.minuteHnad-02,
.timepicker .secondHnad.secondHnad-02 {
    -ms-transform: rotate(-78deg);
    -webkit-transform: rotate(-78deg);
    transform: rotate(-78deg);
}

.timepicker .minuteHnad.minuteHnad-03,
.timepicker .secondHnad.secondHnad-03 {
    -ms-transform: rotate(-72deg);
    -webkit-transform: rotate(-72deg);
    transform: rotate(-72deg);
}

.timepicker .minuteHnad.minuteHnad-04,
.timepicker .secondHnad.secondHnad-04 {
    -ms-transform: rotate(-66deg);
    -webkit-transform: rotate(-66deg);
    transform: rotate(-66deg);
}

.timepicker .minuteHnad.minuteHnad-05,
.timepicker .secondHnad.secondHnad-05 {
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.timepicker .minuteHnad.minuteHnad-06,
.timepicker .secondHnad.secondHnad-06 {
    -ms-transform: rotate(-54deg);
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg);
}

.timepicker .minuteHnad.minuteHnad-07,
.timepicker .secondHnad.secondHnad-07 {
    -ms-transform: rotate(-48deg);
    -webkit-transform: rotate(-48deg);
    transform: rotate(-48deg);
}

.timepicker .minuteHnad.minuteHnad-08,
.timepicker .secondHnad.secondHnad-08 {
    -ms-transform: rotate(-42deg);
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg);
}

.timepicker .minuteHnad.minuteHnad-09,
.timepicker .secondHnad.secondHnad-09 {
    -ms-transform: rotate(-36deg);
    -webkit-transform: rotate(-36deg);
    transform: rotate(-36deg);
}

.timepicker .minuteHnad.minuteHnad-10,
.timepicker .secondHnad.secondHnad-10 {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.timepicker .minuteHnad.minuteHnad-11,
.timepicker .secondHnad.secondHnad-11 {
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
}

.timepicker .minuteHnad.minuteHnad-12,
.timepicker .secondHnad.secondHnad-12 {
    -ms-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
}

.timepicker .minuteHnad.minuteHnad-13,
.timepicker .secondHnad.secondHnad-13 {
    -ms-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
}

.timepicker .minuteHnad.minuteHnad-14,
.timepicker .secondHnad.secondHnad-14 {
    -ms-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}

.timepicker .minuteHnad.minuteHnad-15,
.timepicker .secondHnad.secondHnad-15 {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.timepicker .minuteHnad.minuteHnad-16,
.timepicker .secondHnad.secondHnad-16 {
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}

.timepicker .minuteHnad.minuteHnad-17,
.timepicker .secondHnad.secondHnad-17 {
    -ms-transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
}

.timepicker .minuteHnad.minuteHnad-18,
.timepicker .secondHnad.secondHnad-18 {
    -ms-transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
}

.timepicker .minuteHnad.minuteHnad-19,
.timepicker .secondHnad.secondHnad-19 {
    -ms-transform: rotate(24deg);
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
}

.timepicker .minuteHnad.minuteHnad-20,
.timepicker .secondHnad.secondHnad-20 {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.timepicker .minuteHnad.minuteHnad-21,
.timepicker .secondHnad.secondHnad-21 {
    -ms-transform: rotate(36deg);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
}

.timepicker .minuteHnad.minuteHnad-22,
.timepicker .secondHnad.secondHnad-22 {
    -ms-transform: rotate(42deg);
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
}

.timepicker .minuteHnad.minuteHnad-23,
.timepicker .secondHnad.secondHnad-23 {
    -ms-transform: rotate(48deg);
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
}

.timepicker .minuteHnad.minuteHnad-24,
.timepicker .secondHnad.secondHnad-24 {
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg);
}

.timepicker .minuteHnad.minuteHnad-25,
.timepicker .secondHnad.secondHnad-25 {
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

.timepicker .minuteHnad.minuteHnad-26,
.timepicker .secondHnad.secondHnad-26 {
    -ms-transform: rotate(66deg);
    -webkit-transform: rotate(66deg);
    transform: rotate(66deg);
}

.timepicker .minuteHnad.minuteHnad-27,
.timepicker .secondHnad.secondHnad-27 {
    -ms-transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
}

.timepicker .minuteHnad.minuteHnad-28,
.timepicker .secondHnad.secondHnad-28 {
    -ms-transform: rotate(78deg);
    -webkit-transform: rotate(78deg);
    transform: rotate(78deg);
}

.timepicker .minuteHnad.minuteHnad-29,
.timepicker .secondHnad.secondHnad-29 {
    -ms-transform: rotate(84deg);
    -webkit-transform: rotate(84deg);
    transform: rotate(84deg);
}

.timepicker .minuteHnad.minuteHnad-30,
.timepicker .secondHnad.secondHnad-30 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.timepicker .minuteHnad.minuteHnad-31,
.timepicker .secondHnad.secondHnad-31 {
    -ms-transform: rotate(96deg);
    -webkit-transform: rotate(96deg);
    transform: rotate(96deg);
}

.timepicker .minuteHnad.minuteHnad-32,
.timepicker .secondHnad.secondHnad-32 {
    -ms-transform: rotate(102deg);
    -webkit-transform: rotate(102deg);
    transform: rotate(102deg);
}

.timepicker .minuteHnad.minuteHnad-33,
.timepicker .secondHnad.secondHnad-33 {
    -ms-transform: rotate(108deg);
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
}

.timepicker .minuteHnad.minuteHnad-34,
.timepicker .secondHnad.secondHnad-34 {
    -ms-transform: rotate(114deg);
    -webkit-transform: rotate(114deg);
    transform: rotate(114deg);
}

.timepicker .minuteHnad.minuteHnad-35,
.timepicker .secondHnad.secondHnad-35 {
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}

.timepicker .minuteHnad.minuteHnad-36,
.timepicker .secondHnad.secondHnad-36 {
    -ms-transform: rotate(126deg);
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
}

.timepicker .minuteHnad.minuteHnad-37,
.timepicker .secondHnad.secondHnad-37 {
    -ms-transform: rotate(132deg);
    -webkit-transform: rotate(132deg);
    transform: rotate(132deg);
}

.timepicker .minuteHnad.minuteHnad-38,
.timepicker .secondHnad.secondHnad-38 {
    -ms-transform: rotate(138deg);
    -webkit-transform: rotate(138deg);
    transform: rotate(138deg);
}

.timepicker .minuteHnad.minuteHnad-39,
.timepicker .secondHnad.secondHnad-39 {
    -ms-transform: rotate(144deg);
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
}

.timepicker .minuteHnad.minuteHnad-40,
.timepicker .secondHnad.secondHnad-40 {
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}

.timepicker .minuteHnad.minuteHnad-41,
.timepicker .secondHnad.secondHnad-41 {
    -ms-transform: rotate(156deg);
    -webkit-transform: rotate(156deg);
    transform: rotate(156deg);
}

.timepicker .minuteHnad.minuteHnad-42,
.timepicker .secondHnad.secondHnad-42 {
    -ms-transform: rotate(162deg);
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg);
}

.timepicker .minuteHnad.minuteHnad-43,
.timepicker .secondHnad.secondHnad-43 {
    -ms-transform: rotate(168deg);
    -webkit-transform: rotate(168deg);
    transform: rotate(168deg);
}

.timepicker .minuteHnad.minuteHnad-44,
.timepicker .secondHnad.secondHnad-44 {
    -ms-transform: rotate(174deg);
    -webkit-transform: rotate(174deg);
    transform: rotate(174deg);
}

.timepicker .minuteHnad.minuteHnad-45,
.timepicker .secondHnad.secondHnad-45 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.timepicker .minuteHnad.minuteHnad-46,
.timepicker .secondHnad.secondHnad-46 {
    -ms-transform: rotate(186deg);
    -webkit-transform: rotate(186deg);
    transform: rotate(186deg);
}

.timepicker .minuteHnad.minuteHnad-47,
.timepicker .secondHnad.secondHnad-47 {
    -ms-transform: rotate(192deg);
    -webkit-transform: rotate(192deg);
    transform: rotate(192deg);
}

.timepicker .minuteHnad.minuteHnad-48,
.timepicker .secondHnad.secondHnad-48 {
    -ms-transform: rotate(198deg);
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg);
}

.timepicker .minuteHnad.minuteHnad-49,
.timepicker .secondHnad.secondHnad-49 {
    -ms-transform: rotate(204deg);
    -webkit-transform: rotate(204deg);
    transform: rotate(204deg);
}

.timepicker .minuteHnad.minuteHnad-50,
.timepicker .secondHnad.secondHnad-50 {
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
}

.timepicker .minuteHnad.minuteHnad-51,
.timepicker .secondHnad.secondHnad-51 {
    -ms-transform: rotate(216deg);
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
}

.timepicker .minuteHnad.minuteHnad-52,
.timepicker .secondHnad.secondHnad-52 {
    -ms-transform: rotate(222deg);
    -webkit-transform: rotate(222deg);
    transform: rotate(222deg);
}

.timepicker .minuteHnad.minuteHnad-53,
.timepicker .secondHnad.secondHnad-53 {
    -ms-transform: rotate(228deg);
    -webkit-transform: rotate(228deg);
    transform: rotate(228deg);
}

.timepicker .minuteHnad.minuteHnad-54,
.timepicker .secondHnad.secondHnad-54 {
    -ms-transform: rotate(234deg);
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg);
}

.timepicker .minuteHnad.minuteHnad-55,
.timepicker .secondHnad.secondHnad-55 {
    -ms-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}

.timepicker .minuteHnad.minuteHnad-56,
.timepicker .secondHnad.secondHnad-56 {
    -ms-transform: rotate(246deg);
    -webkit-transform: rotate(246deg);
    transform: rotate(246deg);
}

.timepicker .minuteHnad.minuteHnad-57,
.timepicker .secondHnad.secondHnad-57 {
    -ms-transform: rotate(252deg);
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg);
}

.timepicker .minuteHnad.minuteHnad-58,
.timepicker .secondHnad.secondHnad-58 {
    -ms-transform: rotate(258deg);
    -webkit-transform: rotate(258deg);
    transform: rotate(258deg);
}

.timepicker .minuteHnad.minuteHnad-59,
.timepicker .secondHnad.secondHnad-59 {
    -ms-transform: rotate(264deg);
    -webkit-transform: rotate(264deg);
    transform: rotate(264deg);
}

.timepicker .table-condensed > div .position-0 {
    top: 21.6%;
    left: 50%;
}

.timepicker.tHours .table-condensed > div div:first-child {
    top: 9.3%;
    left: 50%;
}

.timepicker .table-condensed > div .position-1 {
    top: 14.8%;
    left: 70.8%;
}

.timepicker .table-condensed > div .position-2 {
    top: 30.1%;
    left: 85.4%;
}

.timepicker .table-condensed > div .position-3 {
    top: 50%;
    left: 91.3%;
}

.timepicker .table-condensed > div .position-4 {
    top: 71%;
    left: 85.7%;
}

.timepicker .table-condensed > div .position-5 {
    top: 86%;
    left: 70.8%;
}

.timepicker .table-condensed > div .position-6 {
    top: 91.4%;
    left: 50%;
}

.timepicker .table-condensed > div .position-7 {
    top: 85.9%;
    left: 29.6%;
}

.timepicker .table-condensed > div .position-8 {
    top: 70.8%;
    left: 14.8%;
}

.timepicker .table-condensed > div .position-9 {
    top: 50%;
    left: 9.3%;
}

.timepicker .table-condensed > div .position-10 {
    top: 30.1%;
    left: 14.7%;
}

.timepicker .table-condensed > div .position-11 {
    top: 14.8%;
    left: 29.6%;
}

.timepicker .table-condensed > div .position-12 {
    top: 9.3%;
    left: 50%;
}

.timepicker .table-condensed > div .position-13 {
    top: 25.4%;
    left: 64.6%;
}

.timepicker .table-condensed > div .position-14 {
    top: 36.2%;
    left: 74.4%;
}

.timepicker .table-condensed > div .position-15 {
    top: 50%;
    left: 78.8%;
}

.timepicker .table-condensed > div .position-16 {
    top: 64.8%;
    left: 74.9%;
}

.timepicker .table-condensed > div .position-17 {
    top: 75.4%;
    left: 65%;
}

.timepicker .table-condensed > div .position-18 {
    top: 79.2%;
    left: 50%;
}

.timepicker .table-condensed > div .position-19 {
    top: 75.2%;
    left: 35.6%;
}

.timepicker .table-condensed > div .position-20 {
    top: 64.8%;
    left: 25.2%;
}

.timepicker .table-condensed > div .position-21 {
    top: 50%;
    left: 21.8%;
}

.timepicker .table-condensed > div .position-22 {
    top: 36.2%;
    left: 25.5%;
}

.timepicker .table-condensed > div .position-23 {
    top: 25.6%;
    left: 35.6%;
}

.timepicker .table-condensed > div div.minute:first-child,
.timepicker .table-condensed > div div.second:first-child {
    top: 9.3%;
    left: 50%;
}


input.form-control.date {
    position: relative;
    background-image: url(../img/ico_date.png);
    background-repeat: no-repeat;
    background-size: 1.5rem auto;
    background-position: right 2rem center;
    background-color: #f9f9f9;
    cursor: pointer;
}