.fontcodered{
    color: red !important;
}
.fontcodeorange{
    color: orange !important;
}
.fontcodegreen{
    color: green !important;
}
.fontcodeyellow{
    color: #ffff00 !important;
}
 
.bgfontcodeyellow{
    color: #ffff00 !important;
}
 
.traitreports .badge:empty {
    display: block !important;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    margin-right: 8px;
}
.inactivebgfontcodered{
    border: 3px solid red !important;
    background: white !important;
}
.inactivebgfontcodeorange{
    border: 3px solid orange !important;
    background: white !important;
}
.inactivebgfontcodegreen{
    border: 3px solid green !important;
    background: white !important;
}
.inactivebgfontcodeyellow{
    border: 3px solid yellow !important;
    background: white !important;
}
.bgfontcodered{
    background-color: red !important;
}
.bgfontcodeorange{
    background-color: orange !important;
}
.bgfontcodegreen{
    background-color: green !important;
}
.bgfontcodeyellow{
    background-color: yellow !important;
}
.form-select{
    font-size: 14px;
}
.date_display{
    background-color: #cae9f7 !important;
    width: 10%;
    text-align: center;
}
.date_format{
    color:#81569b !important;
    font-size:14px;
    font-weight: 500;
}
.time_display{
    padding: 0 15px;
    align-content: space-evenly;
    color: #81569b;
    font-size: 24px;
    font-weight: 500;
}
.timeformat{
    position: absolute;
    top: 5px;
    font-size: 12px;
}
.navbar-icon {
    padding: 0 5px 0 0;
    width: 30px;
}
.menu-title{
    /*color:#5D6B82 !important;*/
    font-size: 16px;
}
.menu-title.active{
    /*color: #81569b !important;*/
    font-size: 16px;
    font-weight:bold !important;
}
.sidebar-icon {
     width: 50px !important;
     background: #81569b !important;
 }.sidebar-text {
      margin-left: 50px;
      width: 200px !important;
      background: #eeeff0 !important;
  }
.sidebar-icon ul.nav, .sidebar-text ul.nav{
    margin-top: 0 !important;
  }
.sidebar-text ul.nav{
    background: #ffffff !important;
  }
.sidebar-text .nav .nav-item{
	/* padding: 0 10px 0 10px !important; */
}
.sidebar-icon .nav .nav-item {
    padding: 0 10px 0 0px;
}
.sidebar-icon .nav .nav-item .nav-link{
    border-bottom: none !important;
}
.sidebar-text .nav .nav-item .nav-link{
    border-bottom: 1px solid #00000040 !important;
}
.profile-name{
    font-size: 16px;
    font-weight: 500;
}
.profile-designation{
    font-size: 13px;
    color: #8A92A6;
}
.nav-profile div{
    line-height: 1.2;
}
.search-container {
    position: relative;
    width: 350px !important;
}

.search-input {
    border-radius: 10px;
    padding-left: 35px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.search-icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #5D6B82;
}
.nav-link .fa{
    color: #A6AEBB;
}
.font-red{
    color: #81569b !important;
}
.breadcrumb-item{
    color: #A6AEBB;
}
.breadcrumb-item.active a{
    color: #81569b !important;
}
.footer div{
    color: #0033A1;
}

.dashboard-overlay-card .card-img{
    height: 250px;
    width: 100%;
    object-fit: cover;
    opacity: 0.9;
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}
.card-img-overlay{
    text-align: -webkit-center;
    color: #ffffff !important;
}
.custom-btn-success{
    width: auto;
    padding: 5px 10px;
    height: auto;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background: #00bcd4 !important;
    color: #ffffff !important;
    border: 2px solid transparent;
    border-radius: 5px;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.5;
}
.custom-btn-info, .custom-btn-info:hover{
    width: auto;
    padding: 5px 10px;
    height: auto;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #81569b !important;
    background: #ffffff !important;
    border: 2px solid #81569b;
    border-radius: 5px;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.5;
}
.card-title-img{
    background: white;
    width: 80px;
    height: 80px;
    border: 1px solid transparent;
    border-radius: 50%;
    align-content: space-evenly;
    text-align-last: center;
}
.card-text{
    color: #010101;
    font-size: 13px;
}
.card-img-overlay .card-text{
    color: #ffffff !important;
}
.highlight-price{
    color: #E83952;
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
}
.masked-price{
    color: #919191;
    font-size: 12px;
    margin-left: 5px;
}
.active-price{
    color: #3D3D3D;
    font-weight: bold;
    font-size: 12px;
}

.custom-circle-image {
    width: 5vw; /* note i used vw not px for better responsive */
    height: 5vw;
}

