#logo{
    margin-right: 10px;
    width: 200px !important;
    height: 100px !important;
}
.tags-look .tagify__dropdown__item{
    display: inline-block;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin: .2em;
    font-size: .85em;
    color: black;
    transition: 0s;
  }

  .tags-look .tagify__dropdown__item--active{
    color: black;
  }

  .tags-look .tagify__dropdown__item:hover{
    background: lightyellow;
    border-color: gold;
  }

label.error{
    color:red;
}
 #close_reason_modal{
     cursor: pointer;
 }

 .form-check.form-check-solid .form-check-input {
    background-color: lightgray;
}

.avatar-delete{

    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px;
    color: #dc3545;
    cursor: pointer;
    background-color: #ffa5a5d1;
    border-radius: 100px !important;
}
.avatar-delete .fa-trash{
    cursor: pointer;
    font-size: 13px;
}
.error{
    color:red;
}
#show-map{
    position: relative;
    height: 300px;
    width: 100%;
}
.table td, .table th {
    padding: .30rem;
}
.mw-200{
    max-width: 200px;
}
.mw-100{
    max-width: 100px;
}
.mw-150{
    max-width: 100px;
}
.mw-50{
    max-width: 100px;
}
.form-control {
    height: 40px !important;
    background-color: #dadcdd85 !important;
}
.form-control .form-control-solid .valid{
    background-color: #dadcdd85;
}
.form-select.form-select-solid {
    background-color: #dadcdd85;
}
.description-hight{
    height: 100%!important;
}
.custom-hight-404{
    height: 240px !important;
}
.dataTables_paginate{
    display: flex;
    justify-content: center;
}
.paginate_button {
    background-color: #009ef7;
    color: black;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    border: none;
    color: white;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    font-size: 6px;
  }

  .paginate_button next {
  transition-duration: 0.4s;
}

.paginate_button:hover {
  background-color: #ffc700; 
  color: white;
}
.user-table .dataTables_wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}
.user-table .dataTables_paginate {
    margin-top: auto;
    justify-content:end;
    gap: 5px;
}
.user-table .dataTables_paginate .paginate_button  {
    margin: 0;
    border-radius: 10px;
    height: 40px;
    width: 40px;
    font-size: 16px;
    outline: none;
}
.user-table .dataTables_paginate span {
    gap: 5px;
    display: flex;
}
.user-table .dataTables_paginate .paginate_button.current  {
    background-color: #ffc700;
    color: white;
}
.user-table .dataTables_wrapper .sorting_desc, .user-table .dataTables_wrapper .sorting{
    position: relative;
}
.user-table .dataTables_wrapper .sorting_asc {
    position: relative;
}
.user-table .dataTables_wrapper .sorting_desc::after, .user-table .dataTables_wrapper .sorting::after  {
    position: absolute;
}
.user-table .dataTables_wrapper .sorting_asc::after {
    position: absolute;
}
.user-table .dataTables_wrapper .btn i {
    line-height: 1;
    display: inline-table;
}
.user-table .dataTables_wrapper .dataTables_length label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.user-table .dataTables_wrapper .dataTables_length label select {
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: none;
    padding: 5px;
}
.card {
    box-shadow: 0 0 20px 0 rgb(76 87 125 / 24%);
}
div.dataTables_wrapper div.dataTables_processing {
    box-shadow: none;
    transform: none;
    text-align: center;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
    padding: 0 !important;
    margin:auto !important;
}
@keyframes spinner-border {
    to {
      transform: rotate(360deg) /* rtl:ignore */;
    }
  }