* {
    cursor: url('../img/finger.png'), auto !important;
}

.scroll {
    height: 100%;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/*::-webkit-scrollbar,
*::-webkit-scrollbar {
    display: none;
}*/

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}

input[type="range"] {
    pointer-events: none;
}
input[type="range"]::-webkit-slider-thumb {
    pointer-events: auto;
}

input {
    background-color: transparent !important;
}

.blue-color {
    color: #1d8dd3 !important;
}

.blue-bg {
    background-color: #1d8dd3 !important;
}
.gray-bg {
    background-color: #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #666 !important;
}

.padding_zero {
    padding: 0px !important;
}
.margin_zero {
	margin: 0px !important;
}

.v-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Dark side menu */
.menu-left .bar-dark {
    background-color: #3f4041 !important;
}
.menu-left .content-dark {
    background-color: #252526 !important;
}
.menu-left .content-dark .item {
    background-color: #252526 !important;
    color: white;
}
.menu-left .content-dark .item.activated {
    background-color: #2b2b2b !important;
}

/* Circle button */
.circle {
    position: relative;
    border-radius: 100%;
}
.circle-small {
    /*background-color: #f1f1f1;*/
    width: 35px;
    height: 35px;
    border: 1px solid #cccccc;
}
.circle-medium {
    /*background-color: #f1f1f1;*/
    width: 65px;
    height: 65px;
    border: 1px solid #cccccc;
}

/* Floating menu */
#floating-menu ion-floating-item li {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    left: 10px !important;
}
#floating-menu.active ion-floating-item:nth-child(1) > li {
    transform: translateY(-50px) !important;
}
#floating-menu.active ion-floating-item:nth-child(2) > li {
    transform: translateY(-100px) !important;
}
#floating-menu li span.label-container {
    width: auto !important;
    right: 50px !important;
    opacity: 0.8 !important;
}

/* Date picker */
.ionic_datepicker_popup .popup-body .selected_date_full {
    background-color: transparent !important;
    color: #000 !important;
}
.ionic_datepicker_popup .popup-body .button-clear {
    color: #000 !important;
}
.ionic_datepicker_popup .popup-body .month_select, .ionic_datepicker_popup .popup-body .year_select {
    border-bottom: 1px solid #b2b2b2 !important;
}
.ionic_datepicker_popup .popup-body .month_select:after, .ionic_datepicker_popup .popup-body .year_select:after {
    color: #000 !important;
}
.ionic_datepicker_popup .popup-buttons button {
    background-color: #e0e0e0 !important;
    color: #1d8dd3 !important;
}
.ionic_datepicker_popup .selected_date {
    background-color: #e6e6e6 !important;
    color: #d6372b !important;
}
.ionic_datepicker_popup .today {
    border: 1px solid #cecece !important;
}
.ionic_datepicker_popup .calendar_grid {
    height: 200px !important;
}

.platform-ios .ionic_datepicker_popup .popup-body {
    border-radius: 10px;
}
.platform-ios .ionic_datepicker_popup .popup-buttons .button_set {
	border-bottom-left-radius: 10px;
}
.platform-ios .ionic_datepicker_popup .popup-buttons .button_close {
	border-bottom-right-radius: 10px;
}

/* Action sheet */
.platform-ios .action-sheet-option {
    color: #000 !important;
}
.action-sheet-group .button {
    border: 0px;
}

/* Popup */
.platform-ios .popup {
    border-radius: 10px !important;
}
.popup-container .popup {
    background-color: rgba(255, 255, 255, 1.0);
    width: 350px;
}
.popup-container .popup-head {
    border: 0px;
}