.custom-circle-image img {
    object-fit: cover;
}
.shadow{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}
.speciality-banner .card-title{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.container-banner .card-wrapper{
    height: 20vh !important;
}
.speciality-banner .card-text{
    font-size: 10px;
    color: #3D3D3D;
}
.main-body{
    height: 100vh;
    overflow: auto;
}
.card-badge {
    font-size: 10px;
    background: #81569b;
    padding: 0px 4px;
    border: 1px solid transparent;
    border-radius: 15px;
    color: white;
    opacity: 0.9;
}
.font-primary{
    color: #81569b !important;
}
.heart{
    float: right;
}
body,html{
    overflow: hidden !important;
}
.footer {
    background: #ffffff;
    padding: 5px 0px;
    width: 100%;
    border-top: 1px solid #e6ecf5;
    font-size: 10px;
    margin-left: 0;
    bottom: 0;
}



@media (max-width: 1600px) {
    .dashboard-overlay-card .card-img{
        height: 300px;
    }
}
@media (max-width: 1400px) {
    .dashboard-overlay-card .card-img{
        height: 350px;
    }
}
@media (max-width: 1200px) {
    .dashboard-overlay-card .card-img{
        height: 400px;
    }
     .date_format{
        font-size: 11px;
    }
}
@media (max-width: 960px) {
    .dashboard-overlay-card .card-img{
        height: 450px;
    }
     .date_format{
        font-size: 11px;
    }
}
@media (max-width: 940px) {
    .date_display{
        display: none;
    }
    .time_display{
        display: none;
    }
}
@media (max-width: 760px) {
    .sidebar-text{
        display: none;
    }
    .search-container{
        width: 100% !important;
    }
    .dashboard-overlay-card .card-img{
        height: 350px;
    }
    .date_display{
        display: none;
    }
    .time_display{
        display: none;
    }
}

@media (max-width: 700px) {
    /* .search-container{
        display:none !important;
    } */
    /* .search-container{
        width: 90% !important;
    } */
    
}

.modal-ellipse{
    background-position-x: right;
    background-image: url(../images/modal-ellipse.png);
    background-size: 15%;
    background-repeat: no-repeat;
}

.ellipse-div{
    background-position-x: right;
    background-image: url(../images/modal-ellipse.png);
    background-size: 80%;
    background-repeat: no-repeat;
}

.brand-logo-mini{

}
@media (max-width: 560px) {
    .search-container{
        display: none;
    }
}
.form-group .img-thumbnail-sm{
    padding-left: 1rem !important;
}
table .img-thumbnail-sm{
    max-width: 36px;
    height: 36px;
}
.img-thumbnail-sm{
    padding: .25rem;
    border: none;
    /*border-radius: var(--bs-border-radius);*/
    max-width: 64px;
    height: 64px;
    object-fit: contain;
}
.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
  display: none;
}

.add-read-more.show-more-content .read-more {
  display: none;
}

.add-read-more .read-more,
.add-read-more .read-less {
    font-weight: 500;
    margin-left: 2px;
    color: #f05165;
    cursor: pointer;
}

.add-read-more {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.settings-table td, .settings-table th{
    font-size: 12px !important;
}
#pills-tab .nav-link{
    color: #ffffff !important;
    border-radius: 0 !important;
}
#pills-tab{
    background: #00bcd4 !important;
    font-size: 13px;
    padding: 0;
    margin-bottom:5px !important;
}
#pills-tab .nav-link.active{
    background: #f05165 !important;
}
#pills-tabContent .nav-link{
    color: #f05165 !important;
    padding:0 25px 0 0 !important;
    font-size: 13px;
}
#pills-tabContent {
    padding-left: 15px;
    margin-bottom: 8px;
}
#pills-tabContent .nav-link.active{
    text-decoration: underline !important;
    text-underline-offset: 5px;
}
#pills-tabContent .tab-content>.tab-pane{
    display: block;
}
.tab-content>.active, .tab-content>.active {
    display: block !important;
}
.setting-menu{
    border: 1px solid #ede5e5;
    margin-bottom: 1rem !important;
}

.dt-search{
    font-size: 12px;
}
div.dt-container .dt-search input {
    padding: 5px 10px;
    margin-left: 3px;
    font-size: 12px;
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{
    background-color: #f05165 !important;
    color:white !important;
    border: 1px solid transparent !important;
}
div.dt-container .dt-paging .dt-paging-button:hover{
    background-color: #f05165 !important;
    color:white !important;
    border: 1px solid transparent !important;
    background: #f05165 !important;
}
.modal-ellipse .form-control, .modal-ellipse label{
    font-size: 14px !important;
}
.fa-asterisk.required{
    font-size: 5px;
    padding-left: 3px;
    padding-top: 5px;
    position: absolute;
}
.text-danger.disabled, .text-danger.btn:disabled{
    border: none !important;
}
.modal-ellipse .form-control, .modal-ellipse label{
    font-size: 14px !important;
}