label.error {
	color: #dc3545;
    font-size: 14px ;
}
.loader {
text-align:center;
  
}
.tbooking {
	background: #26abff;;
}

.tbooking h2, .tbooking h5{
    color:#fff;
}
.inset-panel{
  /*background-color: rgba(0,0,0,.1);*/
  padding: 1em;
  box-shadow: 0 0 .5em rgba(0,0,0,.1) inset ;
  border-top:1px solid rgba(255,255,255,.3);
  border-bottom:1px solid rgba(255,255,255,.3);
  font-size: 14px;
}
.news-panel{
  min-height:100px; 
}
.news-header{
  display:inline-block;
  float: left;
  margin:1em 0 0;
}
.news-feed{
  margin: 0;
  padding: 0;    padding-left: 23px;
    list-style: circle;
  font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
  height: 100px;
  overflow: hidden;
}
.news-item{
  height:100px;
  padding-right: 30px;
}

.news-item-header,
.news-item-lead{
  display: block;
}
.news-item-header{
  padding-top: 11px;
  font-weight:bold;
}
.news-item-lead{
  color: #665F51;
}
.news-scroll .glyph.general:before{
  margin-right:0;
}
.module-header{
  font: bold 1.25em/1.5em Verdana, Arial, Helvetica, sans-serif;
  color: #544f43;
  margin: 0 0 .5em;
  padding: 0;
}


/* OTHER COLORS */
.blue { 
	background: #347fd0 ;
  margin: 20px auto;
  border-radius: 4px;
  padding: 3px;
}
.blue span { background: #2c66be }
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#loadingDiv {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#ff814c;
}
#loadingDiv img {width:425px;}
.sendText {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4em;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.thankyoumsg {
	text-align: center;
	margin: 35px;
	opacity:0;
	/*padding:9em 0;*/
	color:#fff;
}
#textDiv a {
    opacity: 0;
}
#textDiv {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#1F262D;text-align: center;
    padding: 9em 0px;
	
}

@media only screen and (max-width:767px){#loadingDiv img {width:100%;}
.umatop>div{margin-top:0px !important;} 
.umatop .card{margin-bottom:0px !important;}
/*.umatop{padding:20px;}*/
.card-body {
    padding: 1.1rem !important;
}
table.table.profile2 {
    font-size: 0.87em !important;
}
.userhomeblade #homebx{padding:0px 10px !important;}
.umatop .fgrup{padding:10px !important;}
.paddingnone{padding:0px !important;}
}

/******** marquee text css ****/

marquee {
    font-family: inherit;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    color: red;
}


/*********  Work pay summary title css ************/

.summary-title{margin-bottom: 29px !important;
    padding: 9px 0px;}
    
/***** Login pages css   ****/

