span.logo-lg img {
    height: auto !important;
    width: 63%;
    margin-bottom: 30px;
}
/*---------------------------------------------------*/

.image-logo-area-header-left {
    width: 8%;
    float: left;
    margin-top: 0px;
}

.image-logo-area-header-left img {
    width: 100% !important;
}
.image-logo-area-header-right {
    width: 90%;
    float: right;
    margin-top: 20px;
    text-align: left;
    padding-left: 0px;
}
.image-logo-area-header-right h4 {
    color: black;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 0;
}
.image-logo-area-header-right p {
    margin-bottom: 0;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
}
.image-logo-area-header {
    position: relative;
    left: 100px;
}

/*---------------------------------------------------*/

















body {
    overflow-x: hidden;
    background: white !important;
}
div#on-off-sectin .col-9 {
    padding-top: 10px;
}
label.trn-chk {
    color: black;
}
input#customRadio1 {
    border: 1.2px solid black;
}
input#customRadio2 {
    border: 1.2px solid black;
}
label.col-6.col-form-label {
    font-size: 13px;
    color: black;
}
p.birth-para {
    font-size: 15px;
    color: black;
    font-weight: 700;
}
textarea#birthday-msg {
    height: 40px;
}
label.form-check-label {
    color: black;
    font-size: 13px;
}
.center-admin-areaaa {
    background: #8fbbbb;
    border-radius: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
}
body#admin-login div#login-form-area {
padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent;
    border-radius: 0;
}
div#admin-logo-panel {
    text-align: center;
    margin-bottom: 30px;
}
div#admin-logo-panel img {
    width: 30%;
}
.asdf-login-area div#abp-login {
    padding-top: 0px !important;
}
div#pd-admin-login {
    padding-bottom: 0 !important;
}
.nav-pills>li>a, .nav-tabs>li>a
{
	color:black;
}
.repot-pos-heading-area h2 {
    background: #0e7b7e;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
}

button.add-btn {
    background: #39968b !important;
    border: 1px solid #39968b !important;
}
button.cal-btn {
    background: #df4a37 !important;
    border: 1px solid #df4a37 !important;
}
div#tabing-area125 {
    margin-left: 20px;
    margin-top: 20px;
}
.new-sec-area-22-left {
    width: 30%;
    float: left;
}
.new-sec-area-22-right {
    width: 68%;
    float: right;
}
div#tabing-area125 .row.mb-3 {
    margin-bottom: 5px !important;
}
.acmt-mstr {
    margin-left: 20px;
    margin-top: 20px;
}
.account-deatil-section-area {
    margin: 20px;
}
.account-deatil-section-area .row.mb-3 {
    margin-bottom: 5px !important;
}
div#aconunt-mstr-12 div#current-occupancy {
    height: auto;
}
div#aconunt-mstr-12 div#arrivals {
    height: auto;
}
h3.bnk-hdg {
    color: black;
    font-size: 18px;
    margin-bottom: 20px;
}
div#cll-aoe div.mb-3 {
    margin-bottom: 5px !important;
}

button#pp-bnt {
    width: 100%;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}


h4.ply-hd {
    text-align: right;
    text-transform: uppercase;
    font-weight: 800;
    color: #df4a37;
    font-size: 25px;
}
body.acc-opn-entry .page-floor-master-area {
    margin-top: 10px;
}
body.acc-opn-entry input#example-input-normal2 {
    padding: 5px 5px;
}

div.red-dtr {
    margin-left: 180px;
}

.form-sec-one-left {

    width: 48%;
    float: left;
}

.form-sec-one-left label.col-2.col-form-label {
    width: 34%;
}
.form-sec-one-left .col-10 {
    width: 66%;
}

.form-sec-one-right {
    width: 48%;
    float: right;
}

.form-sec-one-right label.col-2.col-form-label {
    width: 34%;
}
.form-sec-one-right .col-10 {
    width: 66%;
}
.pt14-22 .col-10 {
    width: 33%;
}


div#acd-12-page {
    margin-top: 5px;
}



ul.side-nav-second-level li a {
    font-weight: 700;
    color: black !important;
    padding-left: 10px !important;
}

ul#sd-nv li a.side-nav-link {
    padding: 6px 8px !important;
}

.table-button-area p {
    float: left;
}

.table-button-area p a {
    background: #0c6b6e;
    color: white;
    padding: 10px 15px;
    display: block;
    margin-right: 10px;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}
div#rm-sr-ar-100 h2 {
    color: black;
    font-size: 20px;
}

.inner-table-row-sec {
    width: 9%;
    float: left;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.inner-table-row-sec p {
    margin-bottom: 0;
}

div#itrs-1 p {
    background: #d7d7d7;
    color: black;
    font-weight: 700;
    padding: 20px 0;
    border: 1.5px #928c8c;
    border-radius: 5px;
    border-style: dashed;
}

/*
.inner-table-row-sec p a {
    display: block;
    background: #d7d7d7;
    color: black;
    font-weight: 700;
    padding: 20px 0;
    border: 1.5px #928c8c;
    border-radius: 5px;
    border-style: dashed;
}
*/



div#itrs-1 p a {
    background: #4ea5f4;
}

div#itrs-2 p a {
    background: #fff400;
}
div#itrs-3 p a {
    background: #eb86f4;
}
div#ck-ar-1 label {
    background: #5fe3db;
    padding: 2px 7px;
    border-radius: 5px;
    color: black;
}
div#ck-ar-2 label {
    background: #f48686;
    padding: 2px 7px;
    border-radius: 5px;
    color: black;
}
div#ck-ar-3 label {
    background:  #5ecf82;
    padding: 2px 7px;
    border-radius: 5px;
    color: black;
}
div#ck-ar-4 label {
    background: #4ea5f4;
    padding: 2px 7px;
    border-radius: 5px;
    color: black;
}
div#ck-ar-5 label {
    background: #6af44e;
    padding: 2px 7px;
    border-radius: 5px;
    color: black;
}

div#ck-ar-6 label {
    background: #eb86f4;
    padding: 2px 7px;
    border-radius: 5px;
    color: black;
}

div#itrs-4 p a {
    background: #5fe3db;
}
div#itrs-5 p a {
    background: #f48686;
}
div#itrs-6 p a {
    background: #6af44e;
}

div#display-table0area {
    border: none !important;
    box-shadow: none !important;
}

div#dis-ar-tbl {
    box-shadow: none;
}
.area-sec-1 {
    box-shadow: 5px 1px 10px 8px #e1e1e12b;
    color: black;
    padding: 12px 10px;
    height: 55px;
    border-radius: 5px;
    border-left: 3px solid #0c6b6e;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 12px;
    font-family: arial;
    text-align: center;
}
.area-sec-1 p {
    margin-bottom: 0;
    line-height: 15px;
}

input#quantity {
    width: 100%;
}
span.stop-x {
    background: red;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 10px;
    float: left;
    display: block;
    text-align: center;
    color: white;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.inner-tab-icon-area {
    border-right: 1px solid #baaeae;
    width: 14%;
    float: left;
    text-align: center;
    height: 60px;
    padding: 5px 0 0 0;
}
.inner-tab-icon-area img {
    width: 30%;
}
span.ffd-1 a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

div#side-menu-iner-ad1 {
    height: 500px;
    overflow-x: scroll;
}


div#side-menu-iner-ad1 ul li a:hover {
    background: #52d6da;
}



