
.datepicker, .datetimepicker{
    padding:9px;
    border-radius:2px;
    font-size:12px;
}

.datepicker.dropdown-menu, .datetimepicker.dropdown-menu{
    box-shadow:rgba(15, 15, 15, 0.05) 0 0 0 1px, rgba(15, 15, 15, 0.1) 0 3px 6px, rgba(15, 15, 15, 0.2) 0 9px 24px;
}

.datepicker:after, .datetimepicker:after{
    border-bottom-color:var(--color-white-100);
}

.datepicker thead tr .datepicker-switch, .datetimepicker thead tr .datepicker-switch{
    color:var(--color-blue-gray-light);
    font-size:14px;
    font-weight:500;
    letter-spacing:-0.006em;
}

.datepicker thead tr .next,
.datepicker thead tr .prev, .datetimepicker thead tr .next,
.datetimepicker thead tr .prev{
    color:var(--color-bg-primary);
    content:"";
    font-size:0;
}

.datepicker thead tr .next:before,
.datepicker thead tr .prev:before, .datetimepicker thead tr .next:before,
.datetimepicker thead tr .prev:before{
    color:var(--color-bg-primary);
    font-size:12px;
}

.datepicker thead tr .prev:before, .datetimepicker thead tr .prev:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f053";
}

.datepicker thead tr .next:before, .datetimepicker thead tr .next:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f054";
}

.datepicker thead tr .dow, .datetimepicker thead tr .dow{
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    color:var(--color-blue-dark);
    font-size:12px;
    font-weight:500;
    letter-spacing:0em;
    border-bottom:1px solid #d0d0d0;
}

.datepicker thead tr th, .datetimepicker thead tr th{
    width:34px;
    height:29px;
}

.datepicker table, .datetimepicker table{
    height:250px;
}

.datepicker table tr td, .datetimepicker table tr td{
    padding-bottom:14px;
    width:31px;
    height:29px;
}

.datepicker table tr td.day, .datetimepicker table tr td.day{
    position:relative;
    color:var(--color-blue-dark);
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:12px;
}

.datepicker table tr td.disabled, .datetimepicker table tr td.disabled{
    color:var(--color-blue-dark-62);
    font-weight:500;
    position:relative;
    opacity:0.78;
}

.datepicker table tr td.disabled:before, .datetimepicker table tr td.disabled:before{
    display:none !important;
}

.datepicker table tr td.disabled:after, .datetimepicker table tr td.disabled:after{
    content:"";
    display:block;
    width:calc(100% - 2px);
    height:calc(100% - 2px);
    border:2px solid var(--color-white-100);
    position:absolute;
    top:1px;
    left:1px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAAEdwTAAAAAAAAAAAAAAAAAAAAAAAAKkycPQAAAAIdFJOU0AACuuWFpQXdpvuhwAAAFRJREFUCNc1zLEJgEAAQ9GIC9y3sVUQa0ewsdcVBFdwfsNd7D4PEnXwzlA2wXgDvfRTUahzNaIo5Aq5QkwKDbtCy6nQ4ZdGl6vS422l9XKFXCFXCH14sRAYdHQ86wAAAABJRU5ErkJggg==);
    background-repeat:repeat;
    background-size:17px 15px;
    opacity:0.47;
}

.datepicker table tr td.disabled:hover, .datetimepicker table tr td.disabled:hover{
    background-color:transparent;
    cursor:default;
    color:#616161;
}

.datepicker table tr td.old, .datepicker table tr td.new, .datetimepicker table tr td.old, .datetimepicker table tr td.new{
    color:var(--color-blue-gray-light);
    opacity:0.67;
    font-weight:400;
    border-top:1px solid transparent;
    pointer-events:none;
}

.datepicker table tr td.old:after, .datepicker table tr td.new:after, .datetimepicker table tr td.old:after, .datetimepicker table tr td.new:after{
    opacity:0;
}

