/* Empty. Add your own CSS if you like */


/* other iphone */

.platform-ios.platform-cordova .cform .formControl,
.platform-ios.platform-cordova .cform .formControl:disabled {
    color: #111;
}

.platform-ios.platform-cordova .mapTypePop {
    padding-bottom: 0px;
}

.platform-ios.platform-cordova .language-popup .bar-black-transparent .btnClose {
    top: 25%;
    transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
}

.platform-ios.platform-cordova .custom-iphoneX-padding-bottom-space20 {
    padding-bottom: 0px;
}

.platform-ios.platform-cordova .custom-profile-header,
.platform-ios.platform-cordova .custom-login-header {
    margin-bottom: 0px;
}


/* for iphone X */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
        height: 84px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .has-customeFooter {
        bottom: 64px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .has-header,
    .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
        top: 84px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
        top: 128px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) .header-item,
    .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).customHeaderBar .title {
        margin-top: 40px;
    }
    .platform-ios.platform-cordova .mapTypePop {
        padding-bottom: 20px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader)>* {
        margin-top: 40px;
    }
    .platform-ios.platform-cordova .language-popup .bar-black-transparent .btnClose {
        top: 25%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .platform-ios.platform-cordova .custom-iphoneX-padding-bottom-space20 {
        padding-bottom: 20px;
    }
    .platform-ios.platform-cordova .custom-profile-header,
    .platform-ios.platform-cordova .custom-login-header {
        margin-bottom: 30px;
    }
}


/* For iPhone 6+,7+,8+ */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
        height: 64px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .has-customeFooter {
        bottom: 44px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .has-header,
    .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
        top: 64px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
        top: 108px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) .header-item,
    .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).customHeaderBar .title {
        margin-top: 20px;
    }
    .platform-ios.platform-cordova .mapTypePop {
        padding-bottom: 0px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader)>* {
        margin-top: 20px;
    }
    .platform-ios.platform-cordova .language-popup .bar-black-transparent .btnClose {
        top: 25%;
        transform: translateY(-20%);
        -webkit-transform: translateY(-20%);
    }
    .platform-ios.platform-cordova .custom-iphoneX-padding-bottom-space20 {
        padding-bottom: 0px;
    }
    .platform-ios.platform-cordova .custom-profile-header,
    .platform-ios.platform-cordova .custom-login-header {
        margin-bottom: 0px;
    }
}


