.menu-sub-dropdown .dropdown-toggle::after,.btn.btn-color-primary.dropdown-toggle:after,.select2.dropdown-toggle:after,.select2 .dropdown-toggle:after {
    display:none!important;
}

.sp-stick-btn .dropdown-toggle::after,.app-navbar .dropdown-toggle::after{
    display:none!important; 
}
.sp-stick-btn{
position: fixed;
right: 10px;
top: 90%;
z-index: 1000;
}


.menu-sub-dropdown .dropdown-toggle::after,.btn.btn-color-primary.dropdown-toggle:after,.select2.dropdown-toggle:after,.select2 .dropdown-toggle:after {
    display:none!important;
}
.sp-checkbox-inline{
display: inline-block;
width: 250px;
}
.min-h-500px.min-h-200px{
  min-height: 200px !important;
}
.pos-center{
height: 350px;
display: flex;
justify-content: center;
align-items: center;
}
.height-250{
  height: 250px; 
}
.pos-center .sub-spin{
bottom: auto!important;
}
.opacity_low{
opacity:0
}
.pos-center.v2-a{
  position: relative;
  height: auto!important;
}
.pos-center.v2-a .sub-spin{
  margin-top: 60%!important;
}

.sp-head-link-align{
  position:absolute;
  margin-top:3px;
}
.sp-head-link-align:hover{
  text-decoration: underline!important;
}
.reset-btn-format{
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: -20px;
  font-weight: 600;
}

.apexcharts-legend-text {
    display: inline-block;
    width: 200px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.apexcharts-tooltip .apexcharts-tooltip-title {
    background: #a9a9a9!important;
  }

.apexcharts-tooltip .apexcharts-tooltip-series-group.active {
    background: #a9a9a9!important;
  }

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #a9a9a9!important;
  }
  
.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    background: #a9a9a9!important;
  }

.apexcharts-title-text {
    font-weight: 500!important;
    font-size: 1.075rem !important;
    color: var(--bs-text-gray-400) !important;
}


.sp-small-btn{
padding:2px 10px!important;
}


.full-screen {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    /* -webkit-animation: overlay-zoom-in 1s ease-in-out;
    animation: overlay-zoom-in 1s ease-in-out; */
  }
  .full-screen .card-body{
  height: 90vh;
  overflow: auto;
  }
  .full-view-enable{
  overflow: hidden;
  /* -webkit-animation: zoom-in 1s ease-in-out;
  animation: zoom-in 1s ease-in-out; */
  }
  .sp-expand-icon{
    position: absolute;
    top: -25px;
    cursor: pointer;
  }
  .sp-expand-icon.icon-formatting{
    top: 0px;
    right: 0;
  }
  
  @keyframes overlay-zoom-in {
    0% {
      opacity: 0;
      transform: translate3d(0, 0, -100px);
    }
    75% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    75% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes zoom-in {
    0% {
      opacity: 0;
      transform: translate3d(0, 0, -100px);
    }
  
    120% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }

  .custom-popover{
    width:400px!important;
    max-width: 400px!important;
  }
  .custom-popover .popover-body{
    width:400px!important;
  }

  /* .dropdown-toggle::after {
    display:none!important;
} */

.dropdown-toggle {
    white-space: normal!important;
}

.menu.menu-sub.wd-auto{min-width: 275px!important;width: auto!important;}

  /* apexchart custom css */

  .apexcharts-legend{
    right: 0px!important;
    position: absolute!important;
    left: 0px!important;
    top: 0px!important;
    max-height: 275px!important;
}
#v2-a-1 .apexcharts-legend,#v2-a-2 .apexcharts-legend{
  top: 39px!important;
}
.apexcharts-legend-series{
    margin: 2px 5px!important;
}
.apexcharts-legend-text{
    color: rgb(55, 61, 63)!important;
    font-size: 12px!important;
    font-weight: 400!important;
}
.apexcharts-legend-marker{
    height: 12px!important;
    width: 12px!important;
    left: 0px!important;
    top: 0px!important;
    border-width: 0px!important;
    border-color: rgb(255, 255, 255)!important;
    border-radius: 2px!important;
    display: inline-block!important;
    position: relative!important;
}
/* #v2-a-1 .apexcharts-legend-marker[rel='1'],#v2-a-1 .apexcharts-legend-marker[rel='6'],#v2-a-2 .apexcharts-legend-marker[rel='1'],#v2-a-2 .apexcharts-legend-marker[rel='6']{
    background: rgb(255, 152, 0) !important;
    color: rgb(255, 152, 0)!important;
} 
#v2-a-1 .apexcharts-legend-marker[rel='2'],#v2-a-1 .apexcharts-legend-marker[rel='7'],#v2-a-2 .apexcharts-legend-marker[rel='2'],#v2-a-2 .apexcharts-legend-marker[rel='7']{
    background: rgb(114, 57, 234) !important;
    color: rgb(114, 57, 234)!important;
}
#v2-a-1 .apexcharts-legend-marker[rel='3'],#v2-a-1 .apexcharts-legend-marker[rel='8'],#v2-a-2 .apexcharts-legend-marker[rel='3'],#v2-a-2 .apexcharts-legend-marker[rel='8']{
    background: rgb(62, 151, 255) !important;
    color: rgb(62, 151, 255)!important;
}
#v2-a-1 .apexcharts-legend-marker[rel='4'],#v2-a-1 .apexcharts-legend-marker[rel='9'],#v2-a-2 .apexcharts-legend-marker[rel='4'],#v2-a-2 .apexcharts-legend-marker[rel='9']{
    background: rgb(255, 199, 0) !important;
    color: rgb(255, 199, 0);
}
#v2-a-1 .apexcharts-legend-marker[rel='5'],#v2-a-1 .apexcharts-legend-marker[rel='10'],#v2-a-2 .apexcharts-legend-marker[rel='5'],#v2-a-2 .apexcharts-legend-marker[rel='10']{
    background: rgb(241, 65, 108) !important;
    color: rgb(241, 65, 108)!important;
} */


