.inv-title{
	 padding: 2px;
            border: 1px solid silver;
            text-align: center;
            margin-bottom: 2px;
}
.selectedrow{background-color:#CCFFFF !important;}
.eightper{
	width:8% !important;
}
.twentyfive{
	width:25% !important;
}
.select2-selection__rendered{height:35px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 35px !important;
}
.selectedrow{background-color:#CCFFFF !important;}
.suffix{
	display:flex !important;
}
.suffix .select2-container {
  width: 30% !important;
}
.eightper{
	width:8% !important;
}
.twentyfive{
	width:25% !important;
}
.ninteenper{
	width:19% !important;
}
.sevenper{
	width:7% !important;
}
.oneper{
	width:1% !important;
}
.fiveteenper{
	width:15% !important;
}
.fullwidth{
	width:100% !important;
}
.fourteenper{
	width:14% !important;
}
.fourtyper{
	width:40% !important;
}
.seventyper{
	width:70% !important;
}
.sixtyper{
	width:60% !important;
}
.marginright{
	margin-right:5px !important; 
}
.card-body-full {
    padding: 25px 0px 8px 15px !important;
}
.col-xl-2-custom {
        width: 14.666667% !important;
    }
.cartTableDetailpopup{width:95% !important;}
.tenper{width:10% !important;}
/* The Modal (background) */
.inactivitymodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.inactivitymodal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 35%;
}

/* The Close Button */
.inactivitymodalclose {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.inactivitymodalclose:hover,
.inactivitymodalclose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.action-btn {
    font-size: 20px;
    padding: 0px 5px 0px 5px;
}

.floatright {
    float: right;
    width: 17%;
}

.floatleft {
    float: left;
    width: 60%;
}
.iconClass{
  position: relative;
}
.btn-floating.btn-large {
    width: 0px !important;
    height: 30px !important;
}
.iconClass span{
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  background-color: whitesmoke;
}
.processing {
    background-color: #EDF987 !important;
}

.pending {
    background-color: #F99B87 !important;
}
.ready {
    background-color: green !important;
}
.delivered {
    background-color: #BFD508 !important;
}

.user-navigation svg {
    width: 20px;
}

.user-navigation nav,
.user-navigation {
    width: 100%;
    margin-top: 10px;
}

.user-navigation nav>div:nth-child(1) {
    display: none !important;
}

.user-navigation .px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.user-navigation nav>div:nth-child(2)>div:nth-child(1) {
    float: left;
}

.user-navigation nav>div:nth-child(2)>div:nth-child(2) {
    float: right;
}

@media screen and (max-width: 576px) {
    .user-navigation nav>div:nth-child(2)>div:nth-child(1) {
        width: 100%;
        text-align: center;
    }

    .user-navigation nav>div:nth-child(2)>div:nth-child(2) {
        float: right;
        width: 100%;
        text-align: center;
    }

    .table-container {
        float: left;
        width: 100%;
        overflow-x: auto;
    }
}

.select2-container--default .select2-selection--single {
    background-color:
        #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;    
    height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 2px !important
}

.topnav .navbar-nav .dropdown-item.active,
.topnav .navbar-nav .dropdown-item:hover,
.topnav .navbar-nav .nav-item .nav-link.active,
.topnav .navbar-nav .nav-item .nav-link.active svg {
    color: #125293 !important;
    background: #e7e7e7 !important;
    font-weight: 600 !important;
}


@media (min-width: 992px) {
    .topnav .navbar-nav .nav-item:first-of-type .nav-link {
        padding-left: 1.3rem !important
    }

    .topnav .dropdown-item {
        padding: 0.5rem 0.75rem !important;
        min-width: 180px !important;
    }
}



.table th {
    font-weight: 500;
    color: #4e3316!important;
    background-color: #e9c9a7!important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}
.table-bordered {
    border: 1px solid #f4e4d3 !important;
}

.tog {
    padding-right: 10px;
}

.card-title {
    margin-bottom: 0 !important;
}

.card-header {
    padding: 1rem 1.25rem !important;
}

.topnav .navbar-nav .nav-link {
    padding: 0.75rem 1rem !important;
}

.navbar-header,
.header-item {
    height: 60px !important;
}

.logo {
    line-height: 60px !important
}

.topnav {
    margin-top: 60px
}

.dropdown-menu.mega-dropdown-menu .col-lg-2 {
    width: 100% !important;
}

#v-pills-tab .accordion-button {
    padding: 0.75rem 1.25rem;
}

#v-pills-tab .accordion-button:after {
    background: none !important
}

#v-pills-tab {
    border: 1px solid #c5c5c5;
}