/* Lang */
.lang_btn {
    background: #fff;
    padding: 5px 35px 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    color: #676767;
    text-decoration: none;
  
  }
  .lang_btn img {
    display: inline-block;
    width: 29px;
    height: auto;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .lang_btn.lang_form_btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.85em 10px;
    border: 1px solid #e2e2e2;
  }
  .language-popup .bar-black-transparent {
    position: relative;
    background: #f1f1f1
  }
  .language-popup h1{
      color: #676767;
  }
  .language-popup .langlist{
      padding: 0 10px;
  }
  
  .language-popup .langlist .item{
      border-style: unset;
      border-bottom: 1px solid #d4d4d4;
      color:#676767;
      background: transparent;
      
  }
  .language-popup .bar-black-transparent .btnClose {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .country-name-item span {
    display: flex;
    align-items: center;
  }
  .country-name-item span img {
    height: 20px;
    width: auto;
    margin-right: 10px;
  }
  .language-popup.modal .bar.bar-header h1 {
    text-align: center;
  }
  .country-name-item span {
    display: flex;
    align-items: center;
  }
  .country-name-item span img {
    height: 20px;
    width: auto;
    margin-right: 10px;
  }

  .graphCont-header .filter-header{
    display: block;
    font-size: 0.6em;
    color: #fff;
    line-height: 1.3;
  }

  .custom-login-lang{
    padding: 1em 0 0.7em 0;
  }

  .pageTitle.custom-login-page-title{
    position: absolute;
    padding: 1em 0 0.7em 0;
  }

  .collectionAmount{
    color: #f4094a !important;
    font-weight: bold;
    font-size: 0.7em !important;
  }

  .filterBar01 select {
    appearance: none;
    -webkit-appearance: none;
    background: #fff url(../img/icon-select-down.png) no-repeat right top;
    display: block;
    width: 100%;
    min-height: 26px;
    height: 26px;
    padding: 0 3px;
    font-size: 0.60em;
    border: none;
}

.filterBar01 .row{
    -webkit-flex-wrap: wrap; 
    flex-wrap: wrap;
    width: 90%;
    padding: 0;
}

.filterBar01 .select-filter{
    min-width: 100px;
}

.filterBar01 a.search-button {
    background: #fcde00;
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
}

.filterBar01 a.export-button {
    background: #fcde00;
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
    text-align: center;
    padding: 3px;
}

.filterBar01 a.export-button i{
    font-size: 20px;
    color: #000;
}

.filterBar01 .row-action{
    width: 10%;
    margin-top: 0;
    /* padding-top: 5px; */
}

.filterBar01 a.reset-button {
    background: #000;
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
}

.filterBar01 a img {
    height: 18px;
    width: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.SalesList ul li.tableHead .col03 img {
    display: inline-block;
    width: 10px;
    height: auto;
    margin-left: 4px;
}

.SalesList {
    font-size: 0.8em; }
    .SalesList .sColltectionList {
      padding: 0 0 5px 0;
      border-bottom: 1px dotted rgba(0, 0, 0, 0.2); }
      .SalesList .sColltectionList .sColltectionList_header {
        background: #f4094a;
        padding: 0 5px;
        color: #fff; }
      .SalesList .sColltectionList .itemListinMyaccount {
        padding: 0 5px;
        background: #fff; }
      .SalesList .sColltectionList .actionFooter {
        background: #fff;
        margin: 0 auto;
        padding: 0 5px 10px 5px;
        display: flex;
        justify-content: flex-end; }
        .SalesList .sColltectionList .actionFooter .button {
          font-size: 1.2em;
          width: 35px;
          min-height: 35px;
          line-height: 35px;
          border: 1px solid rgba(0, 0, 0, 0.2);
          position: relative; }
          .SalesList .sColltectionList .actionFooter .button i {
            font-size: 1.2em;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%); }
    .SalesList ul li.tableHead {
      background: #f4094a;
      color: #fff; }
      .SalesList ul li.tableHead .col01,
      .SalesList ul li.tableHead .col02,
      .SalesList ul li.tableHead .col03 {
        display: flex;
        align-items: center; }
      .SalesList ul li.tableHead img {
        display: inline-block;
        width: 10px;
        height: auto;
        margin-left: 4px; }
    .SalesList ul li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.9em;
      padding: 5px 5px;
      border-bottom: 1px solid #e9e9ea;
      color: #676767;
      background: #fff; }
      .SalesList ul li .col01 {
        width: 50%; }
      .SalesList ul li .col02 {
        width: 34%;
        text-align: left; }
      .SalesList ul li .col03 {
        width: 15%; }
        .SalesList ul li .col03 img {
          width: 20px;
          height: auto;
          display: block;
          margin: 0 auto; }
      .SalesList ul li .moreImg {
        content: url("../img/icon-more-gray.png"); }
      .SalesList ul li.active {
        background: #f3f3f3;
        color: #000; }
        .SalesList ul li.active .moreImg {
          content: url("../img/icon-more-pink.png"); }

input[type="file"].pwa_file_upload {
  display: none;
}

.dForms.dForms-light label.custom-file-upload {
  display: inline-block;
  padding: 2px 12px;
  cursor: pointer;
  min-width: 28px;
  min-height: 30px;
  font-size: 12px;
  line-height: 26px;
  text-transform: initial;
  letter-spacing: normal;
  width: auto;
}

.uploadImgContainer {
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.add-to-home {
  position: fixed;
  z-index: 3;
  left: 10px;
  right: 10px;
	background: #eeeeee;
  border-radius: .4em;
  display: flex;
  padding: 10px 5px;
  font-size: 13px;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.add-to-home.ios {
  bottom: 25px;
}

.add-to-home.android {
  top: 25px;
}

.add-to-home.ios:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #eeeeee;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -20px;
}

.add-to-home.android:after {
  content: '';
	position: absolute;
	top: 0;
  right: 10px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #eeeeee;
	border-top: 0;
	margin-left: -20px;
	margin-top: -20px;
}

.add-to-home-text {
  flex: 1;
}

.add-to-home-icon {
  width: 30px;
  height: 30px;
  /* background-color: #dddddd; */
  margin-left: 5px;
  margin-right: 5px;
}

.add-to-home-icon.inline {
  display: inline-block;
}

.add-to-home-icon img {
  width: 30px;
  vertical-align: middle;
}