body {background-color: #fff; }
/* .container {flex-wrap: wrap;} */
.card {border: none; background-color:rgba(0,0,0,0.8); width: 350px; margin-top: -60px;height: 100%;}
p.mb-1 {font-size: 16px;color:#a5a5a5; padding-top:40px; }
.btn-primary {border: none;background: rgba(26,45,145,24.8);}
.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:focus {color: #fff;background-color: rgba(0,0,0,1);border-color: #0062cc;}
.btn-primary span {color: #FFF;}
.m-12 {margin:  18px 18px 48px 18px!important;}
.btn-secondary{border: none;background: rgba(255,255,255,1);border-bottom: 1px solid transparent;}
.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled):active {border-bottom: 1px solid rgba(0,0,0,1);background-color:transparent;}
.btn-secondary span {color: rgba(0,0,0,0.8);}
.btn-secondary.disabled{cursor: not-allowed; opacity: 0.2; background: #fff;}
.logo{width:140px;height:140px;background: #fff;border-radius: 100%;padding: 0px;}
.logo>img{width: 100%;}
.btn-primary small {color: #9FB7FD;}
.card.two {border-top-right-radius: 0px;border-top-left-radius: 60px;}
.form-group {position: relative;margin-bottom: 0rem; margin-left:15px; margin-right:15px;}
.form-control {border: none;border-radius: 0;outline: 0;border-bottom: 1.5px solid rgba(0,0,0,0.8);color: #bbb; margin-top: 20px;}
.form-control:focus {box-shadow: none;border-radius: 0;border-bottom: 2px solid  rgba(0,0,0,1); left: -44px;}
.form-control-placeholder {position: absolute;top: 18px;left: 15px; opacity: 0.5;font-size: 100%; line-height: 0;}
.form-control:focus+.form-control-placeholder,.form-control:valid+.form-control-placeholder,.form-control:disabled.form-control-placeholder {font-size:100%; opacity: 0; color:#ccc;}
.btn-block {border-radius:25px;padding: 10px 0 12px;}
.btn-block:focus {box-shadow: none;}
.form-control:disabled, .form-control[readonly] {background-color: transparent;opacity: 1;cursor: not-allowed;}
.footer{position:fixed;width: 100%;bottom:10px;padding-left:5px;padding-right: 5px;}

.steps {padding: 0;margin: 0;list-style: none;display: flex;overflow-x: auto;}
.steps .step:first-child{margin-left:auto}
.steps .step:last-child{margin-right:auto}
.step:first-of-type .step-circle::before{display:none}
.step:last-of-type .step-content{padding-right:0}
.step-content {box-sizing: content-box;display: flex;align-items: center;flex-direction: column;width: 3rem;min-width: 3rem;max-width: 3rem;padding-top: .5rem;padding-right: 1rem;}
.step-circle::before {content: '';display: block;position: absolute;top: 50%;left: -2px;width: calc(3rem + 1rem - 1.5rem);height: 2px;transform: translate(-100%,-50%);color: #adb5bd;background-color: currentColor;}
.step-circle {position: relative;display: flex;justify-content: center;align-items: center;width: 1.5rem;height: 1.5rem;color: #adb5bd;border: 2px solid #adb5bd;border-radius: 100%;background-color: #fff;}
.step-success .step-circle::before {color: green;}
.step-success .step-circle {color: #FFF;background-color: green;border-color: green;}
.step-active .step-circle::before {color: orange;}
.step-active .step-circle {color: #FFF;background-color: orange;border-color:orange}

.imagePreview {width: 150px;border-radius: 50%; margin: 0 auto; height: 150px;background-position: center center;background-color:#c1c1c1;overflow: hidden;background-size: cover;background-repeat:no-repeat; margin-bottom: 10px;}
.imgUp{margin-bottom:2rem;width:100%;overflow: hidden;position: relative;margin: 0 auto;}
.imgupbtn{position: absolute;top: 0;width: 100%;height: 100%;cursor: pointer;border-radius: 50%;}
.del{position:absolute;top:0px;right:15px;width:30px;height:30px;text-align:center;line-height:30px;background-color:rgba(255,255,255,0.6);cursor:pointer;}
.imgAdd{width:30px;height:30px;border-radius:50%;background-color:#4bd7ef;color:#fff;box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);text-align:center;line-height:30px;margin-top:0px;cursor:pointer;font-size:15px;}

.proimagePreview {width: 100%; background-position: center center; margin-top:30px; background-size: cover;background-repeat:no-repeat;}
.proimgUp{margin-bottom:2rem;width:100%;overflow: hidden;position: relative;margin: 0 auto;}
.imgupbtn{position: absolute;top: 0;width: 30%;height: 100%;cursor: pointer;border-radius: 50%;}
.del{position:absolute;top:0px;right:15px;width:30px;height:30px;text-align:center;line-height:30px;background-color:rgba(255,255,255,0.6);cursor:pointer;}
.imgAdd{width:30px;height:30px;border-radius:50%;background-color:#4bd7ef;color:#fff;box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);text-align:center;line-height:30px;margin-top:0px;cursor:pointer;font-size:15px;}

.overbtn{position: relative;z-index: 9;}
.overbtn:after{content: ""}
.overlay:before {content: "";z-index: 1;background: rgba(255,255,255,0.8);/*position: absolute;*/ width: 100%;height: 100%;top: 0;}
.overlay a{color: inherit;}

.infotext-top{z-index: 999;position: absolute;color: #fff;text-align: center;left: 20%;width: 60%;top:10%;background: rebeccapurple;padding: 15px;}
.infotext-middle{z-index: 999;position: absolute;color: #fff;text-align: center;left: 20%;width: 60%;top:40%;background: rebeccapurple;padding: 15px;}
.infotext-bottom{z-index: 999;position: absolute;color: #fff;text-align: center;left: 20%;width: 60%;top:74%;background: rebeccapurple;padding: 15px;}


.icon-btn{text-align: center;}
.icon-btn i{font-size:4rem;display: block;}
.icon-btn span{font-size: 0.9rem;}

.btn-add{position: fixed;bottom:15px; right:15px; z-index: 99;}

  .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 10rem; height: 20px;}
  .toggle.ios .toggle-handle { border-radius: 10rem; }

.r1{margin-left: 20px; margin-top: 20px;}
.r2{margin-left: 30px;}	
.r3{margin-top:10px;}
.select{height:60px; padding-top:30px; }
.select-selected option { padding-right: 10px; }
.areatest{height: 50%;}
.gg{font-size: 15px; padding-top: 5px;}
.gg1{font-size: 20px; padding-top: 60px; color:#008468; font-weight: 600;}
.gg2{font-size: 15px; padding-top: 5px; font-weight: 400; margin-right: 15px; }
.pr{margin-top: 150px;}
.gg3{font-size: 15px; padding-top: 10px;}


/*
 *
 *
 *
 * Bootstrap 4 Component - Custom switch
 * Version: 1.1.2
 * Copyright (c) 2017-18 Martin Haubek
 *
 *
 *
 */
.custom-switch {
  line-height: 12px; text-align: right;}
  .custom-switch .custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .custom-switch .custom-switch-input, .custom-switch .custom-switch-input:after, .custom-switch .custom-switch-input:before,
    .custom-switch .custom-switch-input *,
    .custom-switch .custom-switch-input *:after,
    .custom-switch .custom-switch-input *:before,
    .custom-switch .custom-switch-input + .custom-switch-btn {
      box-sizing: border-box; }
      .custom-switch .custom-switch-input:selection, .custom-switch .custom-switch-input:after:selection, .custom-switch .custom-switch-input:before:selection,
      .custom-switch .custom-switch-input *:selection,
      .custom-switch .custom-switch-input *:after:selection,
      .custom-switch .custom-switch-input *:before:selection,
      .custom-switch .custom-switch-input + .custom-switch-btn:selection {
        background: none; }
    .custom-switch .custom-switch-input + .custom-switch-btn {
      outline: 0;
      display: inline-block;
      position: relative;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer;
      width: 68px;
      height: 38px;
      margin: 0;
      padding: 0px;
      background: #ccc;
      border-radius: 76px;
      transition: all 150ms ease;  margin-left: 215px; border: 2px solid #1d6f47; 
    margin-top: -23px;}
      .custom-switch .custom-switch-input + .custom-switch-btn:after, .custom-switch .custom-switch-input + .custom-switch-btn:before {
        position: relative;
        display: block;
        content: "";
        width: 34px;
        height: 34px; }
      .custom-switch .custom-switch-input + .custom-switch-btn:after {
        left: 0px;
        border-radius: 50%;
        background: white;
        transition: all 150ms ease; }
      .custom-switch .custom-switch-input + .custom-switch-btn:before {
        display: none; }
      .custom-switch .custom-switch-input + .custom-switch-btn.text-hide {
        top: -.80rem; }
    .custom-switch .custom-switch-input:checked + .custom-switch-btn {
      background: #1d6f47; }
      .custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
        left: 30px; }
      .custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
        opacity: 1;
        height: auto; }
      .custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
        display: none;
        opacity: 0;
        height: 0; }
    .custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
      display: none;
      opacity: 0;
      height: 0; }
    .custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
      opacity: 1;
      height: auto; }
    .custom-switch .custom-switch-input[disabled] + .custom-switch-btn {
      background: rgba(173, 181, 189, 0.6);
      cursor: default; }
    .custom-switch .custom-switch-input[disabled]:checked + .custom-switch-btn {
      background: rgba(40, 167, 69, 0.4); }
    .custom-switch .custom-switch-input:not([disabled]):focus ~ .custom-switch-btn {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(56, 123, 189, 0.25); }
    .custom-switch .custom-switch-input[required] ~ .custom-switch-btn {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.125rem rgba(220, 53, 69, 0.5); }
  .custom-switch .custom-switch-form-text {
    display: inline-block;
    height: 38px;
    margin-left: .5rem;
    line-height: 38px;
    vertical-align: top; }
  .custom-switch.custom-switch-label-io .custom-switch-input + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='42.5' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='18.13333' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='40.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
    width: 96px;background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E"); }
  .custom-switch.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E"); }
    .custom-switch.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
      left: 58px; }

.custom-switch-sm {
  line-height: 11px; }
  .custom-switch-sm .custom-switch-input + .custom-switch-btn {
    width: 60px;
    height: 31px;
    padding: 3px;
    border-radius: 62px; }
    .custom-switch-sm .custom-switch-input + .custom-switch-btn:after, .custom-switch-sm .custom-switch-input + .custom-switch-btn:before {
      width: 23px;
      height: 23px; }
    .custom-switch-sm .custom-switch-input + .custom-switch-btn:after {
      left: 2px; }
  .custom-switch-sm .custom-switch-input:checked + .custom-switch-btn:after {
    left: 29px; }
  .custom-switch-sm .custom-switch-form-text {
    height: 31px;
    margin-left: .5rem;
    line-height: 31px; }
  .custom-switch-sm.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='37.5' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='16' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
    width: 88px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E"); }
  .custom-switch-sm.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E"); }
    .custom-switch-sm.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
      left: 57px; }

.custom-switch-xs {
  line-height: 10px; }
  .custom-switch-xs .custom-switch-input + .custom-switch-btn {
    width: 48px;
    height: 24px;
    padding: 3px;
    border-radius: 48px; }
    .custom-switch-xs .custom-switch-input + .custom-switch-btn:after, .custom-switch-xs .custom-switch-input + .custom-switch-btn:before {
      width: 18px;
      height: 18px; }
    .custom-switch-xs .custom-switch-input + .custom-switch-btn:after {
      left: 1px; }
  .custom-switch-xs .custom-switch-input:checked + .custom-switch-btn:after {
    left: 24px; }
  .custom-switch-xs .custom-switch-form-text {
    height: 24px;
    margin-left: .5rem;
    line-height: 24px; }
  .custom-switch-xs.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='27.42857' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='12.8' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
    width: 76px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E"); }
  .custom-switch-xs.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E"); }
    .custom-switch-xs.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
      left: 52px; }

.is-invalid .custom-switch .custom-switch-input ~ .custom-switch-btn,
.was-validated .custom-switch:invalid .custom-switch-input ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem #dc3545; }


.rr{margin-top: 40px!important;}

@media only screen and (min-width: 768px) and (max-width: 2000px)  {
   
        .form-control {
            width: 95%;
        }

        .footer {
            position: fixed;
            width: 94%;
            bottom: 10px;
        }

        .custom-switch .custom-switch-input + .custom-switch-btn {
         /*   margin-left: 460px;*/
            margin-top: 5px;
        }

        .logo {
            width: 179px;
            height: 179px;
            background: #fff;
            border-radius: 100%;
            padding: 0px;
            margin: 0 auto;
            margin-right: 42px;
        }

        .offset-2 {
            margin-left: 14.666667%;
        }
    }


#otp_btn
{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
 
}

.otp_btn_outer
{
  padding-left:5px;
  padding-right:5px;
}

#easy_class
{
  margin: 18px 18px 20px 18px!important;
}
.set_your_shop
{
  margin-top:35px!important;
}

.logo_cover
{
  margin-top: 20px!important;
}
.wp_no
{
  margin-top: 0.5rem!important;
}
.just_5
{
  padding-top: 5px;
}
.add_product
{
  margin-top: 20%;
}

.default_logo
{
  width: 125px;
  height: 125px;
}

.shop_link
{
  padding-top:80px;
}
#shop_link
{
  padding: 1.1rem!important;
}

.imagePreview1
{
 
  width: 127px;
  border-radius: 21px;
  /* border-radius: 50%; */
  margin: 0 auto;
  height: 130px;
  background-position: center center;
  background-color: white;
  overflow: hidden;
  background-size: contain;
 
  margin-bottom: 10px;
  margin-top: 25px;
 
}
/**/
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    border-width: 2px;
}

.btn-infonew {
    color: #fff;
    background-color: #3A4AA6;
    border-color: #3A4AA6;
}

.btn-secondarynew {
    color: #373a3c;
    background-color: #fff;
    border-color: #3A4AA6;
}


.media, .media-body {
    overflow: hidden!important;
}

.media-body {
    width: 10000px !important;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right {
    padding-left: 10px
}

.media-left {
    padding-right: 10px
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

/*.modal-footer {
    padding: 0;
}

.modal-header {
    border: none;
}

.modal-title {
    text-align: center;
}

.modal-footer .btn {
    width: 47%;
    padding: 1rem;
    border: none;
    border-radius: 0;
}

.modal-footer .btn-block {
    width: 100%;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}*/

#confirm-delete-header {
    text-align: center;
}

.chkbg {
    background-color: forestgreen;
}

tag-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

tag {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    /* border-radius: .25rem; */
}

.OrderPro {
    margin: 1rem 0;
}

    .OrderPro .row {
        padding: 5px;
        /*background-color: #eaf1fd;*/
        /* margin: 2px 0 !important;*/
    }

.GrandTotal {
    /* background-color: #f5f5f5;*/
    margin: 1rem 0;
}

    .GrandTotal .row {
        padding: 5px;
        /*  background-color: #f5f5f5;*/
        /* margin: 2px 0 !important;*/
    }


    /**/


.list_p1 {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
}

#info_icon {
    margin-top: 10px;
}

.product_img {
    width: 90px;
}

.product_share {
    width: 40;
    padding-top: 25px;
}

.product_list_main {
    margin-left: 10px;
    padding: 10px;
    text-align: left;
    line-height: 1.4;
    color: #fff;
    background-color: #a3d653;
    margin-top: 13px;
}

.edit_section {
    padding-bottom: 20px;
}

.table th {
    border-top: none !important;
}

.table thead th {
    border-bottom: none !important;
}

.table td {
    border-top: none !important;
}

#shop_id {
    color: #a3d653;
}

.edit_profile {
    margin-left: 135px;
    margin-top: -20px;
    margin-bottom: 10px;
}

.enquiry_list {
    background-color: #a3d653;
    padding: 10px;
}

.enquiry_list2 {
    background-color: #e9edf0;
    padding: 10px;
    letter-spacing: 0.8;
}

.enquiry_list3 {
    background-color: #ed9e65;
    padding: 10px;
}

.enquiry_list4 {
    background-color: #e8ec64;
    padding: 10px;
}

.home_item {
    margin-bottom: 5px;
}

.icon-btn > a > span {
    font-weight: 600;
}

.orange_block {
    background-color: #ed9e65;
}

.yellow_block {
    background-color: #e8ec64;
}

.fa-star {
    font-size: 30px;
}

.star_rating {
    padding-top: 25px;
}

.order_details {
    line-height: 1.5;
    color: #b5b5b5;
    font-size: 15px;
    margin-left: 13px;
}

#delivery_charge {
    margin-top: 20px;
}

.shop_select {
    padding-top: 50px;
}

.shop_option {
    background-color: #008467;
    padding: 10px;
    border-radius: 50px;
    color: #fff;
    width: 70%;
}

#option1, #option2, #option3, #radshop {
    height: 30px;
    width: 30px;
    margin-left: -35px;
}

    #option1 input:checked {
        background-color: blue;
    }

.form-check {
    margin-bottom: 20px;
}

.white_bg {
    background-color: #fff;
}

/* Delete Begin */



#share {
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 50%;
}

.clear {
    background: none;
    border: none;
}


/* Delete End */

#share .fa-share-alt {
    font-size: 25px;
    color: #c7c7c7;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
}

#share .fa-share.expanded {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.wrap {
    box-shadow: 2px 2px #d4d4d4;
    border-radius: 15px;
    border: 1px solid #c5c5c5;
    padding: 15px 0;
}

.share-menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Icons */

.share a {
    color: #fff;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    font-family: fontawesome;
    position: relative;
    display: inline-block;
    animation: elastic .5s ease-out forwards 0s;
    width: 35px;
    height: 35px;
    transform: translate3d(0, 60px, 0);
    transition: all .2s;
    font-size: 20px;
    padding-top: 8px;
    margin: 0 0 6px 5px;
    -webkit-font-smoothing: antialiased;
}

    .share a:hover {
        opacity: .9;
    }

    .share a:nth-of-type(3) {
        background: #45b0e4;
    }


    .share a:nth-of-type(2) {
        background: #3b5998;
        -moz-animation-delay: 0.05s;
        -webkit-animation-delay: 0.05s;
        -o-animation-delay: 0.05s;
        animation-delay: 0.05s;
    }

    .share a:nth-of-type(1) {
        background: #25D366;
        -moz-animation-delay: 0.1s;
        -webkit-animation-delay: 0.1s;
        -o-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .share a:nth-of-type(4) {
        background: #36465d;
        -moz-animation-delay: 0.15s;
        -webkit-animation-delay: 0.15s;
        -o-animation-delay: 0.15s;
        animation-delay: 0.15s;
    }

    .share a:nth-of-type(5) {
        background: #db4437;
        -moz-animation-delay: 0.2s;
        -webkit-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .share a:nth-of-type(6) {
        background: #ff5c3d;
        -moz-animation-delay: 0.25s;
        -webkit-animation-delay: 0.25s;
        -o-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

    .share a:nth-of-type(7) {
        background: #738a8d;
        -moz-animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }


/* font awesome icons */

/* Link nth */

.link {
    margin: 0 0 0 4px;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    visibility: hidden;
}

    .link.active {
        -webkit-transform: translate3d(0, -35px, 0);
        transform: translate3d(0, -35px, 0);
        transition: -webkit-transform .2s;
        transition: transform .2s;
        visibility: visible;
    }


/* Navigation Button */

.share-btn {
    color: #ababab;
    text-align: center;
    text-decoration: none;
    font-family: fontawesome;
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    float: left;
    padding-top: 2px;
    border: none;
    border-radius: 50px;
    margin: 0 2px;
    -webkit-font-smoothing: antialiased;
}

    .share-btn.embed-link:before {
        content: '\f121';
    }

    .share-btn.no-link:before,
    .share-btn.no-embed-link:before {
        content: '\f062';
    }

    .share-btn.copy-link:before {
        content: '\f0ea';
    }


/* Embed Link End */


/* Share Animate */

.share {
    -webkit-transform: translate3d(0, -0px, 0);
    transform: translate3d(0, 0px, 0);
    transition: -webkit-transform .1s;
    transition: transform .1s;
    visibility: visible;
}

    .share.active {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
        visibility: hidden;
    }


/* Input */

.c-form-control {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    width: 180px;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 20px;
    margin-right: 5px;
    padding: 6px 12px;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.15);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.e-form-control {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    min-width: 257px;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 20px;
    margin-right: 5px;
    padding: 6px 12px;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.15);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/* Dropdown Style */

.dropdown-menu.share-menu {
    background: #ffffff;
    padding: 0px 5px 0px 6px;
    border: none;
    min-width: 320px;
    margin: 10px 0 0 0;
    box-shadow: none;
    border-radius: 3px;
}


/* Animation */

@keyframes elastic {
    0% {
        transform: translate3d(0, 60px, 0);
    }

    40% {
        transform: translate3d(0, -5px, 0);
    }

    70% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes copied {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    70% {
        opacity: 1;
        transform: translateY(-35%);
    }

    100% {
        opacity: 0;
        transform: translateY(-35%);
    }
}


/* Tooltip */

.copied::after {
    position: absolute;
    top: -25%;
    right: -10%;
    content: "Copied";
    font-size: 0.75em;
    padding: 3px 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: #000;
    border-radius: 3px;
    display: block;
    opacity: 0;
    will-animate: opacity, transform;
    animation: copied 0.5s ease;
}

button:focus {
    outline: none !important;
}

.faq_back {
    background-color: #b9b9b9;
    padding: 10px;
    text-align: left;
    color: #fff;
}

.btn-ok {
    padding: 0px 27px !important;
    color: #fff !important;
    background-color: #a3a3a3;
    border: none;
}

.fa-pencil-alt {
    font-size: 22px;
}

.fa-trash-alt {
    font-size: 22px;
}

.modal-footer {
    padding: 0.25rem;
}

.vbluetxt {
    color: #1a2d91;
}


/*loader*/
#ajaxSpinnerImage {
    display: none;
}

#overlayload {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

.ymmargintop {
    margin-top: 120px;
}

.ymmargintopedit {
    margin-top: 120px;
}

/*loader*/

span[data-bubble]:after {
    content: attr(data-bubble);
    position: absolute;
    top: 15px;
    right: 31px;
    font-size: 10px;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-family: "Helvetica Neue";
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,.15);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,35),0px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.35),0px 1px 1px rgba(0,0,0,.2);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,.35), 0px 1px 1px rgba(0,0,0,.2);
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    opacity: 0;
    filter: alpha(opacity=0);
}

span[data-bubble]:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

span.pink[data-bubble]:after {
    background-image: -webkit-linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    background-image: -moz-linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    background-image: -o-linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    background-image: -ms-linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    background-image: linear-gradient(top, rgb(219, 68, 55), rgb(219, 68, 55));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f78297', EndColorStr='#f46677');
    border: 1px solid #ce4f5e;
}

span.yellow[data-bubble]:after {
    background-image: -webkit-linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    background-image: -moz-linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    background-image: -o-linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    background-image: -ms-linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    background-image: linear-gradient(top, rgb(245, 176, 65), rgb(245, 176, 65));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f78297', EndColorStr='#f46677');
    border: 1px solid #E67E22;
}
@media only screen and (min-width: 576px) {
    .footer {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 540px;
    }
    .ymmargintop {
        margin-top: 140px;
    }

    .ymmargintopedit {
        margin-top: 175px;
    }

}

@media only screen and (min-width: 768px) {
    .footer {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 720px;
    }
    .ymmargintop {
        margin-top: 140px;
    }
    .ymmargintopedit {
        margin-top: 175px;
    }
}

@media only screen and (min-width: 992px) {
    .footer {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 960px;
    }
    .ymmargintop {
        margin-top: 140px;
    }
    .ymmargintopedit {
        margin-top: 175px;
    }
}

@media only screen and (min-width: 1200px) {
    .footer {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 1140px;
    }
    .ymmargintop {
        margin-top:140px;
    }
    .ymmargintopedit {
        margin-top: 175px;
    }
}

    @media only screen and (min-width: 576px) {
        .footer, .footer-sm {
            position: fixed;
            width: 100%;
            bottom: 10px;
            padding-left: 5px;
            padding-right: 5px;
            max-width: 540px;
        }

    }

    @media only screen and (min-width: 768px) {
        .footer, .footer-md, .footer-sm {
            position: fixed;
            width: 100%;
            bottom: 10px;
            padding-left: 5px;
            padding-right: 5px;
            max-width: 720px;
        }
        .ymmargintop {
            margin-top: 140px;
        }
        .ymmargintopedit {
            margin-top: 175px;
        }
    }

    @media only screen and (min-width: 992px) {
        .footer, .footer-lg, .footer-md, .footer-sm {
            position: fixed;
            width: 100%;
            bottom: 10px;
            padding-left: 5px;
            padding-right: 5px;
            max-width: 960px;
        }
        .ymmargintop {
            margin-top: 140px;
        }
        .ymmargintopedit {
            margin-top: 175px;
        }
    }

@media only screen and (min-width: 1200px) {
    .footer, .footer-lg, .footer-md, .footer-sm, .footer-xl {
        position: fixed;
        width: 100%;
        bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        max-width: 1140px;
    }
    .ymmargintop {
        margin-top: 140px;
    }
    .ymmargintopedit {
        margin-top: 175px;
    }
}