div#pos-dis-popup {
    width: 700px;
}
div#booked-0-21 div#pos-dis-popup {
    width: 340px;
}
textarea#example-textarea112aa {
    height: 140px;
}
/*
div#strd-btn {
    padding-top: 0;
}
*/
div#strd-btn li.nav-item.dropdown {
    padding: 0;
    background: white;
}

a.ad-1:hover {
    transition: all 0.5s;
    background: #0e7b7e;
    color: white !important;
}
a.dropdown-item.ad-1 {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}
a.ad-1:hover {
    transition: all 0.5s;
    background: #0e7b7e;
    color: white !important;
}
div#strd-btn .dropdown-menu.show {
    transform: translate3d(-50px, 45.2px, 0px) !important;
}
.table-hidden-section {
    display: none;
}








.inner-tab-icon-area p {
    margin-bottom: 0;
    color: black;
    font-weight: 700;
	font-size:13px;
}

.aaoo-1 {
    border-left: 3px solid #e8fa7f;
}

.area-sec-1.aaoo-2 {
	    border-left: 3px solid pink;
}
.aaoo-3 {

	    border-left: 3px solid #59fef3;
}

.row.btn-se-rw {
    background: #0e7b7e;
    padding: 5px 15px;
    border-radius:  0;
}
button.bg-ofr {
    background: #c21010 !important;
    text-transform: uppercase;
    font-weight: 600;
	    width: 100%;
}

button.btn.btn-info.bg-splt {
    background: #c21010 !important;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
}
div#sdd-amt {
    background: #0e7b7e;
    border-radius: 5px 5px 0 0;
    padding-top: 5px;
}

div#dn-act {
    margin-bottom: 5px;
}





.row.radio-section-25 {
    margin-top: 20px;
}

div#ck-ar-1a label {
    color: white;
}

div#ck-ar-a2 label {
    color: white;
}

div#ck-ar-a3 label {
    color: white;
}

div#ck-ar-a4 label {
    color: white;
}

div#ck-ar-a5 label {
    color: white;
}
.stl-amt h4 {
    color: white;
}
div#sdd-amt {
    background: #0e7b7e;
}



/*
input#example-input-normal-1 {
    padding: 4px 8px;
}
*/

/*
.row.stl-amt {
    margin-top: 20px;
}
*/

.row.stl-amt .col-6 h4 {
    margin: 8px 0 0 0;
}
button.btn.btn-info.bg-splt1 {
background: #c21010 !important;
    font-weight: 600;
    width: 100%;
    padding: 8px 0;
}

div#paid-icon-ass11 {
    background: #c21010;
    padding: 5px 0 15px 0;
    text-align: center;
}

div#mm-sdo label {
    color: white;
}
div#btn-rw-stl11 {
    text-align: center;
    background: #0e7b7e;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
}

button.btn.btn-info.ss-1 {
    background: #c21010 !important;
    font-weight: 600;
}
button.btn.btn-info.ss-2 {
    background: #c21010 !important;
    font-weight: 600;
}
button.btn.btn-info.ss-3 {
    background: #c21010 !important;
    font-weight: 600;
}
button.btn.btn-info.ss-4 {
    background: #c21010 !important;
    font-weight: 600;
}
button.btn.btn-info.ss-5 {
    background: #ffffff !important;
    font-weight: 600;
    color: #c21010;
}
label.form-check-label.snd-smsm {
    color: white;
}


div#item-sec-area-blg-1 {
    height: 550px;
    overflow-x: scroll;
}
div#crd-bdy112lk {
    padding: 5px 5px;
    height: 406px;
    overflow: scroll;
}
input#as-serch-1 {
    width: 85%;
    padding: 6px 6px;
    border: 1px solid #d4caca;
    border-radius: 5px;
}
button#smt-1 {
    background: #0e7b7e;
    color: white !important;
    border: none !important;
    padding: 6px 12px;
}
input#as-serch-2 {
    width: 85%;
    padding: 6px 6px;
    border: 1px solid #d4caca;
    border-radius: 5px;
}
button#smt-2 {
    background: #0e7b7e;
    color: white !important;
    border: none !important;
    padding: 6px 12px;
}

div#srh-itm form {
    margin-top: 4px;
}
div#srh-cde form 
{
    margin-top: 4px;	
}





.uhid-registration-area .card-body {
    padding: 10px;
}
.lb-tl {
    padding: 9px 0 0 8px;
    font-size: 13px;
}
input.frm-12-frst {
    display: initial;
    width: 32.5%;
}
div#cl-110 {
    padding-left: 0;
    padding-right: 0;
}
.photo {
    border: 1px solid #c4baba;
    text-align: center;
    padding: 75px 0 75px 0;
}
table#tbllee th {
    padding: 10px 10px;
    text-align: center;
    background: #ebe2e2 !important;
}
table#tbllee td {
    padding: 10px 10px;
    text-align: center;
}
h2.rr-hdng {
    font-size: 16px;
}


.page-title-new-area h4.page-title {
    color: black;
    font-size: 25px !important;
}
div#pg-1 {
    background: white;
    padding: 50px 50px;
    border-radius: 0px 0px 10px 10px;
    width: 100%;
    margin: 0 auto;
}
.sub-heading-area h3 {
    color: black;
    font-size: 20px;
}
.flor-area {
    width: 70%;
    margin: 0 auto;
    padding: 50px 0;	
}
h3.flr-hd {
    padding-bottom: 20px;
    border-bottom: 1px solid black;
    margin-bottom: 30px;
}

.content-page {
    background: white;
}


.page-floor-master-area {
    border: 1px solid #ddd!important;
    box-shadow: 2px 2px 10px -3px !important;
    border-radius: 10px 10px 10px 10px !important;
	    margin-top: 50px;
}
div#pg {
    padding: 0px 20px;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}
.page-body-area {
    background-color: #fff;
    padding: 25px 25px 20px 25px;
    overflow: auto;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 11%);
    border-radius: 0px 0px 10px 10px;
}
.wrapper {
    height: 100%;
    width: 100%;
    background: white;
}
input#example-input-normal {
    width: 60%;
}
select#acct {
    width: 60%;
    padding: 0.45rem 0.9rem;
}
.leftside-menu {
    background: #ffffff !important;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 11%);
    border-right: 3px solid #0e7b7e !important;
}
.leftside-menu {
    background: #ffffff !important;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 11%);
}
.hdng-brd {
    border-bottom: 1px solid black;
}


.side-nav .side-nav-link:active, .side-nav .side-nav-link:focus, .side-nav .side-nav-link:hover {
    color: #000000 !important;
    text-decoration: none;
}

.side-nav .menuitem-active>a {
    color: black;
    font-weight: 500;
    background-color: var(--tz-menu-item-active-bg);
    border-left: 5px solid #0d7376 !important;	
}
li.side-nav-item {
    border-bottom: 1.5px solid #f1f1f1;
}
.side-nav .side-nav-link {
    display: block;
    list-style: none;
    position: relative;
    white-space: nowrap;
    color: #000000;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-size: var(--tz-menu-item-font-size);
    padding: 14px 11px !important;
    margin: 0px 0 !important;
    font-weight: 500 !important;
}
li.side-nav-item a:hover {
    transition: all 0.5s;
    background: #d7dede;
}

