::-webkit-input-placeholder {
  color: peachpuff;
  font-size: 12px;
}
::-moz-placeholder {
  color: peachpuff;
  font-size: 12px;
}
:-ms-input-placeholder {
  color: peachpuff;
  font-size: 12px;
}
::placeholder {
  color: peachpuff;
  font-size: 12px;
}

/* .modal {
   top: 150px;
   right: auto;
   bottom: 0;
   left: 0;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
} */

/* .display-5 {
    font-size: 2.0rem;
    font-weight: 300;
    line-height:1.0
} */

.text-size-dot75 {
    font-size: .75rem!important;
}
.text-size-dot85 {
    font-size: .85rem!important;
}
.text-size-1 {
    font-size: 1rem!important;
}
.text-size-1dot2dot5 {
    font-size: 1.25rem!important;
}
.text-size-1dot5 {
    font-size: 1.5rem!important;
}
.autocomplete-suggestions {
    overflow: auto;
    border: 2px solid var(--success);
    background: var(--dark);
    color: white;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    font-size:smaller;
}
.autocomplete-suggestion {
    overflow: hidden;
    padding: 5px 15px;
    white-space: nowrap;
}

.autocomplete-selected {
    background: #F0F0F0;
    color: black;
}

.img-profile
{
    max-width: 25px;
}

.checkbox-xl .custom-control-label::before, 
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .custom-control-label {
  padding-top: 23px;
  padding-left: 10px;
}

.fullscreen {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    top: 0;
    left: 0;
}

#calendar {
    max-width: 900px;
    margin: 0 auto;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
  }

/*.topbar .navbar-search {
    width: 15rem;
}*/

/*input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/

/* @media only screen and (max-width: 600px) {
    .h3 {
       font-size: 1rem;
    }
} */

/* iPhone, portrait & landscape. */
/* @media all and (max-device-width: 480px) {
    html, body {
        -webkit-text-size-adjust: none;
    }
} */
/* iPad, portrait & landscape. */
/* @media all and (min-device-width: 768px) and (max-device-width: 1024px) {
    html, body {
        -webkit-text-size-adjust: none;
    }
} */
/*from bootstrap wysiwyg editor*/
#editor {
    overflow: scroll;
    height: 300px
}
/* .tooltip {
    z-index: 100000000;
} */

/*   Change Color for Inactive Tabs     */
/* .nav-pills .nav-link {
    background-color: #eaecf4;
}

#FlagPickerNewToDo .dropdown-toggle::after {
    content:none;
}

#FlagPickerNewToDo .dropdown-toggle {
    width: auto !important;
}

dl {
    overflow: hidden;
}

dt {
    height: 50em;
    margin-bottom: -48.8em;
    background: white;
}

    dt:hover {
        background: #333;
        color: white;
    }


dd {
    pointer-events: none;
}

dt:hover + dd {
    color: red;
} */

/* Don't print link hrefs */
/* @media print {
    a[href]:after {
        content: none
    }
} */

.hidePane{
    display: none;
}

.showPane {
    border: 2px solid var(--success);
}

.showPaneInitial {
    border: 2px solid var(--primary);
}

.money:before {
    content: '$';
    float: left;
    position: relative;
    left: .1em;
}

.bg-blue {
    background-color: var(--blue);
}

.bg-indigo {
    background-color: var(--indigo);
}

.bg-purple {
    background-color: var(--purple);
}

.bg-pink {
    background-color: var(--pink);
}

.bg-red {
    background-color: var(--red);
}

.bg-orange {
    background-color: var(--orange);
}

.bg-yellow {
    background-color: var(--yellow);
}

.bg-green {
    background-color: var(--green);
}

.bg-teal {
    background-color: var(--teal);
}

.bg-cyan {
    background-color: var(--cyan);
}
.text-blue {
    color: var(--blue);
}

.text-indigo {
    color: var(--indigo);
}

.text-purple {
    color: var(--purple);
}

.text-pink {
    color: var(--pink);
}

.text-red {
    color: var(--red);
}

.text-orange {
    color: var(--orange);
}

.text-yellow {
    color: var(--yellow);
}

.text-green {
    color: var(--green);
}

.text-teal {
    color: var(--teal);
}

.text-cyan {
    color: var(--cyan);
}

.btn-danger:hover {
    color: var(--white);
    background-color: var(--danger);
    border-color: var(--danger);
}

.btn-warning:hover {
    color: var(--white);
    background-color: var(--warning);
    border-color: var(--warning);
}

.btn-info:hover {
    color: var(--white);
    background-color: var(--info);
    border-color: var(--info);
}

