.scrollspy {
    height: 45rem;
    margin-top: 0.5rem;
    overflow: auto;
}

.menu-width {
    width: 45%;
}

.tabs-btns li {
    width: 30%;
}

li.nav-item.tabs-btn-nav-link.active {
    background: #EDF3FF;
    border-bottom: 2px solid #6B9AFF;

}

/*Buttons*/

.btn{
    font-weight: 700 !important;
    font-size: 0.875rem;    
    padding: 0.375rem 0.75rem !important;
    line-height: 1.125rem !important;    
    min-height: 2rem !important;
}

/*Primary*/
.btn-primary-normal {
    box-shadow: unset !important;
    background: #4B82FA !Important;
    color: #fff !Important;
}

.btn-primary-normal:hover {
    background: #1F60ED !Important;
    color: #fff !Important;
}
.btn-primary-normal.active{
background: #0C47C7 !important;
color: #fff;
}
.btn-primary-normal:active{
    background: #0C47C7 !important;
    color: #fff;
}

.btn-primary-normal:disabled {
    background: #E1E6ED !important;
    color: #8FA0BA !important;
    border: unset !Important;
}

/*Secondary*/
.btn-secondary-normal,
.btn-outline-primary {
    box-shadow: unset !important;
    color: #4B82FA !Important;
    border: 0.063rem solid #4B82FA !Important;
    background: transparent !Important;
    color: #4B82FA !Important;
}

.btn-primary-normal:focus,
.btn-secondary-normal:focus,
.btn-outline-primary:focus{
    border: 0.063rem solid #4B82FA !Important;
}

.btn-secondary-normal:hover,
.btn-outline-primary:hover {
    color: #4B82FA !Important;
    border: 0.063rem solid #4B82FA !Important;
    background: #EDF3FF !Important;
}

.btn-secondary-normal.active {
    color: #4B82FA !important;
    border: 0.063rem solid #4B82FA !Important;
    background: #D1E0FF !important;
}

.btn-secondary-normal:active {
    color: #4B82FA !important;
    border: 0.063rem solid #4B82FA !Important;
    background: #D1E0FF !important;
}

.btn-secondary-normal:disabled {
    color: #8FA0BA !important;
    background: #E1E6ED !Important;
    border: unset !Important;
}



/*subtle*/
.btn-subtle-normal {
    box-shadow: unset !important;
    color: #39414D !Important;
    border: 0.063rem solid #C5D2E7 !Important;
    background: #fff !Important;
}

.btn-subtle-normal:hover {
    color: #39414D !important;
    border: 0.063rem solid #C5D2E7;
    background: #EDF3FF !important;
}

.btn-subtle-normal.active {
    color: #39414D !important;
    border: 1px solid #C5D2E7 !important;
    background: #D1E0FF !important;
}


.btn-subtle-normal:disabled {
    color: #8FA0BA !important;
    background: #E1E6ED !Important;
    border: unset !Important;
}

/*Danger*/

.btn-danger-normal {
    color: #fff !Important;
    background: #FF5630 !Important;
}

.btn-danger-normal:hover {
    color: #fff !important;
    background: #DE350B !important;
}

.btn-danger-normal.active {
    color: #fff !important;
    background: #BF2600 !important;
}

.btn-danger-normal:disabled {
    color: #8FA0BA !important;
    background: #E1E6ED !important;
    color: #8FA0BA;
}


/*Danger-outline*/

.btn-danger-outline-normal,
.btn-outline-danger {
    color: #FF5630 !important;
    background: transparent !Important;
    border: 0.063rem solid #FF5630;
}

.btn-danger-outline-normal:hover,
.btn-outline-danger:hover {
    color: #FF5630;
    background: #FFEBE6 !Important;
    border: 0.063rem solid #FF5630;
}

.btn-danger-outline-normal.active {
    color: #FF5630;
    background: #FFBDAD !Important;
    border: 0.063rem solid #FF5630;
}

.btn-danger-outline-normal:disabled {
    color: #8FA0BA !Important;
    background: #E1E6ED !Important;
    border: unset;
}

/*input-fields primary*/
.input {
    padding: 0.375rem 0.75rem !important;
}

.input-group-primary {
    border: 0.063rem solid #E1E6ED !Important;
    border-radius: 0.25rem;
}

.input-group-primary:disabled {
    background: #F0F2F5 !important;
    border: unset !important;
}

.input-group-primary input {
    background: unset;
    border: unset;
}

.bi-icon {
    background: unset !Important;
    border: unset !important;
}