.leftside-menu {
    z-index: 1000;
    bottom: 0;
    top: 0;
    position: fixed;
    width: 14% !important;
    min-width: 14% !important;
    padding-bottom: calc(var(--tz-footer-height) + -221.25rem);
    background: var(--tz-menu-bg);
    -webkit-box-shadow: var(--tz-box-shadow);
    box-shadow: var(--tz-box-shadow);
    border-right: var(--tz-theme-card-border-width) solid var(--tz-border-color);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.active>.page-link, .page-link.active {
    background: #0e7b7e !important;
}
table#scroll-horizontal-datatable tbody td {
    color: black;
	padding-left:10px;
	padding-right:10px;
}
button.btn.btn-info {
background: #0d7477;
    border: 1px solid #0d7477;
}
.mb-3 {
    margin-bottom: 0.5rem !important;
}

div#trsmm table thead tr th {
    background: #0d7477 !important;
    color: white !important;
    padding-left: 10px;
}
table.table.table-striped.table-bordered.dt-responsive.w-100.nowrap.table tr td {
    color: black;
}

table.table.table-bordered.table-centered.mb-0 tr th {
    background: #0e7b7e !important;
    color: white !important;
}

a.nav-link.rounded-0.active {
    background: #0e7b7e;
}
div#fd-11 {
    margin-top: 10px;
}
div#fd-11 h4.page-title {
    line-height: 45px;
}

.re-sed-1 h2 {
    color: white;
    font-size: 14px;
    background: #0e7b7e;
    padding: 10px 10px;
    border-radius: 4px;
    text-align: center;
}
.re-sed-2 {
    padding: 15px 10px;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    overflow: auto;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 0px 15px 5px rgb(184 177 178 / 43%) inset;
	    margin-bottom: 10px;
}
.re-sed-2 h3 {
    color: #074042;
    font-size: 14px;
    margin-bottom: 10px;
}
.re-sed-2 p {
    margin-bottom: 0;
    color: #0e7b7e;
    font-weight: 600;
	font-size: 12px;
}


input.qtyminus.minus {
    padding: 3px;
}
input.qtyplus.plus {
    padding: 3px;
}

































.side-nav .side-nav-link {
    color: black !important;
}

.side-nav-forth-level .side-nav-item .side-nav-link, .side-nav-forth-level .side-nav-item a, .side-nav-forth-level li .side-nav-link, .side-nav-forth-level li a, .side-nav-second-level .side-nav-item .side-nav-link, .side-nav-second-level .side-nav-item a, .side-nav-second-level li .side-nav-link, .side-nav-second-level li a, .side-nav-third-level .side-nav-item .side-nav-link, .side-nav-third-level .side-nav-item a, .side-nav-third-level li .side-nav-link, .side-nav-third-level li a {
    white-space: nowrap;
    color: #000000 !important;
    display: block;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-size: calc(var(--tz-menu-item-font-size) * .95);
    padding: calc(var(--tz-menu-item-padding-y) * .6) calc(var(--tz-menu-item-padding-x) * 1.5);
}


.table-drp ul {
    padding: 0;
    margin: 0;
}
.table-drp ul li {
    list-style: none;
}
.table-drp ul li {
    list-style: none;
    background: #2e9eca;
    text-align: center;
    color: white;
    padding: 7px 7px;
    border-radius: 5px;
}
h4#db-hdd {
    color: black;
    font-size: 25px !important;
    padding-left: 30px;
}
div#crdd {
    border: 1px solid #ddd!important;
    box-shadow: 2px 2px 10px -3px !important;
    border-radius: 10px 10px 10px 10px !important;
}
div#bdcrm {
    margin-right: 20px;
}
div#crd-bdy {
    background-color: #fff;
    padding: 25px 25px 110px 25px;
    overflow: auto;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 11%);
    border-radius: 0px 0px 10px 10px;
}

.table-drp ul li {
    background: #0e7b7e;
}
.clear 
{
clear:both;
}

div#btn-rr p a {
    margin-bottom: 0;
    float: left;
    color: white;
    padding: 9px 20px;
    border-radius: 5px;
    background: #0d7477;
    margin-right: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
table.table.table-striped.table-bordered.dt-responsive.w-100.nowrap.table.dataTable.no-footer thead tr {
    background: #0d7376;
}
table.table.table-striped.table-bordered.dt-responsive.w-100.nowrap.table.dataTable.no-footer thead tr th {
    color: white;
}
table.table.table-striped.table-bordered.dt-responsive.w-100.nowrap.table thead tr {
    background: #0d7477;
}
table.table.table-striped.table-bordered.dt-responsive.w-100.nowrap.table thead tr th {
    color: white;
	    padding-left: 10px;
}



div#btn-rr p {
    float: left;
    margin-bottom: 20px;
}
p.pp-nt {
    float: right !important;
}

input#inputGroupFile04 {
    width: 60%;
}
div#floor-heading h4#db-hdd {
    padding-left: 0;
    margin-top: 30px;
}

label#pps22 {
    color: black;
}
.flor-area-1 {
width: 70%;
    margin: 0 auto;
    padding: 50px 20px 30px 20px;
    background: hsl(181.51deg 53.36% 56.27% / 33%);
    margin-bottom: 40px;
    border-radius: 6px;
    box-shadow: 0px 0px 17px rgb(0 0 0 / 11%);
    border: 2.5px solid #3bc0c3;
}
input#example-date22 {
    width: 60%;
}
.table-area
{
    overflow: auto;
    white-space: nowrap;	
}



.side-nav-forth-level .side-nav-item .side-nav-link:active, .side-nav-forth-level .side-nav-item .side-nav-link:focus, .side-nav-forth-level .side-nav-item .side-nav-link:hover, .side-nav-forth-level .side-nav-item a:active, .side-nav-forth-level .side-nav-item a:focus, .side-nav-forth-level .side-nav-item a:hover, .side-nav-forth-level li .side-nav-link:active, .side-nav-forth-level li .side-nav-link:focus, .side-nav-forth-level li .side-nav-link:hover, .side-nav-forth-level li a:active, .side-nav-forth-level li a:focus, .side-nav-forth-level li a:hover, .side-nav-second-level .side-nav-item .side-nav-link:active, .side-nav-second-level .side-nav-item .side-nav-link:focus, .side-nav-second-level .side-nav-item .side-nav-link:hover, .side-nav-second-level .side-nav-item a:active, .side-nav-second-level .side-nav-item a:focus, .side-nav-second-level .side-nav-item a:hover, .side-nav-second-level li .side-nav-link:active, .side-nav-second-level li .side-nav-link:focus, .side-nav-second-level li .side-nav-link:hover, .side-nav-second-level li a:active, .side-nav-second-level li a:focus, .side-nav-second-level li a:hover, .side-nav-third-level .side-nav-item .side-nav-link:active, .side-nav-third-level .side-nav-item .side-nav-link:focus, .side-nav-third-level .side-nav-item .side-nav-link:hover, .side-nav-third-level .side-nav-item a:active, .side-nav-third-level .side-nav-item a:focus, .side-nav-third-level .side-nav-item a:hover, .side-nav-third-level li .side-nav-link:active, .side-nav-third-level li .side-nav-link:focus, .side-nav-third-level li .side-nav-link:hover, .side-nav-third-level li a:active, .side-nav-third-level li a:focus, .side-nav-third-level li a:hover {
    color: #000000 !important;
}
.side-nav-forth-level .side-nav-item .side-nav-link, .side-nav-forth-level .side-nav-item a, .side-nav-forth-level li .side-nav-link, .side-nav-forth-level li a, .side-nav-second-level .side-nav-item .side-nav-link, .side-nav-second-level .side-nav-item a, .side-nav-second-level li .side-nav-link, .side-nav-second-level li a, .side-nav-third-level .side-nav-item .side-nav-link, .side-nav-third-level .side-nav-item a, .side-nav-third-level li .side-nav-link, .side-nav-third-level li a {
    white-space: nowrap;
    color: #000000;
    display: block !important;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-size: calc(var(--tz-menu-item-font-size) * .95);
    padding: calc(var(--tz-menu-item-padding-y) * .6) calc(var(--tz-menu-item-padding-x) * 1.5);
}

