html,
body {
    height: 100%;
    width: 100%;
}

.container {
    max-width: 580px !important;
    min-height: 100% !important;
    background-color: #f7fafc;
    margin: 0 auto;
}

.container {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

.container::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.appHeader {
    max-width: 580px !important;
    margin: 0 auto;
}

.owl-carousel {
    max-width: 580px !important;
    margin: 0 auto;
}

.modal-dialog {
    max-width: 580px !important;
}

.offcanvas-bottom {
    max-width: 580px !important;
    margin: 0 auto;
}

.toast-box {
    max-width: 580px !important;
    margin: 0 auto;
}

.extraHeader {
    max-width: 580px !important;
    margin: 0 auto;
}

.appBottomMenu {
    max-width: 580px !important;
    margin: 0 auto;
}

.header-large-title .title {
    font-size: 20px;
}

.btn-rounded {
    border-radius: 12px;
}

ion-icon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.card-input-label {
    width: 100%;
}

.card-input-element {
    display: none;
}

.card-input {
    margin: 10px;
    padding: 0px;
}

.card-input:hover {
    cursor: pointer;
}

.card-input-element:checked + .card-input {
     box-shadow: 0 0 1px 1px #D20026;
}