/* Custom color theme */
        :root {
            --f7-theme-color: #2E3192;
            --f7-theme-color-rgb: 243, 234, 27;
            --f7-theme-color-shade: #dad10b;
            --f7-theme-color-tint: #f5ee42;
            --color-orange : #F5841F;
            --color-yellow : #F3EA1B;
            --app-width:auto;
        }
            /* Invert navigation bars to fill style */
            :root,
            :root.theme-dark,
            :root .theme-dark {
                --f7-bars-bg-color: var(--f7-theme-color);
                --f7-bars-bg-color-rgb: var(--f7-theme-color-rgb);
                --f7-bars-translucent-opacity: 0.9;
                --f7-bars-text-color: #000000;
                --f7-bars-link-color: #000000;
                --f7-navbar-subtitle-text-color: rgba(255,255,255,0.85);
                --f7-bars-border-color: transparent;
                --f7-tabbar-link-active-color: #000000;
                --f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);
                --f7-sheet-border-color: transparent;
                --f7-tabbar-link-active-border-color: #000000;
            }

        .appbar,
        .navbar,
        .toolbar,
        .subnavbar,
        .calendar-header,
        .calendar-footer {
            --f7-touch-ripple-color: var(--f7-touch-ripple-black);
            --f7-link-highlight-color: var(--f7-link-highlight-black);
            --f7-button-text-color: #000000;
            --f7-button-pressed-bg-color: rgba(255,255,255,0.1);
        }

        .navbar-large-transparent,
        .navbar-large.navbar-transparent {
            --f7-navbar-large-title-text-color: #000;
            --r: 243;
            --g: 234;
            --b: 27;
            --progress: var(--f7-navbar-large-collapse-progress);
            --f7-bars-link-color: rgb( calc(var(--r) + (255 - var(--r)) * var(--progress)), calc(var(--g) + (255 - var(--g)) * var(--progress)), calc(var(--b) + (255 - var(--b)) * var(--progress)) );
        }

        .theme-dark .navbar-large-transparent,
        .theme-dark .navbar-large.navbar-transparent {
            --f7-navbar-large-title-text-color: #000000;
        }
/* Custom color theme */