.side-nav-second-level {
    margin-top: calc(var(--tz-menu-item-padding-y) * -.5);
    padding-left: 0px !important;
}


/**********************************************************************************************************/

button.button-toggle-menu {
    display: none;
}

table th:before
{
    display: none !important;	
}
table th:after
{
    display: none !important;	
}

/**********************************************************************************************************/


.room-area-master-section-left {

    width: 45%;
    float: left;
}
.room-area-master-section-right {

    width: 53%;
    float: right;
}
.flor-area-2 h3 {
    color: black;
}

.flor-area-2 {
    width: 100%;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
    background: hsl(181.51deg 53.36% 56.27% / 33%);
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0px 0px 17px rgb(0 0 0 / 11%);
    border: 2.5px solid #3bc0c3;
}
label#pps22 {
    color: black;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 0;
}
.flor-area-3 {
    width: 100%;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
    background: rgb(203 84 194 / 39%);
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0px 0px 17px rgb(0 0 0 / 11%);
    border: 2.5px solid #cb54c2;
}
.flor-area-3 h3 {
    color: black;
}
.flor-area-2 h3 {
    color: black;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 900;
}
.flor-area-3 h3 {
    color: black;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 900;
}
.flor-area111 {
    padding: 0 !important;
    margin-bottom: 30px;
}
span.badge.bg-white.bg-opacity-10.me-1 {
    font-size: 20px;
}
span.badge.bg-white.bg-opacity-25.me-1 {
    font-size: 20px;
}
label#pps254 {
    padding-top: 0;
}
h3.flr-hd {
    border-bottom: 0;
	margin-bottom:0;
}
label#pps1c11 {
    padding-top: 0;
}

a.add-btnnn {
    background: #2e9eca;
    color: white;
    padding: 3px 10px;
    border-radius: 3px;
}
div#pfma {
    margin-top: 10px;
}
div#cont-ppgg {
    margin-left: 220px;
}
select#acct44 {
    padding: 0.45rem 0.9rem;
}
.booking-area label.form-label {
    font-size: 12px;
}
p.headin-btn-area-right a {
    background: #3bc0c3;
    color: white;
    padding: 10px 18px;
    /*border: 2px solid #3bc0c3;*/
    text-transform: uppercase;
    transition: all 0.5s;
}
a.ad-btn-a1 {
    background-image: linear-gradient(#4489e4, #164584) !important;
}
a.ad-btn-a2 {
    background-image: linear-gradient(#4489e4, #164584) !important;

}
a.ad-btn-a4 {
    background-image: linear-gradient(#e1124c, #942b48) !important;

}
a.ad-btn-a3 {
    background-image: linear-gradient(#3bc0c3, #15696b) !important;

}
a.ad-btn-a5 {
    background-image: linear-gradient(#52c70a, #3d8c0d) !important;

}
a.ad-btn-a6 {
    background-image: linear-gradient(#33b0e0, #13526b) !important;
}
a.ad-btn-a1 {
    background-image: linear-gradient(#ff8a3b, #ba6023) !important;
}
/*
body.pickup-detail-area-page .leftside-menu {
    display: none;
}
body.pickup-detail-area-page .content-page {
    width: 50%;
    margin-left: 0;
    margin: 0 auto;
    padding: 10px 0;
}


body.pickup-detail-area-page .navbar-custom {
    display:none;
}*/



body.pickup-detail-area-page .content-page {
    margin: 0 180px 0 300px;
}



body.pickup-detail-area-page footer.footer {
    position: initial;
    padding: 50px 0;
}
h4.page-title-bookk {
    color: black;
    font-size: 25px !important;
}
.modal-body .page-floor-master-area {
    margin-top: 0 !important;
}

a.ad-vnc-btn button.btn.btn-primary {
    background-image: linear-gradient(#ff8a3b, #ba6023) !important;
    border: none;
    text-transform: uppercase;
}
.pickup-detail-btn {
    background-image: linear-gradient(#4489e4, #164584) !important;
    border: none;
    text-transform: uppercase;
}
a.res-ver-btn-1 button.btn.btn-primary {
    background-image: linear-gradient(#3bc0c3, #15696b) !important;
    border: none;
    text-transform: uppercase;
}
.cancel-booking-btn {
    background-image: linear-gradient(#e1124c, #942b48) !important;
    border: none;
    text-transform: uppercase;
}
.no-show-btn {
    background-image: linear-gradient(#52c70a, #3d8c0d) !important;
    border: none;
    text-transform: uppercase;
}
.send-email-btn {
    background-image: linear-gradient(#33b0e0, #13526b) !important;
    border: none;
    text-transform: uppercase;
}
.crgd-bdy {
    padding: 0 0 0 130px;
    box-shadow: none !important;
}
.crd-bkng {
    box-shadow: none;
}
.bkkoing-row-area {
    padding-top: 40px;
}
textarea#example-textarea11 {
    height: 100px;
}
.okk-btnn {
    background-image: linear-gradient(#e1124c, #942b48) !important;
    border: none;
    text-transform: uppercase;
}
h4#reason-title {
    color: black;
    font-size: 20px !important;
    line-height: 50px;
}

.print-bookinng-btn {
    background-image: linear-gradient(#25eff4, #14494b) !important;
    border: none;
    text-transform: uppercase;
}
tr.trr-1 {
    background: #fdd702;
}
tr.trr-1 th {
    color: black;
    padding: 5px 10px;
}
div#reservation-table-card .card-body {
    padding: 0;
}
div#reservation-table-card button.btn {
    color: black;
    padding: 0;
    background: transparent;
    border: transparent;
    font-weight: 600;
}
div#reservation-table-card {
    margin-bottom: 0;
    box-shadow: none;
}
div#sd-1-btn {
background: #0e7b7e;
}
.mo-bbdy {
    padding: 0 0;
}
.reservation-btnn {
    background-image: linear-gradient(#33b0e0, #13526b) !important;
    border: none;
    text-transform: uppercase;
    color: white !important;
    padding: 6px 30px !important;
}
.close-btnn-1 {
    background-image: linear-gradient(#e1124c, #942b48) !important;
    border: none;
    text-transform: uppercase;
    color: white !important;
    padding: 6px 30px !important;
}
.table-responsive-sm {
    width: 98%;
    margin: 0 auto;
}
tbody.ppup-table-trr tr td {
    color: black;
    padding: 5px 10px;
}
tr.ex-tr-tbe td {
    color: black;
    padding: 5px 10px;
    font-weight: 600;
}
td.exx-trr {
    background: #ff8a3b !important;
}
div#av-1-btn {
    background: #ff8a3b;
}
td.booked-1 {
    background: #52c70a !important;
}
tr.ex-tr-tbe-bkkd td {
    color: black;
    padding: 5px 10px;
    font-weight: 600;
}
div#bkk-1-btn {
    background: #52c70a;
}
tr.total-available-rooms-row td {
    color: black;
    padding: 5px 10px;
    font-weight: 600;
}

tr.total-available-rooms-row {
    background: #fd22ec;
}
div#tar-1-btn {
    background: #fd22ec;
}
tr.total-booked-room-row td {
    color: black;
    padding: 5px 10px;
    font-weight: 600;
}
tr.total-booked-room-row {
    background: #03e7d3;
}
div#tbr-1-btn {
    background: #03e7d3;
}
tr.total-blocked-room-row td {
    color: black;
    padding: 5px 10px;
    font-weight: 600;
}
tr.total-blocked-room-row {
    background: red;
}
div#tbbr-1-btn {
    background: red;
}
tr.total-through-reservation-rows td {
    color: black;
    padding: 5px 10px;
    font-weight: 600;
}
tr.total-through-reservation-rows {
    background: #f4ecec;
}
.room-change-entry-area .row.mb-3 {
    margin-bottom: 3px !important;
}
.brd-are {
    border: 1px solid #ebe3e3;
    width: 100%;
    height: 200px;
    margin-top: 20px;
    border-radius: 10px;
}
.sub-heading-area-11 h3 {
    color: black;
    font-size: 16px;
}
div#cddr {
    box-shadow: none;
}
div#cddr .card-body {
    padding: 0;
}
div#trsmm table thead tr th {
    padding: 4px 5px;
    color: black;
}
div#trsmm table tbody tr td {
    padding: 6px 10px;
    color: black;
}
div#cddr-1214 .card-body {
    padding: 0;
}
div#cddr-1214-a .card-body {
padding: 12px;
    margin-top: 0px;
}
div#cddr-1214-a {
height: 250px;
    overflow: scroll;
    margin-top: 20px;
    background: rgb(178 250 255 / 25%);
    border-radius: 20px;
}
select.form-select.form-select-sm.mb-3 {
    padding: 0.45rem 0.9rem;
}
.add-guest {
    background-image: linear-gradient(#ff8a3b, #ba6023) !important;
    border: none !important;
    text-transform: uppercase;
    width: 100%;
}
.vehicle-details {
    background-image: linear-gradient(#4489e4, #164584) !important;
    border: none !important;
    text-transform: uppercase;
    width: 100%;
    padding: 8px 3px !important;
}
.guest-details {
    background-image: linear-gradient(#e1124c, #942b48) !important;
    border: none !important;
    text-transform: uppercase;
    width: 100%;
}
h4.pph-to {
    font-size: 15px;
    text-align: center;
    color: black;
    margin: 10px 0 30px 0;
}
input.ddd {
    width: 100%;
}
.phto-arsdd-1 {
    border: 1px solid #ebe1e1;
    padding: 10px 10px;
    border-radius: 5px;
}

div#cddr-1214 div#trsmm table thead tr th {
    padding: 2px 5px;
    color: black;
    font-size: 13px;
}
div#cddr-1214 div#trsmm table tbody tr td {
    font-size: 13px;
}
label.ckid {
    padding-top: 0;
	padding-bottom:0;
}

div#walkin-chekc-in-area {
    margin-top: 5px;
}
body.wakin-page-entry .content-page {
    padding-left: 0;
}
body.wakin-page-entry h4.page-title {
    line-height: 42px;
}
body.wakin-page-entry div#wakin-area {
    padding-top: 5px;
}
body.wakin-page-entry label.col-4.col-form-label {
    font-size: 13px;
	color:black;
}
label.col-3.col-form-label {
    font-size: 13px;
	color:black;
}
label.col-2.col-form-label {
    font-size: 13px;
	color:black;
}
textarea#example-textarea11 {
    height: 50px;
}

