@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {
    font-family: 'Roboto', sans-serif;
}
.flt {
    float: left;
    width: 100%;
}

ul {
    padding: 0px;
    margin: 0px;
}
.dash_top {
    background: rgb(20 33 61);
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgb(255, 255, 255);
    text-align: right;
    padding: 10px 28px;
}
.dash_menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding: 10px 10px 5px 10px;
}
.dash_homecont {
    background-image: url(../images/dash-background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    padding: 14px 27px 36px 30px;
    align-items: center;
    border-bottom: 3px solid rgb(191, 155, 48);
}
.dash_left {
    position: absolute;
    top: -19px;
    left: 27px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    border-radius: 10px;
    padding: 15px 13px;
}

.dash_right img {
    margin-right: 12px;
}

.dash_right span img {
    margin-bottom: 5px;
}

.dash_right span {
    margin-left: 5px;
}

.overview_main {
    display: flex;
    padding: 12px 18px;
}

.addroomtype_main {
    display: flex;
    padding: 18px 18px 5px 18px;
}
.blockroom_main {
    padding: 18px 18px 5px 18px;
}
.over_status {
    padding: 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    text-align: center;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
}
.edit_input input.form-control {
    padding: 10px 40px;
    height: 36px !important;
    background: rgb(255, 255, 255);
    border-radius: 7px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(77, 84, 101);
    margin-bottom: 3px;
}
.edit_status {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #919191;
}
.room_price {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 19px 42px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
}
span.over_one {
   
    margin-right: 3px;
}
span.over_zero {
    color: rgb(221, 91, 91);
    margin-right: 3px;
}
.overview_content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 25px 0px;
    border: none;
    margin: 0 8px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgb(20 33 61 / 10%);
    border-radius: 8px;
}
.over_text {
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: rgb(20, 33, 61);
}
.over_text span {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: rgb(20, 33, 61);
}
.dash_head {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: rgb(255, 255, 255);
    margin-top: 14px;
}
.dash_tab {
    background: rgb(27, 45, 85);
    box-shadow: -1px -1px 3px rgb(3, 21, 48), 1.5px 1.5px 3px rgb(3 21 48 / 40%);
    border-radius: 5px;
    padding: 16px 35px;
    color: rgb(255, 255, 255);
}
.dash_tab span {
    margin-right: 10px;
    color: rgb(202, 169, 71);
}
.dash_right ul {
    display: flex;
    list-style-type: none;
}
.dash_right ul li {
    padding: 10px 32px;
    border-left: 1px solid rgb(215, 215, 215);
}
.dash_right ul li a {
    font-weight: 300;
    font-size: 15px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: rgb(20, 33, 61);
}
.overview_container {
    padding: 24px 27px 25px 27px;
}
.blockroom_container {
    padding: 24px 27px 0px 27px;
}
.blocked {
    background: rgb(255, 170, 170);
    border-radius: 5px;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    /* display: flex; */
    align-items: center;
    color: rgb(221, 0, 0);
    padding: 7px 18px;
    width: 55%;
    text-align: center;
}
.overview_box {
    background: rgb(255, 255, 255);
    border-radius: 10px 10px 0px 0px;
    margin-top: -54px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgb(20 33 61 / 20%);
    border-radius: 10px;
}
.overview_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 15px;
    border-bottom: 1px solid rgb(191, 155, 48);
}
.bargraph_container {
    padding: 28px;
}

.bargraph_box {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgb(20 33 61 / 20%);
    border-radius: 10px;
}
.bargraph_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(191, 155, 48);
    padding: 8px 15px;
}
.bargraph_menulist ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
}
.bargraph_menulist {
    width: 50%;
}

.bargraph_menulist li {
    margin-right: 15px;
}

.bargraph_menulist img {
    margin-right: 17px;
}

.bargraph_menulist span {
    margin-right: 65px;
    color: rgb(202, 151, 3);
}

