input[type=searchquickgrid] {
  width: 20rem;
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  color: rgb(17 24 39);
  background-color: rgb(249 250 251);
  border: 1px solid rgb(209 213 219);
  border-radius: 0.5rem;
  outline-offset: 1px;
}

input[type=searchquickgrid]:focus {
  border-color: rgb(59 130 246);
  outline-color: rgb(59 130 246);
}

.search-box-quickgrid {
  position: relative;
}

.search-box-quickgrid:before {
  content: ' ';
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: .75rem;
  top: calc(50% - 1.25rem/2);
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}

.country-name .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

.table-striped-quickgrid tbody {
    tr:nth-of-type(odd){background-color:rgb(255,255,255)};
     }
.table-striped-quickgrid thead {
    background-color: #d8d8d8;
    height:32px;
     }
.table-striped-quickgrid td {
    height:32px;
    border-bottom: 1px solid #EEEEEE;
     }
.table-striped-quickgrid-right {
     text-align: right;
     }
.table-hover-quickgrid tbody 
      {
        tr:hover{background-color:#D1F2EB};
      }

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}