div#cmm-1 {
    margin-top: 20px;
}

button#flip {
    background-image: linear-gradient(#57eb26, #00970e) !important;
    border: none !important;
    width: 100%;
}
.form-check.mb-2.mdd-chkk-1 {
    margin-bottom: 0 !important;
    margin-top: 10px;
    margin-left: 40px;
}
label.col-1.col-form-label {
    color: black;
}
h4#standard-modalLabel {
    color: black;
}
label.col-6.col-form-label {
    color: black;
}
label.col-5.col-form-label {
    color: black;
}
div#v-pills-home .row.mb-3 {
    margin-bottom: 5px !important;
}
label#pps1c {
    color: black;
}

input#example-input-normal-122 {
    background: #ecfeff;
    border: none;
    padding: 0;
    color: black;
}
.booking-table-area {
    height: 400px;
    overflow: scroll;
    margin-top: 20px;
    background: rgb(178 250 255 / 25%);
    border-radius: 20px;
}
.booking-table-area table.table.table-bordered.table-centered.mb-0 thead tr th {
    text-align: center;
}
select#acct422 {
    padding: 0;
    background: #ecfeff;
    border: none;
}
.booking-table-area {
    overflow: auto;
    white-space: nowrap;
}

.booking-table-area table th {
    background-image: linear-gradient(#4489e4, #164584) !important;
    color: white !important;
}
select#acct422 {
    background: #f1f0f0;
    padding: 2px 3px;
    color: black;
}
label#pps {
    color: black;
}
i.ri-arrow-right-circle-fill {
    color: #3bc0c3;
}

ul.side-nav-third-level li a {
    padding-left: 0px !important;
}

img#logo-image-aear {
    height: auto;
    width: 40%;
}
div#frnt-off-dsh {
    margin-top: 10px;
}
div#card-body-front-office-dashboard {
    padding: 0;
}
li.nv-frnt a {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 13px;
    color: black;
}
div#frnt-dsh-tb-cnt {
    padding: 0;
}
h4#frnt-dsss {
    line-height: 40px;
}
div#trsmm-1 {
    overflow: auto;
    white-space: nowrap;
}
div#trsmm-1 table tr th {
    padding: 10px 10px;
    color: black;
}
ul.nav.nav-pills.bg-nav-pills.nav-justified.mb-3 {
    margin-bottom: 0 !important;
}
div#trsmm-1 table tr td {
    padding: 0px 10px;
}
div#trsmm-1 {
    width: 100%;
    background: white;
}