.loginbg{padding: 50px 40px;
    border-radius: 24px;border: 8px double #fff;box-shadow:0px 0px 30px 0px rgb(0 0 0 /50%);}
.logintitle{font-family: "Poppins", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;margin-top: 25px;}
.hrline{background:#fff !important;}
.iconmar{font-size: 30px;
    top: 4px;
    position: relative;    margin-left: 1%;}
.iconuser{font-size: 40px;border: 6px solid orange;
    padding: 10px;
    border-radius: 50px;
    background: orange;}
    
    
/***** admin main dashboard css *******/
html body small.fsize{font-size:100% !important;}
.bgborder{padding: 12px;border: 6px double #fff;}
.analysis{ border: 6px double #fff;
    border-radius: 50px;
    padding: 8px;}
    

.navbar-brand img {
    padding-top: 10px;
    width: 160px;
}
.brand img{
    padding-top: 0px !important;
    width: 140px;
    z-index: 999;
    padding-bottom: 0px !important;
}
.tabview{
display:none;
}
#navbarSupportedContent {
	margin-top: -7px;
	padding: 10px 0 0px 0;
}

.brandcontent{
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.brandmenulink{margin-left: 86px;}
.topside{height: auto !important;}

.alert.alert-danger.chngcolor {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.alert.alert-success.passclr {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-success.proilemeg.passclr{
   color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb; 
}
.form-control:read-only {
    background-color: #fff !important;
}
/** User panel**/
#upanel {
    /*background: #d1e2ea !important;
    padding: 30px;*/
    background: url(https://hiquido.com/public/images/dummy_map03.png);
}
#upanel::before {
    content: '';
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.btn-icon-bg{
   color: #fff;
    background:#587a95 !important;
}
.btn{font-weight: 500 !important;
    font-family: var(--bs-font-sans-serif) !important;
    letter-spacing: 1px !important;font-size: 1rem !important;}
body .btn.mt-1{font-size: 0.765625rem !important;}
.useloginbg .logintitle {
    color: #fff !important;
    margin-top: 0;
    font-family: inherit !important;
    font-weight: bold !important;
}
.useloginbg {
    background-color: transparent !important;
    /*box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 26%);*/
    padding: 50px;
}
.useloginbg #basic-addon1, .useloginbg #basic-addon2 {
    /*background: transparent !important;*/
    border: 0;
    /*border-bottom: 2px solid #e1e1e1;*/
}

.useloginbg input {
    border: 0;
    border-bottom: 2px solid #e1e1e1;
}
.useloginbg .input-group-text i {
    /*color: #1f262d !important;*/
    color: #fff !important;
    font-size: 18px;
}
.useloginbg .iconuser {
   /* position: absolute;*/
   /* top: -1.5em;*/
    background: transparent !important;
    border: navajowhite;
    border-radius: 0;
    /*margin-left: -3.39em;*/
	width: 50%;
}
.useloginbg .text-white {
    padding: 12px;
}
.useloginbg .text-forgot {
    padding: 8px;
    color: #1f262d !important;
    display: block;
    text-align: right;
}
.income{text-align:center;}
i.fas.fa-home {
    font-size: 22px !important;
}
span.hide-menu{font-size:17px !important;}
.sidebar-nav ul .sidebar-item .sidebar-link i{text-align:left !important;}

.topbar .nav-toggler{
    background: #27a9e3;font-size:18px;
}

/** Invoice CSS**/
#invlabel .col-form-label {
    padding: 0;
    font-weight: bold !important;
    font-size: 16px;
}
/*#invlabel .card-body {
    padding: 0;
}*/
#homebx h5 {
    background: #ecebeb;
    padding: 15px;
}
#homebx th, #homebx td {
    padding-left: 22px;
    padding-right: 22px;
}
#ltext b {
    font-weight: normal;
    font-size: 16px;
}
#ltext span {
    font-weight: bold;
    font-size: 16px;
}
#invlabel h3, #invlabel h2 {
    background: #ecebeb !important;
    border: 1px solid #d1d1d1;
    padding: 10px;
    margin-bottom: 10px;
    color: #3e5569 !important;
    font-size: 24px;
    font-weight: bold;
    text-align: left !important;
}
.fgrup {
    padding: 10px 20px;
}

body{background:#eeeeee;}
#homebx {
    padding: 20px;
}

.tab-content {
    margin-top: 20px;
}