.datepicker table tr td.old:before, .datepicker table tr td.new:before, .datetimepicker table tr td.old:before, .datetimepicker table tr td.new:before{
    display:none;
}

.datepicker table tr td span{
    border-radius:1px;
    width:48px;
    height:42px;
    line-height:40px;
    font-weight:500;
    font-size:12px;
    border-top:1px solid var(--color-blue-dark-14);
    margin:0;
}

.datetimepicker table tr td span{
    width:54px;
    height:42px;
    line-height:40px;
    font-weight:500;
    font-size:12px;
}

.datepicker table tr td span.active, .datetimepicker table tr td span.active{
    background-color:var(--color-bg-primary) !important;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover{
    background-image:none;
    border:none;
    text-shadow:none;
}

.datepicker table tbody tr td, .datetimepicker table tbody tr td{
    padding-bottom:0;
}

.datepicker table tbody tr .odd, .datetimepicker table tbody tr .odd{
    color:#d0d3d8;
}

.datepicker table tbody tr:first-child td.day, .datetimepicker table tbody tr:first-child td.day{
    padding-top:6px;
    padding-bottom:6px;
}

.datepicker.dropdown-menu, .datetimepicker.dropdown-menu{
    border-color:#dcdee0;
    color:var(--color-blue-gray-dark);
}

.datepicker-inline, .datetimepicker-inline{
    width:auto;
}

.input-daterange .input-group-addon{
    text-shadow:none;
    border:0;
    margin:0;
}

.bootstrap-timepicker-widget table td a i{
    font-size:12px;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget .bootstrap-timepicker-widget input{
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
}

.bootstrap-timepicker-widget.dropdown-menu{
    background:var(--color-white-100);
}

.daterangepicker{
    background:var(--color-white-100);
}

.daterangepicker .calendar .calendar-date{
    border:1px solid var(--color-blue-dark-14);
}

.daterangepicker .calendar .prev,
.daterangepicker .calendar .next,
.daterangepicker .calendar th{
    color:var(--color-bg-primary);
    text-transform:uppercase;
    font-size:11px;
}

.daterangepicker .calendar .month{
    color:#6f7b8a;
    font-size:13px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover{
    background-color:var(--color-bg-primary);
    border-color:var(--color-bg-primary);
}

.form-group-default .select2-container .select2-selection,
.select2-container-multi .select2-choices{
    border-color:transparent;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background:transparent;
}

.select2-container--default.select2-container--disabled .select2-selection{
    cursor:not-allowed;
}

.select2-container--default.select2-container--disabled .select2-selection__arrow{
    opacity:0.2;
}

select.full-width + .select2-container{
    width:100% !important;
}

.select2-container *:focus{
    outline:none;
}

.select2-container .select2-selection{
    background-image:none;
    border-radius:2px;
    border:1px solid var(--color-blue-dark-14);
    padding:2px 9px;
    transition:border 0.2s linear 0s;
    min-height:35px;
    display:flex;
    align-items:center;
}

.form-group-default .select2-container .select2-selection{
    min-height:25px;
}

.select2-container .select2-selection .select2-selection__rendered{
    padding:0 30px 0 0;
}

.form-group-default .select2-container .select2-selection .select2-selection__rendered{
    line-height:25px;
}

.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear{
    font-weight:normal;
    right:16px;
    width:20px;
    text-align:center;
    color:#888;
    position:absolute;
}

.select2-container .select2-selection .select2-selection__arrow{
    top:auto;
    bottom:5px;
    right:10px !important;
    left:auto;
    background:transparent;
    border-left:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.form-group-default .select2-container .select2-selection .select2-selection__arrow{
    height:14px;
    right:0 !important;
}

.select2-container .select2-selection.select2-selection--single{
    height:35px;
}

.form-group-default .select2-container .select2-selection.select2-selection--single{
    height:14px;
}

.form-group-default .select2-container--default.select2-container--disabled .select2-selection--single{
    background:var(--color-white-100);
    margin-left:1px;
}

.select2-container .select2-selection > .select2-chosen{
    margin-right:26px;
    margin-left:0;
}

.select2-container.select2-drop-above .select2-choice{
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
}

.select2-container--default .select2-results__group{
    color:var(--color-blue-dark);
}

.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b{
    background-image:none !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices{
    background-image:none !important;
    border:1px solid var(--color-blue-dark-14);
    background:#f3f3f4;
}

.select2-dropdown{
    border:1px solid var(--color-blue-dark-14);
    border-bottom:none;
    border-radius:2px;
    padding-top:0;
}

.select2-dropdown.select2-drop-above{
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    box-shadow:none;
}

.select2-container--open .select2-selection{
    box-shadow:none;
    border:1px solid var(--color-bg-primary) !important;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}

.form-group-default .select2-container--open .select2-selection{
    border:1px solid transparent !important;
}

.select2-container--open .select2-dropdown{
    top:1px;
}

.select2-search--dropdown{
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
}

.select2-search--dropdown input{
    background:var(--color-white-100) !important;
    vertical-align:baseline;
    line-height:25px;
    border-radius:2px;
    border:none;
    font-size:12px;
    border:1px solid var(--color-blue-dark-14) !important;
}

.select2-results{
    margin:3px 8px 10px 8px;
}

.select2-results li{
    color:var(--color-blue-gray-dark);
}

.select2-results li.select2-result-with-children > .select2-result-label{
    color:var(--color-blue-dark);
}

.select2-results li.select2-result-with-children > .select2-result-label:first-child{
    padding-top:8px;
}

.select2-results .select2-results__option--highlighted{
    background-color:#f3f3f4 !important;
    border-radius:3px;
    color:var(--color-blue-gray-dark) !important;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit{
    background:none;
    color:var(--color-blue-gray-dark);
    font-size:12px;
    padding-left:8px;
    padding-top:0;
    position:relative;
    top:-5px;
}

.select2-dropdown{
    border:1px solid var(--color-blue-dark-14);
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    padding-top:5px;
    z-index:790;
    box-shadow:0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-selection--multiple .select2-selection__rendered{
    background-image:none;
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    background-color:#dcdee0;
    background-image:none;
    border:none;
    box-shadow:none;
    color:inherit;
    border-radius:99px;
    margin:2px 6px 2px 0;
    padding:0 8px 2px;
    line-height:21px;
    font-size:0.75rem;
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
    color:#626262;
    font-weight:900;
    margin-right:4px;
    position:relative;
    top:-1px;
}

.select2-selection--multiple.select2-container-active .select2-choices{
    border:1px solid var(--color-blue-dark-14);
    box-shadow:none;
}

.select2-selection--multiple .select2-search-choice-close{
    left:6px;
}

.select2-search-choice-close{
    background:none;
    top:4px;
    right:0;
}

.select2-search-choice-close:hover{
    text-decoration:none;
}

.select2-drop-multi .select2-results .select2-no-results,
.select2-drop-multi .select2-results .select2-searching,
.select2-drop-multi .select2-results .select2-selection-limit{
    top:0;
}

.select2.form-control{
    padding:0;
    box-shadow:none;
    border:0;
}

.select2-drop-mask{
    z-index:700;
}

.ui-select-bootstrap .ui-select-choices-row.active > span{
    background:#f3f3f4;
    border-radius:3px;
    color:var(--color-blue-gray-dark);
}

.ui-select-bootstrap > .ui-select-choices{
    background-color:var(--color-white-100);
}

.ui-select-choices-group-label{
    color:var(--color-blue-dark);
    font-weight:bold;
}

.modal-open .select2-drop-active{
    z-index:1051;
}

.modal-open .select2-container{
    z-index:1040;
}

.modal-open .modal .select2-container, .modal-open .select2-container--open{
    z-index:1051;
}

.modal-open .datepicker.dropdown-menu{
    z-index:1051 !important;
}

.modal-open .datetimepicker.dropdown-menu{
    z-index:1051 !important;
}

.modal-open .select2-drop-mask{
    z-index:1050;
}

.modal-open .cs-skin-slide.cs-active{
    z-index:1050;
}

.dropdown-placeholder{
    display:inline-block;
    vertical-align:middle;
}

.dropdown-mask{
    bottom:0;
    display:none;
    left:0;
    outline:0 none;
    overflow:hidden;
    position:fixed;
    right:0;
    top:0;
    z-index:600;
}

.ui-select-bootstrap *:focus{
    outline:none;
}

.ui-select-bootstrap .ui-select-choices-row > span{
    padding-top:6px;
    padding-bottom:6px;
    line-height:24px;
    font-size:14px;
}

.ui-select-bootstrap .ui-select-match{
    box-shadow:none;
}

.ui-select-bootstrap .ui-select-choices-group-label{
    padding-left:15px;
    line-height:24px;
    font-size:14px;
    font-weight:700;
    color:#626262;
}

.ui-select-bootstrap .ui-select-match.btn-default-focus{
    background-color:transparent;
}

fieldset{
    border:1px solid var(--color-blue-dark-14);
    border-radius:5px;
    padding:revert;
}

fieldset legend{
    font-size:inherit;
    width:auto;
    margin:0;
    max-width:initial;
    padding:0 0.8rem;
}

.form-group-default-select{
    padding-bottom:2px;
}

.form-group-default-select .ui-select-bootstrap .ui-select-dropdown{
    width:calc(100% + 24px) !important;
    margin-left:-12px;
    padding:10px;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match-text{
    width:calc(100% + 24px);
    margin-top:-17px;
    margin-left:-16px;
    padding:16px 16px 0;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match{
    padding-top:2px !important;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match i.caret{
    margin-top:10px;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match.btn-default-focus{
    outline:none;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match > .ui-select-toggle{
    width:calc(100% + 27px);
    height:50px;
    margin-top:-34px;
    margin-left:-16px;
    padding:32px 16px 16px;
}

.form-group-default-select .ui-select-bootstrap .dropdown-menu .divider{
    display:none;
}

.form-group-default-select .ui-select-bootstrap.ui-select-container{
    margin-top:-3px;
    padding-bottom:2px;
}

.form-group-default-select .ui-select-multiple{
    margin-top:-7px;
}

.form-group-default-select .ui-select-multiple .select2-search-field input{
    height:23px !important;
}

.form-group-default-select .ui-select-multiple .select2-search-choice{
    margin-top:2px;
    margin-bottom:0;
}

.form-group-default-select .ui-select-multiple .select2-search-choice:first-child{
    margin-left:0;
}

.form-group-default-select .select2-container-multi .select2-choices{
    background-color:transparent;
}


.form-group-default .tox-tinymce{ border:0; margin-top:5px; }

.form-group-default .croppie-field-container{ border:0; }

.form-group-default .croppie-field-container .custom-file-label{ opacity:1 !important; font-size:14px !important; }

.form-group-default .bootstrap-tagsinput{
    border:0;
    padding-left:0;
    margin-bottom:0;
    padding-top:0;
    vertical-align:top;
    padding-bottom:0;
    padding-left:0;
    margin-top:-3px;
}

.form-group-default .bootstrap-tagsinput .tag{
    padding:2px 9px;
    line-height:18px;
    margin-bottom:2px;
    margin-left:0;
    margin-right:2px;
}

.form-group-default .bootstrap-tagsinput input{
    min-height:20px;
}

.form-group-default .bootstrap-tagsinput input:first-child{
    margin-left:0;
}

.bootstrap-tagsinput{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -ms-flex-flow:wrap;
    flex-flow:wrap;
    background-color:transparent;
    border:1px solid var(--color-blue-dark-14);
    border-radius:4px;
    padding:0;
    padding-top:5px;
    padding-right:5px;
    -webkit-box-shadow:none;
    box-shadow:none;
    width:100%;
    -webkit-transition:background 0.2s linear 0s;
    transition:background 0.2s linear 0s;
}

.bootstrap-tagsinput.active-element{
    background-color:#dcdee0;
}

.bootstrap-tagsinput input{
    border:none;
    margin:5px;
    margin-top:0;
    margin-right:0;
    min-height:25px;
    min-width:10em !important;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    -webkit-flex-shrink:0;
    -webkit-flex-grow:1;
    -webkit-flex-basis:auto;
}

.bootstrap-tagsinput .tag{
    padding:3px 9px;
    padding-right:6px;
    border-radius:3px;
    line-height:18px;
    display:flex;
    margin:5px;
    margin-top:0;
    margin-right:0;
}

.bootstrap-tagsinput .tag [data-role="remove"]{
    margin-left:4px;
    display:flex;
    align-items:center;
}

.bootstrap-tagsinput .tag[data-role="remove"]:hover:active,
.bootstrap-tagsinput .tag [data-role="remove"]:hover{
    box-shadow:none;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after{
    font-family:"Font Awesome 6 Pro";
    content:"\f00d";
    font-size:12px;
    padding:0;
}

.select2-lg .select2-container .select2-selection.select2-selection--single{
    height:45px;
    padding:11px 13px;
}

.select2-lg .select2-container .select2-selection.select2-selection--single .select2-selection__rendered{
    padding-top:0;
    line-height:22px;
    font-size:18px;
}

.select2-lg .select2-container .select2-selection.select2-selection--single .select2-selection__arrow{
    bottom:9px;
}

.select2-sm .select2-container .select2-selection.select2-selection--single{
    height:32px;
    padding:8px 9px;
}

.select2-sm .select2-container .select2-selection.select2-selection--single .select2-selection__rendered{
    padding-top:0;
    line-height:16px;
    font-size:13px;
}

.select2-sm .select2-container .select2-selection.select2-selection--single .select2-selection__arrow{
    bottom:4px;
}

.form-group-default.form-group-default-select .ui-select-container .select2-choices{
    border:0;
}

.form-group-default.form-group-default-select2{
    padding:0;
}

.form-group-default.form-group-default-select2 > label{
    position:absolute;
    z-index:10;
    padding:5px 12px 0 9px;
    color:var(--color-blue-gray-light);
}

.form-group-default.form-group-default-select2 > label.label-lg{
    left:0;
    top:0;
}

.form-group-default.form-group-default-select2 > label.label-sm{
    left:0;
    top:0;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single{
    padding-top:20px;
    height:52px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-arrow b:before{
    top:20px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-chosen{
    padding-left:3px;
    padding-top:1px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple{
    padding-top:19px;
    padding-bottom:0;
    min-height:52px;
    border:0 !important;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    margin-top:5px;
}

.form-group-default.form-group-default-select2.input-lg{
    height:auto;
    padding:0;
}

.form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single{
    padding-top:26px;
    height:58px;
}

.form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single .select2-selection__rendered{
    font-size:18px;
}

.form-group-default.form-group-default-select2.input-sm{
    height:auto;
    padding:0;
}

.form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single{
    padding-top:21px;
    height:49px;
}

.form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single .select2-selection__rendered{
    font-size:13px;
}

.form-group-default.form-group-default-selectFx{
    padding:0;
}

.form-group-default.form-group-default-selectFx > label{
    position:absolute;
    z-index:10;
    padding:7px 12px 0 12px;
}

.form-group-default.form-group-default-selectFx > label.label-lg{
    left:0;
    top:0;
}

.form-group-default.form-group-default-selectFx > label.label-sm{
    left:0;
    top:0;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder{
    padding-top:28px;
    height:52px;
    padding-left:12px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select{
    height:auto;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select > span:after,
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after{
    top:39px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder{
    height:60px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder{
    height:50px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .dropdown-placeholder{
    vertical-align:top;
}
