/**
 * Minimal static host shell. Widget UI comes from admin (chat-widget.css).
 */
html,
body {
  margin: 0;
  min-height: 100%;
}
* {
  box-sizing: border-box;
 }
figure, footer, header, menu, nav {
     display: block; 
     margin: 0; 
     padding: 0; 
}
.swiper{
  margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-slide{
  display: grid;
  align-items: center;
}
.swiper-thumbs .swiper-slide{
  filter:grayscale(100%);
  text-align:center;
}
.swiper-thumbs .swiper-slide-thumb-active{
  filter: grayscale(0)
}
.closed{
  width: 0 !important;
}
.react-creatable__control{
  border: none !important;
}
.react-creatable__control--is-focused{
  border: none !important;
}
.react-creatable__control--menu-is-focused{
  border: none !important;
}
.react-creatable__control:focus{
  border: none;
}
.react-creatable__control:hover{
  border: none;
}
.react-creatable__indicators{
  display: none;
}
.chat__radio__group input[type="radio"]:checked {
  background: pink !important;
}
.react-select__control {
  border-color: #037bff;
    border-radius: 10px;
    width: 100%;
    height: 60px;
    border-width: 1px;
    cursor: pointer;
    font-size: 15px;
    line-height: 100%;
    padding-left: 15px;
    padding-right: 11px;
  border-color: #D7DFE9;  
}
.react-select__indicator-separator{
  display: none;
}
.react-select__indicator.react-select__dropdown-indicator svg{
  height: 26px;
  width: 26px;
  color: #5c5c5c8b;
}
.react-select__placeholder:before {
    font:normal normal normal 19px/1 FontAwesome;
    content: "\f002";
    color: #032097;
}
.react-datepicker__close-icon{
  display: none;;
}

.address-select__control {
  border-radius: 0 !important;
  border-color: #D7DFE9 !important;
  font-family: 'Poppins';
  font-size: 1rem;
  line-height: 60px;
  margin: 0;
  width: 100%;
  height: 60px;
  color: #D7DFE9;
  border: 1px solid #D7DFE9;
  border-radius: 10px !important;
  margin-bottom: 10px;
}
.address-select__value-container{
  height: 100%;
}
.chat__input__button{
    left: 88%;
 }
.css-yk16xz-control, .css-1pahdxg-control {
      width: 100%;
 }
   
input.form-control{
    border: 1px solid #5086e9 !important;
 }
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    box-sizing: content-box;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}