@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body, #container, .Twilio-ContactCenter-Container {
    font-family: 'Open Sans', sans-serif;
    width: 100vw;
    height: 100vh;
    margin: 0px;
    overflow: hidden;
    display: flex;
}

/* Flex Loading Splash Screen Custom Styles */
.Twilio-LoadingView {
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .Twilio-LogoWithCircle svg{
    display: none;
  }

  .Twilio-LogoWithCircle::before {
    content: "";
  }

  .Twilio-Progress{

  }
  .Twilio-LoginFormView-AdminLogin .Twilio, .Twilio-LoginFormView-AdminLogin a {
  display: none;
}
.Twilio-MainHeader-end .MuiIconButton-root{
  display: none !important;
}
/*show the button with with data-testid="outbound-dialpad"*/
.Twilio-MainHeader-end .MuiIconButton-root[data-testid="outbound-dialpad"] {
  display: flex !important;
}

#webpack-dev-server-client-overlay {
  display: none !important;
}
.MuiButton-containedSecondary{
  display: none !important;
}
.css-19wsory{
  display: none !important;
}
.loader {
  border: 4px solid #f3f3f3; 
  border-top: 4px solid #3498db; 
  border-radius: 50%; 
  width: 40px; 
  height: 40px; 
  animation: spin 1s linear infinite; 
}

/* Spin animation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.out-loader{
  margin: 43% 50% 50% 43%;
}

.MuiButton-containedPrimary-18{
  display: none;
}
.css-1rg9kqy{
  display: none;
}

.logoutBtnDiv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  background-color: white;
}

.logoutBtn{
  background-color: #87BA22;
  color: white;
  padding: 15px 30px;
  font-size: 16px;
  cursor: pointer;
  width: 70%;
  font-weight: 600;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}

#queue-select-caption {
  display: none;
}

.css-1lexgt8 {
  display: none !important;
}