@font-face {
    font-family: Manrope;
    src: url(../font/manrope-regular.woff);
}

@font-face {
    font-family: Metropolis;
    src: url(../font/Metropolis-Regular.woff);
}

h1 {
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 87px;
    color: #52575C;
}

h2 {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 66px;
    color: #52575C;
}

h3 {
    font-family: Manrope;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 55px;
    color: #52575C;
}

h4 {
    font-family: Manrope;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 44px;
    color: #52575C;
}

h5 {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #25282B;
}

h6 {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    color: #52575C;
}

p {
    font-family: Manrope;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #52575C;
}

small {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #52575C;
}

.font14 {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.15px;
}

font12 {
    font-size: 12px;
}

.metropolis {
    font-family: Metropolis;
}

.btnnew {
    font-family: Metropolis;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
}

body {
    margin: 0;
    line-height: 1.5;
    background: #FBF8F6;
    font-family: Manrope;
    font-weight: 300;
}

#sticky-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #F0F3F5;
    color: white;
    text-align: center;
    padding: 10px 0 10px 0;
}

.bg-orange {
    background-color: #FF6E52;
}

.bg-light {
    background: rgba(240, 243, 245, 1);
}

.bg-pink {
    background-color: rgba(255, 98, 98, 0.24);

}

.bg-basicplan {
    background-color: #FFF4E7;
}

.bg-verified {
    background: rgba(33, 184, 75, 0.12);
}

#color_me {

    border-radius: 4px;
    padding-right: 5px;
    font-size: 14px;
    padding: 4px 4px;
    border: 1px solid #D6E4EC;
    color: rgba(255, 98, 98, 1);

}

#color_me option, #color_me-verify option {
    background-color: white;

}

#color_me-verify {
    border-radius: 4px;

    font-size: 14px;
    padding: 4px 4px;
    border: 1px solid #D6E4EC;
    color: #3AA76D;
}

.pending {
    background-color: rgba(255, 98, 98, 0.24);
    color: rgba(255, 98, 98, 1);
}

.verify {
    border: 2px solid #2AC769 !important;
    color: #2AC769;
    border-radius: 4px;
}

.unverify {
    border: 2px solid #FB4E4E !important;
    color: #FB4E4E;
    border-radius: 4px;
}

.red {
    color: #FF6E52;
}

.gray {
    color: #85949F;
    font-weight: 300;

}

.bg-darkgray {
    background: rgba(82, 87, 92, 1);
}

.bg-fentGray {
    background-color: #7c7f82;
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #2AC769;
    border-radius: 50%;
    display: inline-block;
}

.sec {
    position: relative;
    right: -1px;
    top: -22px;
}

.counter.counter-lg {
    top: -20px !important;
}

#sticky-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #F0F3F5;
    color: white;
    text-align: center;
    padding: 4px 0 0px 0;
}

.dot-footer {
    height: 5px;
    width: 5px;
    background-color: #A9A9A9;
    border-radius: 50%;
    display: inline-block;
}

a:hover {
    text-decoration: none;
    color: black;
}

.request {
    color: #25282B;
    font-size: 20px;
    font-weight: 700;

}