/* Popover */
.popover .item:active {
    color: #1d8dd3;
}
.popover-backdrop.active {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.popover-arrow-down .popover-arrow {
    top: unset !important;
    bottom: -17px !important;
}
.popover-arrow-down .popover-arrow:after {
    background-color: #1d8dd3 !important;
    top: unset !important;
    bottom: 12px !important;
}

.popover-tip {
    margin-top: 2px !important;
    background-color: #1d8dd3 !important;
    color: #ffffff !important;
    text-align: center;
}
.popover-tip .popover-arrow::after {
    background-color: #1d8dd3 !important;
}

ion-popover-view.fit {
    height: auto;
}
ion-popover-view.fit ion-content {
    position: relative;
}

.platform-android ion-popover-view.fit:not(.platform-ios) {
    top: 80px !important;
}
.platform-ios ion-popover-view.fit .item:first-child {
    border-radius: 10px 10px 0 0;
}
.platform-ios ion-popover-view.fit .item:last-child {
    border-radius: 0 0 10px 10px;
}
.platform-ios ion-popover-view.fit .item:only-child {
    border-radius: 10px 10px 10px 10px;
}

/* Modal */
.modal-backdrop-bg {
    background-color: rgba(0, 0, 0, 0.5);
}
.modal_view {
    height: auto;
    min-height: 0px;
    bottom: 10%;
    top: 10%;
}
.modal_view .scroll-content {
    /*margin: 0px;*/
}

.platform-ios .modal_view {
    border-radius: 10px;
}

/* Icon */
.icon .icon-dot {
    position: absolute;
    top: 7px;
    right: -2px;
    padding: 3px;
    min-width: 3px;
}

/* Resize icons */
.ion-md-options::before {
    font-size: 26px !important;
}
.ion-ios-options::before {
    font-size: 26px !important;
}
.ion-ios-checkmark::before {
    font-size: 46px !important;
    line-height: 26px;
    vertical-align: middle;
}
.ion-ios-close-empty::before {
    font-size: 46px !important;
}
.ion-ios-help::before {
    font-size: 46px !important;
}
.ion-ios-refresh::before {
    font-size: 46px !important;
}

/* Replace icons */
.icon.ion-chevron-left::before {
    content: '\f3cf'; /* Unicode for ion-ios-arrow-back */
}
.icon.ion-chevron-right::before {
    content: '\f3d1'; /* Unicode for ion-ios-arrow-forward */
}

/* Buttons */
.button.button-stable {
    border-color: #b2b2b2;
}

.button-bar.bar-stable .button {
    color: #444 !important;
}
.button-bar.bar-stable .button-positive {
    color: #fff !important;
}

/* Option buttons */
.item-options {
    top: 0.5px;
    bottom: 1px;
    height: auto;
}
.item-options .button-stable {
    background-color: lightgray;
    color: #000;
}

.item-checkbox {
    background-color: transparent;
}

/* Links */
a {
    color: #1d8dd3;
    text-decoration: none;
}

/* Toggle */
.toggle-small input:checked + .track .handle {
    background: #1d8dd3 !important;
}
.toggle input:checked + .track {
    background-color: #cccccc !important;
}

/* Item */
.item[class*="item-"] > div.item-content[style*="transform: translate3d"] .ion-ios-arrow-back {
    display: none;
}
.item[class*="item-"] > div.item-content:not([style]) .ion-ios-arrow-forward {
    display: none;
}
.item[class*="item-"] > div.item-content[style=""] .ion-ios-arrow-forward {
    display: none;
}

.item.item-stable .item-content {
    padding: 0px;
}
.item.item-stable, .item.item-stable .item-content {
    background-color: #f8f8f8 !important;
}
.item.item-stable.activated, .item.item-stable.activated .item-content {
    background-color: #f8f8f8 !important;
}

ion-list ion-item.item.active {
    color: #1d8dd3 !important;
}

/* Select */
.item-select select {
    width: 100%;
    position: unset;
    padding-left: 0px !important;
    direction: ltr !important;
    background-color: transparent !important;
}

.item-select select.absolute-zero {
    width: 0px !important;
    position: absolute !important;
}

/* Validation */
.item_Invalid {
    border-left: 4px solid salmon !important;
}
.item_Invalid .item-input {
	padding-left: 12px;
}
.item_Valid {
    border-left: 4px solid green !important;
}
.item_Valid .item-input {
    padding-left: 12px;
}

/* Accordion */
.list .item.item-accordion {
    transition: 0.09s all linear;
    background: #f1f1f1;
}
.list .item.item-accordion.ng-hide {
    line-height: 0px;
}

/* Reorder */
.left-reorder-buttons .item-content {
    padding-left: 30px !important;
}

.reorder_item {
    position: absolute;
    z-index: 3;
    font-size: 14px;
    width: 30px;
}

.reorder_item_animation {
    transition: transform 0.3s ease-in-out;
}
.reorder_item_animation.move_up {
    transform: translateY(-10px); /* Moves up smoothly */
}
.reorder_item_animation.move_down {
    transform: translateY(10px); /* Moves down smoothly */
}

/* Tabs */
.tabs {
	background-image: none;
}

.tabs-striped .tabs {
    background-color: #f8f8f8;
    border: 0px;
}

.tab-item .icon {
    font-size: 24px !important;
    padding-top: 5px;
}

.tab-item-active {
    color: #1d8dd3 !important;
    transition-duration: 0ms !important;
}
.tab-item-active:after {
    margin: 0px !important;
}

.tabs-bottom .tab-item {
    /*line-height: 12px !important;*/
    margin-top: 1px !important;
}
.tabs-bottom .tab-item.activated {
    margin-top: 1px !important;
}
.tabs-bottom .tab-item.activated.tab-item-active {
    margin-top: -1px !important;
}
.tabs-bottom .tab-item-active {
    margin-top: -1px !important;
}

.tabs-bottom .tab-item-active::before {
    content: '';
    display: block;
    border-bottom: solid 2px;
    margin: 0px;
    animation: fadeIn 0.5s ease-in-out;
}
.tabs-bottom .tab-item-active:after {
    display: none;
}

.platform-ios .tabs-bottom .tabs {
    border-top: 1px solid #b2b2b2 !important;
}
.platform-ios .tabs-top .tabs {
    border-bottom: 1px solid #b2b2b2 !important;
}

/* Bar */
.bar-stable .button {
    color: #1d8dd3;
}
.bar-stable .button:hover {
    color: #1d8dd3;
}
.bar-stable .button.button-clear {
    color: #1d8dd3;
}

.bar.bar-stable, .bar.bar-header, .bar.bar-subheader {
    background-image: none;
    background: none;
}

.platform-ios .bar.bar-stable {
	border-bottom: 1px solid #b2b2b2;
}

.platform-android .bar * {
    transition-duration: 0ms;
}

.platform-android .bar .title {
    left: 35px !important;
}

/* Footer */
.platform-ios .bar.bar-footer {
    border-top: 1px solid #b2b2b2;
}

.bar.bar-footer-blue {
    background-color: #1d8dd3 !important;
    color: #ffffff !important;
    background: none;
}

/* Fullcalendar */
.fc h2 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 6px !important;
}