.newbooking_main {
    padding: 7px;
}
.newbooking_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(191, 155, 48);
    padding: 8px 15px;
}
.blockroom_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(191, 155, 48);
    padding: 8px 15px;
}
.roomcount_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(191, 155, 48);
    padding: 5px 11px;
}
.bargraph_date {
    background: rgb(245, 245, 245);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    padding: 11px 24px;
    margin-right: 10px;
}
.blockroom_date {
    background: rgb(245, 245, 245);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    padding: 11px 24px;
    margin-left: 10px;
}
.roomcount_datecontainer .roomcount_date {
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    padding: 11px 24px;
    width: 100%;
    margin-left: 18px;
}
.room_details .roomcount_date {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    padding: 11px 24px;
    width: 100%;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgb(77, 84, 101);
}
.room_details select{
    margin-bottom: 20px;
}
.addroomcount_main {
    padding: 17px 17px 17px 17px;
}
.addamenties_main {
    padding: 17px 12px 5px 12px;
}

.roomcount_text {
    width: 35%;
}
.roomcount_datecontainer {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.roomcount_datecontainer input {
    margin-bottom: 0px;
}
.room_details input {
    margin-bottom: 20px;
}

.bargraph img {
    width: 100%;
    border-radius: 10px;
}
.over-txt {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: rgb(0, 0, 0);
}
.over-txt span {
    margin-left: 15px;
}
.over_toggle {
    margin-left: 5px;
    padding: 9px 11px;
    text-align: center;
    align-items: center;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    background: rgb(27, 45, 85);
}
.overview_cont {
    padding: 0px 16px 0px 16px;
}
.overview1_content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 25px 26px;
    border: none;
    margin: 0 8px;
    background: rgb(255, 255, 255);
    border-bottom: 3px solid rgb(19, 32, 59);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
}
.overt_img {
    padding: 10px 10px 10px 10px;
    left: 68px;
    top: 245px;
    background: rgb(255, 244, 213);
    border-radius: 5px;
    display: flex;
    justify-content: center;
}
.overb_img {
    padding: 10px 10px 10px 10px;
    left: 68px;
    top: 245px;
    background: rgb(189, 226, 255);
    border-radius: 5px;
    display: flex;
    justify-content: center;
}
.bargraph_datecontainer {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.overview_time {
    background: rgb(245, 245, 245);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    padding: 8px 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 15%;
}
.overview_cal {
    background: linear-gradient(0deg, rgb(213, 213, 213), rgb(213, 213, 213)), rgb(255, 255, 255);
    border-radius: 3px;
    width: 24px;
    text-align: center;
    height: 23px;
}
.overview_text {
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: rgb(20, 33, 61);
}
.date_det {
    padding: 24px 20px;
    text-align: center;
    background: rgb(255, 255, 255);
    border-bottom: 3px solid rgb(19, 32, 59);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    align-items: center;
    color: rgb(20, 33, 61);
}
.date_det span {
    float: right;
}
.date_list {
    padding: 27px 18px;
    text-align: center;
    background: rgb(255, 255, 255);
    border-bottom: 3px solid rgb(19, 32, 59);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    color: rgb(20, 33, 61);
}
.over_room {
    text-align: center;
    padding: 20px 15px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
}
.over_add {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 18px 18px;
}
.over_add button {
    border: none;
    background: transparent;
}
.over_room img {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 10px;
}
.overview_table thead tr th {
    background: rgb(209, 234, 255);
    padding: 5px;
}
.overview_table tbody tr td {
    font-size: 14px;
    padding: 5px 5px;
    line-height: 16px;
    align-items: center;
    text-align: center;
    color: rgb(0, 0, 0);
    background: rgb(237, 246, 255);
    border: 1px solid rgb(214, 232, 255);
}
.overview_table table {
    border-collapse: separate;
    border-spacing: 0 7px;
}
.newsbooking_container {
    padding: 28px;
    margin-top: -53px;
}
.newsbooking_datecontainer {
    width: 42%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.newsbooking_datecontainer .form-control {
    display: block;
    width: 43%;
    margin-right: 10px;
    padding: 1.375rem 0.75rem;
}
.newbookings_table thead tr th {
    background: rgb(230, 243, 255);
    border-bottom: 1px solid rgb(179, 203, 255);
}
.blockroom_datecontainer {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.addroom_datecontainer {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.blockroom_datecontainer .form-control {
    display: block;
    width: 43%;
    margin-right: 10px;
    padding: 1.375rem 0.75rem;
}
.newbookings_table thead tr th {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgb(20, 33, 61);
}
.newbookings_table tbody td {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    color: rgb(0, 0, 0);
}
.newbookings_table tbody tr:nth-child(odd) {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    color: rgb(0, 0, 0);
    background: rgb(250, 250, 250);
}
.newbooking_status{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.newbooking_status button {
    margin-right: 10px;
    background: linear-gradient(0deg, rgb(255, 207, 207), rgb(255, 207, 207)), rgb(255, 255, 255);
    border: 1px solid rgb(221, 91, 91);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 3px;
    color: rgb(221, 0, 0);
    padding: 9px 28px;
}
button.download_book {
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    background: rgb(189, 226, 255);
    font-size: 14px;
    color: rgba(81, 134, 215, 0.98);
}
.overedit_room {
    background: rgb(19, 32, 59);
    border: 1px solid rgb(224, 224, 224);
    border-radius: 6px;
    padding: 14px 25px;
    font-weight: 400;
    font-size: 14px;
    margin-top: 38px;
    line-height: 18px;
    color: rgb(255, 255, 255);
}
.edit_input input.form-control::placeholder {
    color: rgb(221, 91, 91);
    text-align: center;
}
.over_prices {
    font-size: 9px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 14px 2px;
    margin-bottom: 5px;
}
.overview_table table tr:nth-child(2) {
    background-color: red;
}
button.new_book {
    background: rgb(20, 33, 61);
    border-radius: 5px;
    padding: 12px 38px;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgb(255, 255, 255);
}
button.prev_book {
    border: 1px solid rgb(166, 166, 166);
    border-radius: 5px;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgb(20, 33, 61);
}
.newbooking_menulist ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
}
.newbooking_menulist li {
    margin-right: 15px;
}

.newbooking_menulist img {
    margin-right: 17px;
}
.newbooking_menulist span {
    margin-right: 65px;
    color: rgb(202, 151, 3);
}
.roomcount_menulist ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
}

.roomcount_menulist li {
    margin-right: 15px;
}

.roomcount_menulist img {
    margin-right: 17px;
}

.roomcount_menulist span {
    margin-right: 65px;
    color: rgb(202, 151, 3);
}
.footer_container {
    background: rgb(20, 33, 61);
    border-top: 3px solid rgb(191, 155, 48);
}
.footer_text {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 13px 0px;
}
.footer_text a {
    font-weight: 600;
    color: rgb(191, 155, 48);
}
.login_backimg {
    background-image: url(../images/login-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: calc(100vh - 242px);
}
.login_container {
    padding: 7px;
}
.login_screen img {
    width: 100%;
}
.login_logo {
    width: 140px;
    height: 131px;
}
.login_cont {
    position: relative;
    width: 690px;
    margin: -50px auto 2% auto;
    background: rgb(255, 255, 255);
    border-radius: 11px;
}
.login_cont::before {
    content: "";
    position: absolute;
    right: -9px;
    top: 2px;
    width: 109px;
    height: 124px;
    background-image: url(../images/login-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.login_cont .row {
    background: rgb(255, 255, 255);
    padding: 7px;
    border-radius: 9px;
}
.login_cont .col-sm-5{
    padding: 0px;
}
.login_cont .col-sm-7 {
    padding: 25px;
}
.login_top {
    background-image: url(../images/login-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 3px solid rgb(191, 155, 48);
    padding: 73px 0px 100px 0px;
}
.login_form .form-control {
    margin-bottom: 18px;
}

.login_text {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: rgb(255, 255, 255);
    text-align: center;
}
.login_form h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: rgb(19, 32, 59);
    margin-bottom: 22px;
}
button.login-btn {
    background: rgb(19, 32, 59);
    border: 1px solid rgb(233, 233, 233);
    border-radius: 7px;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 14px 27px;
}
/* .addcountsearch_holder {
    padding-right: 5px;
    display: flex;
    align-items: center;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(224, 224, 224);
    border-radius: 6px;
    justify-content: space-between;
    padding: 3p;
} */
.addcountsearch_holder {
    border: 1px solid rgb(217, 217, 217);
    border-radius: 4px;
    display: flex;
    position: relative;
}

.addcountsearch_holder button{
    border: none;
    display: block;
    font-family: 'FontAwesome';
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    border-radius: 3px;
   
}
.addcountsearch_holder input{
    padding: 18px 40px 18px 10px !important;
}
/* .search_holder span {
    padding-top: 5px;
    background: linear-gradient(0deg, rgb(245, 245, 245), rgb(245, 245, 245)), rgb(255, 255, 255);
    border-radius: 3px;
    width: 34px;
    height: 33px;
    text-align: center;
} */

.newsbooking_datecontainer input.form-control {
    margin-bottom: 0px;
    border: none;
    width: 100%;
}
.blockroom_datecontainer input.form-control {
    margin-bottom: 0px;
    border: none;
    width: 100%;
}
.addroom_datecontainer input.form-control {
    margin-bottom: 0px;
    border: none;
    width: 100%;
}
.room_box {
    background: rgb(255, 255, 255);
    border-radius: 10px 10px 0px 0px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgb(20 33 61 / 20%);
    border-radius: 10px;
    margin-bottom: 20px;
}
.addroom_box {
    background: rgb(255, 255, 255);
    border-radius: 10px 10px 0px 0px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgb(20 33 61 / 20%);
    border-radius: 10px;
    margin-bottom: 20px;
}
.countroom_box {
    background: rgb(255, 255, 255);
    border-radius: 10px 10px 0px 0px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgb(20 33 61 / 20%);
    border-radius: 10px;
    margin-top: -30px;
}
.room_detailcont {
    background: rgb(237, 247, 255);
    border-radius: 7px;
    padding: 10px;
}
.room_detailimg {
    background: rgb(255, 255, 255);
    border: 1px dashed rgb(20, 33, 61);
    border-radius: 7px;
    text-align: center;
}
input.form-control {
    padding: 22px 30px;
    background: rgb(255, 255, 255);
    border: 1px px solid rgb(233, 233, 233);
    border-radius: 7px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgb(77, 84, 101);
}
.room_submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 6px 5px 17px;
    border-top: 1px solid rgb(162, 162, 162);
    border-radius: 0px 0px 10px 10px;
}
.room_subtext {
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgb(0, 0, 0);
}
.room_subtn button {
    background: rgb(27, 45, 85);
    border-radius: 4px;
    border: rgb(255, 222, 173);
    padding: 13px 60px;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgb(255, 255, 255);
}
.addroom_subtn button {
    background: rgb(27, 45, 85);
    border-radius: 4px;
    border: rgb(255, 222, 173);
    padding: 13px 60px;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgb(255, 255, 255);
}
.room_detailcont {
    background: rgb(237, 247, 255);
    border-radius: 7px;
    padding: 10px;
}
.room_detailimg {
    background: rgb(255, 255, 255);
    border: 1px dashed rgb(20, 33, 61);
    border-radius: 7px;
    text-align: center;
    padding: 40px 0px 29px 0px;
}
.room_text {
    margin-top: 21px;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    color: rgb(27, 45, 85);
}
.room_btn button {
    border: 1px solid rgb(20, 33, 61);
    border-radius: 4px;
    padding: 12px 35px;
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;   
    align-items: center;
    color: rgb(20, 33, 61);
}
.room_text1 {
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgb(216, 39, 39);
    margin-top: 16px;
}
.room_btn {
    text-align: center;
    margin-top: 14px;
}
.addroom_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 15px;
    border-bottom: 1px solid rgb(191, 155, 48);
}
.countroom_container {
    padding: 0px 27px 0px 0px;
}
.addroom_container {
    padding: 20px 27px 0px 27px;
}
.addroom_action {
    display: flex;
    align-items: center;
}
.addroom_action button {
    border: none;
    background: transparent;
}
.newsbooking_datecontainer input.form-control {
    margin-bottom: 0px;
}
.amenties_cont {
    background: rgb(237, 247, 255);
    border-radius: 7px;
    display: flex;
    align-items: center;
    padding: 17px 0px;
    justify-content: space-between;
}
button.choose_img {
    margin-top: 9px;
    background: rgb(237, 247, 255);
    border-radius: 7px;
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    align-items: center;
    text-align: center;
    color: rgb(20, 33, 61);
    padding: 11px 30px;
    border: 1px solid rgb(20, 33, 61);
}
.amenties_left .room_detailimg {
    padding: 40px 26px 29px 26px;
}
.ex_img {
    font-weight: 400;
    padding: 11px 9px;
    padding: 11;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    color: rgb(77, 84, 101);
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(224, 224, 224);
    border-radius: 6px 6px 0px 0px;
}
.amenties_right img {
    width: 100%;
}
.block_room {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(233, 233, 233);
    border-radius: 7px;
    font-weight: 400;
    font-size: 16px;
    padding: 18px 16px 0px 16px;
    line-height: 19px;
    align-items: center;
    color: rgb(221, 91, 91);
}
.unblock_room {
    padding: 18px 16px 0px 16px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(232, 232, 232);
    border-radius: 7px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    color: rgb(7, 148, 21);
}
.room_details label {
    width: 90%;
}
.count_roomholder {
    padding-bottom: 90px;
}
.count_roomholder .row {
    margin-right: 0px;
    margin-left: 0px;
}
.logout_menu{
    background: rgb(255, 255, 255);
    border: 1px solid rgb(191, 155, 48);
    box-shadow: 0px 0px 20px rgba(20, 33, 61, 0.2);
    border-radius: 5px;
    padding: 5px;
    width: 13%;
    display: inline-block !important;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 50px;
    transform: translateY(50%);
    transition: 0.5s all ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.date_menu{
    background: rgb(255, 255, 255);
    border: 1px solid rgb(191, 155, 48);
    box-shadow: 0px 0px 20px rgba(20, 33, 61, 0.2);
    border-radius: 5px;
    width: 16%;
    display: inline-block !important;
    position: absolute;
    z-index: 1;
    right: 92px;
    top: 461px;
    padding: 5px 0px !important;
    transform: translateY(50%);
    transition: 0.5s all ease-in-out;
    visibility: hidden;
    opacity: 0;
    list-style-type: none;
}



.dropdown_menu {
    border: 1px solid rgb(233, 233, 233);
    border-radius: 4px;
    padding: 5px;
    width: 17%;
    display: inline-block !important;
    position: absolute;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
    right: 176px;
    top: 58px;
    transform: translateY(50%);
    transition: 0.5s all ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.bargraph_datecontainer ul {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    list-style-type: none;
    background: #F5F5F5;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 12px;
}
.bargraph_datecontainer ul li a{
    color: rgb(0, 0, 0);
}

.bargraph_datecontainer ul li.active{
    border-bottom: 3px solid rgb(202, 151, 3);
}
.bargraph_datecontainer ul li:hover .date_menu {
    transform: translateY(0%) !important;
    visibility: visible;
    transition: 0.5s all ease-in-out;
    opacity: 1;
}
.dash_right ul li:hover .dropdown_menu {
    transform: translateY(0%) !important;
    visibility: visible;
    transition: 0.5s all ease-in-out;
    opacity: 1;
}
.dash_right ul li.active{
    border-bottom: 3px solid rgb(202, 151, 3);
}
.dash_right ul li:hover .logout_menu {
    transform: translateY(0%) !important;
    visibility: visible;
    transition: 0.5s all ease-in-out;
    opacity: 1;
}
.dropdown_menu li {
    border-left: none !important;
    float: left;
    width: 100%;
    margin: 0px !important;
    text-align: left !important;
    padding: 5px 5px;
    padding: 3px !important;
}
.dropdown_menu li a {
    float: left;
    width: 100%;
    padding: 0px 0px;
    transition: 0.3s all ease-in-out;
}
.date_menu li {
    border-left: none !important;
    float: left;
    width: 100%;
    margin: 0px !important;
    text-align: left !important;
    padding: 5px 5px;
    padding: 3px !important;
}
.date_menu li a {
    float: left;
    width: 100%;
    padding: 10px;
    transition: 0.3s all ease-in-out;
    border-bottom: 1px solid  rgb(128, 128, 128);
}
.date_btn {
    text-align: center;
}
.date_btn button {
    border: none;
    padding: 7px 15px;
    border-radius: 5px;
    background:  rgb(128, 128, 128);
}

button.apply_btn {
    background: rgb(255, 0, 0);
    color: #fff;
    border-radius: 5px;
}
.logout_menu li {
    border-left: none !important;
    float: left;
    width: 100%;
    margin: 0px !important;
    text-align: left !important;
    padding: 5px 5px;
    padding: 3px !important;
}
.logout_menu li a {
    float: left;
    width: 100%;
    padding: 0px 0px;
    transition: 0.3s all ease-in-out;
}

.login_form {
    position: relative;
    z-index: 1; 
}
.dropdown_menu li a:hover {
    background-color: rgb(19, 32, 59) !important;
    color: rgb(255, 255, 255) !important;
}

.date_menu li:hover {
    background-color: rgb(128, 128, 128);
    color: rgb(255, 255, 255) !important;
}


.menu_holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgb(233, 233, 233);
    padding: 10px 10px;
}

 .logout_menu .menu_holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border:none !important;
    padding: 0px !important;
}
button.log_img {
    border: none;
    background: transparent;
}
.log_text {
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: rgb(19, 32, 59);
}
.modal-content {
    border: 1px solid rgb(191, 155, 48);
    box-shadow: 0px 0px 20px rgb(20 33 61 / 20%);
    border-radius: 10px;
}
.logpop_menu {
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(191, 155, 48);
    border-radius: 10px 10px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px;
}
.logpop_menu span {
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
    align-items: center;
    color: rgb(20, 33, 61);
    margin-left: 12px;
}
.logpop_btn {
    text-align: center;
    padding: 65px 38px 60px 38px;
}
.logpop_btn1 {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgb(20 33 61 / 20%);
    border-radius: 10px;
    padding: 12px;
    width: 42%;
    margin-right: 13px;
    border: 1px solid rgb(8, 13, 24);
}
button.logpop_btn2 {
    background: rgb(221, 91, 91);
    border: 1px solid rgb(221, 0, 0);
    border-radius: 7px;
    padding: 12px;
    width: 39%;
}
button.success_btn {
    border: none;
    background: transparent;
}
.view_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(191, 155, 48);
    padding: 18px 20px 18px 38px;
}
.view_content {
    padding: 38px;
}
.view_content ol li{
    margin-bottom: 20px;
}
.newbooking_menulist a.nav-link {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid rgb(166, 166, 166);
    border-radius: 5px;
    background: rgb(255, 255, 255);
    color: rgb(20, 33, 61);
}
.newbooking_menulist a.nav-link.active {
    background: rgb(20, 33, 61);
    border-radius: 5px;
}
.newbooking_completed button {
    padding: 9px 16px;
    background: linear-gradient(0deg, rgb(214, 255, 218), rgb(215, 255, 219)), rgb(255, 255, 255);
    border-radius: 3px;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: rgb(0, 81, 8);
    border: none;
}
.newbooking_cancel button {
    background: linear-gradient(0deg, rgb(255, 207, 207), rgb(255, 207, 207)), rgb(255, 255, 255);
    border-radius: 3px;
    padding: 9px 16px;
    border: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: rgb(221, 0, 0);
}
.upload_btn {
    position: relative;
    padding: 8px 8px;
    overflow: hidden;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    font-size: 14px;
    border: 0;
    background: transparent;
}
.upload_btn input[type="file"] {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    transform: scale(3);
    opacity: 0;
}
.excel_download button {

    background: none;
    border: none;
    /* margin-left: 15px; */
    margin-left: 0px;
}
.multiselect-dropdown .dropdown-btn {
    padding: 8px 12px !important;
}