.request-div {
    margin-left: -9px;
    margin-right: -9px;
    /* border-bottom:1px solid #DDDDDD; */
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

/* Tab content css start*/

.nav-tabs-wrapper {
    display: inline;
    overflow: auto;
    /* height: calc(16px + 0.2rem + 2px); * 1.5 is font-size, 1 is padding top and bottom, 2 is border width top and bottom */
    position: relative;
    z-index: 1;
}

.nav-tabs {
    overflow-x: hidden;
    flex-wrap: nowrap;
    font-weight: 300;


}


.nav-tabs-wrapper-border {
    display: block;
    width: 100%;


}

.nav-tabs {
    border: none;
}

.nav-item a {
    border: none;

}

.tab-pane {
    padding: 1rem;
}

.bg-lightGray {
    background: #F4F4F4;
}

.newpillsRegAll .nav-link:not(.active) {
    border: 0;
    color: #85949F;
    background: none;
}

.newpillsRegAll .nav-link.active {
    background-color: #FF6E52;
    color: white;
    border: 1px solid #FF6E52;
}

/* not active */
.newpillsReg .pill-1 .nav-link:not(.active) {
    background-color: white;
    color: #85949F;
    border: 1px solid #85949F;
    font-weight: none;
}

.newpillsReg .pill-2 .nav-link:not(.active) {
    background-color: white;
    color: #85949F;
    border: 1px solid #85949F;
}

.newpillsReg .pill-3 .nav-link:not(.active) {
    background-color: white;
    color: #85949F;
    border: 1px solid #85949F;
}


/* active (faded) */
.newpillsReg .pill-1 .nav-link {
    background-color: white;
    color: #FF6E52;
    border: 1px solid #FF6E52;
}

.newpillsReg .pill-2 .nav-link {
    background-color: white;
    color: #FF6E52;
    border: 1px solid #FF6E52;
}

.newpillsReg .pill-3 .nav-link {
    background-color: white;
    color: #FF6E52;
    border: 1px solid #FF6E52;
}

.newpills>.active>a:hover, .newpills>li>a:hover {
    text-decoration: none;

    border-radius: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FF6E52;
    color: #FF6E52 !important;
    background-color: transparent !important;
}

.newpills>li>a {
    border-radius: 0px;

    font-size: 16px;
    line-height: 22px;
}

.newpills .nav-link.active, .newpills .show>.nav-link {
    color: #FF6E52 !important;
    background-color: white !important;
    border-radius: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FF6E52;

}

input[type=checkbox] {
    /* visibility: hidden; */
}

.select-all label {
    background: #F0F3F5;
}

.select-alltbl label {
    background: #FFF;
}

.checkbox_square {
    position: relative;

}

.checkbox_square label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
}


.checkbox_square .checkboxLabel{
    cursor: pointer;
    margin-left: 30px !important;
    display: inline-block;
}

.checkbox_square label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background: #FF6E52;
    border-radius: 3px;
}

.checkbox_square label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.checkbox_square input[type=checkbox]:checked+label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.checkbox_square input[type=checkbox]:checked+label {
    border-color: #FF6E52;
}

.advancebtn {
    background: #FBFBFB;
    border: 1px solid #D6E4EC;
    box-sizing: border-box;
    border-radius: 4px;
    color: #5C6074;
    font-size: 12px;
}

.advancebtn:hover {
    color: #5C6074;
}

.created {
    color: rgba(82, 87, 92, 1);
    font-size: 14px;
    padding-left: 10px;
    padding-top: 4px;
    font-weight: 300;
}

.savebtn {
    color: #40DD7F;
    font-size: 14px;
    font-weight: 500;
}

.card-text {
    color: rgba(133, 148, 159, 1);
    font-size: 13px;

}

.maincontent {
    padding-bottom: 300px;
}

.card {
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.32), 0px 1px 2px rgba(91, 104, 113, 0.32);
    border-radius: 6px;
}

.bulk-edit {
    /* color: #52575C; */
    /* border: 1px solid #52575C; */
    box-sizing: border-box;
    border-radius: 4px;
}

.input-search {
    border: 0.2px solid #5C6074;
    box-sizing: border-box;
    border-radius: 4px;
    color: rgba(160, 164, 168, 1);
    font-size: 16px;
    width: 302px;
    height: 56px;
    outline: none !important;
    margin-top: -10px;
}


.pagination {
    box-shadow: 0px 2px 4px rgba(117, 131, 142, 0.04), 0px 8px 16px rgba(52, 60, 68, 0.1);
    border-radius: 4px;
    border: none !important;
    margin-bottom: 0 !important;
}

.pointer {
    cursor: pointer;
}

