.back-to-top {
    background-color: #3255a1 !important;
}

.back-to-top:hover {
    background-color: #264383 !important;
}


.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #d0d0d0 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}


.form-select:focus {
    border-color: #d0d0d0 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.border-primary {
    border-color: #3155a0!important;
}

.text-primary {
    color: #3155a0!important;
}

.nav-danger.nav-tabs .nav-link.active {
    color: #ed7012;
    border-color: #ed7012 #ed7012 #fff;
    /*border-color: #dee2e6 #dee2e6 #fff;*/
}


.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #ed7012 #dee2e6;
}

.nav-tabs {
    border-bottom: 1px solid #ed7012;
}

.nav-link {
    color: #3155a0;
}

.logo-text {
	color: #3255a1;
}

.toggle-icon {
	color: #ee7113;
}

.sidebar-wrapper .metismenu .mm-active>a,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {
	color: #3255a1;
	background: rgb(130 130 130 / 7%)
}

.page-footer {
    font-size: 0.78em;
}

.page-footer p a {
    color: #c90c0c;
}

.link-footer {
    background: #fff;
    font-size: 0.78em;
}
.link-footer p a {
    color: #c90c0c;
}

.btn-primary {
    color: #fff;
    background-color: #3255a1;
    border-color: #3255a1;
    transition: 0.3s;
}
.btn-primary:hover, 
.btn-check:active+.btn-primary, 
.btn-check:checked+.btn-primary, 
.btn-primary.active, 
.btn-primary:active, 
.show>.btn-primary.dropdown-toggle,
.btn-check:focus+.btn-primary, 
.btn-primary:focus {
    background-color: #1b3e8a;
    border-color: #1b3e8a;
    box-shadow: none;
}



.btn-danger {
    color: #fff;
    background-color: #fd3550;
    border-color: #fd3550;
    transition: 0.3s;
}
.btn-danger:hover {
    color: #fff;
    background-color: #d10b1e;
    border-color: #d10b1e;
    transition: 0.3s;
}

.btn-success {
    color: #fff;
    background-color: #15ca20;
    border-color: #15ca20;
    transition: 0.3s;
}
.btn-success:hover {
    background-color: #0eb018;
    border-color: #0eb018;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: 0.3s;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
    color: #fff;
    background-color: #1b3e8a;
}

.dropdown-item-danger.active, .dropdown-item-danger:active, .dropdown-item-danger:hover {
    color: #e40606;
    background-color: #f0f0f0;
}

.dropdown-item-light.active, .dropdown-item-light:active, .dropdown-item-light:hover {
    color: #1b3e8a;
    background-color: #f0f0f0;
}

.form-check-danger .form-check-input:checked {
    background-color: #fd3550;
    border-color: #fd3550;
}