.fc-button {
    background-color: #387ef5 !important;
    background-image: none !important;
    color: #fff !important;
    text-shadow: unset !important;
}

.fc-title {
    white-space: normal;
    font-size: 10px;
}

.fc-gray {
    background-color: #f1f1f1 !important;
    color: #000 !important;
    border-color: #666 !important;
}

.fc-gray-nobackground {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #666 !important;
}

.fc-inactive {
    background-color: transparent !important;
    color: #666 !important;
    border: 0 !important;
}

.fc-list-empty {
    color: #444 !important;
}

/* Progress bar */
progress, progress::-webkit-progress-bar {
    background-color: #ddd;
    height: 3px;
    margin: 0px;
}
progress::-webkit-progress-value {
    background: #1D8DD3;
}

/* Toast */
.toast_section {
    padding: 10px !important;
    margin: 0px 50px 0px 0px !important;
    right: unset !important;
    left: unset !important;
    transform: translate(calc(50vw - 50%)) !important;
    background-color: rgba(77, 77, 77, 0.95) !important;
}
.ionic_toast_top {
    top: 60px !important;
}
.ionic_toast_bottom {
    bottom: 60px !important;
}
.ionic_toast_close {
    right: 0 !important;
}
.toast_close_icon {
    top: -5px !important;
}

/* Fade in animation */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}
/* Fade out animation */
.fade-out {
    animation: fadeOut 0.5s ease-in-out;
}
@keyframes fadeOut {
    from { opacity: 1 }
    to { opacity: 0 }
}

/* Splash screen */
.splash-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #212121;
    z-index: 9999;
}
.splash-screen img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 112px;
    height: auto;
}
.splash-screen .loading-text {
    position: absolute;
    top: calc(50% + 52px); /* Adjust this depending on the image size */
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 18px;
    text-align: center;
}

/* Watermark */
.logo_watermark {
    position: fixed;
    bottom: 5px;
    left: 5px;
    opacity: 0.5;
    z-index: 99;
    color: white;
}