.pagination li a {
    border: none !important;
    color: #85949F;
    font-size: 12px;

}

.pagination .page-link {
    line-height: 2em;
}

.dataTables_length {
    padding-bottom: 8px;
}

.dataTables_length label {
    border: none !important;
    color: #85949F;
    /* font-size:12px; */
    float: right;
    background: rgba(240, 243, 245, 1);
    padding: 0px 9px;
    margin: 0;
    box-shadow: 0px 2px 4px rgba(117, 131, 142, 0.04), 0px 8px 16px rgba(52, 60, 68, 0.1);
    border-radius: 4px;
    border: none !important;
}

.dataTables_length select {
    outline: none !important;
    border: none !important;
    padding: 10px 4px;
}

#myTable thead, #myTableBoking thead, #TableInvoice thead, #TableCommission thead {
    background: rgba(240, 243, 245, 1);
    border-radius: 8px 8px 0px 0px;
}

#myTableBoking_length {
    display: none;
}

.table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0;
    font-size: 12px;
}

.table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;

}

.table.dataTable tbody tr td {
    font-size: 13px;
    font-family: Manrope;
}

.dataTables_info {
    display: none;
}

#myTable_paginate {
    display: none;
}

#myTableBoking_paginate {
    display: none;
}

.subtd {
    font-family: metropolis;
    font-size: 12px;
    font-weight: 400;
    color: #5A6374;
}

select:focus, input[type=text]:focus, input[type="date"]:focus {
    /* color:#52575C; */
    /* border:10px solid ; */
    /* border:none!important;
    outline:none!important; */
}

.export {
    padding-left: 550px;
}

.dateRange {
    width: 149px;
    height: 33px;
    padding: 2px;
    padding-left: 25px;
    border: 0.5px solid #5C6074;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: white;
    color: rgba(133, 148, 159, 1);
    font-size: 14px;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* SVG background image */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.91519 7.44127C4.71579 8.48129 6.28421 8.48128 7.08481 7.44127L9.94946 3.71999C10.9618 2.40485 10.0243 0.5 8.36464 0.5L2.63535 0.5C0.975677 0.5 0.0381516 2.40485 1.05055 3.71999L3.91519 7.44127Z" fill="#5C6074"/></svg>');
    background-image: url('../images/Polygon.svg');
    background-size: .6em;
    background-position: calc(100% - 1.2em) center;
    background-repeat: no-repeat;
}

.dateRange::-ms-expand {
    display: none;
}

.table-content {
    border-radius: 8px 8px 0px 0px;
}


input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat;
    background-image: url('../img/Calendar.svg');
    width: 40px;
    height: 40px;
    border-width: thin;
    margin-right: -5px;
    /* margin-top:-2px;
	margin-bottom:-2px; */
    z-index: 1;
    position: relative;
    float: right;
}

input[type="date"] {
    border: 1px solid #DDDDDD;
    border-radius: 4px;

}

input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    color: #52575C;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
}




/* sidebar css start*/
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-text {
    color: #52575C;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1);
}

.sidebar {
    min-width: 280px;
    max-width: 280px;
    min-height: calc(100vh - 56px);
    transition: all 0.3s;
    height: 100vh;
    /* overflow: hidden; */
    overflow: scroll;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 8px 0px 8px 8px;
    box-shadow: 5px 10px 8px #888888;
}

.sidebar ul li a {
    display: block;
    padding: .98rem 1.5rem;
    color: #52575C;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
    fill: #52575C;
}

.sidebar ul li a:hover, .sidebar ul .active a {
    color: #FF6E52;
    /* background: #FFF4E7; */
    fill: #FF6E52;
}

.sidebar ul ul a {
    padding-left: 2.5rem;
    background: #FFF;
    padding-top: 11px;
    padding-bottom: 2px;
}

.sidebar ul ul li :hover {

    background: #FFF;
}

.sidebar [data-toggle="collapse"] {
    position: relative;
}