div#current-occupancy {
    height: 400px;

}
input#example-input-normal-a1 {
    border: none;
    padding: 0;
}
div#arrivals {
    height: 400px;

}
div#departures {
	height: 400px;

}
div#expected-arrivals
{
	height: 400px;	

}
div#expected-departures
{
	height: 400px;	

}
div#room-status
{
	height: 400px;	

}
div#pending-bills
{
	height: 400px;	
}
p.btn-0area-cll a {
    border: 1px solid #3bc0c3;
    width: 7.1%;
    display: block;
    float: left;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    background: #3bc0c3;
    font-weight: 700;
}
a.dff-1 {
    padding-top: 20px !important;
}
a.dff-2 {
    padding-top: 30px !important;
}
a.btn-ar-11 {
    background: #ff8a3b !important;
    border: 1px solid #ff8a3b !important;
}
a.btn-ar-12 {
    background: #4489e4 !important;
    border: 1px solid #4489e4 !important;
}
a.btn-ar-13 {
    background: #e1124c !important;
    border: 1px solid #e1124c !important;
}
a.btn-ar-14 {
    background: #00970e !important;
    border: 1px solid #00970e !important;
}
a.btn-ar-15 {
    background: #f409a3 !important;
    border: 1px solid #f409a3 !important;
}
a.btn-ar-16 {
    background: #9f09f4 !important;
    border: 1px solid #9f09f4 !important;
}
a.btn-ar-17 {
    background: #05c3e0 !important;
    border: 1px solid #05c3e0 !important;
}
a.btn-ar-18 {
    background: #c504b0 !important;
    border: 1px solid #c504b0 !important;
}
a.btn-ar-19 {
    background: #c5b404 !important;
    border: 1px solid #c5b404 !important;
}
a.btn-ar-20 {
    background: #c54d04 !important;
    border: 1px solid #c54d04 !important;
}
a.btn-ar-21 {
    background: #1a3e4b !important;
    border: 1px solid #1a3e4b !important;
}
a.btn-ar-23 {
    background: #dd073d !important;
    border: 1px solid #dd073d !important;
}
a.btn-ar-24 {
    background: #0054d2 !important;
    border: 1px solid #0054d2 !important;
}
body.frnt-deak-dashboard .content-page {
    margin-left: 200px;
    padding-right: 0px;
}
div#trsmm-1 {
    height: 315px;
}

div#trsmm-2folio table td {
    text-align: center;
    font-size: 11px;
    color: black !important;
}
div#trsmm-2folio table th {
    font-size: 13px;
}


div#trsmm-1 th {
    text-align: center;
}
.table-responsive-sm th {
    color: black;
    padding: 10px 0;
}
td.rr-1 {
    font-size: 16px;
    font-weight: 700;
    color: black;
}
td.rr-2 {
    font-size: 16px;
    font-weight: 700;
    color: black;
}
td.rr-3 {
    font-size: 16px;
    font-weight: 700;
    color: black;
}
td.rr-4 {
    font-size: 16px;
    font-weight: 700;
    color: black;
}
td.tl-11a {
    font-size: 16px;
    font-weight: 700;
    color: black;
}
td.tl-12a {
    font-size: 16px;
}
table#tbl-14-frntt {
    border: 1px solid white;
}
table#tbl-14-frntt td {
    text-align: left;
}
button.occ-1 {
    width: 100%;
    text-align: center;
}
.frnt-mdl-llggg {
    margin-top: 150px !important;
}
td.fnt-d-1-sh {
    padding: 20px 0 !important;
}
label.fnt-11a {
    font-size: 12px;
}
div#trsmm-2folio {
    width: 100%;
}
div#trsmm-2folio th {
    padding: 5px 5px;
    color: black;
    text-align: center;
}
div#trsmm-2folio td {
    padding: 5px 5px;
    color: black;
    text-align: center;
}
td.ot-foll-ct {
    font-weight: 800;
}
div.other-folio-sec {
    background: rgb(59 192 195 / 55%);
}
div#display-folio-table-left-1 {
    background: white;
    height: 240px;
    overflow: scroll;
}
div#display-folio-table-left-1 div#trsmm-2folio {
    background: white;
}
div#display-folio-table-left-1 .col-12 {
    padding: 0;
}
div.dis-fol-1-rgt {
    background: rgb(255 0 0 / 22%);
}
div.dis-fol-2-rgt {
    background: rgb(255 138 59 / 41%);
}
div#dis-frt-left-11 {
    border: 1px solid #e8d9d9;
    border-radius: 6px;
    padding: 10px 10px;
    margin-bottom: 10px;
}
div#dis-frt-left-12 {
    border: 1px solid #e8d9d9;
    border-radius: 6px;
    padding: 10px 10px;
    margin-bottom: 10px;
    margin-left: 8px;
    width: 49%;
}
input.df-i-1 {
    padding-top: 4px;
    padding-bottom: 4px;
}
body.dss-flo-bdy .foll-1 {
    margin-bottom: 0px !important;
}


.d-a-btn-area-1 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-1 a.btn-ar-11 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-2 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-2 .card-body {
    padding: 0;
}
.d-a-btn-area-2 button.btn.btn-primary.occ-1 {
    background: #e1124c !important;
    border: 1px solid #e1124c !important;
    border-radius: 0;
    height: 80px;
    font-size: 13px;
    padding: 0;
    font-weight: 600;
}
.d-a-btn-area-3 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-3 a.btn-ar-14 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-4 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-4 a.btn-ar-15.dff-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700
}
.d-a-btn-area-5 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-5 a.btn-ar-16.dff-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-6 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-6 a.btn-ar-18 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-7 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-7 a.btn-ar-19.dff-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-8 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-8 a.btn-ar-20.dff-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-9 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-9 a.btn-ar-20.dff-1-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-10 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-10 a.btn-ar-21.dff-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-11 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-11 a.btn-ar-22.dff-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
    background: #3bc0c3;
}
.d-a-btn-area-12 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-12 a.btn-ar-23.dff-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
.d-a-btn-area-13 {
    width: 7.1%;
    float: left;
}
.d-a-btn-area-13 a.btn-ar-24.dff-1 {
    display: block;
    float: none;
    padding: 10px 6px;
    text-align: center;
    height: 80px;
    font-size: 13px;
    color: white;
    font-weight: 700;
}
table.split-table tr th {
    padding: 8px 2px;
    color: black;
    font-size: 13px;
}
table.split-table tr td {
    padding: 8px 2px;
    color: black;
    font-size: 13px;
}
label.col-4.col-form-label {
    font-size: 13px;
    color: black;
}
label.col-5.col-form-label {
    font-size: 13px;
    color: black;
}
textarea.txt-22 {
    height: 60px;
}

.night-audit {
    background-image: linear-gradient(#4489e4, #164584) !important;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    font-size: 18px;
}
.night-audit-exit {
    background-image: linear-gradient(#e1124c, #942b48) !important;
    border: none !important;
    width: 100%;
}

.stz-al {
    width: 100%;
    margin-bottom: 2px;
}
div#sll-ckk {
    margin-top: 8px;
}
select.sd-dyy-wse {
    padding: 0.45rem 3px !important;
}
.rr {
    width: 100%;
    margin-bottom: 10px;
}
textarea.add-stass-mas {
    height: 50px;
}
p.cvd-1 {
    font-weight: 600;
    color: black;
    margin-bottom: 0;
    padding-top: 9px;
}

div#tl-coll {
    background: #e4e4e4;
    padding: 20px 20px;
}

div#rep-arr-1 {
    width: 20%;
}

.re-sed-2 p a {
    color: #0e7b7e;
}
button.btn.btn-primary {
    background: #0e7b7e ;
    border: 1px solid #0e7b7e ;
}


.logo-area {
    text-align: center;
    margin-top: 50px;
}
.logo-area img {
    width: 40%;
}

.thank-you-heading h2 {
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    color: black;
}
.thank-you-heading {
    margin-top: 50px;
}
.thank-you-heading h2 span {
    color: #4a9a93;
}
.icon-thank-area {
    text-align: center;
}
.icon-thank-area img {
    width: 15%;
}
i.ri-calendar-2-fill {
    font-size: 22px;
}
i.ri-drag-move-2-line {
    font-size: 22px;
}
i.ri-slideshow-line {
    font-size: 22px;
}
i.ri-save-line {
    font-size: 22px;
}
i.ri-chat-settings-fill {
    font-size: 22px !important;
}
i.ri-command-line {
    font-size: 22px;
}
i.ri-file-user-fill {
 font-size: 22px;
}
i.ri-hotspot-fill
{
 font-size: 22px;	
}
i.ri-home-8-line {
    font-size: 22px !important;
}
li.side-nav-item a {
    padding-left: 40px !important;
}
span.frnt {
    font-weight: 700;
    color: black;
}
i.ri-dashboard-3-line {
    font-size: 22px !important;
}
table#chk-tbl-1 thead th {
    background: #c75656 !important;
}

