a, a:hover, a:active, a:focus, .image-listview > li .item .icon-box.transparent, .btn-outline-primary,
.btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-text-primary.disabled, .btn-text-primary:disabled,
.accordion .accordion-header .btn i.bi,
.accordion .accordion-header .btn i.icon,
.accordion .accordion-header .btn ion-icon,
.accordion .accordion-header .accordion-button i.bi,
.modal-icon,
.alert-outline-primary .alert-title, .alert-outline-primary .btn-close,
.accordion .accordion-header .accordion-button i.icon,
.accordion .accordion-header .accordion-button ion-icon,
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: #003da5;
}

    .btn-outline-primary, .btn-outline-primary.active, .btn-text-primary.disabled, .btn-text-primary:disabled,
    .btn-outline-primary.disabled, .alert-primary, .btn-outline-primary:disabled, .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        border-color: #003da5 !important;
    }


        .appHeader.bg-primary:before, .badge-primary, body.animationGoBack:after, .btn-outline-primary.active,
        .action-sheet.action-icon .modal-content .modal-header .modal-icon, .alert-primary,
        .bg-primary,
        .btn-outline-primary.disabled, .btn-outline-primary:disabled, a.badge-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
            background: #003da5 !important;
        }
    .appBottomMenu .item .action-button, .sidebar-balance, body:not(.dark-mode) .appBottomMenu .item.active:before, .action-group, #loader,
    .bg-main, .alert-outline-primary .btn-close:before, .alert-outline-primary .btn-close:after {
        background: #003da5;
    }

    body:not(.dark-mode) .appBottomMenu .item.active .icon, .btn-outline-primary.disabled, .btn-outline-primary:disabled,
    body:not(.dark-mode) .appBottomMenu .item.active ion-icon, .btn-text-primary, .action-button-list > li .btn.text-primary,
    body:not(.dark-mode) .appBottomMenu .item.active strong, .btn-link {
        color: #003da5 !important;
    }

.appBottomMenu .item.active:before {
    background: #ffffff;
}

    .btn-outline-primary:hover, .btn-outline-primary:active {
        background: rgba(98, 54, 255, 0.15) !important;
        border-color: #003da5 !important;
        color: #003da5 !important;
    }



    .btn-text-primary:active, .btn-text-primary.active {
        background: rgba(98, 54, 255, 0.15) !important;
        color: #003da5 !important;
    }


.btn-check:checked + .btn-outline-primary {
    background: #003da5 !important;
    border-color: #003da5 !important;
}


.alert-outline-primary {
    background: transparent;
    color: #003da5;
    border: 2px solid #003da5;
}

    .alert-outline-primary a {
        color: #003da5 !important;
        text-decoration: underline !important;
    }

        .form-group .input-wrapper.active .label {
            color: #003da5 !important;
        }

            .form-group.basic .form-control:focus,
            .form-group.basic .custom-select:focus {
                border-bottom-color: #003da5;
                box-shadow: inset 0 -1px 0 0 #003da5;
            }

        .form-group.boxed .form-control:focus {
            border-color: #003da5;
        }
                .nav-tabs.lined .nav-item .nav-link.active {
                    color: #003da5;
                    background: transparent;
                    border-bottom-color: #003da5 !important;
                }

.form-check-input:checked ~ .form-check-label:after {
    background-color: #ffffff;
    border-color: #ffffff !important;
}
        .message-item.user .bubble {
            background: #003da5 !important;
            color: #FFF;
            border-radius: 16px 16px 0 16px;
        }
.chip-primary {
    background: #003da5 !important;
}
    .chip-primary.chip-outline {
        color: #003da5 !important;
        box-shadow: inset 0 0 0 1px #003da5 !important;
    }
        .notification-dialog.android-style .notification-footer .notification-button {
         
            color: #003da5 !important;
        }
    .wallet-card-section:before {
        background: #003da5;
    }

            .wallet-card .balance .right .button {
                color: #003da5;
                background: rgba(98, 54, 255, 0.1);
            }

                .wallet-card .balance .right .button:hover {
                    background: #003da5 !important;
                    color: #fff !important;
                }

            .wallet-card .wallet-footer .item .icon-wrapper {
                background: #003da5;
            }

.listed-detail .iconbox, .splash-page .iconbox, .avatar-section .button, .card-block,
body.dark-mode .form-switch .form-check-input:checked ~ .form-check-label:after {
    background: #003da5;
}
.gradientSection {
    background: #003da5;
    background-image: linear-gradient(-208deg, #003da5 38%, #8a69ff 100%);
}
    .card-with-icon .card-icon {
        background: #003da5;
    }
        body.dark-mode .accordion .accordion-header.bg-primary .accordion-button {
            background: #003da5 !important;
        }


        body.dark-mode .verification-input:focus {
            border-color: #003da5 !important;
        }

        body.dark-mode .form-group.boxed .form-control:focus {
            border-color: #003da5;
        }

        body.dark-mode .nav-tabs.lined .nav-item .nav-link.active {
            color: #003da5;
        }



.gold {
    color: #ffffff!important;
}
.bg-gold {
    background-color: #ffffff!important;
}
.appHeader .pageTitle {
    font-size: 18px;
    font-weight: 600;
}

.container-max-400{
    max-width:400px;
}
.container-max-500{
    max-width:650px;
}
.container-max-600{
    max-width:900px;
}
@media(min-width:1400px){
    .container-max-600 {
        max-width: 1100px;
    }
}
.table {
    color: #000;
}

table.table tbody tr:hover{
    cursor:pointer;
    background-color:#ffffff!important;
}
body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > *{
    color:#aaa;
}

a:hover .calendar-card{
    background-color:#e5e5e5;
}
.calendar-card {
    max-width: 450px;
    margin: 10px;
}

#detail {
    min-height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
}

    #detail.loading {
        background-image: url('../img/loading2.gif');
    }


.form-group.boxed input[type=time].form-control ,.form-group.boxed input[type=date].form-control ,.form-group.boxed input[type=number].form-control ,.form-group.boxed select.form-control {
    padding: 0 8px 0 16px;
}
@media(max-width:600px) {
    .mobile-hidden{
        display:none!important;
    }
    .calendar-card {
        max-width: 100%;
        margin: 10px;
    }
}
@media(min-width:601px) {
    .appBottomMenu{
        display:none!important;
    }
    .appHeader .left .headerButton {
        display: none;
    }
    div.logo-div
    {display:none!important;}
    body {
    }
    #sidebarPanel .modal-content {
        background-color: #EDEDF5;
    }
    .desktop-hidden{
        display:none!important;
    }
    #sidebarPanel {
        display: block !important;
        opacity: 1.0 !important;
        color: #FFF !important;
        margin-top:80px;
    }

        #sidebarPanel .modal-dialog {
            transform: translate(0, 0) !important;
            top: 56px;
        }

    body.logged-in #appCapsule, body.logged-in div.appHe2ader {
        margin-left: 240px;
    }

    div.logo-div, #sidebarPanel .modal-content, #sidebarPanel, #sidebarPanel .listview.transparent, .profileBox {
        width: 240px;
    }
         #sidebarPanel .listview.transparent, .profileBox{
             width:236px;
         }
        #sidebarPanel .listview.transparent, .profileBox {
            margin-top: 15px;
            background-color: white !important;
            border-radius: 10px !important;
            margin-left: 4px;
        }
}


h3.banner:first-of-type, h2.title {
    display: none;
}

.delete-div, .go-back-div{
    margin-bottom:15px;
}