.sidebar [data-toggle="collapse"]:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 1rem;
}

.sidebar [aria-expanded="true"] {
    background: #FFF4E7;
    color: #FF6E52;
    fill: #FF6E52;
}

.sidebar [aria-expanded="true"]:before {
    content: "\f0d7";
    color: #52575C;
}

.sidebar.toggled {
    margin-left: -280px;
}

.content {
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding-top: 100px;
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
}

.checkbox-custom+.checkbox-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #DDDDDD;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    border-radius: 4px;
}

.checkbox-custom:checked::after {
    background: #FF6E52;
    border-radius: 3px;
    box-shadow: inset 0px 0px 0px 2px #fff;
    border-color: #FF6E52;
    opacity: 1;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    background: #FF6E52;
    border-radius: 3px;
    box-shadow: inset 0px 0px 0px 2px #fff;
    border-color: #FF6E52;
    opacity: 1;
}

.checkbox-custom:focus+.checkbox-custom-label {
    outline: 1px solid;
    /* focus style */
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu .dropdown-item {
    width: 250px !important;
    height: 50px;
    text-align: center;
    font-family: Metropolis;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #52575C;

}

.dropdown-menu .dropdown-item:hover {
    background: none;
}

.dropdown-menu .accont {
    border-bottom: 1px solid #DDDDDD;
}

.dropdown-menu .logout {
    padding-top: 15px;
}

.navbar.dropdown {
    box-shadow: 0px 2px 8px rgba(117, 131, 142, 0.04), 0px 16px 24px rgba(52, 60, 68, 0.12);
    border-radius: 0px 0px 4px 4px;

}

/*add admin property css*/
.property {
    border: 1px solid #A0A4A8;
    box-sizing: border-box;
    border-radius: 8px;

}

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;

}

.radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #C4C4C4;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked+.radio-custom-label:before {
    background: #FF6E52;
    box-shadow: inset 0px 0px 0px 4px #fff;
    border: 1px solid #C4C4C4;
}

.InputWrap {
    width: 100%;
    margin: 0 0 18px;
    position: relative;
}

.InputWrap label {
    display: block;
    margin: 0 0 8px;
    font-family: 'Manrope';
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 22px;
    color: #696F79;
}

.InputWrap input {
    background: rgba(255, 255, 255, 0.87);
    border: 1px solid #8692A6;
    border-radius: 4px;
    padding: 0 15px;
    width: 100%;
    height: 56px;
    font-family: 'Manrope';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #25282B;
}

#comment:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #FF7E36;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px #FF7E36;
    outline: 0 none;
}

.DoubleInput .InputWrap {}

.DoubleInput .InputWrap:last-child {
    margin-left: auto;
}

.PasswordFill input {
    padding: 11px 40px 11px 11px;
}

.PasswordFill i {
    position: absolute;
    bottom: 14px;
    right: 1rem;
}

/*.radio-custom:focus + .radio-custom-label {
  outline: 1px solid #FF6E52; /* focus style */

.hrs-col {
    align-items: center;
    margin-bottom: 24px;
}

.input-date {
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    width: 120px;
    height: 48px;
    font-family: Manrope;
    font-style: normal;
    font-weight: 200 !important;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;
    color: #C4C4C4 !important;
    text-align: center;
}

.line-black {
    width: 16px;
    height: 1px;
    background: #000000;
    align-items: center;
    justify-content: center;
    padding: 0 0px;
    margin: 0 18px;
}

.hrs-col:last-child {
    margin-bottom: 0;
}

.form-control::-webkit-input-placeholder {
    color: #C4C4C4;
}

.day-name {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: #25282B;
    width: 176px;
}

.switch-name-none .btn-switch-cstm label:before {
    opacity: 0;
    display: none;
}

.service-provide .hrs-col:last-child {
    margin-bottom: 0;
}

/**for switch */
.btn-switch-cstm input {
    display: none;
    opacity: 0;
}