.fw-600{
    font-weight: 600 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-300{
    font-weight: 300 !important;
}

.notices {
    padding-left: 6px;
    border-left: 6px solid #e52842;
    background: #f3f3f3;
    padding: 10px;
}


.mr-0{
    margin-right: 0px !important;
}


.form-check-input:checked {
    background-color: #3255a1;
    border-color: #3255a1;
}

.form-check-input:focus {
    border-color: #3255a1;
    outline: 0;
    box-shadow: none;
}

.big-checkbox-input{
    width: 4em !important;
    height: 2em !important;
    border-radius: 14px !important;
}


/* DATATABLES ==================== */
.page-item.active .page-link {
    background-color: #3255a1 !important;
    border-color: #3255a1 !important;
}
.page-link {
    color: #e16100;
}
.page-link:focus {
    box-shadow: none;
}
div.dataTables_wrapper div.dataTables_info {
    color: #afafaf;
}

.dt-buttons .btn-group{
    width: 100%;
}
.btn-group, .btn-group-vertical {
    width: 100%;
}
/* DATATABLES ==================== */


/* DATEDROPPER ==================== */
div.datedropper.primary:before, div.datedropper.primary .pick-submit, div.datedropper.primary .pick-lg-b .pick-sl:before, div.datedropper.primary .pick-m, div.datedropper.primary .pick-lg-h {
    background-color: #3255a1;
}
div.datedropper.primary .pick-y.pick-jump, div.datedropper.primary .pick li span, div.datedropper.primary .pick-lg-b .pick-wke, div.datedropper.primary .pick-btn {
    color: #ee7113;
}

.dd__block[data-key=m] {
    background: #3255a1;
    color: #fff;
}

.dd__primaryButton {
    background: #3255a1;
}


.dd__calendar .dd__body .dd__item.dd-selected:before {
    background: #3255a1;
}

.dd__dropdown {
    font-size: 0.95em;
}

.dd__calendar .dd__body .dd__item.dd-selected.dd-a:before {
    transform: translate(-50%,-50%) rotate(45deg);
    border-top-right-radius: 0.5em;
}
.dd__calendar .dd__body .dd__item.dd-selected.dd-b:before {
    transform: translate(-50%,-50%) rotate(-45deg);
    border-top-left-radius: 0.5em;
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl.pick-sl-b:not(.pick-sl-a):before {
    border-top-left-radius: 8px;
    transform: translate(-50%,-50%) scale(1.5) rotate(-45deg)!important;
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl.pick-sl-a:not(.pick-sl-b):before {
    border-top-right-radius: 8px;
    transform: translate(-50%,-50%) scale(1.5) rotate(45deg)!important;
}
/* DATEDROPPER ==================== */


/* SELECT2 ======================== */
.select2-container--bootstrap4.select2-container--focus .select2-selection {
   
    border: 1px solid #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background: #ee7113;
    color: #fff;
    border: 1px solid #ee7113;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #bd5200;
}
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: #ee7113;
    color: #f8f9fa;
}

.select2-search__field{
    text-transform: uppercase;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    background-color: #fff;
    border-color: #d0d0d0 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}

.select2-results__message{
    color: #ee7113 !important;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below {
    box-shadow: 0 0 0 0.25rem rgb(194, 194, 194, 0.25) !important;
}
/* SELECT2 ======================== */




.card {
    border: 0 solid transparent;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(205 205 205 / 65%), 0 2px 6px 0 rgb(205 205 205 / 54%);
}

.topbar {
    -webkit-box-shadow: 0 2px 6px 0 rgb(218 218 200 / 65%), 0 0px 6px 0 rgb(206 206 200 / 54%) !important;
    box-shadow: 0 2px 6px 0 rgb(218 218 200 / 65%), 0 0px 6px 0 rgb(206 206 200 / 54%) !important;
}


.pace .pace-progress{
    background:#EE7113 !important;
    height: 5px;
}
.pace .pace-progress-inner{
    box-shadow:0 0 10px #EE7113,0 0 5px #EE7113 !important;
    opacity:1;
}
.pace .pace-activity{
    border-top-color:#3255A1 !important;
    border-left-color:#3255A1 !important;
}


/*
:root {
    --dd-overlay: rgba(0, 0, 0, .75);
    --dd-background: #FFFFFF;
    --dd-text1: #333333;
    --dd-text2: #FFFFFF;
    --dd-primary: #FD4741;
    --dd-gradient: linear-gradient(45deg, #e61e68 0%, #FD4741 100%);
    --dd-radius: .35em;
    --dd-shadow: 0 0 2.5em rgba(0, 0, 0, 0.1);
    --dd-range: rgba(0, 0, 0, 0.05);
    --dd-monthBackground: var(--dd-gradient);
    --dd-monthText: var(--dd-text2);
    --dd-monthBorder: transparent;
    --dd-confirmButtonBackground: var(--dd-gradient);
    --dd-confirmButtonText: var(--dd-text2);
    --dd-selectedBackground: var(--dd-gradient);
    --dd-selectedText: var(--dd-text2);
    --dd-borderColor: rgba(0, 0, 0, 0.1)
}

@keyframes dd-rumble {

    0%,
    to {
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-2px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(2px, 0, 0)
    }
}

.dd-theme-bootstrap {
    --dd-background: #f8f9fa;
    --dd-text1: #212529;
    --dd-text2: var(--dd-background);
    --dd-primary: #0d6efd;
    --dd-primaryBackground: var(--dd-primary);
    --dd-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 2.5em rgba(0, 0, 0, 0.1);
    --dd-range: #0d6efd20;
    --dd-monthBackground: var(--dd-background);
    --dd-monthText: var(--dd-text1);
    --dd-monthBorder: rgba(0, 0, 0, 0.1);
    --dd-confirmButtonBackground: var(--dd-primaryBackground);
    --dd-confirmButtonText: var(--dd-text2);
    --dd-selectedBackground: var(--dd-primaryBackground);
    --dd-selectedText: var(--dd-text2)
}

.dd-theme-dark {
    --dd-background: #2f2f2f;
    --dd-text1: #ffffff;
    --dd-text2: #ffffff;
    --dd-primary: #505050;
    --dd-range: rgba(0, 0, 0, 0.2)
}

.dd-rumble {
    animation: dd-rumble 0.4s ease
}

.dd-hidden {
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), pointer-events 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), width 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    will-change: opacity, visibility, transform
}

.dd-shown {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.dd-w {
    color: var(--dd-primary)
}

.dd__block {
    position: relative;
    font-weight: bold;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.dd__block[data-key=m] {
    font-weight: normal;
    background: var(--dd-monthBackground);
    color: var(--dd-monthText);
    border-bottom: 1px solid var(--dd-monthBorder);
    border-top-left-radius: var(--dd-radius);
    border-top-right-radius: var(--dd-radius)
}

.dd__block[data-key=m] .dd__view>div {
    font-size: 2em
}

.dd__block[data-key=d] {
    border-bottom: 1px solid var(--dd-borderColor)
}

.dd__block[data-key=d] .dd__view {
    padding: 0.75rem 0.35em
}

.dd__block[data-key=d] .dd__view>div:first-of-type {
    font-size: 5em;
    line-height: 0.65;
    margin-bottom: 0.125em
}

.dd__block[data-key=d] .dd__view>div:last-of-type {
    font-size: 1.15em
}

.dd__block[data-key=y] .dd__view>div {
    font-size: 1.5em
}

.dd__block:hover .dd__nav {
    opacity: 0.5;
    visibility: visible;
    pointer-events: auto
}

.dd__block:hover .dd__nav:hover {
    opacity: 1
}

.dd__block:hover .dd__view {
    background-color: rgba(0, 0, 0, 0.05)
}

.dd__view {
    padding: 0.35em;
    margin: 0.25em;
    border-radius: 0.35em;
    flex: 1;
    cursor: pointer
}

.dd__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    padding: 1em;
    cursor: pointer;
    width: 35%;
    z-index: 1
}

.dd__nav.dd-left {
    left: 0
}

.dd__nav.dd-right {
    right: 0;
    justify-content: flex-end
}

.dd__nav svg {
    width: 1em;
    fill: none;
    fill-rule: evenodd;
    stroke: currentColor;
    stroke-width: 3px;
    transition: stroke-width 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: stroke-width
}

.dd__nav:hover svg {
    stroke-width: 5px
}

.dd__primaryButton {
    width: 3.5em;
    height: 3.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: box-shadow, transform;
    position: relative;
    margin: 0;
    outline: 0;
    border-bottom: 0;
    background: var(--dd-confirmButtonBackground);
    color: var(--dd-confirmButtonText);
    background-size: 150% 150%;
    background-position: center;
    overflow: hidden
}

.dd__primaryButton svg {
    fill: none;
    fill-rule: evenodd;
    stroke: currentColor;
    stroke-width: 3px;
    transition: stroke-width 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: stroke-width;
    color: currentColor;
    width: 2em
}

.dd__primaryButton:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 100%;
    height: 100%;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    z-index: -1
}

.dd__primaryButton:not([disabled]) {
    cursor: pointer
}

.dd__primaryButton[disabled] {
    background: rgba(0, 0, 0, 0.075);
    color: var(--dd-text1);
    pointer-events: none
}

.dd__primaryButton:not([disabled]):hover {
    transform: translateY(0.35em)
}

.dd__primaryButton:not([disabled]):hover:before {
    opacity: 0.25
}

.dd-selecting .dd__calendar div:not(.dd-perEnd) .dd-starting:not(.dd-selected),
.dd-selecting .dd__calendar div:not(.dd-perEnd) .dd-starting~.dd__item:not(.dd-selecting~.dd__item):not(.dd-b~.dd__item),
.dd-selecting .dd__calendar div:not(.dd-perStart) .dd-starting:not(.dd-selected),
.dd-selecting .dd__calendar div:not(.dd-perStart) .dd-starting~.dd__item:not(.dd-selecting~.dd__item):not(.dd-b~.dd__item) {
    background-color: var(--dd-range)
}

.dd-selecting .dd__calendar div.dd-perEnd .dd-selected~.dd__item,
.dd-selecting .dd__calendar div.dd-perStart .dd__item:first-of-type~.dd__item {
    background-color: var(--dd-range)
}

.dd__calendar {
    display: flex;
    position: relative;
    border-bottom: 1px solid var(--dd-borderColor)
}

.dd__calendar>div {
    display: flex;
    flex-direction: column;
    transform-origin: top center;
    padding: 0.5rem
}

.dd__calendar .dd__item {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
    padding: 0.5em 0.65em;
    position: relative
}

.dd__calendar .dd__item,
.dd__calendar .dd__item .dd-value {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.dd__calendar .dd__item .dd-value {
    font-size: 0.9em
}

.dd__calendar .dd__item .dd-color {
    position: absolute;
    height: 0.5rem;
    width: 2rem;
    opacity: 0.25;
    border-radius: 0.35rem;
    z-index: -1
}

.dd__calendar .dd__item[data-dd-tooltip]:after {
    content: attr(data-dd-tooltip);
    pointer-events: none;
    position: absolute;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    border-radius: 0.35rem;
    background-color: var(--dd-text1);
    color: var(--dd-background);
    padding: 0.5rem 1rem;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-0.5rem);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), pointer-events 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.dd__calendar .dd__item[data-dd-tooltip]:hover:after {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible
}

.dd__calendar .dd__body,
.dd__calendar .dd__header {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.dd__calendar .dd__header {
    flex-shrink: 0;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid var(--dd-borderColor)
}

.dd__calendar .dd__header>div {
    opacity: 0.5
}

.dd__calendar .dd__body {
    flex: 1 1 auto
}

.dd__calendar .dd__body .dd__item {
    padding: 0.85em 0.5em;
    margin-bottom: 0.25rem
}

.dd__calendar .dd__body .dd__item:before {
    width: 3.25em;
    height: 3.25em;
    content: "";
    border-radius: 3.25em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid transparent
}

.dd__calendar .dd__body .dd__item.dd-selected {
    color: var(--dd-selectedText);
    position: relative;
    z-index: 1
}

.dd__calendar .dd__body .dd__item.dd-selected:before {
    background: var(--dd-selectedBackground);
    background-size: 150% 150%;
    background-position: center
}

.dd__calendar .dd__body .dd__item.dd-selected .dd-value {
    transform: scale(1.35);
    opacity: 1;
    font-weight: bold
}

.dd__calendar .dd__body .dd__item.dd-selected.dd-a:not(.dd-b) {
    background-color: var(--dd-range);
    border-top-left-radius: 3.25em;
    border-bottom-left-radius: 3.25em
}

.dd__calendar .dd__body .dd__item.dd-selected.dd-b:not(.dd-a) {
    background-color: var(--dd-range);
    border-top-right-radius: 3.25em;
    border-bottom-right-radius: 3.25em
}

.dd__calendar .dd__body .dd__item:not(.dd-selected).dd-disabled .dd-value {
    text-decoration: line-through;
    opacity: 0.5
}

.dd__calendar .dd__body .dd__item:not(.dd-selected):not(.dd-disabled) {
    cursor: pointer
}

.dd__calendar .dd__body .dd__item:not(.dd-selected):not(.dd-disabled).dd-placeholder .dd-value {
    opacity: 0.5
}

.dd__calendar .dd__body .dd__item:not(.dd-selected):not(.dd-disabled).dd-point {
    background-color: var(--dd-range)
}

.dd__calendar .dd__body .dd__item:not(.dd-selected):not(.dd-disabled):not(.dd-selected).dd-today {
    text-decoration: underline
}

.dd__calendar .dd__body .dd__item:not(.dd-selected):not(.dd-disabled):not(.dd-selected).dd-weekend {
    color: var(--dd-primary)
}

.dd__calendar .dd__body .dd__item:not(.dd-selected):not(.dd-disabled):not(.dd-selected):hover .dd-value {
    opacity: 1;
    transform: scale(1.35)
}

.dd__calendar .dd__body .dd__item:not(.dd-selected):not(.dd-disabled):not(.dd-selected):hover:before {
    border-color: currentColor;
    border-style: dashed
}

.dd__dialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: inherit;
    padding: 0.25em;
    border-radius: var(--dd-radius);
    background-color: var(--dd-background);
    z-index: 2;
    transform: translateY(1em)
}

.dd__dialog .dd__item {
    flex: 0 0 46%;
    max-width: 46%;
    margin: 2%;
    border-radius: 0.35em;
    padding: 1em;
    font-size: 1.25em;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transform: translateY(1em)
}

.dd__dialog .dd__item.dd-shown {
    transform: translateY(0)
}

.dd__dialog .dd__item:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.dd__dialog.dd-shown {
    transform: translateY(0)
}

.dd__expandButton {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    width: 2.5em;
    height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.35em;
    background-color: var(--dd-background);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    cursor: pointer
}

.dd__expandButton:hover {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
    transform: scale(0.95)
}

.dd__expandButton:active {
    transform: scale(0.9)
}

.dd__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    z-index: 2147483646;
    background-color: var(--dd-overlay)
}

.dd-preset-onlyMonth .dd__block[data-key=m],
.dd-preset-onlyMonth .dd__header,
.dd-preset-onlyYear .dd__block[data-key=m],
.dd-preset-onlyYear .dd__header {
    background: var(--dd-background);
    color: var(--dd-text1)
}

.dd__dropdown {
    background-color: var(--dd-background);
    color: var(--dd-text1);
    border-radius: var(--dd-radius);
    box-shadow: var(--dd-shadow);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px
}

.dd__dropdown,
.dd__dropdown * {
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    font-family: "Helvetica Neue", sans-serif;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
    touch-action: manipulation;
    line-height: 1.2
}

.dd__dropdown>.dd__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.dd__dropdown.dd-inline {
    min-width: 16em
}

.dd__dropdown:not(.dd-inline) {
    position: absolute;
    z-index: 2147483647;
    width: 11em;
    transform: translateY(-1em) translateX(-50%)
}

.dd__dropdown:not(.dd-inline).dd-shown {
    transform: translateY(0) translateX(-50%)
}

@media (max-height:480px),
(max-width:480px) {
    .dd__dropdown:not(.dd-inline) {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important
    }
}

.dd__dropdown:not(.dd-inline).dd-expanded {
    width: 20em
}

.dd__dropdown:not(.dd-inline).dd-expanded.dd-doubleView {
    width: 40em
}

.dd__dropdown:not(.dd-inline).dd-expanded.dd-doubleView .dd__calendar>div {
    flex: 0 0 50%
}

.dd__dropdown:not(.dd-arw-hover) .dd__nav {
    opacity: 0.5;
    visibility: visible
}

.dd__dropdown.dd-expanded.dd-doubleView .dd-placeholder {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.dd__dropdown.dd-expanded.dd-doubleView .dd__calendar>div:last-of-type {
    box-shadow: inset 1px 0 var(--dd-borderColor)
}

.dd__dropdown.dd-expanded [data-key=d] {
    display: none
}
*/