@import url(/public/styles/normalize.css);
@import url(/public/styles/foundation6.css);
/*@import url(/public/styles/font-awesome.min.css); */

@import url(/public/styles/fonts/bootstrap.css);  

@import url(/public/styles/panel/layout/general.css);
@import url(/public/styles/panel/layout/header.css);

@import url(/public/styles/panel/form/general.css);
@import url(/public/styles/panel/form/input.css);
@import url(/public/styles/panel/form/button.css);
@import url(/public/styles/panel/form/drop.css);
@import url(/public/styles/panel/form/files.css);
@import url(/public/styles/panel/form/elements.css); 
@import url(/public/styles/panel/form/sortable.css);
@import url(/public/styles/panel/form/filter.css);

@import url(/public/styles/panel/message.css);
@import url(/public/styles/panel/tooltip.css);
@import url(/public/styles/panel/navbar.css);

@import url(/public/styles/panel/table/listing.css); 
@import url(/public/styles/panel/table/calendar.css); 
@import url(/public/styles/panel/table/avb-prices.css); 
@import url(/public/styles/panel/table/elements.css); 
@import url(/public/styles/panel/table/editable.css); 

@import url(/public/styles/panel/sidebar.css);
@import url(/public/styles/panel/utils.css);
@import url(/public/styles/panel/infobox.css);
@import url(/public/styles/panel/menucards.css);
@import url(/public/styles/panel/animation.css);

@import url(/public/styles/panel/reservation.css);
@import url(/public/styles/panel/housekeeping.css);  
@import url(/public/styles/panel/ui.css);
@import url(/public/styles/panel/select.css);
@import url(/public/styles/panel/modal.css);
@import url(/public/styles/panel/contextmenu.css);
@import url(/public/styles/panel/tabs.css);
@import url(/public/styles/panel/owner.css);

@import url(/public/styles/panel/window/reservation.css);
@import url(/public/styles/panel/window/guestchat.css);
 

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600&display=swap');


:root {
    --body-back: #f5f5f5;    
    --header: #1C2430;
    --navbar: #009688;
    --text: #1C2430;
    --infobox: #fafafa;
	--black: #1C2430;
    --white:#fff;    
    --almostwhite:#fefefe;  
	--error: #ff8585;
	--red : #e95572;
    --lightred : #e4798e;
    --lightenred : #f5bec9;
	--warning: #e39a62;
	--orange: #e39a62; 
	--darkorange: #956139; 
	--lightwarning: #e39a6220; 
	--info:#6a71b3; 
	--success:#2cc9c5;    
    --button-radius:30px; 
	--box-radius:10px; 
	--grey:#808080;
    --grey-eee:#eee;
	--grey-f7:#f7f7f7;
    --lightgrey:#dbdbdb;
    --darkgrey:#303030;

    --daysheader:#464d56;
    --highlight:#ffd45c;

	--green:#009688;
	--lightgreen:#21b6a7;
    --lightengreen:#b5ede0;
    --lightengreen2:#dff5f0;    
    --navy:#3f4c6b;
    --lightnavy:#5c75af;

    --discount:#ea6280;
    --paid:#009688;
    --unpaid:#e39a62;

    --status-confirmed:#3b8c00;
    --status-checkin:#ac73c3;
    --status-checkout:#288dad;
    --status-new:#ff5a00;
    --status-canceled:#726e74;
    --status-complete:#209677;

    --status-unpaid:#e95572;
    --status-parpaid:#e39a62;
    --status-paid:#009688;
    
    --ck-border-radius: 5px !important;
    --ck-color-base-border:#eee !important; 
  }

.status-new {background-color:var(--status-new);color:var(--white);}
.status-confirmed {background:var(--status-confirmed);color:var(--white);}
.status-checkin {background:var(--status-checkin);color:var(--white);}
.status-checkout {background:var(--status-checkout);color:var(--white);}
.status-canceled {background:var(--status-canceled);color:var(--white);}
.status-complete {background:var(--status-complete);color:var(--white);}

.status-unpaid {background:var(--status-unpaid);color:var(--white);}
.status-parpaid {background:var(--status-parpaid);color:var(--white);}
.status-paid {background:var(--status-paid);color:var(--white);}
.tag {background:var(--navy);color:var(--white);}

body {	
	   margin: 0px; 
	   padding: 0px; 	   
	   background:var(--body-back);
       color:var(--text);
	   min-height:100%;
	   text-align:left;
	   font-size:14px;
	   font-weight:500;	   
	   line-height:150%;
	   height:auto;   
	   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  	 }
     