.btn-switch-cstm label {
    width: 64px;
    height: 34px;
    cursor: pointer;
    display: flex;
    position: relative;
    background: #EAEAEA;
    border-radius: 30px;
    transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -webkit-transition: background-color 0.4s;
    font-family: 'Font Awesome 5 Solid';
    font-weight: 400;
}

.btn-switch-cstm label:before {
    position: absolute;
    content: 'Closed';
    font-family: Manrope;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;
    color: #A0A4A8;
    right: -55px;
    height: 34px;
}

.btn-switch-cstm label:after {
    width: 28px;
    height: 28px;
    margin: 0;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    content: "✖";
    color: #313641;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-switch-cstm label:before {
    position: absolute;
    content: 'Closed';
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;
    color: #A0A4A8;
    right: -55px;
    height: 34px;
}

.btn-switch-cstm input:checked+label:before {
    content: 'Open';
    right: -44px;
}

.btn-switch-cstm input:checked+label {
    background: #FF7E36;
}

.btn-switch-cstm input:checked+label:after {
    left: auto;
    right: 3px;
    content: url('../images/checkmark.png');
    color: #FF7E36;
}

/**for switch */
.day-picker-cstm {
    padding-left: 0px;
    align-items: center;
}

.hrs-row {
    padding-left: 15px;
}

.starrating>input {
    display: none;
}

/* Remove radio buttons */

.starrating>label img {

    content: url("../images/VectorEmpty.png");
    margin-right: 10px;
}

.starrating>label {
    color: #B0B0B0;
    /* Start color when not clicked */
}

.starrating>input:checked~label img {
    color: #FF7E36;
    content: url("../images/VectorFill.png");
}

/* Set yellow color when star checked */

.starrating>input:hover~label img {
    color: #FF7E36;
    content: url("../images/VectorFill.png");
}

.text-muted {
    color: #A0A4A8 !important;
}

.frm-grp {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10px;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-cu {
    background: #FFFFFF;
    border: 0.5px solid #5C6074;
    box-sizing: border-box;
    border-radius: 4px;
    max-width: 400px;
    width: 100%;
    height: 60px;
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: #979797;
    padding: 0 8px;
}

.search-result {
    max-width: 450px;
    width: 100%;
}

#ck-button label span {
    font-family: Manrope;
    font-style: normal;
    font-weight: normal !important;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #52575C;
    height: 28px;
    background: #FFFFFF;
    border: 1px solid #FF7E36;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 0 6px;


}

#ck-button label input {
    position: absolute;
    top: -20px;
}

#ck-button input:checked+span {
    background-color: #FF6E52;
    border: 1px solid #FF7E36;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
}

.bg-green {
    background: #3AA76D;
}

#TableCommission_length {
    display: none;
}

.bg-edit {
    color: #5C6074;
    width: 24px;
    height: 24px;
}

.main {
    width: 25%;
    margin: 50px auto;
}

/* Bootstrap 4 text input with search icon */

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    font-size: 14px;

}

.bg-blue {
    background: #07A0F6;
}

.collection .nav-item {
    background: #FFFFFF;
    border-radius: 8px;
    margin: 10px 10px;
    Width: 230px;
    Height: 153px;
    vertical-align: middle;

}

.collection .nav-link {
    color: #171725;
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    padding-top: 20%;

}

.remove {
    color: #FB4E4E;
}

.colldate {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #7F8FA4;

}

.collbtn {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1px;
    color: #25282B;

}

.collbest {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1px;
    color: rgba(133, 148, 159, 1);

}

#TableInvoice tbody, #TableCommission tbody {
    background: #FFF;
}

.purple {
    color: #9B51E0;
}

.emailInvoice {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #5A6374;
}

.btn-group {
    white-space: nowrap;
}

.invoiceAction .dropdown-menu div {
    vertical-align: middle;
    padding: 8px 10px;
}