/*app*/
    body{
        max-width :var(--app-width) !important;
    }
     .screenapp {
            width: 100vw;
            height: 100vh;
            content: '';
            background-image: url(../Images/Logo/screenwhite.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .logoapp {
            position: fixed;
            top: 50%;
            left: 50%;
            /* bring your own prefixes */
            transform: translate(-50%, -50%);
        }
/*app*/

@font-face {
  font-family: 'porto';
  src: url("fonts/porto.eot?64334846");
  src: url("fonts/porto.eot?64334846#iefix") format("embedded-opentype"), url("fonts/porto.woff2?64334846") format("woff2"), url("fonts/porto.woff?64334846") 
  format("woff"), url("fonts/porto.ttf?64334846") format("truetype"), url("fonts/porto.svg?64334846#porto") format("svg");
  font-weight: normal;
  font-style: normal;
 
}
          body {
  font-family: "promptregular";
          }

/*input icon*/
.input-icon{
    top: 15px;
    pointer-events: none;
    transition-duration: .1s;
    position: absolute;
    top: 50%;
    border: none;
    padding: 0;
    margin: 0;
    outline: 0;
    z-index: 1;
    cursor: pointer;
    background: 0 0;
    margin-top: calc(-1 * var(--f7-input-clear-button-size)/ 2);
    color: black;
    right: 0;
}
/*input icon*/

/*UL*/
ul{
  background:transparent !important;
}
/*UL*/
/*toolbar*/
.toolbar-me .toolbar-inner{
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(152,151,151,1) 100%);
}
/*toolbar*/
/*tab*/
.tab-link{
    color:#FFF !important;
}
.tab-link.tab-link-active{
    color:#F5841F !important;
}
.tab-link.tab-link-active::after{
    content: '';
    position: absolute;
    background-color: #F5841F !important;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}
/*tab*/
/*Input Set*/
.item-title.item-label{
    color:#424242 !important;
    font-size: 18px;
    /* color:#868686 !important; */
}


 
.item-input-wrap input,textarea{
    background-color:#FFFFFF !important;
      color:#000000 !important; 
        border: 1.6px solid #d2cccc !important
}
.item-input-wrap input,textarea::placeholder{
    color: #838383 !important;
}
 
/*Button*/
.button-fill{
     color:#000000;
}
.dialog-button{
      color:#000000;
}
 .btn-me-yellow{
        background-color:#F3EA1B !important;
        color:#424242 !important;
}
  .btn-me-redfusion{
        background-color:#F4425C !important;
        color:#FFFFFF !important;
}
 .btn-me-bluegpo{
        background-color:#2E3192 !important;
        color:#FFFFFF !important;
}
 
 .btn-me-bluegpo2{
        background-color:white !important;
        color:#2E3192 !important;
         border: 1.6px solid #2E3192;
}
 .btn-me-orangegpo{
        background-color:white !important;
        color:#EE9545 !important;
         border: 1.6px solid #EE9545;
}
  .btn-me-redgpo{
        background-color:white !important;
        color:#E55151 !important;
         border: 1.6px solid #E55151;
}
  
 .btn-me-black{
        background-color:#424242 !important;
         color:#FFFFFF !important;
    }
 .btn-me-orange{
        background-color:#F5841F !important;
         color:#FFFFFF !important;
    }
 .btn-me-silver{
        background-color:#DCDBDB !important;
         color:#FFFFFF !important;
    }

  
/*hr*/
.hr-me{
    border:0px;
      border-top: 1px dashed #424242;
}
/*hr*/
/*Page*/
.page{
   /*background-image:url(../Images/Logo/BG.svg);*/
     height: 100%; 
   /*background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
}
.navmain .account{
    color:white !important;
}
.smart-select-popup .smart-select-page::after{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color:#000000c2 !important;
}
.pagemain{
    /*background-image:url(../Images/Logo/bg_black.PNG);*/
     height: 100%;
     background-color:white;
      /*background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}
/* .pagemain::after{
      content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color:#000000c2 !important;
} */
.pagemain .item-title.item-label{
    color:#d0d0d0 !important;
    /* color:#d3d3d3 !important; */
    font-size:14px;
}
.smart-select-page .item-title{
    color:white;
}
.navsub .account{
    color:black !important;
}
.pagesub{
    background-image:url(../Images/Logo/bg_yellow.PNG); height: 100%; background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* .pagesub::after{
    background-color:#dfcb16eb;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
} */
/*Page*/

/*popupview*/
@media (min-height: 630px) and (min-width: 630px) {
    .my-popup:not(.popup-tablet-fullscreen) {
        height:100%;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin-left:0;
        margin-top:0;
        width: var(--app-width) !important;
    }
}
@media (min-height: 630px) and (min-width: 630px) {
.popup:not(.popup-tablet-fullscreen) {
         height:100%;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin-left:0;
        margin-top:0;
        width: var(--app-width) !important;
    }
}

    
.popup {
    max-width: var(--app-width) !important;
}
.popup.me-popup{
 background-color:#4242428c;
}
.popup.me-popup .me-card{
    top: 0px;
    transform: translate(0%, 0%);
    /*top:50%;
     transform: translate(0%, -50%);*/
     position:relative;
         border-radius: 0px;
}
.popup.me-popup .top10{
    top:10% !important; 
}
.me-card .me-close{
    color:red;
    position:absolute;
    top:0;
    right:0;
       padding-top: 15px;
    padding-right: 10px;
}

/*popupview*/

/*modal*/
.me-modal{
    width: 410px;
    top: 100%;
    animation-duration:0s;
    }
    .me-modal.modal-in{
            position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-duration:0s;
    }
/*modal*/

/*me-list*/
.me-list .item-title{
    display:none;
}
.me-list .item-after{
    margin-left:0;
    color:black !important;
}
.me-list div.item-label{
    color:#424242;
    margin-top: 5px;
    font-size: 18px;
}
.pagemain .me-list div.item-label{
    color:#d0d0d0 ;
    margin-top: 5px;
}

.me-list-bg .item-inner{
    background: white;
    margin-right: 15px;
    border-radius: 5px;
    margin-top:5px
}
/*me-list*/

/*me-input*/
.me-input{
   border: 1px solid black !important;
   border-radius: 5px !important;
   padding: 5px 10px 5px 10px !important;
}
 
.me-input-bg input{
    border-radius: 5px !important;
    background-color: #ffffff !important;
    padding-left: 5px !important;
    margin-top: 5px !important;
    color:#000000 !important;
}
.me-input-bg input::placeholder{
    color: #000000 !important;
}
.me-input-bg .input-clear-button::after{
    margin-top: 5px !important;
}
.mr-hr{
    border-bottom: 1px solid ffffff66;
}
.row-bg-black{
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(152,151,151,1) 100%);
}

.me-swiper{
    height: 44px;
}
.me-swiper-slide{
    background: transparent !important;
    margin-right: 0 !important;
    padding: 10 0 !important;
    position: relative !important;
    color:white !important;
    font-size: 16px !important;
    width: auto !important;
    min-width: 100px !important;
}
.me-swiper-slide .tab-link{
    height: 100%;
    width: 100%;
}
.me-swiper-slide .tab-link-active{
    font-size: 16px !important;

}
.bg-black{
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(152,151,151,1) 100%) !important;
}
.img-list img{
    width: 29px !important;
    height: 29px !important;
    /* border-radius: 50% !important; */
}


/*.me-parcels li:nth-child(2n+1){
    background-color:#dfdfdf;
}*/
.option-img img{
    width: 30px;
    height: 30px;
}
  .imgscan{
              height: 49px;
    padding-top: 1px;
    cursor:pointer
       }
   .imgscansilver1{
          filter: invert(77%) sepia(3%) saturate(17%) hue-rotate(66deg) brightness(100%) contrast(88%);
             
       }

  .list ul:before { 
    background-color: transparent !important; 
}
  
  .colgreen{
     color: green
  }
  .colorange{
     color: #F5841F
  }
  .colblue{
     color: #03869A
  }
   .colsilver0{
     color: #d2cccc
  }
    .colsilver1{
     color: #B2B2B2
  }
    .colsilver1B{
        color:#929292
    }
     .colsilver2{
     color: #525151
  }
      .colred1{
     color: red
  }
      .colredfusion1{
     color: #F4425C
  }
       .colblue1{
     color: #2E3192
  }
        .colblue2{
     color: #044594
  }
.colblue2A {
color:rgb(4 69 148 / 78%)
}
      .svgblue1{
filter: invert(20%) sepia(72%) saturate(1818%) hue-rotate(223deg) brightness(83%) contrast(99%);
   }
      .svggreen1{
filter: invert(88%) sepia(17%) saturate(4611%) hue-rotate(44deg) brightness(100%) contrast(77%);
   }
      .svgorange1{
filter: invert(67%) sepia(83%) saturate(425%) hue-rotate(347deg) brightness(101%) contrast(101%);
   }
      .svgred1{
filter: invert(46%) sepia(85%) saturate(6182%) hue-rotate(347deg) brightness(105%) contrast(94%);
   }

.svgredfusion {
filter: invert(39%) sepia(74%) saturate(2732%) hue-rotate(326deg) brightness(96%) contrast(99%);
}
   .svgsilver1{
filter: invert(71%) sepia(16%) saturate(18%) hue-rotate(108deg) brightness(97%) contrast(93%);
   }
.svgiconlist {
height:18px
}


 .listformA li{
    padding-left: 0px !important; 
    padding-top: 10px;
  }

 .listformA .item-inner{
padding-right: 0px;
}
 

 .listformA .item-input-wrap {
   padding-top:10px
}
.iteList {
    padding-left: 0px;
}
 .iteList li {
    display: block;
    margin: 0px;
    border-bottom: solid 1px #BBBBBB;
    padding: 7px 6px 7px 6px;
    list-style-image: none;
    background-color: White; 
    text-shadow: none !important;
    color: Black !important;
}
 .iteList2 li {
    display: block;
    margin: 0px;
    border-bottom: solid 1px #BBBBBB;
    padding: 7px 6px 7px 6px;
    list-style-image: none;
    background-color: White;
    cursor: pointer;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 99% 50%;
    text-shadow: none !important;
    color: Black !important;
}

 .ios-translucent-bars .navbar-bg {
    background-color:#2E3192 !important;
}

 
.inputroundA input,textarea 
  {
    border-radius: 25px !important;
        padding-left: 20px !important;
    color: #3e3e3e !important
}

.inputroundA .input-clear-button { 
    margin-right: 10px !important
}

inputNoroundA input,textarea 
  {
    border-radius:  10px !important;
        padding-left: 20px !important;
    color: #3e3e3e !important
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.7;
}

 
.btround
  {
    border-radius: 44px !important; 
}



.btsmallA{
width: 190px !important;
    margin: 12px auto  !important;
}
   .listMainAline  {
    
    background-color:#E0E0E0;height:1.5px;margin-right: 15px;
    }

.listMainAline2 {
    padding: 10px 10px 10px 17px;font-weight: bold;background-color: #F6F7FB;font-size: 16px; 
}


.dvboxshadow   { 
    background-color: white !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 3%), 0 6px 20px 0 rgb(0 0 0 / 2%);
}


.dvboxshadow  input,textarea   { 
    background-color:  transparent !important;
    border:1px solid transparent !important;
    color:black !important;
    width:100% !important;
}

.dvboxshadowpadtxt{
    padding: 5px 0px 5px 0px;
}

.calendar .icon,.calendar-week-day,.current-month-value,.current-year-value {
    color:white !important

}

.bgpagecontent1{
    background-color:#F6F7FB !important;
}



.dvboxshadowmenu   { 
    background-color: white !important;
    border-radius: 6px !important;
    box-shadow: 4px 4px 4px 4px rgb(0 0 0 / 3%), 0 6px 20px 0 rgb(0 0 0 / 2%);
    height:100px;
       padding: 10px;

}

.dvboxshadowmenu .dvrow1{
width:100%;text-align:center
}
.dvboxshadowmenu .dvrow2{
width:100%;padding-top:10px;font-size: 0.8em;text-align:center;
}
.dvboxshadowmenu  .f7-icons   { 
    color:#2E3192 !important;
    font-size: 60px;

}