* {outline:none;font-optical-sizing: auto;}	

h1,h2,h3,h4,.title,.niceFont {font-family: "Lexend", serif; }
h1,h2,h3,h4 {padding:0;margin:0;}

div {position:relative;}
.contentBack{background:var(--body-back);}
.row {max-width:1240px;}
.fullwidth, .content {width:100%;max-width:100%;}


img {border:0px;}
b, strong {font-weight: bold;}
h1	{font-size:30px;line-height:100%;font-weight:700;padding:20px 0px;margin:0px;}
h1 span, h1 small{font-size:.7em;opacity:.6;font-weight:normal;}
	
h2	{font-size:20px;font-weight:bold;
	display:block;padding:0px;overflow:hidden;min-height:20px;height:auto;
	padding-bottom:3px;margin-top:5px;margin-bottom:0px;line-height:130%;
	}
	
h2 span {font-size:.65em;}
h3 {font-weight:bold;font-size:1.3em;line-height:100%;margin:5px auto;padding:0px;}

.h2 {font-size:20px;padding:5px 0px;}  
.h1 {font-size:30px;}  

a {color:var(--green);text-decoration:none;}
a:hover {color:var(--lightgreen);text-decoration:none;}
.transparent {opacity:.3;}
 

.right {float:right;text-align:right;}
.txt-right {text-align:right !important;}
.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-small {font-size:10px;}
.txt-medium {font-size:12.5px;}
.txt-bigger {font-size:14px;}
.txt-big {font-size:16px;}

.right {text-align:right;} 
.center {text-align:center;}
.clr {clear:both;}
.small {font-size:.8em !important;}

.padv20 {padding-top:20px;padding-bottom:20px;}
.padv10 {padding-top:10px;padding-bottom:10px;}
.padv5 {padding-top:5px;padding-bottom:5px;}
.padleft70 {padding-left:70px;}
.center {text-align:center;}
.txt-notice{color:var(--warning);}
.txt-error{color:var(--error);}
.txt-grey{color:var(--grey);}
.txt-green{color:var(--green);}
.txt-white{color:rgba(255,255,255,.5);} 



.highlightGradient
    { 
    background: rgb(34, 193, 195);
    background: linear-gradient(149deg, rgb(125 228 229) 0%, rgb(179 255 230) 100%);
    }

	

/*TABLET*/
@media only screen and (max-width: 63.9375em) 
{
	.mainParams
	{
		float:none;
		margin:15px;
		padding:15px;
		background:rgba(0,0,0,.1);
		border-radius:3px;
	}
	
	#main-nav
	{
		position:relative;
		z-index:9;
	}

	.header
	{
		width:100%;		
	}
	
	.headItem { float:none;width:100%;padding:0px;margin-top:5px;max-width:100%;text-align:center;}
	.headItem select {width:100%;max-width:100%;height:auto;padding:14px;}
}



/*PHONE*/
@media only screen and (max-width : 40em) 
	{	
			
	.objId { top: 20px;left: 47px;font-size: 8px;opacity:.5;}		
		
	.select2-container 
		{
		width:100% !important;
		}
		

	.listing td
		{
		padding:8px;
		}


	h1 {font-size:20px;padding:15px 0px;}
    h3 {font-size:1.1em;}

	.infoBox {padding:15px;max-height:100%;overflow-y:none;}      
    .dashboardBox {padding:15px;height:inherit;overflow-y:none;max-height:60vh;}

	.roomCol {max-width:100px;}
			
	ul.resp-tabs-list {display: none;}

	h2.resp-accordion {
			display: block;
			border:0px !important; 
			border-radius:5px;
			background:var(--lightgrey) !important;
			margin-bottom:2px; 
		}
		
	h2.resp-accordion:before { content: '\F282'; font-family:'bootstrap-icons';	margin-right: .5em;position: relative;top:2px;}

	h2.resp-tab-active
	{ 
		color:var(--white) !important;
		background: var(--green) !important; 
	}
		
	.resp-tab-active:before { content: '\F286' !important; font-family:'bootstrap-icons'; margin-right: .5em;position: relative;top:2px;} 

	.resp-vtabs .resp-tabs-container {
		border: none;
		float: none;
		width: 100%;
		min-height: initial;
		clear: none; 
	}
		
		
	.resp-tabs-container h2 { font-size:13px;font-weight:500;}
		
	.resp-tab-content-active 
	{
	display: block;
	border-top:0px !important;
	}


	.resp-accordion-closed 
	{
		display:none !important;
	}
		
  
}