.urlinput{
    margin-left: 15px;
    margin-right: 15px;
    border-color: #ddd;
	background-color:white;
}

.spinner{
    padding-top: 12px;
}

.kwrds:focus{
    box-shadow: none;
}

.urlinput:focus{
    box-shadow: 0 0 0 0.0rem #ddd;;
}

.inputbox, .outputbox{
    resize: none;
    border: none;
	background-color:white;
}

.inputbox:focus-visible, .outputbox:focus-visible{
    outline: none;
}

.bi-download, .bi-clipboard{
    color: #D16669;
}
.bi-upload{
	color:#157253;
}

.resumidorBtn:focus, .btn-primary:focus{
    box-shadow: none !important;
}

.keywords{
    background-color: #ddd;
    border: 1px solid black;
}

@media only screen and (max-width: 578px) {
    .resumidorBtnDiv {
      margin-bottom: 10px;
    }
  }

@media only screen and (max-width: 1000px) {
  .bulletbtn, .summW {
    font-size: xx-small !important;
  }
  .bulletdiv{
    min-width: 98px !important;
  }
}


  .looping-rhombuses-spinner, .looping-rhombuses-spinner * {
    box-sizing: border-box;
  }

  .looping-rhombuses-spinner {
    width: calc(15px * 4);
    height: 15px;
    position: relative;
  }

  .looping-rhombuses-spinner .rhombus {
    height: 15px;
    width: 15px;
    background-color: #D16669;
    left: calc(15px * 4);
    position: absolute;
    margin: 0 auto;
    border-radius: 2px;
    transform: translateY(0) rotate(45deg) scale(0);
    animation: looping-rhombuses-spinner-animation 2500ms linear infinite;
  }

  .looping-rhombuses-spinner .rhombus:nth-child(1) {
    animation-delay: calc(2500ms * 1 / -1.5);
  }

  .looping-rhombuses-spinner .rhombus:nth-child(2) {
    animation-delay: calc(2500ms * 2 / -1.5);
  }

  .looping-rhombuses-spinner .rhombus:nth-child(3) {
    animation-delay: calc(2500ms * 3 / -1.5);
  }

  @keyframes looping-rhombuses-spinner-animation {
    0% {
      transform: translateX(0) rotate(45deg) scale(0);
    }
    50% {
      transform: translateX(-233%) rotate(45deg) scale(1);
    }
    100% {
      transform: translateX(-466%) rotate(45deg) scale(0);
    }
  }



  .inputbox::-webkit-scrollbar, .outputbox::-webkit-scrollbar {
    width: 10px;
  }
    .inputbox::-webkit-scrollbar-track, .outputbox::-webkit-scrollbar-track {
    background: white; 
  }
    .inputbox::-webkit-scrollbar-thumb {
    background: #8EB2A6; 
      border-radius:0px;
  }
.outputbox::-webkit-scrollbar-thumb{
	background: #D16669; 
      border-radius:0px;
}
  .inputbox::-webkit-scrollbar-thumb:hover {
    
    background: #6ba893; 
  } 
.outputbox::-webkit-scrollbar-thumb:hover{
	background: #d24d50; 
}