* {
  box-sizing: border-box;
}

body {
  height: 100%;
  margin:0;
  padding: 0;
  /* background-image: url(./IMPartner.jpg);
  background-repeat: no-repeat;
  background-size: cover; */
}

.chat-container {
  position: fixed;
  bottom: 0px;
  right:0px;
  z-index: 1200;
}

#chat-iframe {
display: none;
height:110px;
width:100px; 
}

/* Added for footer in TS GDM overcoming chatbot icon */
.slds-docked-form-footer.cHON_GDM_Community_Global_Footer {
  z-index: 1000;
}

.chat-iframe {
  background-color: transparent;
margin-bottom:0px;
  
}

.chat-mini {
width:auto;
}

.popup {
width: 100% !important;
}
.root-max { 
  width: 33vw;
 
}


.error-popup {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  bottom: 3%;
  right: 20px;
  width: 300px;
  /* height: 76px; */
  display: none;
  position: fixed;
  z-index: 2147483647;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  padding: 0px 15px 15px 15px;
}

#close-icon {
  width: 20px;
  height: 20px;
  padding: 5px;
  fill: green;
}

#close-icon:hover {
  fill: black;
  cursor: pointer;
}

@media only screen and (max-width: 1200px) {

  .root-max { 
    width: 35vw;
   
  }
}

@media only screen and (max-width: 1100px) {

  .root-max { 
    width: 45vw;
   
  }
}

@media only screen and (max-width: 1000px) {

  .root-max { 
    width: 55vw;
   
  }
}

@media only screen and (max-width: 900px) {

  .root-max { 
    width: 65vw;
   
  }
}

@media only screen and (max-width: 800px) {

  .root-max { 
    width: 75vw;
   
  }
}

@media only screen and (max-width: 700px) {

  .root-max { 
    width: 85vw;
   
  }
}

@media only screen and (max-width: 600px) {

.root-max { 
  width: 95vw;
 
}
}
@media only screen and (max-width: 500px) {

  .root-max { 
    width: 100vw;
   
  }
}



@media only screen and (max-width: 400px) {

  .root-max { 
    width: 100vw;
   
  }
}

@media only screen and (max-width: 300px) {

.root-max { 
  width: 100vw;
}
}