/* dashboard css */

.sp-list-dropdown .dropdown-toggle::after{
  display:none!important; 
}

.menu-sub-dropdown .dropdown-toggle::after,.btn.btn-color-primary.dropdown-toggle:after,.select2.dropdown-toggle:after,.select2 .dropdown-toggle:after {
    display:none!important;
}

/* end dashboard css */

/* organization css */
.hidden{
  display: none;
  }
/* organization css*/


/* rosters css */

.ng-option-disabled.ng-option-child{
  color: #999; /* Change text color to gray */
  cursor: not-allowed; /* Change cursor to indicate non-interactivity */
  pointer-events: none; /* Ignore pointer events */
  opacity: 0.2;

}

.ng-optgroup,.ng-option-child{
  width:33.3%;
}

.ng-status-picker div:nth-child(14),.ng-status-picker div:nth-child(15),.ng-status-picker div:nth-child(16),.ng-status-picker div:nth-child(17),.ng-status-picker div:nth-child(18),.ng-status-picker div:nth-child(19),.ng-status-picker div:nth-child(20){
  position: absolute;
  left:33.3%;
}
.ng-status-picker div:nth-child(11),.ng-status-picker div:nth-child(12),.ng-status-picker div:nth-child(13){
  position: absolute;
  left:66.6%;
}

.ng-status-picker div:nth-child(14),.ng-status-picker div:nth-child(11){
  top:0;
}
.ng-status-picker div:nth-child(15),.ng-status-picker div:nth-child(12){
  top:50px;
}
.ng-status-picker div:nth-child(16),.ng-status-picker div:nth-child(13){
  top:89px;
}
.ng-status-picker div:nth-child(17){
  top:128px;
}
.ng-status-picker div:nth-child(18){
  top:167px;
}
.ng-status-picker div:nth-child(19){
  top:206px;
}
.ng-status-picker div:nth-child(20){
  top:245px;
}
.ng-status-picker .scroll-host{
  max-height: 400px!important;
}


.menu-sub-dropdown .dropdown-toggle::after,.btn.btn-color-primary.dropdown-toggle:after,.select2.dropdown-toggle:after,.select2 .dropdown-toggle:after {
  display:none!important;
}
.float-right{
  float: right;
}