#v-pills-tab .accordion-button[aria-expanded="false"] {
    /*background: #ededed;
    border-bottom: 1px solid #cbcbcb;*/
    background: #1c84ee;
    border-bottom: 1px solid #cbcbcb;
    color: #fff;
}

#v-pills-tab .accordion-button[aria-expanded="true"] {
    color: #000;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

#v-pills-tab .accordion-button[aria-expanded="false"]:hover {
    /*background: #d0d0d0;*/
    background: #519eed;
}

form[name='participantform'] h2.accordion-header .accordion-button {
    padding: 0.75rem 1.25rem;
}

form[name='participantform'] h2.accordion-header .accordion-button[aria-expanded="false"] {
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-top: none;
}

form[name='participantform'] h2.accordion-header .accordion-button[aria-expanded="true"] {
    color: #fff;
    background-color: #8d8d8d;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.page-content {
    padding: 130px 6px 17px !important;
}

form[name='participantform'] h2.accordion-header .accordion-item {
    border-bottom: none;
}

.bottomborder {
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #ced4da !important;
}

.width-medium {
    width: 75%
}

.width-small {
    width: 50%
}

.width-small-sm {
    width: 30%
}

.width-small-sm-date {
    width: 10%
}
.width20per {
    width: 20%
}
.width-small-sm-time {
    width: 9%;
	margin-left: 2%;
}
.margin-left {
    margin-left: 25px !important;
}
.nolist-style {
    list-style-type: none !important;
    margin: 8px 0 0 0;
    padding: 0;
}

.line-height-24 {
    line-height: 20px !important;
}

.accordion-item {
    border: 1px solid rgba(0, 0, 0, .125) !important;
    margin: 0 0 12px 0;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.15);
    background: #efefef;
}

.accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-item .accordion-body {
    background: #fff !important
}

.accordion-button:not(.collapsed) {
    color: #333;
    background-color: #cbcbcb;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    font-weight: bold;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1050;
}

