/* CSS FOR WEB */
@media screen and (max-width: 700px) { /*for mobile screen sizes*/
    .register-inner-col .button {
        width: 100%;
        margin-bottom: 10px;
    }
    .page-content{
        width: 100%;
        margin-bottom: 10px;
    }
    #login_amaphil_logo {
        margin-top: 30px;
    }

    i.f7-icons.icon-doc-check, i.f7-icons.icon-doc-x, i.f7-icons.icon-doc-resubmit {
        left: 26px;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .page-content::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .page-content {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
}
@media screen and (min-width: 700px) { /*for web screen size*/
    .change-password-col.register-col .register-inner-col {
        max-width: 650px;
        margin: auto;
    }
    .page-content{
        max-width: 650px;
        margin: auto;
    }

    i.f7-icons.icon-doc {
        margin-left: 30px;
    }

    i.f7-icons.icon-doc-check, i.f7-icons.icon-doc-x, i.f7-icons.icon-doc-resubmit {
        left: 56px;
    }



}
/*disabled flip camera button when using pc web browser note: ipad pro hava 1024px*/
@media screen and (min-width: 1025px){
    a#flip-camera {
        pointer-events: none;
        background:grey;
    }
}

/*IPAD for message page-content height*/
@media screen and (min-width: 768px){
    div.height-768 {
        height: 78% !important;
    }
}

/*IPAD PRO for message page-content height*/
@media screen and (min-width: 1024px){
    div.height-1024 {
        height: 84% !important;
    }
}
.change-password-col .item-input-wrap .item-input-icon {
    box-shadow: none !important;
}

.register-inner-col .item-content {
    padding-left: 0;
}

/*
icon and button vertical alignment
.button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.button > i {
    width: 24px;
    margin-right: 5px;
}*/

#login_form ul li.item-content {
    float: none !important;
}


#login_amaphil_logo {
    margin-top: 18px;
    width: 100%;
}

i.f7-icons.icon-doc {
    font-size: 60px;
}

.trn-info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed #c5c5c5;
    margin-bottom: 10px;
}

#fin-infinite-scroll .col-80 .row {
    margin-bottom: 5px;
}

#fin-infinite-scroll .physician_name, .member-name, #fin-infinite-scroll .trans_no {
    overflow: hidden;
    text-overflow: ellipsis;
}

i.f7-icons.icon-doc-check, i.f7-icons.icon-doc-x, i.f7-icons.icon-doc-resubmit {
    position: absolute;
    top: 39px;
    font-size: 27px;
}

.trans_status, #trans_status{
    text-transform: capitalize;
}

.card-footer.row > .block {
    width: 100%;
}

.button > i.f7-icons {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
}

div#trn_btns {
    max-width: 640px;
    margin: 8px auto;
}

div#ver_accnt_btns {
    max-width: 640px;
    margin: 8px auto;
}

img.swiper-lazy.swiper-lazy-loaded {
    background: #FFF;
}

.doc-name {
    cursor: pointer;
}

/*body {
    padding-top: env(safe-area-inset-top) !important;
}*/

/*.navbar-inner > .right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-inner > .list.no-hairlines,
.sliding.custom-title
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
}


.navbar-inner > .sliding.custom-title{
    left: 15px;
}*/

/*
.navbars>.navbar, .page>.navbar, .view>.navbar, .views>.navbar {
    position: relative !important;
}

.page-content {
    padding-top: 0 !important;
}

.list.doc-list {
    padding-top: 50px;
}*/

:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}