.input-outline-primary {
    border: 0.125rem solid #4B82FA !Important;
    border-radius: 0.25rem;
}

.input-group-danger {
    border: 0.125rem solid #FF5630 !Important;
    border-radius: 0.25rem;
}

.input-group-danger input {
    border-radius: 0.25rem;
    border: unset !Important;
    height: 1.75rem !important;
}

.input-group-danger textarea {
    border-radius: 0.25rem;
    border: unset !Important;
    padding-right: calc(1.5em + 0.75rem);
}

.input-group-danger:focus-within{
    border: 0.125rem solid #4B82FA !important;
}

.input-group-success {
    border: 0.125rem solid #36B37E !Important;
    border-radius: 0.25rem;
}

.input-group-success input {
    border-radius: 0.25rem;
    border: unset !Important;
    height: 1.75rem !important;
}

.input-group-success textarea {
    border-radius: 0.25rem;
    border: unset !Important;
    padding-right: calc(1.5em + 0.75rem);
}

.input-group-success i {
    color: #36b37e;
}

.input-group-success:focus-within {
    border: 0.125rem solid #4B82FA !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #E1E6ED;
}

.form-control-feedback {
    margin-top: 0.25rem;
    line-height: 0rem;
}

.form-control-feedback .text-danger {
    font-size: 0.75rem;
    line-height: 1rem;
}

/*iocns*/
.bi-border-danger {
    color: #FF5630;
}

.bi-border-success {
    color: #36B37E;
}

.bi-border-secondary {
    color: #67768D;
}

.bi-icon-normal {
    background: unset;
    border: unset !important;
    border-radius: 4px;
    padding: 0.188rem;
}

.bi-icon-normal:hover {
    background: rgba(0, 0, 0, 0.06);
}

.bi-icon-normal:active {
    background: #4B82FA;
    color: #FFFFFF;
}

.bi-icon-blue {
    background: unset;
    border: unset !important;
    border-radius: 4px;
    padding: 0.188rem;
    color: #4B82FA;
}

.bi-icon-blue:hover {
    background: rgba(0, 0, 0, 0.06);
}

.bi-icon-blue:active {
    background: #4B82FA;
    color: #FFFFFF;
}
i.bi-exclamation-circle-fill-v1 {
    color: #ff0000;
    font-size: 0.875rem;
}

i.icon-dt-exclamation-circle-fill {
    display: flex !important;
    font-size: 0.875rem !important;
    color: #ff0000;
    bottom: -0.063rem;
    padding: 7px 8px 7px 8px !important;
}

/*Tabs icons*/

.tabs-btn-nav-link {
    color: #4B5564;
}

.tabs-btn-color {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4B5564;
    padding: 0.625rem;
}


.nav-pills .tabs-btn-nav-link.active,
.nav-pills .show>.nav-link {
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #4B82FA !important;


}

.tabs-btn-color1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4B5564;
    padding: 0.625rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #4B82FA;
    background-color: unset;
    border-bottom: 2px solid #4B82FA !important;
    border-radius: unset;
    font-weight: 700 !important;
}

.tabs-btn-color1.active {
    background: #EDF3FF !Important;
}

li > a > i {
    font-size: 1rem;
    vertical-align: -0.125rem;
}

/*Tooltips Icon*/

.icon-information--filled {
    color: #67768D !important;
}
.icon-information--filled:hover {
    color: #4B5564 !important;
}

.icon-information {
    color: #4B5564;
}
.icon-information:hover:before {
    content: "\ec60";
    cursor: pointer;
}

/*Pagination*/

/*.page-dots{
        position: relative;
        top: -0.25rem;
}
li.page-item.page-start a {
    padding: 0.313rem 0.781rem !important;
}
.full-pagination li a {
    padding: 0.375rem 0.719rem !important;
*/



.icon-close {
    padding: 0.75rem;
}

/*hight*/
.hg-f {
    height: fit-content;
}

.no-padding{
    padding: 0rem;
}

.arrows .icon-arrow-up {
    color: #4B82FA !important;
    position: relative;
    top: 0.25rem;
}

/* service Order Filter */
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    background-color: #eee!important;
    color: #777;
    cursor: not-allowed;
 }
 
 ul.list-group-main{
    padding: 0px
 }

 .list-group-scroll{
    overflow-y: auto;
    height: 40rem;
    top: 0px;
 }
 .arrow-right{
    font-size: 0.8rem !important;
 }
 .col-class{
    width: auto !important;
    margin-top: 15rem !important;
 }

 .button-swap{
    background: #E1E6ED !important;
    color: #8FA0BA !important;
    border: unset !important;
 }
 .heading-margin{
     margin-top: 1rem !important;
 }
