/*!
 * Beagle v1.7.1
 * https://foxythemes.net
 *
 * Copyright (c) 2019 Foxy Themes
 */

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
[class * =" datetimepicker-dropdown"]:after, [class * =" datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right:6px solid transparent
}

.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    direction:ltr
}

.datetimepicker-inline {
    width:220px
}

.datetimepicker.datetimepicker-rtl {
    direction:rtl
}

.datetimepicker.datetimepicker-rtl table tr td span {
    float:right
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
    top: 0;
    left: 0
}

[class * =" datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute
}

[class * =" datetimepicker-dropdown"]:after {
    border-bottom: 6px solid #fff;
    position: absolute
}

[class * =" datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, .2);
    border-bottom: 0
}

[class * =" datetimepicker-dropdown-top"]:after {
    border-top: 6px solid #fff;
    border-bottom:0
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right:6px
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right:7px
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left:6px
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left:7px
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right:6px
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right:7px
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left:6px
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left:7px
}

.datetimepicker.days div.datetimepicker-days, .datetimepicker.hours div.datetimepicker-hours, .datetimepicker.minutes div.datetimepicker-minutes, .datetimepicker.months div.datetimepicker-months, .datetimepicker.years div.datetimepicker-years {
    display:block
}

.datetimepicker table {
    margin:0
}

.datetimepicker td, .datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border:none
}

.table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th {
    background-color:transparent
}

.datetimepicker table tr td.day:hover, .datetimepicker table tr td.hour:hover, .datetimepicker table tr td.minute:hover {
    background: #eee;
    cursor:pointer
}

.datetimepicker table tr td.new, .datetimepicker table tr td.old {
    color:#999
}

.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor:default
}

.datetimepicker table tr td.today, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.datetimepicker table tr td.today.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today.disabled:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today[disabled] {
    background-color:#fdf59a
}

.datetimepicker table tr td.today.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today:hover:active {
    background-color:#fbf069
}

.datetimepicker table tr td.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active:hover {
    background-color: #006dcc;
    /*
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -ms-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(top, #08c, #04c);
    */
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, .25)
}

.datetimepicker table tr td.active.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active.disabled:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active[disabled] {
    background-color:#04c
}

.datetimepicker table tr td.active.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active:hover:active {
    background-color:#039
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius:0px
}

.datetimepicker .datetimepicker-hours span {
    height: 26px;
    line-height:26px
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width:14.6%
}

.datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height:30px
}

.datetimepicker .datetimepicker-minutes span {
    height: 26px;
    line-height:26px
}

.datetimepicker table tr td span:hover {
    background:#eee
}

.datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor:default
}

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -ms-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow:0 -1px 0 rgba(0, 0, 0, .25)
}

.datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active.disabled:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active[disabled] {
    background-color:#04c
}

.datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active:hover:active {
    background-color:#039
}

.datetimepicker table tr td span.old {
    color:#999
}

.datetimepicker th.switch {
    width:145px
}

.datetimepicker th span.glyphicon {
    pointer-events:none
}

.datetimepicker tfoot tr:first-child th, .datetimepicker thead tr:first-child th {
    cursor:pointer
}

.datetimepicker tfoot tr:first-child th:hover, .datetimepicker thead tr:first-child th:hover {
    background:#eee
}

.input-append.date .add-on i, .input-group.date .input-group-append span, .input-prepend.date .add-on i {
    cursor: pointer;
    width: 14px;
    height: 14px
}



/* NEW STYLING */


.datetimepicker {
    padding:4px 12px
}

.datetimepicker.input-group {
    padding:4px 0
}

.datetimepicker .input-group-append > button {
    padding: 0 13px;
    font-size: 1.846rem;
    line-height:23px
}

.datetimepicker .input-group-append > button > i {
    vertical-align:middle
}

.datetimepicker.input-group-sm .input-group-append > button {
    font-size: 1.538rem;
    line-height: 21px;
    padding:0 11px
}

.datetimepicker.input-group-lg .input-group-append > button {
    padding:0 15px
}

.datetimepicker table {
    border-collapse: separate;
    border-spacing:7px 2px
}

.datetimepicker table thead tr th {
    padding:10px 4px 8px
}

.datetimepicker table thead tr th.next, .datetimepicker table thead tr th.prev {
    padding:0
}

.datetimepicker table thead tr th.next > .icon, .datetimepicker table thead tr th.prev > .icon {
    font-size:1.615rem
}

.datetimepicker table thead tr th.next:hover, .datetimepicker table thead tr th.prev:hover {
    background-color: transparent;
    color:#4285f4
}

.datetimepicker table thead tr th.switch {
    font-weight: 600;
    font-size:1.077rem
}

.datetimepicker table thead tr th.switch:hover {
    background-color: transparent;
    color:#5a5a5a
}

.datetimepicker table thead tr th.dow {
    font-weight: 400;
    font-size: 1.077rem;
    padding-top:10px
}

.datetimepicker table tbody tr td {
    line-height: 31px;
    padding:0 8px
}

.datetimepicker table tbody tr td.day {
    border-radius: 50%;
    color:#737373
}

.datetimepicker table tbody tr td.day.new, .datetimepicker table tbody tr td.day.old {
    color:#b3b3b3
}

.datetimepicker table tbody tr td.day.active {
    background: #4285f4;
    color: #fff;
    text-shadow:none
}

.datetimepicker table tbody tr td.day.active:hover {
    background:#1266f1
}

.datetimepicker table tbody tr td .hour, .datetimepicker table tbody tr td .minute, .datetimepicker table tbody tr td .month, .datetimepicker table tbody tr td .year {
    color:#737373
}

.datetimepicker table tbody tr td .hour.new, .datetimepicker table tbody tr td .hour.old, .datetimepicker table tbody tr td .minute.new, .datetimepicker table tbody tr td .minute.old, .datetimepicker table tbody tr td .month.new, .datetimepicker table tbody tr td .month.old, .datetimepicker table tbody tr td .year.new, .datetimepicker table tbody tr td .year.old {
    color:#b3b3b3
}

.datetimepicker table tbody tr td .hour.active, .datetimepicker table tbody tr td .minute.active, .datetimepicker table tbody tr td .month.active, .datetimepicker table tbody tr td .year.active {
    background: #4285f4;
    color: #fff;
    text-shadow:none
}

.datetimepicker table tbody tr td .hour.active:hover, .datetimepicker table tbody tr td .minute.active:hover, .datetimepicker table tbody tr td .month.active:hover, .datetimepicker table tbody tr td .year.active:hover {
    background:#1266f1
}

.datetimepicker table tbody tr td fieldset legend {
    font-size: 1.308rem;
    font-weight: 400;
    color: #5a5a5a;
    margin-bottom:5px
}

.datetimepicker.dropdown-menu {
    border-color: rgba(0, 0, 0, .1);
    padding:10px
}

.datetimepicker.dropdown-menu:before {
    border-bottom-color:rgba(0, 0, 0, .08)
}