/* @import url('https://fonts.googleapis.com/css?family=Overpass'); */

@font-face {
    font-family: "ACNVAssistant";
    src: url(../fonts/Assistant/Assistant-VariableFont_wght.ttf) format("truetype");
}

@font-face {
    font-family: "Overpass-Mono";
    src: url(../fonts/OverpassMono/OverpassMono-VariableFont_wght.ttf) format("truetype");
}

body {
	margin: 0;
	font-family: Overpass, Arial;
	
	background:#BBB;
    background: url(../img/bg.jpg);
    
    background-repeat: no-repeat;
    background-attachment: fixed;
    
    background-size: cover;
    background-position: center top;
}

a { cursor: pointer; text-decoration: none; color: #2882c7; }
	a:hover, a:hover i { color: black; transition: all ease 0.3s; }
	
	/* a.btn { border: 1px solid; border-radius: 2px; padding: 3px; } */

h1 {
	padding: 10px 0 6px 65px;
	margin: 0 0 5px 0;
	background-color: gainsboro;
}

h2 {
	color: white;
}
	
.align-center { text-align: center; }
.align-right { text-align: right; }

.fl-right { float: right; }

.mono-space { font-family: 'Overpass-Mono', 'Fira Mono', 'Ubuntu Mono', monospace; font-size: 0.9em; }

.clear { clear: both; } 


.feedbackPanel {
	border: 1px solid #597db7;
	border-radius: 5px;
	margin-bottom: 5px;
	max-height: 350px;
	overflow: auto;
	position: absolute;
	right: 10px;
	/* top: 0; */
	width: 500px;
	z-index: 101;
	top: 60px; right: 20px;
}

.ui-dialog .feedbackPanel { position: initial; width: initial; }

.feedbackPanel:after {
	content: "\f057";
	font-family: "Font Awesome 6 Free";
	position: absolute;
	font-size: 1.4em;
	right: 2px;
	top: 2px;
}

	.feedbackPanel .ui-state-highlight > div {
		padding-right: 25px !important;
	}

.alert { background: red !important; }

.dl-trigger { display: none; }

ul.dl-menu { padding: 0; }
ul.dl-menu li { list-style: none; padding: 8px 10px; }
ul.dl-menu li a { 
	display: block; 
	padding: 10px 10px 10px 20px; 
	border-bottom: 1px solid rgba(255,255,255, 0.15);
	font-size: 18px;
	font-weight: 500px;
	position: relative;
	border-radius: 5px;
}

		ul.dl-menu li a span.item-text {
		    position: absolute;
		    left: 60px;
		}
		
		ul.dl-menu li a span.item-icon {
		    /* font-size: 1.2em; */
		    /* color: white; */
		}
		
		ul.dl-menu li a:hover {
			background-color: white;
			transition: all ease 0.3s;
		}
		
		ul.dl-menu li a.active {
			background-color: white;
		}

/* CSS */

.tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: white;
	/*background-color: gainsboro;*/
	color: black;
	text-align: center;
	border-radius: 6px;
	border: 1px dotted gray;
	padding: 5px 0;
	font-size: 14px;
	
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 35px;
	right: 0;
}

		.item a:hover .tooltiptext {
			visibility: visible;
		}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* END Tooltip hover */

/* Main menu Left */
.header {
	/* background: linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%); */
    /* position: fixed; */
    left: 0px;
    top: 0px;
    /* float:left; */
    /* height:100%;
    width:15%;
    min-width: 200px;
    max-width: 70%; */
    /* background-color:#A2A; */
    /* margin: 5px; */
    
    /* box-shadow: 4px 3px 5px 1px gray; */
    z-index: 100;
    width: 100%;
}

	.header i {
		color: white;
		font-size: 1.2em;
		width: 30px;
	}
	
	.header .mobile-menu-button { display: none; }

	.header ul.menu {
		padding: 0;
	}

		.header ul.menu li {
			border-top: 1px solid #6785b5;
			list-style: none;
			font-size: 18px;
			font-weight: bold;
		}
	
			.header ul.menu li a {
				display: block;
				padding: 10px 40px 10px 30px;
				text-decoration: none;
				color: #1f3963;
			}
	
	
/* END Main menu Left */

/* Column 1/2 */

/* .col1, .col2 {
  float: left;
} */
.col1 { 
	width: 235px; 
	/* background-color: rgba(0,0,0, 0.95); */ 
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(12px);
	position: absolute;
	top: 0; left: 0; bottom: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.7);
	overflow: auto;
	
}
	.col1 a {
		color: black;
	}
	 
