.spin-loader {
     width: 21px;
     height: 21px;
     animation-name: spin;
     animation-duration: 1074ms;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     margin-top: 2px;
     display: none;
 }

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

     to {
         transform: rotate(360deg);
     }
 }

 #chart_div {
     overflow: visible;
     width: 100%;
     overflow-x: auto;
 }

 #chart_div .img {
     height: auto;
     width: auto;
     display: block !important;
     max-height: 60px;
     max-width: 60px;
     min-height: 50px;
     min-width: 50px;
     border: 1px solid;
     border-radius: 50%;
     color: #c2c9db;
     margin: auto;
 }


 .google-visualization-orgchart-node {
     border: none !important;
     box-shadow: none !important;
     border-radius: 0 !important;
     text-align: center;
     background: white !important;
 }

 .google-visualization-orgchart-nodesel a,
 .google-visualization-orgchart-node a {
     display: contents;
     color: #8B0000 !important;
 }

 #chart_div table {
     border-collapse: separate !important;

 }

 .google-visualization-orgchart-table {
     padding: 0px 4rem 0 4rem;
     margin-top: 12rem;

 }

 .google-visualization-orgchart-lineleft {
     border-left: 1px solid #42aced !important;
 }

 .google-visualization-orgchart-lineright {
     border-right: 1px solid #42aced !important;
 }

 .google-visualization-orgchart-linebottom {
     border-bottom: 1px solid #42aced !important;
 }

 #downlines-usersearch {
     display: block;
 }

 #downlines-username {
     width: 40%;
     display: block;
     margin: auto;
     height: 40px;
     border-radius: 10px;
 }

 #downlines-search {

     display: block;
     margin: auto;
     margin-top: 10px;
     padding: 15px 40px 15px 40px;
     font-size: 20px;
     border-radius: 10px;
     background-color: rgb(69, 69, 204);
     color: #fff;
     border: 0px;


 }

 .search-message {
     text-align: center;
     margin-top: 15px;
     font-size: 20px;
 }

 a.tooltip_img {
     outline: none;
     position: relative;
 }

 a.tooltip_img:hover {
     text-decoration: none;
     cursor: pointer;
 }

 a.tooltip_img span {
     z-index: 999999999999;
     display: none;
     width: auto;
     line-height: 17px;
 }

 a.tooltip_img:hover span {
     display: block;
     position: absolute;
     bottom: 4.5em;
     z-index: 999999999999 !important;
     left: 50%;
     color: #373535;
     border: 2px solid #D3D3D3;
     background: #fffFff;
     -webkit-transform: translateX(-50%);


 }

 .text-center {
     text-align: center;
 }


 .form-control {
     display: block;
     width: 100%;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: var(--bs-body-color);
     background-color: var(--bs-body-bg);
     background-clip: padding-box;
     border: var(--bs-border-width) solid var(--bs-border-color);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: var(--bs-border-radius);
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
     .form-control {
         transition: none;
     }
 }

 .form-control[type=file] {
     overflow: hidden;
 }

 .form-control[type=file]:not(:disabled):not([readonly]) {
     cursor: pointer;
 }

 .form-control:focus {
     color: var(--bs-body-color);
     background-color: var(--bs-body-bg);
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }

 .form-control::-webkit-date-and-time-value {
     min-width: 85px;
     height: 1.5em;
     margin: 0;
 }

 .form-control::-webkit-datetime-edit {
     display: block;
     padding: 0;
 }

 .form-control::-moz-placeholder {
     color: var(--bs-secondary-color);
     opacity: 1;
 }

 .form-control::placeholder {
     color: var(--bs-secondary-color);
     opacity: 1;
 }

 .form-control:disabled {
     background-color: var(--bs-secondary-bg);
     opacity: 1;
 }

 .form-control::-webkit-file-upload-button {
     padding: 0.375rem 0.75rem;
     margin: -0.375rem -0.75rem;
     -webkit-margin-end: 0.75rem;
     margin-inline-end: 0.75rem;
     color: var(--bs-body-color);
     background-color: var(--bs-tertiary-bg);
     pointer-events: none;
     border-color: inherit;
     border-style: solid;
     border-width: 0;
     border-inline-end-width: var(--bs-border-width);
     border-radius: 0;
     -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 .form-control::file-selector-button {
     padding: 0.375rem 0.75rem;
     margin: -0.375rem -0.75rem;
     -webkit-margin-end: 0.75rem;
     margin-inline-end: 0.75rem;
     color: var(--bs-body-color);
     background-color: var(--bs-tertiary-bg);
     pointer-events: none;
     border-color: inherit;
     border-style: solid;
     border-width: 0;
     border-inline-end-width: var(--bs-border-width);
     border-radius: 0;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
     .form-control::-webkit-file-upload-button {
         -webkit-transition: none;
         transition: none;
     }

     .form-control::file-selector-button {
         transition: none;
     }
 }

 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
     background-color: var(--bs-secondary-bg);
 }

 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
     background-color: var(--bs-secondary-bg);
 }

 .form-control-plaintext {
     display: block;
     width: 100%;
     padding: 0.375rem 0;
     margin-bottom: 0;
     line-height: 1.5;
     color: var(--bs-body-color);
     background-color: transparent;
     border: solid transparent;
     border-width: var(--bs-border-width) 0;
 }

 .form-control-plaintext:focus {
     outline: 0;
 }

 .form-control-plaintext.form-control-sm,
 .form-control-plaintext.form-control-lg {
     padding-right: 0;
     padding-left: 0;
 }

 .form-control-sm {
     min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
     padding: 0.25rem 0.5rem;
     font-size: 0.875rem;
     border-radius: var(--bs-border-radius-sm);
 }

 .form-control-sm::-webkit-file-upload-button {
     padding: 0.25rem 0.5rem;
     margin: -0.25rem -0.5rem;
     -webkit-margin-end: 0.5rem;
     margin-inline-end: 0.5rem;
 }

 .form-control-sm::file-selector-button {
     padding: 0.25rem 0.5rem;
     margin: -0.25rem -0.5rem;
     -webkit-margin-end: 0.5rem;
     margin-inline-end: 0.5rem;
 }

 .form-control-lg {
     min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     border-radius: var(--bs-border-radius-lg);
 }

 .form-control-lg::-webkit-file-upload-button {
     padding: 0.5rem 1rem;
     margin: -0.5rem -1rem;
     -webkit-margin-end: 1rem;
     margin-inline-end: 1rem;
 }

 .form-control-lg::file-selector-button {
     padding: 0.5rem 1rem;
     margin: -0.5rem -1rem;
     -webkit-margin-end: 1rem;
     margin-inline-end: 1rem;
 }

 textarea.form-control {
     min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
 }

 textarea.form-control-sm {
     min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
 }

 textarea.form-control-lg {
     min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
 }

 .form-control-color {
     width: 3rem;
     height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
     padding: 0.375rem;
 }

 .form-control-color:not(:disabled):not([readonly]) {
     cursor: pointer;
 }

 .form-control-color::-moz-color-swatch {
     border: 0 !important;
     border-radius: var(--bs-border-radius);
 }

 .form-control-color::-webkit-color-swatch {
     border: 0 !important;
     border-radius: var(--bs-border-radius);
 }

 .form-control-color.form-control-sm {
     height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
 }

 .form-control-color.form-control-lg {
     height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
 }

 /*CSS3 extras
a.tooltip_img span
{

border: 3px solid #d2cdc587;
   z-index: 999999999999;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 1px 1px 8px #CCC;
    -webkit-box-shadow: 1px 1px 8px #CCC;
    box-shadow: 1px 1px 8px #CCC;
}


.tooltip_img {
  position: relative;
  display: inline-block;
  opacity: 1;
  width: 100%;
 text-align: center;
}


.tooltip_img span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #777 transparent transparent transparent;
}

.tooltip_img:hover{
  visibility: visible;
  opacity: 1;
  z-index:9999;
}


.table-responsive{
  overflow-x: none !important;
  min-height: 100% !important;
}
.tooltip_design
{   letter-spacing: 0.1em;
    font-size: 1.55rem;
    font-weight: 600;
    padding: 0.5rem!important;
    color: #0a0000;
    border: 3px solid #d2cdc587;
}
.tooltip_img .table-striped>tbody>tr:nth-of-type(odd) {
   background-color: #d2cdc587!important;
}
*/