.open30{
  background-color: rgba(255, 152, 0, 1)!important;
  color:#fff!important;
}
.openMore30{
  background-color: rgba(114, 57, 234, 1)!important;
  color:#fff!important;
}
.closed_successfully{
  background-color: rgba(62, 151, 255, 1)!important;
  color:#fff!important;
}
.closed_unsuccessfully{
  background-color: rgba(255, 199, 0, 1)!important;
  color:#fff!important;
}
.no_longer_interested{
  background-color: rgba(249, 150, 174, 1)!important;
  color:#fff!important;
}
.could_not_contact{
  background-color: rgba(241, 65, 108, 1)!important;
  color:#fff!important;
}
.open30 .sp-main-head,.openMore30 .sp-main-head,.closed_successfully .sp-main-head,.closed_unsuccessfully .sp-main-head,.no_longer_interested .sp-main-head,.could_not_contact .sp-main-head{
  color:#fff!important;
}

.sp-list-dropdown .dropdown-toggle::after,.select2-container.dropdown-toggle::after{
  display:none!important; 
}

.reset-btn-format{
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: -20px;
  font-weight: 600;
}
.pos-rel{
position: relative;
}
#sp-patient-profile-popup .modal-header{
  display: block;
  background: #009ef7;
}
#sp-patient-profile-popup .modal-header h1,#sp-patient-profile-popup .modal-header .ki-cross{
  color: #fff;
}
#sp-patient-profile-popup .modal-body{
  background:#f5f8fa;
}

#sp-patient-profile-popup .card .card-header{
  min-height:50px;
}
.sp-divider-line{
  border:1px solid #f4f4f4;
  width:100%;
}
.sp-pointer{
cursor: pointer;
}
.sp-float-right{
float:right;
}
.mw-80-percent{
  max-width: 80%!important;
}
.w-400px{
  width: 400px!important;
}
.menu-sub-dropdown .dropdown-toggle::after,.btn.btn-color-primary.dropdown-toggle:after,.select2.dropdown-toggle:after,.select2 .dropdown-toggle:after {
  display:none!important;
}


[disabled="true"]{
  opacity: 0.2;
}

/* end rosters css */

/* roles css */
.badges-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 10px; 
}

.kt-badge.kt-badge--primary {
  color: #fff;
  background: #328cbd;
  border-radius: 0.8rem
}

.sp-list-dropdown .dropdown-toggle::after{
  display:none!important; 
}

.ng-dropdown-panel{
  position: absolute!important;
}
.symbol-group .symbol{
margin-left: -5px!important;
}
.sp-checkbox-icon-shap{
width:25px;
height: 25px;
background:#eee;
border-radius:5px;
}
#sp-role-profile-popup .modal-header{
  display: block;
  background: #009ef7;
}
#sp-role-profile-popup .modal-header h1,#sp-role-profile-popup .modal-header .ki-cross{
  color: #fff;
}
#sp-role-profile-popup .modal-body{
  background:#f5f8fa;
}

#sp-role-profile-popup .card .card-header{
  min-height:50px;
}
.sp-divider-line{
  border:1px solid #f4f4f4;
  width:100%;
}
.sp-pointer{
cursor: pointer;
}
.sp-float-right{
float:right;
}

/* end rols css */

/* session css */

.input-group {
  position: relative;
}
.input-field {
  position: relative; 
}

.timer {
  position: absolute;
  top: -30px; 
  right: 0; 
}

.page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8) !important; 
  z-index: 9999;
}
  
  .spinner-border {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
  }
  
  .text-gray-800 {
    color: #333;
    font-weight: bold;
  }
  
  .fs-6 {
    font-size: 1rem;
  }
  
  .fw-semibold {
    font-weight: 600;
  }
  
  .mt-5 {
    margin-top: 1.25rem;
  }
  
  /* end session css */

/* user css */

::ng-deep .menu-sub-dropdown .dropdown-toggle::after,.btn.btn-color-primary.dropdown-toggle:after,.select2.dropdown-toggle:after,.select2 .dropdown-toggle:after {
  display:none!important;
}
/* end user css */