/* sof ends */

/* Alerts */
.alert-spacing{
    white-space:pre-wrap
}
/* end here */
.button-row{
    width: auto!important;
}

.row-import-field {
    background-color: #EDF3FF!important;
    margin: 1rem !important;
    list-style: none;
    cursor: default;
    border: 2px solid #d8dde6;
}
.div-import-field1{
    margin-left: 0.1rem !important;
}
.div-import-field2{
    margin-left: 0.1rem !important;
    padding-top:0px!important
}
.alert-primary-icon-color.icon-information--filled{
    color: #0C47C7!important;
}

.card > .nav-justified > .nav-item >.nav-link {
    padding: 1.125rem 2rem 1.125rem 2.25rem; 
}
.dropdown-toggle::after{
    margin-left: 0px!important
}
.anchor_tag.blue-link{
   text-decoration: none !important;
   color: #3870de!important;
   font-size: 12px!important;
}
.pagination-button{
    padding: 1.25rem 1rem 0.75rem 0rem!important
}
.calendar{
    padding-right: 0.625rem !important;
}
.admin-page .nav-link{
    padding: 0px!important;
}
.dropdown-menu{
  padding: 0px
}
.dt-modal-header{
    padding: 1.25rem 1.25rem 1rem 1.25rem;
    border: unset;
    color: #39414D;
}
.dt-modal-body{
    padding: 0rem 1.25rem 2rem 1.25rem;
    color: #39414D;
}
.dt-modal-footer{
    padding: 0rem 1.25rem 1.25rem 1.25rem;
    border: unset;
    color: #39414D;
}
.modal-content{
    box-shadow: 0px 0.125rem 0.25rem rgb(0 0 0 / 8%), 0px 0.5rem 1rem rgb(0 0 0 / 16%) !important;
    border-radius: 0.5rem !important;
}
.dt-modal-content{
    box-shadow: 0px 0.125rem 0.25rem rgb(0 0 0 / 8%), 0px 0.5rem 1rem rgb(0 0 0 / 16%) !important;
    border-radius: 0.5rem !important;
}
.dt-modal-table-scroll{
    position: relative;
    max-height: 10rem;
    overflow-x: auto;
  }
.dt-customer-tabular-sec{
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem !important;
    line-height: 1.25rem;
    color: #39414D;
    border-bottom: 1px solid #E1E6ED;
    padding: 0.875rem 1rem!important;
    vertical-align: middle;
    white-space: normal;
}
.dt-schedule-hr{
    margin-top: 1.375rem;
    margin-bottom: 3.063rem;
    border: 1px solid #C5D2E7;
}
.dt-schedule-heading{
    color: #39414D;
    font-weight: 700;
    font-size: 1.375rem !important;
    line-height: 1.75rem;
}
.dt-schedule-text{
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25ren;
    color: #39414D;
}
.dt-span{
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #39414D;
}
.time-window-list li{
    list-style:none;  
}
.dt-me-6{
    margin-right: 0.375rem;
}
.dt-card-title{
    font-weight: 700;
    font-size: 1rem !important;
    line-height: 1.25rem;
    color: #39414D;
}
.dt-questions-label{
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #39414D;
}
.dt-confirm-text{
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #4B82FA;
}
.text-blue{
    color: #4B82FA !important;
}
.dt-ml-minus-5px{
    margin-left: -0.313rem;
}
.customer-layout-padding{
    padding: 2.313rem 2rem 2.313rem 2rem ;
}
@media only screen and (max-width: 600px) {
    .mobile-title {
      font-size: 1.25rem !important;
      margin-top: 1rem !important;
      text-align: center;
    }
    .mobile-logo{
      text-align: center;
    }
    .customer-layout-padding{
        padding: 2.313rem 1rem 2.313rem 1rem ;
    }
    .customer-layout-padding .card-body {
        padding: 0.5rem;
    }
  }

.dt-delivery-card {
    padding: 0.75rem;
    width: 100%;
    background: #eff2f5;
    border: 0.063rem solid #C5D2E7;
    border-top: 0rem;
}
.dt-receipt-image{
    border : 0.125 solid #999; 
    width: 31.25rem;;
    height: 31.25rem;
    text-align:center
}
.input-group-text {
    height: 2rem;
    padding: 0.438rem 0.5rem 0.438rem 1rem !important
}
.img-responsive{
    max-width: 200px;
    max-height: 100px;
}