.invoiceborder{border-bottom: 2px dotted #e9ecef;align-items: center;}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tabview {
	display: block;
	width: 63px;
}
.deskview{
display:none;
}
}
#navbar li:last-child:hover, #navbar li:last-child  {
    text-decoration: none !important;
    position: inherit;
}
/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 767px) {
.useloginbg {
    padding: 0 20px;
}
.useloginbg .logintitle {
    /*margin-top: 60px;*/
    margin-bottom: 0;
    padding-bottom: 0 !important;
}
.text-end {
    text-align: left !important;
}
.fgrup .col-sm-9 {
    padding: 0;
}
.fgrup .dt-buttons {
    float: left !important;
}
.fgrup #zero_config_wrapper {
    padding: 0;
}
i.mdi.mdi-cellphone, i.mdi.mdi-email {
    font-size: 25px;
    position: relative;
    top: 3px;
}
#regForm12 label.btn {
    font-size: 1rem !important;
}
.navbar .getstarted, .navbar .getstarted:focus {
    background: unset; 
    margin: auto; 
    border-radius: 0; 
    color: unset; 
}
#regForm12 {
    margin: 30px auto !important;
    padding: 30px 10px !important;
    border-radius: 1.1%;
}
#header {
    height: 60px !important;
}
#header .logo img {
    max-height: 40px;
}

}
.profile{
    font-size:1.3em !important;
}
.profile td{
    font-size:1.3em !important;
}
.termsandcondition li{
    list-style:none;
    line-height: 1.6em;
}
ul.termsandcondition {
    padding-left: 0px;
}

@media only screen and (max-width:576px){.mobileview{width:auto !important;margin-right:10px;}}

/********  Header css  ******/
header.topbar.topside {
    background: #27a9e3 !important;
}
#navbarSupportedContent {
    margin-top: 0px !important;
    padding: 0px 10px 0px 0px !important;
}
header.topbar #navbarSupportedContent {
    background: #27a9e3 !important;
}
#navbarDropdown{line-height: 50px !important;
    height: 50px !important;
    color: #ffffff !important;}
.navbar-nav.float-end{background: red !important;
    border-radius: 100px;}
.navbar-header{background:linear-gradient(90deg, #ffffff, transparent) !important;display: flex;}
.brand{display: block !important;
    margin: 0px;
    padding: 0 10px 0 10px;
    text-align: center;
}
header.topbar .brand img{padding:5px !important;}
.left-sidebar {
padding-top: 80px !important;}
#main-wrapper .topbar .top-navbar .navbar-header{z-index:99 !important;}

.btn.bk{
    font-size:1rem !important;
}

.bkstatus {
	pointer-events: none;
}

.select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--multiple .select2-selection__rendered {
	 white-space: wrap; 
}
.select2-container .select2-selection--single {	
	height: auto;
}
.bgcolorred{
    background:#dc3545  !important;
    color:white !important;
}
/*.select2-container .select2-selection--multiple {	
	overflow:auto;
}*/

  .animate-charcter {
    text-transform: uppercase;
    background-image: linear-gradient(
-225deg
, #231557 0%, #44107a 29%, #ff1361 67%, #B9333B 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    font-weight: 900;
    /*font-size: 45px;
    text-align: center;*/
    font-family: 'PT Sans', sans-serif;
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
/* admin layout css start*/
.dataTableHeader {
        display: flex;
        justify-content: space-between;
    }
    @font-face {
        font-family: 'Roboto';
        src: url('path/to/Roboto-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    .statusbtn{
        font-size:13px !important;
    }
     .dataTables_filter label{
        margin-bottom:0px !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button
        {
            font-size: 14px; /* Set your desired font size here */
        }
    .bookingDetailsTable td, .bookingDetailsTable th{
       padding:.45rem !important;
     }
     
    @font-face 
     {
        font-family: 'Roboto';
        src: url('path/to/Roboto-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
       }
     .dataTables_wrapper .dataTables_paginate .paginate_button
        {
            font-size: 14px; /* Set your desired font size here */
        }
      
/* admin layout css end*/

    .couponlistScroll {
        max-height: 150px; /* Adjust the height as needed */
        overflow-y: auto;
    }
    
    @keyframes blink-animation {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .blink-text {
        animation: blink-animation 2.5s steps(5, start) infinite !important;
        -webkit-animation: blink-animation 2.5s steps(5, start) infinite;
        font-size: 18px;
        font-weight: bold !important;
        color: transparent; /* Set color to transparent */
        background: -webkit-linear-gradient(2deg, #d4954b, #d48f3e 75%);
        -webkit-background-clip: text;
        margin: 0;
        font-weight: 700;
        font-family: inherit;
    }