.btn-primary:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-secondary:hover {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-info:hover {
    color: var(--white);
    background-color: var(--info);
    border-color: var(--info);
}

.btn-success:hover {
    color: var(--secondary);
    background-color: var(--success);
    border-color: var(--success);
}

body {
    color: #6c757d;
}

.table {
    color: #6c757d;
}

/* From sb-admin2 css */
.btn-circle {
    border-radius: 100%;
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn {
    height: 1.8rem;
    width: 1.8rem;
    font-size: 0.75rem;
  }
  
  .btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn {
    height: 3.5rem;
    width: 3.5rem;
    font-size: 1.35rem;
  }

.btn-xs{
    --bs-btn-padding-y: 0.05rem;
  --bs-btn-padding-x: 0.25rem;
  --bs-btn-font-size: 0.75rem;
  --bs-btn-border-radius: 0.25rem;
}

/**/
.bg-gradient-mastercolor .sb-sidenav-menu .nav-link {
    color: rgba(255, 255, 255, 0.5);
  }
.bg-gradient-mastercolor .sb-sidenav-menu .nav-link:hover {
    color: #fff;
  }
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {
    width: 104px;
    height: 100vh;
    z-index: 1038;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
    padding-left: 104px;
    top: 56px;
  }
  .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
    margin-left: -104px;
  }
  @media only screen and (max-width: 1000px) {
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content {
        padding-left: 220px;
        top: 56px;
      }
    .menu-text {
        font-size: small;
    }
    .text-when-sm{
        font-size:.875em;
    }
  }
  /*bootstrap selectpicke*/
.bs-actionsbox .btn-group button {
    width:unset !important;
}
input[readonly],input[readonly]:active,input[readonly]:focus{
    background-color: lightgrey;
}
textarea[readonly]{
    background-color: lightgrey;
}
/*External Reports*/
.text-xs{
    font-size:.7rem;
}
.text-sm{
    font-size:.875em;
}

a {
    color: unset;
    text-decoration: unset;
  }
  a:hover {
    color: unset;
  }
  .emailButton
  {
    z-index:10;outline: 5px solid transparent;
  }

/* .form-floating>.form-control,
  .form-floating>.form-control-plaintext {
    padding: 0rem 0.75rem;
  }
  
.form-floating>.form-control,
  .form-floating>.form-control-plaintext,
  .form-floating>.form-select {
    height: calc(2.5rem + 2px);
    line-height: 1;
  }
  
.form-floating>label {
    padding: 0.5rem 0.75rem;
  } */

.form-floating.todo{
    font-size:x-small;
}
.form-floating.todo>label {
    font-size:x-small;
    padding: 0.75rem 0.75rem;
  }
  .form-floating.todo>select {
    font-size:x-small;
    line-height: 1;
    height: calc(2.5rem + 8px);
  }
  .form-floating.todo>input {
    font-size:x-small;
    height: calc(2.5rem + 2px);
    padding: 0.75rem 0.75rem;
  }

  .ui-datepicker{z-index: 99 !important};

  .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
  .ui-timepicker-div dl { text-align: left; }
  .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
  .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
  .ui-timepicker-div td { font-size: 90%; }
  .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
  .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
  
  .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
  .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }
  
  .ui-timepicker-rtl{ direction: rtl; }
  .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
  .ui-timepicker-rtl dl dt{ float: right; clear: right; }
  .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
  
  /* Shortened version style */
  .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
  .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
  .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
  .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
  .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
  .ui-timepicker-div.ui-timepicker-oneLine dl dd, 
  .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
  .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
  .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
  .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
  .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
  .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
  .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

  /* added for css b/c html saved for lead notes in old version */
  .badge-primary {
    color: #fff;
    background-color: var(--primary);
    }
  .badge-danger {
    color: #fff;
    background-color: var(--danger);
    }

/* added because datepicker hides behind modals */
.ui-datepicker{
    z-index: 9999 !important;
}

/* Add a spinner inside the input field */
#LayoutSearchInput.loading {
    background: none; /* Remove default background */
    position: relative;
    cursor: wait;
}

/* The spinner (absolute positioned inside input) */
#LayoutSearchInput.loading::after {
    content: "";
    position: absolute;
    right: 10px; /* Adjust position */
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top-color: #007bff; /* Blue accent */
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

/* Keyframes for spinning animation */
@keyframes spin {
    from { transform: translateY(-50%) rotate(0deg); }
    to { transform: translateY(-50%) rotate(360deg); }
}

.draggable-element {
    -webkit-user-drag: none;
    -webkit-transform: translateZ(0);
}
.assigned {
    width: 100%;
    max-width: 100%;
  }
  
  @media (min-width: 1200px) {
    .assigned {
        margin-top: -24px;
    }
  }

  .obnoxious-star {
  /* Control the size and color */
  font-size: 3em;

  margin-left: 0.5rem; /* spacing between name and star */

  /* Apply the animations */
  animation: 
    spin 2s linear infinite, 
    glow 1s ease-in-out infinite;
    display: inline-block; /* ensure it stays inline */
    vertical-align: middle; /* aligns nicely with text */
}
.star-gold {
    color: gold;
}
.star-red {
    color: red;
}
.star-blue {
    color: blue;
}
.star-green {
    color: green;
}
.star-black {
    color: black;
}
.star-orange {
    color: orange;
}
.star-yellow {
    color: yellow;
}
.star-purple {
    color: purple;
}

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

@keyframes glow {
  0% {
    text-shadow: 0 0 10px #ff0, 0 0 20px #ff0, 0 0 30px #ff0;
  }
  50% {
    text-shadow: 0 0 20px #ff0, 0 0 40px #ff0, 0 0 60px #ff0;
  }
  100% {
    text-shadow: 0 0 10px #ff0, 0 0 20px #ff0, 0 0 30px #ff0;
  }
}
ul#NoDueDateUl-010101 .DueDateDayOfWeek{
    display: none !important;
}
.bootstrap-select .dropdown-menu {
        z-index: 1050; /* Or a higher value than any overlapping elements */
    }
@media (min-width: 1900px) {
    .flex-xxxl-row {
        flex-direction: row !important;
    }
    .order-xxxl-first {
    order: -1 !important;
  }
  .assigned {
      max-width: 50%;
      margin-top: 0px;
    }
}