/* .col2 { width: calc(100% - 300px); } */

/* Clear floats after the columns */

.row {
	position: absolute;
	top: 56px; right: 0; bottom: 0; left: 0;  	
}

/* .row:after {
  content: "";
  display: table;
  clear: both;
} */

/* END Column 1/2 */



/* Top menu gray header */

#top-menu {
	position: fixed;
	top: 0; right: 0;
	padding: 10px 10px 6px 0px;
	font-size: 2em;
	z-index: 100;
}
	#top-menu .item {
			float: right;
			padding: 0 8px;
		}
		
		#top-menu .item a {	color: #96c56f;	position: relative; }
		#top-menu .item a:hover { color: #ff7070; transition: all ease 0.3s; }
		
/* END Top menu gray header */

/* Active submenu */

.active-submenu {
	list-style: none;
	display: inline-block;
	padding-left: 3px;
	/* margin-top: 70px; */
}

.active-submenu li {
	display: inline-block;
}

	.active-submenu a, .parent-label {
		background: rgb(238,174,202);
		background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(215,156,21,1) 100%);
		display: inline-block;
		padding: 5px;
		/* border-radius: 8px; */
		height: 30px; width: 120px;
		line-height: 30px;
		text-align: center;
		box-shadow: 1px 1px 4px black;
		/* margin-left: 8px; */
		color: white;
	}
		.parent-label { display: inline-block; width: initial; margin-left: 5px; }
	
		.active-submenu a.active {
			border: 2px solid black;
		}
	
		.active-submenu a:hover {
			background: rgb(238,174,202);
			background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(143,106,21,1) 100%);
		}
		
	.active-submenu ul.submenu-sub {
		display: none;
		position: absolute;
		z-index: 10;
		padding-left: 0;
	}
	
		.active-submenu ul.submenu-sub li {
			display: block;
		}
		
			.active-submenu ul.submenu-sub li a {
				width: 250px;
				text-align: left;
			}
	
		.active-submenu li:hover ul.submenu-sub {
			display: block;
		}

/* END Active submenu */

div.ui-widget-overlay {
    background-image: url(/contul-meu/resources/img/waterbg.jpg);
    background-size: 100% 100%;
    opacity: 0.8;
}