.invoiceAction .dropdown-menu div:hover {
    background: #FFF4E7;
}

.invoiceAction .dropdown-menu a {
    font-family: Manrope;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #52575C;
    padding: 10px 10px;
}

.invoicetitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #25282B;
}

.invoicetitle1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 33px;
    color: #25282B;
}

.gst {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #25282B;
}

.invoceAdd {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.invoceto {
    background: #FFFFFF;
    border: 1.48969px solid #FF6E52;
    box-sizing: border-box;
    border-radius: 16px;
}

.invocetottl {
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #4A5568;

}

.nameto {
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #4A5568;
}

.addressto {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    color: #25282B;
}

.invoceAddto {
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #25282B;
}

.bg-table {
    background: #F0F3F5;
}

.invoicetable {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    align-items: center;
    color: #4A5568;
}

.description {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
}

.note {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #4A5568;

}

.green {
    color: #0D5F07;
}

.select2-container .select2-selection--single {
    height: 56px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 58px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 56px !important;
}

.contry-dropdown .select2-container {
    position: absolute;
    width: 80px !important;
}

.contry-dropdown .select2-container .select2-selection--single {
    height: 56px;
    background: #F0F3F5;
    border-radius: 4px 0px 0px 4px;
    border: 0;
    display: flex;
    align-items: center;
}

.contry-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-dropdown {
    background: #FFFFFF;
    border: 0px solid #A0A4A8;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
    width: 318px !important;
    padding: 16px 0 12px 0;
}

.select2-search--dropdown {
    padding: 0 10px 10px 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ff7e36;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #F0F3F5;
    color: #25282B;
}

.select2-results__option {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;
    color: #25282B;
    padding: 6px 15px;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #25282B;
}

@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: relative !important;
        width: 172px;
        height: 176px;
        z-index: 1;
    }
}

@media (max-width: 768px) {
    .sidebar {
        margin-left: -280px;
    }

    .sidebar.toggled {
        margin-left: 0;
    }

    .bars {
        flex-direction: column !important;
    }

    .port-item {
        width: 100%;
        align: center;


    }

    .input-search {
        border: 0.5px solid #5C6074;
        box-sizing: border-box;
        border-radius: 4px;
        color: rgba(160, 164, 168, 1);
        font-size: 16px;
        width: 200px;
        height: 40px;
        padding-bottom: 10px;
    }

    .navbar-brand {
        padding: 0;
    }



    .col-9 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .hrs-row {
        padding: 0;
        display: inline-block;

        overflow-X: auto;
    }

    .hrs-col .col-md-12 {
        padding: 0 !important;
    }

    .frm-grp {
        border-bottom: 1px solid #DDDDDD;
        padding-bottom: 10px;
        width: 100%;
    }

    .table-responsive {
        overflow: inherit;
    }
}


.select2-container .select2-selection--single {
    height: 56px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 58px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 56px;
}

.contry-dropdown .select2-container {
    position: absolute;
    width: 80px !important;
}

.contry-dropdown .select2-container .select2-selection--single {
    height: 56px;
    background: #F0F3F5;
    border-radius: 4px 0px 0px 4px;
    border: 0;
    display: flex;
    align-items: center;
}

.contry-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-dropdown {
    background: #FFFFFF;
    border: 0px solid #A0A4A8;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
    width: 318px !important;
    padding: 16px 0 12px 0;
}

.select2-search--dropdown {
    padding: 0 10px 10px 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ff7e36;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #F0F3F5;
    color: #25282B;
}

.select2-results__option {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;
    color: #25282B;
    padding: 6px 15px;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #25282B;
}

.sidebar ul .anchorbtn button :hover {
    background-color: #FF6E52 !important;
    color: white;
}

.date-one {
    width: 125px;
    height: 40px;
    /* background: #F0F3F5; */
    border-radius: 4px;
    font-family: Work Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #52575C;
    border: 0;
}