.pressureUclerStage table {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.pressureUclerStage table tr th {
    background: #e2e2e2;
    padding: 8px 15px;
}

.pressureUclerStage table tr td {
    background: #fff;
    padding: 8px 15px;
}

.font-weight-medium {
    font-weight: 600;
}

.pressureUclerStage table tr td .w-10 {
    vertical-align: top;
    width: 10%
}

.pressureUclerStage table tr td .w-85 {
    vertical-align: top;
    width: 85%
}

.datepicker {
    background-image: url(../images/calendar.png);
    background-repeat: no-repeat;
    background-position: 97%;
}

.full-width {
    margin: 10px 0 10px 0;
    width: 100%
}

.rightalignment {
    text-align: right;
    font-size: 12px;
}

.action-btn-small {
    font-size: 13px;
}

.dashboard-bg {
    opacity: 1;
    background: url(../images/dashboard-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.dashboard-cont p {
    margin-bottom: 5px;
}

.button-color {
    color: darkred;
}

.threecol {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    list-style-type: none;
}

.age-level {
    padding-right: 3%;
}

ul.diet li {
    display: inline;
    margin-right: 10px;
}

.paddingleft {
    padding-left: 0px !important;
}

/*
        table,
        th,
        td {
            border: 1px solid;
        }
        */

li.paddingbottom10px {
    padding-bottom: 10px;
}
.selectwidth200px{
    width: 230px !important;
}
.type_of_vaccine {
    width: 500px !important;
}

.type_of_vaccine option {
    width: 500px !important;
}
.selectwidth250px{
    width: 250px !important;
}
.margintop{margin-top: -23px !important;}
.required {
    color: red !important;
}
.select2-container {
            width: 100% !important;
        }
.vital-signs {
	padding: .5em .5em .5em .7em;
	font-size: 100%;
	color: #a36b2e;
	border: 1px solid #f7dec3;
	background-color: #f7dec3;
	margin-top: 5px;
	margin-bottom: 10px;
}
.smm{padding:0.12rem .12rem !important;}
.dropdownhieght{height:37px !important;}
.displayinline{display:inline;}
.error{
	color:orangered !important;
}
.instruction li{
	color:wheat !important;
	list-style-type:circle !important;
	font-style:italic !important;
	font-size:16px !important;
}
.instruction{
	line-height:25px;
	text-align: initial;
	list-style-type:circle !important;
}
.instruction li:hover{ color: #080 !important; }
.payment_instruction{padding-left: 0% !important;}
.width50per{width:50% !important;}
.togpadding{padding-right: 30px;}

/*Added on 2-05-24*/
.modal .modal-header{ position: relative; }
.modal .modal-header .modal-title { position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; }
/*Added on 2-05-24*/

.menuactive{ background-color:#c18629 !important;}
.overflowx{overflow-x:scroll;}
.removeitemcolor{color:dimgrey !important;}
.presentinpunchin{color:lightseagreen;}
.presentoutpunchin{color:lightseagreen;}
.main-content{margin-left:0px !important;}
.log-in-btn{background-color:#ce873a !important; border-color: #ce873a !important;}
.btn-primary{ background-color:#ce873a !important; border-color: #ce873a !important;}
.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #1870ca;
    border-color: #166abe;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #fffff;
    /* color: var(--bs-table-striped-color); */
}

body[data-topbar=dark] #page-topbar, body[data-topbar=dark] .navbar-brand-box {
     background-color: #d3944f !important; 
    border-color: #d3944f !important;
}
.topnav .navbar-nav .nav-link {
    color: #a36b2e !important;
}
.topnav .navbar-nav .dropdown-item {
    color: #a36b2e;
}


#partialpayment p{ margin:0;margin-bottom: 5px; width: 100% }
#partialpayment p label{ display: inline-block; width: 100%; }
#partialpayment p label span{ width: 30%; float: left; padding-top: 5px; font-weight: bold; }
#partialpayment p label input { width: 70%; float: left; height: 34px; }
.paynow input[type='submit']{ width: 100%; }
.log-in-pop-right.onloadmodal{
    float: left;    
    background-image: url(../../frontend/bakery/img/bg/home-5/home-testimonial.jpg);color: #fff;bottom: 0px;background-size: cover;background-repeat: no-repeat;         background-position: center center;width: 100%; padding: 60px;
}      
h2{ color: #fff; }
.log-in-pop.onloadmodal{ width: 50%; }
.pop-close{ top:8px; right: 7px; }
.instruction li:hover {
color: #e2e2e2 !important;
}

.log-in-pop-right.onloadmodal{
    float: left;    
    background-image: url(../../frontend/bakery/img/bg/home-5/home-testimonial.jpg);color: #fff;bottom: 0px;background-size: cover;background-repeat: no-repeat;         background-position: center center;width: 100%; padding: 60px;
}      
h2{ color: #fff; }
.log-in-pop.onloadmodal{ width: 50%; }
.pop-close{ top:8px; right: 7px; }
.instruction li:hover {
color: #e2e2e2 !important;
}
.rightfloat{ float:right !important;}
.bottom-padding{padding-bottom:10px !important;}
body[data-sidebar-size=sm] .footer {
    left: 0px !important;
}