table#chk-tbl-2 thead th {
    background: #de7830 !important;
}
button.go-btn-area {
    background: #07518b !important;
	border:1px solid #07518b !important;
}
button.excel-btn-area {
    background: #1d6f42 !important;
	border:1px solid #1d6f42 !important;
}
button.pdf-btn-area {
background: #bb0c02 !important;
    border: 1px solid #bb0c02 !important;
}
ul.side-nav-third-level li a {
    font-weight: 700;
    color: black !important;
}
.side-nav .menuitem-active>a {
    font-weight: 700 !important;
}
li.side-nav-item a span {
    font-weight: 700 !important;
}
h4.welcome-tlt {
    font-size: 32px !important;
    color: black;
}
div#cd-a1-login .col-lg-8.d-none.d-lg-block.p-2 {
    padding: 0 !important;
}
div#cd-a1-login {
    background: transparent;
	box-shadow:none;
}

.login-logo-area img {
    width: 20%;
}
.login-content h2 {
    text-transform: uppercase;
    font-size: 60px;
    color: white;
    line-height: 70px;
    margin-bottom: 0;
}
.login-heading {
    padding-top: 40px;
}
.login-heading h2 {
    text-transform: uppercase;
    font-size: 55px;
    color: white;
    line-height: 70px;
    margin-bottom: 0;
}
.login-content p {
    color: white;
    font-size: 17px;
    letter-spacing: 1px;
}
div#login-form-area {
    background: #8fbbbb;
    border-radius: 30px;
padding-top: 40px;
    padding-bottom: 40px;	
}
.icon-login-area {
    text-align: center;
}
.icon-login-area img {
    width: 20%;
}
div#abp-login {
    padding-bottom: 0 !important;
}
input.username-login {
    background: #a6cac9;
    border: 1px solid #a6cac9;
    font-size: 20px;
    border-radius: 15px;
	margin-bottom: 15px;
}
input.password-login {
    background: #a6cac9;
    border: 1px solid #a6cac9;
    font-size: 20px;
    border-radius: 15px;
	margin-bottom: 15px;
}
button.login-btn-page-area {
    background: black;
    color: white;
    font-size: 18px;
    border-radius: 15px;
	margin-bottom: 15px;
}
.sign-content-login {
    text-align: center;
}
.sign-content-login p {
    color: white;
    font-size: 18px;
}
.sign-content-login p a {
    color: black;
}

p.webss-1 {
    color: white;
    font-size: 18px;
}
p.webss-1 a {
    color: white;
    padding-left: 5px;
}
p.webss-2 {
    text-align: center;
    color: white;
    font-size: 18px;
}
p.webss-2 a {
    color: white;
}
p.webss-3 {
    color: white;
    font-size: 18px;
    text-align: right;
}
p.webss-3 a {
    color: white;
}
div#rw-login {
    margin-top: 40px;
}
.dropdown-item {
    color: black !important;
    font-weight: 700 !important;
}
div#swir-1 {
    margin-bottom: 10px !important;
}
ul.lst-pnd-lihggt {
    padding: 0;
    margin: 0;
}
ul.lst-pnd-lihggt li {
    list-style: none;
}
div#spl-1 {
    background: rgb(59 230 235 / 34%);
    padding: 23px 10px;
    border-radius: 6px;
}

div#btn-suppliers {
    margin-top: 45px;
}
div#btn-suppliers .flor-area111 {
    margin-bottom: 0 !important;
}
table tbody tr td {
    color: black !important;
    font-weight: 700;
}
select.form-select.form-select-sm.mb-3 {
    color: black !important;
}
label.form-label {
    font-size: 13px;
    color: black;
}


.table {
    --tz-table-border-color: #000000 !important;
}

div#rr-a-1 {
    border-top: 1px solid #ded2d2;
    padding-top: 20px;
    padding-left: 20px;
    border-left: 1px solid #ded2d2;
    border-right: 1px solid #ded2d2;
}
div#rr-a-2 {
    border-bottom: 1px solid #ded2d2;
    padding-top: 0px;
    padding-left: 20px;
    border-left: 1px solid #ded2d2;
    border-right: 1px solid #ded2d2;
    padding-bottom: 20px;
}
div#pre-a-11 {
    border: 1px solid #ded2d2;
}
.amount-content-area {
    text-align: center;
	    padding-top: 50px;
}
.amount-content-area h3 {
    color: black;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 800;
}
.amount-content-area p {
    color: black;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 10px;	
}
h3.pend-hdng {
    color: black;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}

button.unb-1 {
    padding: 2px 20px;
}

td.fnt-d-1-sh-1a {
    padding: 0;
}
td.fnt-d-1-sh-1a ul {
    margin: 0;
    padding: 0;
}
td.fnt-d-1-sh-1a ul li {
    list-style: none;
    text-align: center;
}
button.btn.btn-primary.all-wnkk-nme {
    padding: 0 10px;
}
.popp-tble-ree tr th {
    padding: 5px 5px;
    text-align: center;
}
.llg-1-nme {
    width: 1030px !important;
    max-width: 1300px !important;
    margin-top: 200px !important;
}
ul#sidebar-col-area li a {
    padding: 5px 5px !important;
}
ul#sidebar-col-area ul.side-nav-second-level li a {
    font-weight: 600;
}
ul#sidebar-col-area ul.side-nav-third-level {
    padding: 0;
}

li.name-logo-area {
    text-align: center;
}
li.name-logo-area img {
    width: 12%;
}
li.name-logo-area span {
    color: black;
    margin-left: 10px;
    position: relative;
    top: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    font-size:20px;
}
div#exp-1 {
text-align: center;
    background: #f24f7c;
    padding: 15px 0;
    background-image: linear-gradient(#f40b4b, #88213e);
}
div#exp-1 p {
    color: white;
    margin-bottom: 0;
    font-size: 30px;
}
div#exp-1 h4 {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
div#exp-2 {
    text-align: center;
    background: #f57b9d;
    padding: 15px 0;
    background-image: linear-gradient(#33b0e0, #0b3d50);
}