/* Content Right */
.col2.container {
	/* background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%); */
    /* position:relative;
    float:left;
    height:100%; */
    /* width:calc(78% - 20px); */
/*     width: calc(85% - 20px);
    height: calc(100% - 20px); */
    
    position: absolute;
    
    top: 0; right: 0; bottom: 0; left: 235px;
    
    /* padding: 60px 0 0 350px; */
	    
    overflow: auto;
}

	.col2.container .child-container {
		padding: 20px;
	}


	.col2.container table {
		background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
		border-collapse: collapse;
	}
	
	.col2.container table th {
		background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%)
	}
	
	.col2.container table th, .col2.container table td { padding: 5px; border: 1px solid rgba(1,1,1,0.1); }

		.col2.container .create-new { font-size: 30px; margin-left: 5px; color: white; text-shadow: 0 0 10px grey; }
		
		.col2.container .create-new:hover { color: #71e282; }
		.col2.container .save:hover { color: orange; }
		.col2.container .delete:hover,
		.col2.container .close:hover { color: red; }
		.col2.container .edit:hover { color: orange; }

		.col2.container .entity-list .item,
		.col2.container .entity-list .main-tasks-container .item {
			background: linear-gradient(to bottom, #63b6db 0%,#309dcf 100%);
			/* linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); */
			display: inline-block;
			vertical-align: top;
			padding: 28px 8px 8px;
			margin-right: 10px;
			margin-bottom: 5px;
			border-radius: 5px;
			color: white;
			/* font-weight: bold; */
			text-shadow: 0 0 6px black;
			position: relative;
			width: 265px;
			/* height: 180px; */
		}
		/* .col2.container .entity-list > .item form .delete,
		.col2.container .entity-list > .item form .save,
		.col2.container .entity-list > .item form .edit { position: absolute; top: 0; font-size: 1em; cursor: pointer; } */
		
		.actions {
			position: absolute;
			right: 0; top: 0;
			width: 100%;
			background: linear-gradient(to bottom, #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%);
			text-align: right;
			border-top-left-radius: 5px;
			font-size: 18px;
		}
		
		/* .col2.container .entity-list > .item form .delete:hover,
		.col2.container .entity-list > .item form .edit:hover,
		.col2.container .entity-list > .item form .save:hover { color: orange; } */
		
		.col2.container .entity-list > .item form .delete { right: 5px; }
		.col2.container .entity-list > .item form .edit { right: 25px; }
		.col2.container .entity-list > .item form .save { right: 50px; top: 1px; }
		
		.col2.container .editor {
		    float: left;
		    border-radius: 5px;
		    padding: 10px;
		}
			.editor label { width: 100px; display: block; float: left;}
			
			.editor .job-label label:first-child { font-weight: bold; }
			
			.editor input[type="text"], 
			.editor input[type="password"],
			.editor input[type="email"],
			.editor input[type="number"],
			.editor select { padding: 5px; margin: 0 0 5px; border-radius: 5px; border: 2px solid gray; }
			
			.editor select[disabled].as-label {
				border: none;
    			background: transparent;
    			color: white;
    			/* font-weight: bold; */
    			text-shadow: 0 0 6px black;
    			font-family: Overpass, Arial;
    			padding-left: 0;
    			font-size: 13px;
    			margin: -4px 0 4px;
    			-webkit-appearance: none;
			    -moz-appearance: none;
			    text-indent: 1px;
			    text-overflow: '';
			}
			
			.editor select[multiple] option {
				border-bottom: 1px dotted;
				padding: 3px;
			}
			

		.col2.container .rows-count { font-size: 0.8em; color: orange; }
		
		.col2.container .warn-red {
		    background: red;
		    position: absolute;
		    right: -3px;
		    bottom: -1px;
		    width: unset;
		    padding: 5px 10px;
		    border-radius: 11px;
		    border: 2px solid white;
		}
		
		.col2.container .warn-gray {
		    background: gray;
		    position: absolute;
		    right: 30px;
		    bottom: -1px;
		    width: unset;
		    padding: 5px 10px;
		    border-radius: 11px;
		    border: 2px solid white;
		}
		
		/* .col2.container #advanced-table { overflow: auto; } */
		.table-drag-wrapper {
		    overflow: auto;
		}

/* END Content right*/

/* Checkbox */
/* Customize the label (the container) */
.cbcontainer {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  /* font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cbcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid;
}

/* On mouse-over, add a grey background color */
.cbcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cbcontainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cbcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cbcontainer .checkmark:after {
  left: 7px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* END Checkbox */

/* Legend*/
		fieldset {
			border: 1px solid #2882c7;
			padding: 0 20px 10px;
			background-color: white;
			margin-top: 40px;
			/* margin-bottom: 60px; */
			position: relative;
		}
		
		fieldset.alternate-fields {
			padding: 0;
		}
		
			fieldset.alternate-fields .fieldset-content {
				border: none;
				padding: 10px 20px;
				margin: 0;
			}
		
		fieldset input[type="text"],
		fieldset input[type="password"],
		fieldset input[type="email"] {
			/* border: 1px solid #cccccc; */
    		/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
			/* transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; */
			/* width: 430px; */
			padding: 6px;
			/* text-align: center; */
			max-width: 94%;
		}
		
			
/* 			fieldset input[type="text"]:FOCUS,
			fieldset input[type="password"]:FOCUS {
				border-color: #e9332d;
				box-shadow: 0 0 6px #f8b9b7;
			} */
		
		fieldset .btn,
		button.btn,
		a.btn {
			border: 1px solid;
			border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
			border-radius: 4px;
			box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
			padding: 4px 14px;
			background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
			cursor: pointer;
			color: #333;
			transition: all 0.1s;
			padding: 12px;
    		font-size: 15px;
		}
		a.btn.btn-small,
		button.btn.btn-small { padding: 3px 10px; }
		
		a.btn.btn-med,
		button.btn.btn-med { padding: 5px 10px; }
		
			fieldset .btn:HOVER,
			button.btn:HOVER,
			a.btn:HOVER {
				background: #00727a; /* #e6e6e6; */
				color: white;
			}
			
		.register-link,
		.reset-passw-link { 
			float: right;
			color: white;
			text-decoration: underline; 
		}
		.reset-passw-link {
			font-size: 14px;
			margin-top: 5px;
		}
		
		fieldset label.field-name {
			display: block;
			margin-bottom: 5px;
			margin-top: 5px;
			/* color: white; */
			width: 100px;
			display: inline-block;
		}
		
		fieldset label.field-value {
			display: block;
			margin-bottom: 5px;
			margin-top: 5px;
			/* color: white; */
			width: 300px;
			display: inline-block;
			font-weight: 700;
			
		}
		
		fieldset legend {
		    background-color: #2882c7;
		    color: white;
		    padding: 10px;
		    border-radius: 8px 8px 0 0;
		    position: absolute;
		    top: -40px; left: -1px; right: -1px;
		}
		
		fieldset div.fieldset-content.alternate:nth-child(2n+1) { background-color: #b1edfc; }
		
		
		fieldset div.fieldset-content {
		  margin: 6px 0;
		  position: relative;
		  border-bottom: 1px solid #ccc;
		}
		
		.fieldset-content label.placeholder {
		  position: absolute;
		  top: 50%;
		  left: 0;
		  transform: translateY(-50%);
		  font-size: 16px;
		  pointer-events: none;
		  transition: 0.15s ease;
		}
		
		.fieldset-content input {
		  width: 100%;
		  height: 40px;
		  background: transparent;
		  border: none;
		  outline: none;
		  font-size: 16px;
		}
		
		/* .fieldset-content input:valid { background-color: red; } */
		
		.fieldset-content input:focus~label,
		.fieldset-content input:valid~label,
		.fieldset-content input:autofill~label
		{
		  font-size: 0.8rem;
		  top: 10px;
		  transform: translateY(-120%);
		}
		

		/* 
		
		
		*/
		
		fieldset div.fieldset-content.w30 {
			width: 26%; display: inline-block;
		}
		
		
		fieldset div.fieldset-content.w50 { width: 46%; display: inline-block; }
		
		fieldset div.fieldset-content.w100-2lines { 
			display: inline-block;
			width: 100%; 
		}
		
		fieldset div.fieldset-content.w100-2lines input[type="text"] {
			max-width: 556px; 
			width: 100%;
		}
		
		fieldset div.fieldset-content.w100-2lines label { width: 100%; }
		
		 
		fieldset div.fieldset-content.w70 {
			width: 66%; display: inline-block;
		}
		
		fieldset fieldset legend { border-radius: 0; }
		
		@media screen and (max-width:680px)
		{
			fieldset div.fieldset-content.w30 { width: 100% }
			fieldset div.fieldset-content.w70 { width: 100% }
		}
		
		input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
		
		
		
/* END Legend */

.ui-dialog .ui-dialog-titlebar {
	background: linear-gradient(45deg, #2882c7, #3b9dff);
	color: white;
}

ul.sortable { list-style: none; padding: 0; display: inline-block; }
ul.sortable li { padding: 5px 30px 5px 2px; position: relative; background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); border: 1px solid rgba(1,1,1,0.1); }
ul.sortable li:hover { background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); }
ul.sortable li span.item { color: initial; font-weight: normal; width: 220px; display: inline-block; }
ul.sortable li a.delete { position: absolute; right: 10px; }


.calendar { width: 600px; }
.event-accepted::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  color: #32a852;
  position: absolute;
  right: -3px;
  top: -5px;
  font-weight: bold;
  background-color: white;
  border-radius: 10px;
  z-index: 3;
}

.title-content { display: inline-block; }

	.title-content > div {
		display: inline-block;
	}
	
.message {
    margin: auto;
    /* position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;*/
    /* height: 250px; */
    max-width: 600px;
	background-color: white; /* #9ae7ed; */
	/* color: #343485; */
	/* font-weight: bold; */
	border: 6px solid #22c1c9;
	box-shadow: black 0px 15px 30px;
}
.message img { width: 250px; /* float: left; */ transform: scaleX(-1); display: inline-block; }

.message .message-content { 
	display: inline-block;
	/* float: right; */ 
	/*margin-left: 5px;*/
	margin: auto;
	bottom: 0;
	/* height: fit-content; */
	vertical-align: top;
	/* position: absolute; */
	top: 0;
	left: 240px;
	right: 10px; 
	width: 340px;
	padding-right: 5px;
}


.message .message-content p.title { font-size: 20px; font-weight: bold; }
.message .message-content p.content { font-size: 17px; margin: 5px 0; }

.password-container {
	/* position: relative; */ 
	/* display: inline; */
}
	.password-container input[type="password"] {
		position: unset;
	}

   .togglePassword {
     position: absolute;
     top: 50%;
     right: 10px;
     transform: translateY(-50%);
     background: none;
     border: none;
     cursor: pointer;
     
     
     color: black; 
     font-size: 16px;
     display: inline;
   }

   .togglePassword:hover {
     color: #333;
   }

@media screen and (max-width:615px)
{
	.message { margin: 5px; }
	.message img { display: block; margin: auto; }
	.message .message-content { width: unset; padding: 10px; }
}

/* GridViews */
.invoice-list {
		border: 1px solid #2882c7;
		border-radius: 10px 10px 0 0;
		margin-bottom: 10px;
	}
	
		.tableTitle { 
			color: white; 
			padding: 10px; 
			border-radius: 8px 8px 0 0;
			/* background-color: #2882c7; */ 
			background: linear-gradient(45deg, #2882c7,/* #1bd6ff,*/ #3b9dff);
			position: relative;
		}
	
	
		.invoice-line { padding: 5px; min-height: 50px; position: relative; }
		
		.invoice-line label.field-descr {
		    color: gray;
		    font-size: 13px;
		    position: absolute;
		    /* top: 22px; */ bottom: 7px;
		}
		
		/* .invoice-line .inv-no,
		.invoice-line .inv-date,
		.invoice-line .inv-duedate,
		.invoice-line .inv-balance */
		.invoice-line .grid-elem
		{ display: inline-block; }
		
		.invoice-line .inv-no { width: 130px; }
		.invoice-line .inv-date { width: 150px; }
		.invoice-line .inv-duedate { width: 200px; }
		.invoice-line .inv-balance { width: 130px; position: absolute; right: 50px; top: 10px; }
		.invoice-line .inv-status { width: 170px; }
		.invoice-line.paid .inv-status { display: none; }
		.invoice-line .inv-download { float: left; }
		.invoice-line .inv-pay { float: right; }
		.invoice-line .inv-checkpaym { width: 30px; position: absolute; right: 2px; top: 10px; }
/* 		.invoice-line .inv-status { width: 50px; } */ 
		
		.invoice-line:nth-child(2n+1) { background-color: #b1edfc; }
		.invoice-line:nth-child(2n) { background-color: white; }
		
	.navigator {
	    padding: 5px 10px;
		background-color: white;	
		border-radius: 0 0 8px 8px;
		border-top: 1px solid gray;
	}
	
		.navigator .prev,
		.navigator .first,
		.navigator .next,
		.navigator .last,
		.navigator .goto {
			padding: 2px 5px;
		}
		
		.navigator .prev[disabled],
		.navigator .first[disabled],
		.navigator .next[disabled],
		.navigator .last[disabled],
		.navigator .goto a[disabled] {
			color: gray;
			cursor: pointer;
		}
		
		.navigator .goto a[disabled] {
		    padding: 2px 3px;
		    border: 1px solid gray;
		}
/* END GridViews*/

@media screen and (max-width:900px)
{
	h1 { 
		font-size: 1.5em; 
		white-space: nowrap;
		height: 40px;
		line-height: 22px;
	}
	
	
	
	.title-content .title-line2 {
		font-size: 0.7em;
		display: block;
		float: left;
	}
	
	.title-content .title-line1 {
		display: block;
	}
	
	.title-pref { display: none; }
}

@media screen and (max-width:600px)
{
	.users-table {
		width: 100%;
	}
	
	.parent-label { display: none; }
	.active-submenu { font-size: 0.8em; display: initial; }
	.active-submenu li a { width: 85%; }
	.active-submenu li { width: 33%; }
}

@media screen and (max-width:500px)
{
	#dl-menu {
		position: fixed;
	}
	
	h1 {
		position: fixed;
		top: 0; left: 0; right: 0;
		z-index: 1;
	}
	
	#top-menu {
		position: fixed;
	}
		
	.container.col2 {
		/* height: 100vh; */
		overflow: auto;
		position: absolute;
		/* padding-top: 58px; */
	}
	
	.entity-list .chat-message {
		top: 55px;
		left: 0;
		width: 100%;
		height: auto;
	}
	
	.entity-list .chat-message .message-container {
		position: fixed;
	    top: 90px;
	    left: 0;
	    right: 0;
	    bottom: 40px;
	    height: unset;
	}
	
	.entity-list .chat-message .message-input {
		width: calc(100vw - 65px);
	}
	.chat-message form {
		position: fixed;
		bottom: 0;
		z-index: 1;
	}
	
	.feedbackPanel {
		left: 10px;
		width: unset;
		z-index: 1;
	}
		
}


@media screen and (max-width:900px)
{
	.menu-container.col1 { display: none; z-index: 2; width: 100%; }
	.col2.container { left: 0px; width: 100%; }
	.header .mobile-menu-button { position: absolute; top: 5px; right: 0; padding: 15px; z-index: 2; display: block; }
	#dl-menu { width: 100%; }
	
	.feedbackPanel { position: initial; }
	.top-feedback { padding-bottom: 5px; }
	
	fieldset.total a { display: block; margin-left: 0 !important; }
	
	label,
	legend,
	fieldset p,
	fieldset a,
	fieldset .btn, button.btn, a.btn,
	input[type="text"] { font-size: 1.1em; }
}