.date-one svg:first-child {
    margin-right: 12px;
}

.date-one svg:last-child {
    margin-left: 12px;
}


.datepicker.dropdown-menu {
    background: #fff !important;
    padding: 12px;
    border: 0;
}

.datepicker.dropdown-menu:before,
.datepicker.dropdown-menu:after {
    opacity: 0;
}

.datepicker.dropdown-menu table thead tr th.datepicker-switch {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    /* IconStrokeDarkmode */
    color: #343C44;
    text-transform: capitalize;
}

.datepicker.dropdown-menu table thead tr th.prev,
.datepicker.dropdown-menu table thead tr th.next {
    /* color: #fff !important; */
    border-color: #fff !important;
    font-size: 20px;
}

.datepicker.dropdown-menu table thead tr th {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #5C6074;
    padding: 5px 12px 10px 12px;
    border-bottom: 0px solid #fff;
    border: 0 !important;
}

.datepicker.dropdown-menu table thead tr:first-child th {
    padding-top: 5px;
}

.datepicker.dropdown-menu table tbody tr td {
    padding: 0;
    width: 36px;
    height: 36px;
    background: #EAF2F5;
    border-radius: 4px;
    font-family: Manrope;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #343C44;
    vertical-align: middle;
    margin: 0;
    border-left: 6px solid #fff !important;
    border-right: 6px solid #fff !important;
    border-bottom: 6px solid #fff !important;
    transition: ease-in-out .5s;
    border-top: 0 !important;
}

.datepicker.dropdown-menu table tbody tr td.active {
    background: #FFF4E7;
    border-radius: 4px;
    color: #FF7E36;
}

.datepicker.dropdown-menu table tbody tr td.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.datepicker.dropdown-menu table tbody tr td:hover {
    background: #FFF4E7;
    border-radius: 4px;
    color: #FF7E36;
}

.property-name-width {
    width: 110px !important;
}

.confirmation-id-width {
    width: 111px !important;
}

.customer-name-width {
    width: 200px !important;
}

.transaction-id-width {
    width: 75px !important;
}

.amount-width {
    width: 80px !important;
}

.date-width {
    width: 80px !important;
}

.status-width {
    width: 60px !important;
}

.source-width {
    width: 80px !important;
}

.actions-width {
    width: 150px !important;
}

.dataTable {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
}

div.dataTables_wrapper {
    width: 1150px;
    margin: 0 auto;
}

.dataTables_length {
    float: right !important;
}

.login-section {
    position: relative;
}

.login-panel {
    background: white;
    padding: 30px;
    height: 558px;
    width: 407px;
    border-radius: 6px;
    margin: auto !important;
}

.forgot-panel {
    background: white;
    padding: 30px;
    height: 380px;
    width: 407px;
    border-radius: 6px;
    margin: auto !important;
}

.reset-panel {
    background: white;
    padding: 30px;
    height: 440px;
    width: 407px;
    border-radius: 6px;
    margin: auto !important;
}

.welcome-text {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #25282B;
}

.signin-text {
    font-family: Manrope;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #52575C;
}

.sign-btn {
    background: #FF6E52;
    border-radius: 5px;
    width: 100%;
    color: #fff;
}

.text-link {
    color: #FF6E52;
}

.dt-button {
    background: white !important;
    background-image: url('../img/up.png') !important;
    background-position: 5px center !important;
    background-repeat: no-repeat !important;
    width: 96px !important;
    text-align: right !important;
}

.dataTables_length {
    height: 48px !important;
}

.last-column {
    background: #E5E5E5;
    border-style: none;
}

.confirm-btn {
    width: 100px;
    height: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #3AA76D;
    background: rgba(33, 184, 75, 0.12);
    border-radius: 4px;
}

.confirm-btn {
    width: 100px;
    height: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #3AA76D;
    background: rgba(33, 184, 75, 0.12);
    border-radius: 4px;
}