div#exp-2 p {
    color: white;
    margin-bottom: 0;
    font-size: 30px;	
}
div#exp-2 h4 {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
div#exp-3 {
    text-align: center;
    background: #9591c4;
    padding: 15px 0;
	    background-image: linear-gradient(#39968b, #27475c);
}
div#exp-4 {
    text-align: center;
    background: #716cb0;
    padding: 15px 0;
	    background-image: linear-gradient(#716cb0, #1d1c2c);
}
div#exp-5 {
    text-align: center;
    background: #33b0e0;
    padding: 15px 0;
	    background-image: linear-gradient(#00f9ff, #008a8e);
}
div#exp-6 {
    text-align: center;
    background: #66c4e8;
    padding: 15px 0;
    background-image: linear-gradient(#ff00eb, #62025a);
}
div#exp-7 {
    text-align: center;
    background: #6cd0d2;
	 padding: 15px 0;
    background-image: linear-gradient(#f24f7c, #5f2233);
}
div#exp-8 {
    text-align: center;
    background: #3bc0c3;
    padding: 15px 0;
	    background-image: linear-gradient(#4fa6f2, #1c3b56);
}
div#exp-5 p {
    color: white;
    margin-bottom: 0;
    font-size: 30px;
}
div#exp-5 h4 {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
div#exp-6 p {
    color: white;
    margin-bottom: 0;
    font-size: 30px;
}
div#exp-6 h4 {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
div#exp-7 p {
    color: white;
    margin-bottom: 0;
    font-size: 30px;
}
div#exp-7 h4 {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
div#exp-8 p {
    color: white;
    margin-bottom: 0;
    font-size: 30px;
}
div#exp-8 h4 {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
div#pnk-a1 {
    background-image: linear-gradient(#f40b4b, #88213e);
}
i#we-icon-1 {
    background-image: linear-gradient(#88213e, #f40b4b);
}
div#pnk-a2 {
    background-image: linear-gradient(#33b0e0, #0b3d50);
}
i#we-icon-2 {
    background-image: linear-gradient(#0b3d50, #33b0e0);
}
div#pnk-a3 {
    background-image: linear-gradient(#00f9ff, #008a8e);
}
i#we-icon-3 {
    background-image: linear-gradient(#008a8e, #00f9ff);
}
div#pnk-a4 {
        background-image: linear-gradient(#ff00eb, #62025a);
}
i#we-icon-4 {
        background-image: linear-gradient(#62025a, #ff00eb);
}
img.icon-image-menuu {
    width: 15%;
    margin-right: 5px;
}
ul.side-nav-third-level {
    padding-left: 10px;
}
































div#exp-3 p {
    color: white;
    margin-bottom: 0;
    font-size: 30px;	
}
div#exp-3 h4 {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

div#exp-4 p {
    color: white;
    margin-bottom: 0;
    font-size: 30px;	
}
div#exp-4 h4 {
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}


li.side-nav-item a.side-nav-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.totle-heading {
    text-align: center;
    margin-top: 15%;
}
.totle-heading h3 {
    color: black;
    font-size: 20px;
    font-weight: 800;
}
.mr-dp-1 {
    padding-right: 0 !important;
}
.col-9.mr-dp-2 {
    padding-left: 0;
}

div#ed-lft-1 .row.mb-3 {
    margin-bottom: 1px !important;
}
.ed-lft-2-1a {
    background: #f7f7f7;
    height: 260px;
    margin-bottom: 50px;
    overflow: scroll;
}
.ed-lft-2-1b {
    background: #f7f7f7;
    height: 260px;
    margin-bottom: 50px;
    overflow: scroll;
}
div#rd-o-a1 .form-check.form-check-inline {
    margin-top: 5px;
}
div#flo-enq-ow-a1 {
    border-bottom: 1px solid #d5d2d2;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.btn-area-a1 {
    margin-top: 40px;
}
button#sd-a1 {
    width: 100%;
    font-weight: 600;
    margin-bottom: 10px;
    background: #88213e;
    border: 1px solid #88213e;
}
button#sd-a2 {
    width: 100%;
    font-weight: 600;
    margin-bottom: 10px;
    background: #33b0e0;
    border: 1px solid #33b0e0;
}
button#sd-a3 {
    width: 100%;
    font-weight: 600;
    margin-bottom: 10px;
    background: #d204c2;
    border: 1px solid #d204c2;
}
div#nara-row .row.mb-3 {
    margin-bottom: 2px !important;
}
.row.ban-boo-ar-1 {
    background: #e5e3e3;
    padding: 15px 5px;
    margin-top: 20px;
    border-radius: 5px;
}

body.banq-page-area .page-floor-master-area {
    margin-top: 5px;
}


div#asedd-1 {
    height: 160px;
    margin-bottom: 20px;

}

div#asedd-2 {
    height: 160px;
    margin-bottom: 20px;
}

div#asedd-3 {
    height: 160px;
    margin-bottom: 20px;
}

body.banq-page-area h4.page-title {
    line-height: 45px;
}
.row.abb-rw .row.mb-3 {
    margin-bottom: 1px !important;
}
.row.abb-rw-1 {
    padding: 2% 0;
}
div#abb-rw-1-table {
    height: 255px;
    margin-bottom: 20px;
    background: #f7f7f7;
    overflow: scroll;
}
.row.abb-rw-2 {
padding: 2% 0 0 0;
}
div#cdd-12 {
    padding-top: 0;
}
div#venue-area-table {
    height: 140px;
    margin-bottom: 20px;
    background: #f7f7f7;
    overflow: scroll;
}
.bkk-amt-hd-2 {
    background: #f4f4f4;
    padding: 10px 10px !important;
    border-radius: 5px;
}
.booking-sec-con-hdd h3 {
    color: black;
    text-align: center;
    margin-bottom: 2px;
    font-size: 17px;
}
.booking-sec-con-hdd p {
    margin-bottom: 0;
    text-align: center;
    font-weight: 800;
    color: black;
}

div#right-tbl-sdd {
    height: 225px;
    margin-bottom: 20px;
    overflow: scroll;
}
h3.dd-hdf {
    color: black;
    font-size: 18px;
}
div#total-ar-row {
    background: #e7dfdf;
    padding: 10px 20px 6px 20px;
    margin-bottom: 30px;
}
div#boo-c-dw {
    height: 410px;
    background: #f8f1f1;
}

body#boo-dte-wii .modal-dialog.modal-lg {
    margin-top: 320px;
}
body#boo-dte-wii .table-area {
    overflow: auto;
    white-space: nowrap;
    height: 410px;
}

div.abb-crd {
    float: right;
}
div.abb-crd div#all-dss button.btn.btn-primary {
    background: #33bbee;
    padding: 0 12px;
    font-size: 12px;
}
div#bk-fld {
    width: 50%;
}

.aimp .row.mb-3 {
    margin-bottom: 2px !important;
}
label#des-aimp {
    width: 12.5%;
}
div#con-aimp {
    width: 87.5%;
}
div#sd-1-btn-aimp button.btn.btn-primary.all-wnkk-nmead11 {
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 20px 0;
}

div#aose {
    background: #e7dfdf;
    padding: 0;
    margin-bottom: 10px;
    height: 300px;
    overflow: scroll;
}
div#kscu1 {
    background: #e7dfdf;
    padding: 0;
    margin-bottom: 10px;
    height: 300px;
    overflow: scroll;
}


.ar-ro-1 .row.mb-3 {
    margin-bottom: 1px !important;
}
thead.ga-tbl-1 th {
    padding: 2px 5px 2px 5px !important;
}
tbody.ga-tbl-2 td {
    padding: 2px 5px 2px 5px !important;
}

span.add-btn-lnk a {
    background: #d98d1c;
    color: white;
    padding: 3px 10px;
}
label.col-1.col-form-label {
    font-size: 13px;
    color: black;
}
td.td-1 {
    color: black !important;
    width: 18%;
    padding: 15px 15px !important;
}

td.td-2 {
    padding: 15px !important;
    width: 8%;
}










/*---------------------Display None---------------------------------------*/
.app-search.d-none.d-lg-block {
    display: none !important;
}
li.dropdown.notification-list {
    display: none;
}
div#light-dark-mode {
    display: none;
}
li.d-none.d-sm-inline-block {
    display: none !important;
}
li#englkjh {
    display: none;
}