/* cart */
.modal-right{right:0}


.modal-full-height{position:absolute;display:flex;margin:0;width:100%;height:auto;min-height:100%; max-height:400px; top:0;right:0}
.modal .modal-full-height.modal-bottom,.modal .modal-full-height.modal-top{display:block;width:100%;max-width:100%;height:auto}
.modal .modal-full-height.modal-top{bottom:auto}
.modal .modal-full-height.modal-bottom{min-height:0;top:auto}
.modal .modal-full-height .modal-content{width:100%}
.modal .modal-full-height.modal-lg{width:90%;max-width:90%}
@media (min-width:992px) and (min-width:992px){
    .modal .modal-full-height.modal-lg{width:800px;max-width:800px}
}

@media (min-width:992px) and (min-width:1200px){
    .modal .modal-full-height.modal-lg{width:1000px;max-width:1000px}
}

.modal{padding-right:0!important}

@media (min-width:768px){
    .modal .modal-dialog.modal-top{top:0}
    .modal .modal-dialog.modal-left{left:0}
    .modal .modal-dialog.modal-right{right:0}
    .modal .modal-dialog.modal-bottom{bottom:0}
    .modal .modal-dialog.modal-top-left{top:10px;left:10px}
    .modal .modal-dialog.modal-top-right{top:10px;right:10px}
    .modal .modal-dialog.modal-bottom-left{bottom:10px;left:10px}
    .modal .modal-dialog.modal-bottom-right{bottom:10px;right:10px}
}
    .modal.fade.top:not(.show)
    .modal-dialog{transform:translate3d(0,-25%,0)}
    .modal.fade.left:not(.show)
    .modal-dialog{transform:translate3d(-25%,0,0)}
    .modal.fade.right:not(.show)
    .modal-dialog{transform:translate3d(25%,0,0)}
    .modal.fade.bottom:not(.show)

    .modal-dialog{transform:translate3d(0,25%,0)}
    @media (min-width:420px){
        .modal.modal-scrolling{position:relative}
        .modal.modal-scrolling
        .modal-dialog{position:fixed;z-index:1050}

    }


/*  ### shopping-cart ###  */

    .item-Preview{
     max-width: 100px;
     max-height: 100px;
    }

    .item-Preview-Popup{
        max-width: 200px;
       max-height: 200px;
       }

    .PreviewTotal{
        float:right;
        font-weight: bold;
        font-size: 18px;
    }

    .PreviewSavings{
        float:right;
        font-weight: normal;
        font-size: 13px;
    }


/* Preview table*/


.ModalOpenCart {
    height: 100%;
    padding-right:0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .ModalOpenCart > .ModalPreview {
    height: 100%;
    padding-right:0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

 .ModalPreview > .ModalBody {
    height: 80%;
    display: block;
    padding-right:0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

 .ModalPreview > .ModalPrice {
    /*height: 10%;*/
    padding-right:0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

 .ModalPreview > .ModalButtons {
    height: 10%;
    padding-right:0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  @media screen and (min-width: 0px) and (max-width: 700px) {
    .ModalBody >.tableBodyScroll > .show-cart {
        display: block;
        max-height: 580px;
        overflow-y: auto;
        overflow-x: hidden;
        scroll-padding-right: 0px;
      }


      .ModalBodyAddress >.tableBodyScrollAddress {
        display: block;
        max-height: 580px;
        overflow-y: auto;
        overflow-x: hidden;
        scroll-padding-right: 0px;
      }

  }

  @media screen and (min-width: 701px) and (max-width: 3024px) {
 .ModalBody >.tableBodyScroll > .show-cart {
    display: block;
    max-height: 640px;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-right: 0px;
  }

  .ModalBodyAddress >.tableBodyScrollAddress {
    display: block;
    max-height: 580px;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-right: 0px;
  }


  .fixed-desktop-top{
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .border-desktop{
    border: 1px solid #dee2e6!important;
  }

}


.dlist-align {
    display: flex;
    margin-bottom: 0px;
  }
  .dlist-align dt {
    width: 90%;
    word-wrap: break-word;
    font-weight: normal;
    margin-top: 2px;
    margin-bottom: 2px;

  }
  .dlist-align dd {

    margin-bottom: 0px;
    text-align: right;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 20%;
  }



 /***** required Style *****/
 .form-group.required .control-label:after {
    content:"*";
    color:red;
 }

/***** input Style *****/
input:focus ~ .floating-label,
input:not(:focus) ~ .floating-label{
  top: 0px;
  bottom: 0px;
  left: 18px;
  font-size: 11px;
  opacity: 1;
}

.inputText {
  font-size: 14px;
  width: 100%;
  height: 45px;
  padding-top: 20px;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 8px;
  transition: 0.2s ease all;
}

/**** Select Style ****/
.selectText {
  font-size: 14px;
  width: 100%;
  height: 45px;
  padding-top: 18px;

}

.fixed-label {
  position: absolute;
  pointer-events: none;
  top: 5px;
  left: 18px;
  font-size: 11px;
  opacity: 1;
}

.full_modal-dialog {
    width: 98% !important;
    height: 92% !important;
    min-width: 98% !important;
    min-height: 92% !important;
    max-width: 98% !important;
    max-height: 92% !important;
    padding: 0 !important;
  }

  .full_modal-content {
    height: 99% !important;
    min-height: 99% !important;
    max-height: 99% !important;
  }

  .full_modal-content img {
    height: 99% !important;
    min-height: 99% !important;
    max-height: 99% !important;
  }