.reject-btn {
    width: 100px;
    height: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #F07777;
    background: rgba(255, 98, 98, 0.24);
    border-radius: 4px;
}

.pending-btn {
    width: 95px;
    height: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #F8B713;
    background: rgba(255, 211, 98, 0.24);
    border-radius: 4px;
}


.error {
    color: rgba(255, 0, 0, 0.61);
}

.small {
    font-size: 0.8em;
}


/* Nsa Added on 15-11-2021 */
.adv-plan-box {
    background-color: #E3FBF5;
    color: #1DC39A !important;
    border: 1px solid #D6E4EC;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
}

.basic-plan-box {
    background-color: #FFF4E7;
    color: #5C6074 !important;
    border: 1px solid #D6E4EC;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
}


input[type=checkbox] {
    visibility: hidden;
}

.nameOfCategory {
    color: #FF6E52;
}



.hide {
    display: none;
}






/* General Assets start here*/
.tiny {
    font-size: 0.6em
}

.small {
    font-size: 0.8em
}

.medium {
    font-size: 1.5em
}

.large {
    font-size: 2em
}

.extra-large {
    font-size: 3em
}

.center {
    text-align: center
}

.capitalize {
    text-transform: uppercase
}

.link {
    text-decoration: none
}

.link:hover, .link:active {
    text-decoration: underline
}

.white {
    color: #FFF
}

.black {
    color: #000
}

.blue {
    color: #0054A6
}

.green {
    color: #00CB00
}

.red {
    color: #D81F2A
}

.white-bg {
    background: #FFF
}

.light-gray-bg {
    background: #D6D7D9
}

.light-gray-bg-1 {
    background: #f3f3f3
}

.blue-bg {
    background: #0054A6
}

.green-bg {
    background: #00CB00
}

.red-bg {
    background: #D81F2A
}

.pointer {
    cursor: pointer
}

.text-shadow {
    text-shadow: 0px 0px 12px #000
}

.text-glow {
    text-shadow: 0px 0px 12px #FFF
}

.hr {
    display: block;
    border-top: 1px solid #D6D7D9;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.left {
    float: left
}

.right {
    float: right
}

.spacer-half {
    display: block;
    height: 0.4em
}

.spacer {
    display: block;
    height: 0.8em
}

.spacer-2x {
    display: block;
    height: 1.6em
}

.spacer-3x {
    display: block;
    height: 2.4em
}

.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    display: block;
    visibility: hidden;
}

.padding {
    padding: 0.8em
}

.padding-offset {
    padding-left: 0.8em;
    padding-right: 0.8em
}

.padding-offset-half {
    padding-left: 0.4em;
    padding-right: 0.4em
}

.padding-top-bottom {
    padding-top: 0.8em;
    padding-bottom: 0.8em
}

.padding-top {
    padding-top: 0.8em
}

.padding-right {
    padding-right: 0.8em
}

.padding-bottom {
    padding-bottom: 0.8em
}

.padding-left {
    padding-left: 0.8em
}

.padding-top-0 {
    padding-top: 0
}

.padding-right-0 {
    padding-right: 0
}

.padding-bottom-0 {
    padding-bottom: 0
}

.padding-left-0 {
    padding-left: 0
}

.margin-top-0 {
    margin-top: 0
}

.margin-right-0 {
    margin-right: 0
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-left-0 {
    margin-left: 0
}

.inline {
    display: inline
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

/* General Assets end here*/



.noCuisinesDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 42px;
    position: absolute;
    width: 344px;
    height: 164px;
    left: 600px;
    top: 250px;
    background: #FFFFFF;
    border-radius: 8px;
}

.addCuisineBtnWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: static;
    width: 153px;
    height: 40px;
    left: 95.5px;
    top: 94px;
    /* Brand Colors Primary/Sand Beds Primary */
    background: #FF6E52;
    border: 1px solid #FF6E52;
    color: #fff;
    border-radius: 4px;
}