/* removing iOs rounding */
button { -webkit-appearance: none; }



textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}



html
{
 height: 100%;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    font-family: arial,serif;

    color: white;
    background-color: #F0F0F0;
    background: #F8F8F8;
   color: black;
   padding-bottom: 80px;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}


img
{
 bordeR: 0;
}
h3 {
	text-transform: uppercase;
	padding-bottom: 0;
	margin-bottom: 0;
	font-family: "Open Sans Condensed";
	font-size: 1.2em;
	ccolor: #3f3f3f;
	ttext-shadow: 2px 5px 1px black;
}

.h3-center
{
 text-align: center;
}


#content {
 min-height: 100%;
 display: block;
 margin: 0;
 padding: 0;
 float: none;
 max-width: 1100px;

 background-color: transparent;
 bbackground-image: url(/images/topbarshadow.png);
 background-repeat: no-repeat;
 background-position: center -45px;
 margin-left: auto;
 margin-right: auto;
 clear: both;
 padding-top: 15px;
 text-align: left;
 border: 0;

}

.menu-section a:link,#content a:visited,#content a:active {
	color: inherit;
   -moz-transition: color 0.2s ease-in 0s;
}

#content .menu-buttons li a:hover,
{
	-moz-transition: color 0.2s ease-in 0s;
	color: #adadad;
	color: #444444;
	background: transparent;
	text-shadow: 0px 2px 3px black;
	padding: 0;
	margin: 0;
	border: 0;
}

.menu-buttons {
 list-style: none;
 padding: 0px;


 gfloat: left;
 bclear: both;

}

.menu-buttons li {
 border: 0px;
 padding: 0px;
 margin-bottom: 5px;
 font-size: 90%;

}

#content-left-side {
 float: left;
 width: 500px;

 margin-right: 25px;
}

#content-right-side {
 float: left;
 width: 400px;
}


#receipt-rows-search {
display: none;
}

#receipt-buttons {
 float: left;
 clear: both;
}

#receipt-buttons dd,#receipt-buttons dt {
	float: left;
	margin: 0;
	padding: 0;
}

#receipt-buttons input {
 float: left;
}


#customer {
	 float: left;
	 text-shadow: 0px 3px 3px black;
}

#customer #customer-phone,
#customer #customer-fulladdress
{
  display: none;
}

#customer #customer-fullname {
  ffont-weight: bold !Important;
   font-family: Galdeano !important;
   letter-spacing: 0;
}

#left-side-buttons {
 float: left;
 width: 100px;
 margin-top: 50px;
}

#left-side-buttons input {
  width: 100px;
  padding: 5px;
  margin-bottom: 1px;
  background-color: #363636;
  color: white;
  font-family: "Andada";
  font-size: 0.7em;
  border: 1px solid black;
  border-top-left-radius: 5px 5px;
  bborder-top-right-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
  bborder-bottom-right-radius: 5px 5px;


}


.insert_cashin_form {

 font-size: 1.3em;
}



#receipt-editor
{
	display: block;
	width: 100%;
	overflow: hidden;
}

#receipt-editor .total
{
	ffont-weight: bold;

}

#receipt-editor > #phases
{
	width: 900px;
	height: 500px;
	overflow: auto;
}



#receipt-editor > #phases > *
{
	display:block;
	float: left;
}



/* kuitti */

#receipt-editor .jspHorizontalBar
{
	display: none;
}


.ui-dialog-titlebar, .ui-dialog-content
{
	font-size: 12px;
}


/* search alue */
#receipt-selection-customers-title {
 background: none;
 bborder-bottom: 1px solid black;
    font-family: "Open Sans Condensed";
    font-size: 1.2em;
    margin-bottom: 0;
    padding-bottom: 0;
    text-shadow: 2px 5px 1px black;
    text-transform: uppercase;
}

#receipt-selection-products-title {
 background: none;
 bborder-bottom: 1px solid black;
    font-family: "Open Sans Condensed";
    font-size: 1.2em;
    margin-bottom: 0;
    padding-bottom: 0;
    text-shadow: 2px 5px 1px black;
    text-transform: uppercase;
    display: none;
}

.zend_form
{
 font-family: arial, serif;
 display: inline-block;
 font-size: 1em;
}

.zend_form dt {
	float: left;
	clear: left;
	min-width: 180px;
	margin-top: 10px;
}
.zend_form dd {
	float: left;
	clear: right;
	display: block;
	margin-top: 10px;
}


.zend_form .errors
{
	ddisplay: none;
}

.zend_form ddd:hover .errors
{
	position: absolute;
	background-color: #ffd;
	padding: 8px !important;
	display: block;
	width: 300px !important;
	color: black;
	margin-top: 8px;
	text-shadow: none;
	border-radius: 3px;
	box-shadow: 0 0 4px black;
	z-index: 5;
}

.zend_form .errors li
{
	color: red !Important;
	font-size: 12px !important;

}

.zend_form dd input[type="text"],
.zend_form dd input[type="password"],
.zend_form dd ul
{
 float: left;

 clear: both;
 margin: 0;
 padding: 0;
}

.zend_form dd input[type="text"]
{
 padding: 5px;
 min-width: 200px;
}


#main-page-buttons {
 width: 100%;

 margin: 0 auto;

 clear: both;

 clear: none;
 float: none;

}

.main-task  {
 float: left;
 width: 110px;
 text-align: center;
 height: 80px;

 ttext-shadow: gray 0px 1px 2px;

}

.main-task img {

 height: 15px;
 width: auto;
 margin: 0 auto;
 border: 0;
 margin-top: 10px;
 display: block;
 float: none;
 clear: none;

}
.main-task-button
{
 background: transparent;
 height: 40px;
 width: 40px;
 margin: 0 auto;
 text-align: center;
 display: block;
 background-image: url(/images/buttons.png);
 background-position: -0px 0px;
 padding: 0;
	border-radius: 12px;
	border: 1px solid #ccc;
	background-repeat: no-repeat;

   -moz-box-shadow: 1px 4px 5px #666666;
    -webkit-box-shadow:1px 4px 5px #666666;
	box-shadow:1px 4px 5px #666666;

}


.main-task a,
.main-task a:active,
.main-task a:visited
{
 text-decoration: none;
 color: black;

}

.main-task a:active,
.main-task a:hover
{
 text-decoration: underline;
 outline: 0;
}

.main-task .main-task-button:active {
/*   -moz-box-shadow:inset 1px 1px  3px #222222;
    -webkit-box-shadow:inset 1px 1px  3px #222222;
	box-shadow:inset 1px 1px 3px #222222;*/
	 background-position: 0px -72px;


		border: 1px solid #ccc;
     -moz-box-shadow: 0px 0px  3px #666666;
    -webkit-box-shadow:0px 0px  3px #666666;
	box-shadow: 0px 0px 3px #666666;

}

.main-task .button-text
{


 font-size: 10px;
 clear: none;
 margin-top: 10px;
 display: block;
 text-align: center;
 font-family: arial;
}

.main-task-button-orange
{
 background-position: -72px 0px;
}

.main-task .main-task-button-orange:active
{
 background-position: -72px -72px;
}


.main-task .main-task-button-red
{
 background-position: -0px -0px;
}

.main-task .main-task-button-red:active
{
 background-position: -0px -72px;
}

.main-task .main-task-button-blue
{
 background-position: -144px 0px;
}

.main-task .main-task-button-blue:active
{
 background-position: -144px -72px;
}

.main-task .main-task-button-purple
{
 background-position: -215px 0px;
}

.main-task .main-task-button-purple:active
{
 background-position: -215px -72px;
}

.main-task .main-task-button-calendar
{

 background-position: -72px -144px;
}

.main-task .main-task-button-calendar:active
{
 background-position: -72px -216px;
}

.main-task .main-task-button-varasto
{
	vborder: 0;
 background-position: -0px -144px;
}

.main-task .main-task-button-varasto:active
{
 background-position: -0px -217px;
}


.main-task .main-task-button-green
{
 background-position: -359px 0px;
}

.main-task .main-task-button-green:active
{
 background-position: -359px -72px;
}

.main-task .main-task-button-yellow
{
 background-position: -288px 0px;
}

.main-task .main-task-button-yellow:active
{
 background-position: -288px -72px;
}

.main-task .main-task-button-gray
{
 background-position: -433px 0px;
}

.main-task .main-task-button-gray:active
{
 background-position: -433px -72px;
}

.main-task .main-task-button-patch
{
 background-position: -504px 0px;
}

.main-task .main-task-button-patch:active
{
 background-position: -504px -72px;
}


.main-task .main-task-button-reports
{

 bbackground-image:url(/images/buttons.png) !important;
 background-position: -144px -143px;
}

.main-task .main-task-button-reports:active
{
 background-position: -144px -217px;
}

.main-task .main-task-button-kassa
{


 background-position: -290px -145px;
}

.main-task .main-task-button-kassa:active
{
 background-position: -290px -217px;
}

.main-task .main-task-button-receipt
{


 background-position: -216px -145px;
}

.main-task .main-task-button-receipt:active
{
 background-position: -216px -217px;
}

.main-task .main-task-button-customermessages
{


 background-position: -360px -143px;
}

.main-task .main-task-button-customermessages:active
{
 background-position: -360px -217px;
}

.main-task .main-task-button-canceledtimes
{
 background-position: -434px -145px;
}

.main-task .main-task-button-canceledtimes:active
{
 background-position: -434px -217px;
}

.main-task .main-task-button-messageboard
{
 background-position: -504px -145px;
}

.main-task .main-task-button-messageboard:active
{
 background-position: -504px -217px;
}

.main-task .main-task-button-support
{
 background-position: -577px -144px;
}

.main-task .main-task-button-support:active
{
 background-position: -577px -216px;
}

.main-task .main-task-button-campaigns
{
 background-position: -650px -144px;
}

.main-task .main-task-button-campaigns:active
{
 background-position: -650px -216px;
}

.main-task .main-task-button-invoices
{
 background-position: -720px -144px;
}

.main-task .main-task-button-invoices:active
{
 background-position: -722px -216px;
}

.main-task .main-task-button-membership
{
 background-position: -792px -144px;
}

.main-task .main-task-button-membership:active
{
 background-position: -792px -216px;
}

.main-task .main-task-button-workbook
{
 background-position: -865px -144px;
}

.main-task .main-task-button-workbook:active
{
 background-position: -865px -216px;
}

.main-task .main-task-button-feedback
{
 background-position: -0px -288px;
}

.main-task .main-task-button-feedback:active
{
 background-position: -0px -360px;
}


.main-task .main-task-button-orders
{

 background-position: -72px -288px;
}

.main-task .main-task-button-orders:active
{
 background-position: -72px -360px;
}


.main-task .main-task-button-clock
{

 background-position: -144px -288px;
}

.main-task .main-task-button-clock:active
{
 background-position: -144px -360px;
}



.main-task-button-icon
{
 height: 30px;
 width: 30px;
 margin: 0 auto;
 margin-top: 5px;

 background-repeat: no-repeat;
 display: inline-block;
}

.main-task-button-icon-kassa
{
 background-position: -355px 0px;
 background-image: url(/images/icons.png);
}

.main-task-button-icon-email
{
 background-position: -142px -1px;
 background-image: url(/images/icons.png);
}

.main-task-button-icon-group
{
 background-position: -68px 0px;
 background-image: url(/images/icons.png);
}


.main-task-button-icon-queue
{
 background-position: -287px -1px;
 background-image: url(/images/icons.png);
}

.main-task-button-icon-mroom-queue
{
 background-position: center center;
 background-image: url(/images/jonoiconi.png);
}


.main-task-button-icon-present
{
 background-position: -210px -2px;
 background-image: url(/images/icons.png);
}

.main-task-button-icon-image
{
 background-position: -428px 0px;
 background-image: url(/images/icons.png);
}
.main-task-button-icon-account
{
 background-position: -499px -2px;
 background-image: url(/images/icons.png);
}

.main-task-button-icon-gears
{
 background-position: -574px -2px;
 background-image: url(/images/icons.png);
}

.main-task-button-icon-house
{
 background-position: -645px -1px;
 background-image: url(/images/icons.png);
}


.main-task-button-icon-peoplelist
{
 background-position: -718px -1px;
 background-image: url(/images/icons.png);
}

.main-task-button-icon-ukko
{
 background-position: 3px -1px;
 background-image: url(/images/icons.png);
}


.main-task-button-icon-reception
{
 background-position: -791px 0px ;
 background-image: url(/images/icons.png);
}

#avoimet-kuitit {
 clear: both;
 display: none;
 float: left;
 font-size: 0.8em;

}
#debug-actions {
 display: none;
 display: block;
}

#debug-actions li {
	float: left;
	font-size: 0.8em;
	width: 140px;

}
#debug-actions a, #debug-actions a:visited, #debug-actions a:hover, #debug-actions a:active {
	color: #6a6a6a;
	text-shadow: black -1px -1px 10px;
	text-decoration: none;
}

.upperHr {
 height: 0px !Important;
 background: black;
 width: 100%;
 clear: both;
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 border-top: 1px solid black;
 margin-top: 10px;

}

.lowerHr {
 margin: 0;
 padding: 0;
 border: 0;
 margin-left: auto;
 margin-right: auto;
 border-bottom: 1px solid #6a6a6a;
 width: 100%;
 clear: both;
 float: left;

}

#erikoisnapit-wrap{
    display: ruby-base-container;
    width: 100%;

}


#receipt-customer-specials {
 float: left;
 width: 70px;
 padding-top: 50px;
 padding-top: 15px;
 text-align: center;
 display: block;
 clear: none;
 height: 100%;
}

#receipt-customer-specials > p {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;

	text-shadow: 2px 3px 3px black;
	margin-bottom: 10px;

}

#receipt-customer-specials img:hover,
#receipt-customer-specials p:hover,
button:hover,
a:hover
{
  cursor: pointer;
}

.customer-slide-mainarea {
	float: left;
	height: 300px;
}

.customer-slide-mainarea h3 {
  float: left;
  clear: none;
  margin: 0;
  margin-left: 23px;
  padding: 0;
  border: 0;
  margin-bottom: 10px;
  display: block;

}



.receipt-slide-button {
  float: left;
  bwidth: 50px;

  bborder: 1px solid red;

}

.receipt-next {
	background: url('../images/next-button.png') no-repeat center right;
	background: transparent;
	border: 0;
	height: 20px;
	width: 100px;
	color: white;
	margin-left: 75px;
}

.receipt-prev {
	float: right;
	background: transparent;
	border: 0;
	height: 20px;
	width: 100px;
	color: white;

}

#receipt-next:active,#receipt-prev:active {
	position: relative;
	top: 1px;
}


.green-button,
.blue-button
{
	margin-top: 10px;

	font-size: 14px;
	color: #ffffff;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	float: none;
	display: block;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#5ff739 0%,
		#35a622 0%,
		#164714);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#5ff739),
		color-stop(0.0, #35a622),
		to(#164714));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);

			-moz-box-shadow: 0px 2px  3px #1b1b1b;
	-webkit-box-shadow: 0px 2px  3px #1b1b1b;
	box-shadow: 0px 2px 3px black;
	cursor: pointer;
}

.blue-button
{
	background: -moz-linear-gradient(
		top,
		#043263 0%,
		#1360ad);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#043263),
		to(#1360ad));

}




#footer {
	ccolor: #6a6a6a;
	ttext-shadow: black -1px -1px 10px;
	text-shadow: 2px 3px 1px black;
	text-decoration: none;
	display: block;
	height: 70px;
	float: none;
	font-size: 0.8em;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 1000px;

	margin-left: auto;
	margin-right: auto;


}

#footer #tuki-info {
 float: left;
 width: 200px;
 margin-top: 10px;
}

#footer .lisa-info {
	float: left;
	width: 200px;
	margin-top: 10px;
	display: block;
}
#footer .lisa-info p img {
 vertical-align: top;
}
#footer p {
  margin: 0;
  padding: 0;

}

#footer a,
#footer a:visited,
#footer a:hover
{
 color: inherit;
}

#footer .info-label {
	width: 40px;
	display: block;
	float: left;
	clear: left;
}
#footer .info-value {
	float: none;
	clear: both;
	display: block;
}

#footer h4 {
 margin-top: 0;
 padding-top: 0;
 margin-bottom: 8px;
 display: none;
}

#footer img {
  vertical-align: middle;
  margin-right: 5px;

}

#footer #firm-name {
  padding-top: 3px;
}

#footer a, #footer a:active, #footer a:hover, #footer a:visited {
 text-decoration: none;
 ccolor: #6a6a6a;


}

#receipt-row-area h3 {
 font-weight: normal;
 font-size: 1.0em;

}

.input-changed
{
	border-color: #0b0;
	border-style: solid;
	border-width: 2px 3px 2px 3px;
	box-shadow: 0 0 4px #3e3;
}

.input-invalid
{
	border-color: #b00;
	border-style: solid;
	border-width: 2px 3px 2px 3px;
	box-shadow: 0 0 4px #e33;
}



*[ aria-labelledby="ui-dialog-title-update-stock-info"]
{
 width: 400px !important;
 border: 1px solid black;
   margin: 0;
  padding: 0;
  background: url('../images/table_bg.jpg') no-repeat top center;
}

#update-stock-info {
 width: 398px !important;
 display: block;
 height: 100%;
  border: 1px solid #6a6a6a;
  border: 1px solid black;
  margin: 0;
  padding: 5;
  font-size: 0.9em;
}

.ui-dialog-titlebar {
  border-top-left-radius: 0px 0px;
 border-top-right-radius: 0px 0px;
 border-bottom-left-radius: 0px 0px;
 border-bottom-right-radius: 0px 0px;

}

*[aria-labelledby="ui-dialog-title-default-wide-edit-form"] h3
{
 clear: both;
 float: left;
}

#receipt-content-rightside H3
{
 margin-top: 0;
 padding-top: 0;
 margin-bottom: 10px;
 margin-left: 5px;
}

#employee-message-board
{
	width: 90%;
	max-width: 990px;
	margin: 0 auto;
	vmargin-bottom: 15px;
	bborder: 4px double #BFA074;
	border: 4px double #838383;
	border-radius: 4px;
	background: #557566;
	background: #737277;
	background: url(/images/bgs/messageboard2_bg.png);

	color: white;
	text-align: center;
}
#employee-message-board > .employee-message-board-date
{
 margin: 0;
 padding: 10px;
 background: #444444;
 background: transparent;
 color: white;
 font-family: arial;
 font-size: 10px;
 vborder: 1px solid #666666;
 vborder-radius: 4px;
}

#employee-message-board > .employee-message-board-message
{
 width: 98%;
display: inline-block;
 min-height: 20px;
 height: auto;
 background-color: transparent;
 color: white !important;
 overflow: none;
 border: 0;
 margin: 0 auto;

 font-size: 14px;
 font-family:  arial !important;

 text-shadow: 1px 1px 1px #000000;
 padding-bottom: 20px;
 text-align: left;
}

.menu-label
{
	float:none;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	display: none;
	clear:both;
	padding-top: 10px;
    color: #6A6A6A;
    text-decoration: none;
    text-shadow: -1px -1px 10px black;
    text-align: center;
    font-size: 0.8em;
    text-transform: uppercase;
}

#main-page-buttons > .menu
{
 vmax-width: 450px;
 max-width: 800px;
 min-width: 318px;
 float: none;
 margin: 0 auto;
 clear: both;
 display: block;

}
.menu-section
{
	ffloat:left;
	clear: none;
	wwidth: 100%;

	display: inline;
}


#comment {
 width: 150px;
 height: 100px;
}

#stock_id
{
	width: 150px;
}

#erikoisnapit {
	/*float: left;*/
	height: 100%;
	padding-top: 10px;
	width: 90px;
    text-align: center;
    display: inline-block;
}

#erikoisnapit p {
color: inherit;
}

body.controller-employee
{
 background: #cccccc url("/images/graingray1.jpg") !important;
 background: #F9F8FC !important;
 background: #f8f8f8 !important;
 padding-bottom: 80px;
}

body.controller-employee #work-shift-wrapper
{
 width: 100%;
 background: #f8f8f8;
 display:inline-block;
 float: left;
 text-align: center;
 margin-top: 40px;
 padding-bottom: 40px;
  border: 1px solid #cccccc;
 border-radius: 6px;
}

body.controller-employee #work-shift-wrapper > h3
{
 color: #232323;

 margin: 0 auto;
 bmargin-bottom: 40px;
 font-size: 1.0em;
 font-style: normal;
 padding-bottom: 5px;
 width: 100%;
 padding-top: 5px;

}

body.controller-employee  table.work-shifts
{
 float: none;
 clear: none;

 fpadding: 10px;
 height: 100px;
 font-size: 12px;
 display: inline-block;
 border: 1px solid #cccccc;
 border-radius: 0px;
 font-family: arial;
 color: #222222;
 vertical-align: top;
 background: #ffffff;
 table-layout: fixed;
}

body.controller-employee  table.work-shifts td
{
vertical-align: top;
 width: 140px;
}

body.controller-employee  table.work-shifts td.date
{
 background: #232323;
 background: #A3BAA6;

 padding-top: 3px;
 padding-bottom: 4px;
 color: #232323;
 width: 100%;
 text-transform: uppercase;
}

body.controller-employee  table.work-shifts td.shift
{
 font-size: 120%;
}


#select-employee-list,
#select-pob-list
{

 display: inline-block;
 float: none ;
 padding: 0;
 list-style-type: none;
 margin: 0 auto;
 text-align: center;
 margin-top: 20px;
 clear: both;

 max-width: 1400px;
 margin-bottom: 80px;
}



#select-employee-list li,
#select-pob-list li
{
 color: white;
 width: 250px;

 display: inline-block;
 float: none;
 clear: both;
 min-height: 60px;

 margin: 5px;

 font-size: 100%;

 overflow-x: hidden;
 background: #e7e7e7;

 border-top-left-radius: 4px 4px;
 border-top-right-radius: 4px 4px;
 border-bottom-left-radius: 4px 4px;
 border-bottom-right-radius: 4px 4px;

  border: 1px solid #6a6a6a;
  border: 1px solid #cccccc;

}


#select-employee-list li
{


 width: 320px;
}



#select-pob-list li
{

 box-shadow: 0px 1px 2px #e8e8e8;
 border: 1px solid #e8e8e8;

 border-radius: 2px;
 background: #ffffff;
}


#select-pob-list li a
{
 width: 100%;
 height: 100%;
}

#select-pob-list li .select-pob-city-name
{

 color: #666666;
 font-weight: normal;
 font-size: 90%;
 text-shadow: none;
 width: 100%;

 display: inline-block;
 box-sizing: border-box;
}

#select-pob-list li a > .pob-image
{
 width: 100%;
 background-color: #e8e8e8;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
 height: 100px;
 display: inline-block;
}

#select-pob-list li a > .select-pob-button
{
 padding-top: 20px;
 padding-bottom: 20px;
 width: 100%;

}

#select-pob-list li a > .select-pob-button > button
{
 background: #5CB7FF;
 background: #444444;
 padding: 10px;
 color: #ffffff;
 border: 1px solid #5CB7FF;
 border: 1px solid #444444;
 border-radius: 0px;
 font-size: 12px;
 width: 80%;
}



#select-employee-list .select-text
{
 float: left;
 clear: both;
 display: inline-block;
 margin: 0 auto;

 font-size: 14px;
 width: 100%;
 overflow-x: hidden;

 box-sizing: border-box;
 text-shadow: none;
 font-family: arial;
 text-align: center;
 color: #000000 !important;
 dcolor: #ffffff !important;
 dtext-shadow: 0px 0px 3px #666666;
 fbackground: rgba(0,0,0,0.1);
 margin-bottom: 8px;
}


#select-pob-list .select-text
{
 float: none;
 display: inline-block;
 display: block;
 margin: 0 auto;
 margin-top: 12px;
 font-size: 14px;
 width: 100%;
 overflow-x: hidden;
 text-align: left;
 padding-left: 15px;
 text-shadow: none;
 font-family: arial;
 color: #323232 !important;

 font-weight: bold;
  box-sizing: border-box;
}
#select-pob-list .star-rating
{
 margin-left: 15px;
 margin-top: 5px;
}

#select-employee-list li a,
#select-pob-list li a
{
  text-decoration: none;
  color: white;
  width: 100%;
  display: block;
}




h3#select-employee-h3
{

  margin-top: 0px;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
  background: #222222;
  color: #ffffff;
  padding: 10px;
  box-sizing: border-box;
}

#select-employee-list > li > .select-nexta
{
 width: 100%;

clear: none;
float: left;
font-size: 12px;
bbordeR-top: 1px solid #ccc;
bbordeR-bottom: 0px solid #ccc;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#747b7f+0,5e666b+36,28343b+100 */
background: rgb(116,123,127); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(116,123,127,1) 0%, rgba(94,102,107,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(116,123,127,1) 0%,rgba(94,102,107,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(116,123,127,1) 0%,rgba(94,102,107,1) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747b7f', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e9be8+0,328abc+36,26618e+100 */
background: rgb(62,155,232); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(62,155,232,1) 0%, rgba(50,138,188,1) 36%, rgba(38,97,142,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(62,155,232,1) 0%,rgba(50,138,188,1) 36%,rgba(38,97,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(62,155,232,1) 0%,rgba(50,138,188,1) 36%,rgba(38,97,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9be8', endColorstr='#26618e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
#select-employee-list > li > .select-next
{
	 width: 100%;

clear: none;
float: left;
font-size: 12px;
 background: #ffffff;

 box-sizing: border-box;
}
#select-employee-list > li > .select-next > a
{

 padding: 15px;
  border-right: 1px solid #256087;
  border-bottom: 1px solid #256087;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
 text-shadow: none;
 box-sizing: border-box;
 width: 33.33%;
 display: inline-block;
 float: left;
 color: #444444;
 dcolor: #ffffff;
}



#select-employee-list > li > .select-next > a:hover
{
background: #f2f2f2;

}
#select-employee-list > li > .user-data
{
 display: inline-block;
 float: left;
 width: 100%;
background: rgb(62,155,232); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(62,155,232,1) 0%, rgba(50,138,188,1) 36%, rgba(38,97,142,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(62,155,232,1) 0%,rgba(50,138,188,1) 36%,rgba(38,97,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(62,155,232,1) 0%,rgba(50,138,188,1) 36%,rgba(38,97,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9be8', endColorstr='#26618e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background: #f8f8f8 !important;
tfext-align: left;
ppadding: 10px;
box-sizing: border-box;
}
textarea#notes
{
	width: 400px;
	height: 150px;
}


/*==  queue ==*/

*[aria-describedby="queue_name"]
{
	font-size: 140%;
}


@keyframes queueclientpulse
{
 from {border: 6px solid white;}
 to {border: 6px solid green;}
}

#queue-client-form
{
 margin: 0 auto;
 width: 100%;
 text-align: center;
}

#queue-client-form input[type="submit"]
{
 margin-top: 10px;
}


.queue-client-cards
{
 display:inline-block;
 clear: both;
 text-align: center;

}

.queue-client-cards label
{
  width: 160px;
  height: 80px;

  display: inline-block;
  margin: 6px;
  padding-top: 20px;
  background: transparent;
  cursor: pointer;
}


.queue-client-cards input[type="radio"]
{
 display: none;
}
.queue-client-cards .card-wrapper
{
  float: left;
  margin-right: 10px;
  -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: white;
}


.queue-client-cards input[type="radio"]:checked + label
{
  background-color: white;
  color: green;
 animation: queueclientpulse 1s;
 animation-timing-function: linear;
 animation-delay: 0s;
 animation-iteration-count: 1;
 animation-direction: alternate;
 animation-play-state: running;
 -webkit-animation: queueclientpulse 1s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-delay: 0s;
 -webkit-animation-iteration-count: 1;
 -webkit-animation-direction: alternate;
 -webkit-animation-play-state: running;

 border: 6px solid green;
 border-radius: 8px;
 margin: 0;

}

.queue-client-cards label.Platinium
{
 background-image: url(../images/mroomcards/platinium.png);
 background-repeat: no-repeat;
 background-position: left top;
 background-size: cover;

}
.queue-client-cards label
{
	 box-shadow: 2px 2px 5px #1b1b1b;
}


.queue-client-cards label.Gold
{
 background-image: url(../images/mroomcards/gold.png);
 background-repeat: no-repeat;
 background-position: left top;
 background-size: cover;

}


.queue-client-cards label.Silver
{
 background-image: url(../images/mroomcards/silver.png);
 background-repeat: no-repeat;
 background-position: left top;
 background-size: cover;
}



.queue-client-cards label.White
{
 background-image: url(../images/mroomcards/white.png);
 background-repeat: no-repeat;
 background-position: left top;
 background-size: cover;
}




.queue-client-input
{
 width: 600px;
 margin: 0 auto;
 text-align: center;
 margin-top: 20px;
 float: none;
 clear: none;
 display: inline-block;
}

.queue-client-input input[type="text"]
{
 width: 100%;
 font-size: 26px;
 padding: 10px;
 clear: none;
 float: none;
 margin: 0 auto;
}


.customer-queue
{
 margin: 0 auto;
 width: 100%;
 min-width: 1024px;
 border: none;
 border-radius: 6px;
 border-collapse: collapse;
 text-align: left;
 margin-top: 40px;
}
.customer-queue tr
{

}
.customer-queue td
{

 overflow-x: hidden;
 padding: 10px;
 font-family: arial;

}

.customer-queue td.customer-name > .customer-phone
{
 font-size: 0.8em;
 color: #e8e8e8;
 font-family: arial;

}

.customer-queue tr:nth-child(odd) td
{
 background: #222222;
 color: white;

  border-bottom: 1px solid #111111;
}

.customer-queue tr:nth-child(even) td
{
 background: #282828;
 color: white;

 border-bottom: 1px solid #111111;
}

.customer-queue td.customer-name
{
 min-width: 200px;
 text-align: left;
 font-weight: bold;
 padding-left: 20px;

}

.customer-queue td.actions
{
 text-align: center;
}



.customer-queue td.membership-type
{

 text-align: left;
}

.customer-queue td.membership-type img
{
 height: 30px;
 vertical-align: middle;
 margin-right: 10px;
 padding-top: 0px;
}

.customer-queue td.in-queue
{

 text-align: center;
 padding: 10px;
}

.customer-queue td.actions,
.customer-queue td.queue-actions
{
 text-align: center;

}

.customer-queue td.actions button,
.customer-queue td.queue-actions button
{
 margin-right: 10px;
 padding: 10px;
 padding-left: 20px;
 padding-right: 20px;
 border: 1px solid #222222;
 border-bottom: 1px solid #111111;
 border-radius: 4px;
 background: #222222;
 color: #ffffff;
 box-shadow: 0px 0px 2px #111111;
 font-family: arial;
 font-size: 14px;
 width: 100%;
 margin: 3px;
 max-width: 300px;
 clear: both;
}



.customer-queue td.actions button.info-button
{
 background: #457AA6;
 color:#ffffff;
 border: 1px solid #222222;
 width: 60px;
 height: 60px;
 border-radius: 50px;

 box-shadow: none;
}

.customer-queue td.queue-actions button.serve-button
{
    background: #4E9EC9;
    color:#ffffff;
    border: 1px solid #4E9EC9;
    box-shadow: 0px 0px 2px #111111
}

.customer-queue button.order-edit-button
{
    background: #404040;
    color: #ffffff;
    border: 1px solid #404040;
    box-shadow: 0px 0px 2px #111111
}

.customer-queue td.actions button:active,
.customer-queue td.queue-actions button:active
{
    background: #222222;
    border: 1px solid #111111;
    border-top: 1px solid #111111;
    border-bottom: 1px solid #555555;
    border-right: 1px solid #555555;
    box-shadow:inset 0px 0px 1px #111111;
    ccolor: #cccccc;
}

.customer-queue td.queue-actions button.checkout-button
{
    background: #40773F;
    border: 1px solid #40773F;
}

.customer-queue td.queue-actions button.checkout-button-add
{
    background: #4E9EC9;
    border: 1px solid #4084a5;
}

.customer-queue td.queue-actions button.checkout-button-reduce
{
    background: #a04875;
    border: 1px solid #6b1c45;
}


.customer-queue td.queue-actions button.checkout-button:active
{
    background: #366334;
    border: 1px solid #323232;
    border-top: 1px solid #323232;
    border-bottom: 1px solid #555555;
    border-right: 1px solid #555555;
    box-shadow:inset 2px 3px 2px #111111;
}

.customer-queue td.queue-actions button.checkout-button-reduce:active
{
    background: #7a3859;
    border: 1px solid #6b1c45;
}

.customer-queue td.queue-actions button.checkout-button-add:active
{
 background: #4084a5;
 border: 1px solid #4084a5F;
}



.customer-queue td.actions button.info-button:active
{
border: 1px solid #111111;
background: #3a678c;
box-shadow:inset 1px 3px 3px #111111;
color: #cccccc;

}

.customer-queue td.queue-actions button.serve-button:active
{
 background: #448fb5;
  border: 1px solid #323232;
  border-top: 1px solid #323232;
  border-bottom: 1px solid #555555;
   border-right: 1px solid #555555;
  box-shadow:inset 2px 3px 2px #111111;


}



.customer-queue td.queue-actions button > .hand-icon
{
 height: 15px;
 margin-right: 10px;
 vertical-align: top;
}

.customer-queue td.queue-actions
{
 max-width: 320px;

}
#queue-status
{
  background: none;
  font-family: "Open Sans Condensed";
  clear: both;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: none;

  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;

  -moz-box-shadow: 3px 3px  5px #1b1b1b;
  -webkit-box-shadow: 3px 3px  5px #1b1b1b;
  box-shadow: 3px 3px 5px #1b1b1b;
}


div.open-close-queue
{

 background: #e2e2e2;
 font-family: Arial, serif;
 width: 100%;
 display: inline-block;
 border-bottom: 1px solid #cccccc;
 border-radius: 4px;
 box-sizing: border-box;
}
div.open-close-queue > .open-close-queue-buttons
{
 float: none;
 clear: none;
 display: inline-block;
}

.open-close-queue-buttons > .button-label
{
	float: none;
	 clear: none;
 display: inline-block;
}

.open-close-queue-buttons > .queue-state-buttons
{
	float: none;
	 clear: none;
 display: inline-block;
}


div.open-close-queue > .employee-count
{
 float: none;
  clear: none;
 display: inline-block;
}

.open-close-queue button
{
 padding: 5px;
 padding-left: 15px;
 padding-right: 15px;
 margin: 5px;
 border-radius: 6px;
 border: 1px solid #666666;
 box-shadow: 0px 2px 2px #888888;
}

.open-close-queue button:active
{

 box-shadow:inset 0px 2px 3px #444444;
}

.open-close-queue button.active
{
 border: 2px solid #40773f;
 background: #40773f;
 color: white;

}

div.open-close-queue > .employee-count
{
 padding-left: 30px;
 border-left: 1px solid #cccccc;
 height: 100%;
 box-sizing: border-box;
 display: inline-block;

}

div.open-close-queue > label > input
{
 margin-left: 15px;

}

#messages
{

 font-family: tahoma;
 text-align: center;
 font-size: 14px;
}

#messages p
{
 margin: 0;
 padding: 10px;
 border-radius: 0;
}

#virtualKeyboard
{
 margin: 0 auto;
 text-align: center;
 float: none;
 position: relative;
 display: block;

}


#keyboard
{
 display: inline-block;
 position: relative;
 background: transparent;
 border: 0;
}

#keyboardHeader
{
 display: none;
}

#keyboard .button
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@keyframes messagesinfotpulse
{
 from {background-color: #286f28;}
 to {background-color: #2bac2b;}
}


#messages .info {
  color: white;
  background: #286f28;

 animation: messagesinfotpulse 1s;
 animation-timing-function: linear;
 animation-delay: 0s;
 animation-iteration-count: 2;
 animation-direction: alternate;
 animation-play-state: running;
 -webkit-animation: messagesinfotpulse 1s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-delay: 0s;
 -webkit-animation-iteration-count: 2;
 -webkit-animation-direction: alternate;
 -webkit-animation-play-state: running;


}

@keyframes messageserrorpulse
{
 from {background-color: #9a0707;}
 to {background-color: #de2020;}
}


#messages .error
{
  color: white;
  background: #9a0707;

 animation: messageserrorpulse 1s;
 animation-timing-function: linear;
 animation-delay: 0s;
 animation-iteration-count: 2;
 animation-direction: alternate;
 animation-play-state: running;
 -webkit-animation: messageserrorpulse 1s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-delay: 0s;
 -webkit-animation-iteration-count: 2;
 -webkit-animation-direction: alternate;
 -webkit-animation-play-state: running;
}

.cardNotFound
{
  height: 20px !Important;
  color: white !Important;
  background: #9a0707 !Important;
}

.alreadyQueued,
.ok,
.expiredButQueued
{
  height: 20px !Important;
  color: white !Important;
  background: #286f28 !Important;
}



#queue-status
{
 width: 100%;
 height: 100%;
 border-top-left-radius: 4px 4px;
 border-top-right-radius: 4px 4px;
 border-bottom-left-radius: 4px 4px;
 border-bottom-right-radius: 4px 4px;
 padding: 3px;
}





#popup_container {
	background: url('../images/table_bg.jpg') no-repeat top left !important;
	color: white !Important;
	border: 5px solid #1B1B1B !important;
}

#popup_title {
 background: #1B1B1B !important;
 color: white !important;
 border: 0 !Important;
 margin: 2px !important;
 padding: 3px !important;
  border-top-left-radius: 4px 4px !important;
 border-top-right-radius: 4px 4px !important;
 border-bottom-left-radius: 4px 4px !important;
 border-bottom-right-radius: 4px 4px !important;
  font-family: Galdeano;
}

#popup_ok {
  margin-left: 20px;
}



#popup_ok,
#popup_cancel,
#mark-as-read-button
 {
	 float: lefT;
	 clear: none;
  width: 100px;
  padding: 10px;
  margin-bottom: 20px;
  margin-top: 15px;
  margin-right: 10px;
  color: white;

  font-family: "Andada";
  font-size: 1.0em;
	background: -moz-linear-gradient(
		top,
		#7a7a7a 0%,
		#212121);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#9c9c9c),
		to(#3d2f3d));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);

			-moz-box-shadow: 0px 2px  3px #1b1b1b;
	-webkit-box-shadow: 0px 2px  3px #1b1b1b;
	box-shadow: 0px 2px 3px black;

}
#popup_ok
{
	background: -moz-linear-gradient(
		top,
		#5ff739 0%,
		#35a622 0%,
		#164714);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#5ff739),
		color-stop(0.0, #35a622),
		to(#164714));




}

#popup_message {
 margin: 0 !important;
 padding: 0 !important;
 text-align: center;
}

#popup_prompt {
  font-size: 140%;
  text-align: center;
}

/* viesti popuppi */
*[aria-labelledby="ui-dialog-title-employee-message-popup"]
{
  width: 600px !important;
  font-family: 'Yanone Kaffeesatz' !important;
  letter-spacing: 1px !important;


  background-image: url('/images/table_bg.jpg');
  border: 5px solid #1B1B1B;
  border-top-left-radius: 4px 4px !important;
  border-top-right-radius: 4px 4px !important;
  border-bottom-left-radius: 4px 4px !important;
  border-bottom-right-radius: 4px 4px !important;
 }


 *[aria-labelledby="ui-dialog-title-employee-message-popup"] .ui-dialog-titlebar  {
 background: #1B1B1B !important;
 color: white !important;
 border: 0 !Important;


  border-top-left-radius: 4px 4px !important;
 border-top-right-radius: 4px 4px !important;
 border-bottom-left-radius: 4px 4px !important;
 border-bottom-right-radius: 4px 4px !important;
  font-family: Galdeano;
  height: 18px;
}
.message {
 font-size: 14px;
}



 *[aria-labelledby="ui-dialog-title-employee-message-popup"] .message
{
 width: 100%;
 height: 80px;
 float: none;
   border-top-left-radius: 4px 4px !important;
 border-top-right-radius: 4px 4px !important;
 border-bottom-left-radius: 4px 4px !important;
 border-bottom-right-radius: 4px 4px !important;
}




#employee-message-popup input[type="submit"]
{
 float: right;
 font-size: 13px;
 width: 80px;
 height: 80px;
 margin-top: 2px;
 margin-left: 10px;
 margin-bottom: 20px;
}

#mark-as-read-button
 {
	clear: both;
	float: none;
	display: block;
	margin-lefT: auto;
	margin-right: auto;
	font-size: 12px;

}

#employee-message-popup td {
	background: none !important;

}
 *[aria-labelledby="ui-dialog-title-employee-message-popup"] .message-text > div
 {
  background: #e7e7e7 !important;
  color: black;
  border-radius: 4px;
  min-height: 80px;
  width: 100%;
  padding: 5px;
  margin-top: 10px;
 }

#employee-message-popup  .from-label,
#employee-message-popup  .date-label,
#employee-message-popup  .subject-label,
#employee-message-popup .message-text-label
{
 text-align: right;
 padding-right: 10px;
 width: 100px;
 vertical-align: top;
}

#employee-message-popup .to-label,
#employee-message-popup .to
{
 display: none;
}

#employee-message-popup .message {
  padding-top: 10px;
  padding-bottom: 10px;
}

#employee-message-popup textarea
{
  width: 470px;
  height: 75px;
  padding: 5px;
  border-radius: 6px;
}

#select-employee p {
 margin: 0;
 padding-top: 8px;
		text-shadow: 2px 2px 1px black;
}






#message-area .zend_form
{

 display: block;
 width: 500px;
 height: 250px;
 background: url(/images/bg_bg.png) no-repeat top left;
 padding: 20px;
 margin-top: 50px;



 -moz-box-shadow: 3px 3px  5px #1b1b1b;
 -webkit-box-shadow: 3px 3px  5px #1b1b1b;
 box-shadow: 3px 3px 5px #1b1b1b;

border: 1px solid #6a6a6a;
 border-top-left-radius: 2px 2px;
 border-top-right-radius: 2px 2px;
 border-bottom-left-radius: 2px 2px;
 border-bottom-right-radius: 2px 2px;
}

#message-area .zend_form #message
{
 width: 300px;
 height: 100px;
}

#memo-element #memo {

  width: 200px;
  height: 100px;
}



* input[type="text"],
* input[type="password"],
* textarea,
* select,
* option
{
 color: black !Important;
}

.outer-border {
  border: 1px solid rgba(0,0,0,0.8);

 border-top-left-radius: 2px 2px;
 border-top-right-radius: 2px 2px;
 border-bottom-left-radius: 2px 2px;
 border-bottom-right-radius: 2px 2px;



background: rgb(46,47,47); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(46,47,47,1) 0%, rgba(18,18,18,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(46,47,47,1)), color-stop(100%,rgba(18,18,18,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(46,47,47,1) 0%,rgba(18,18,18,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(46,47,47,1) 0%,rgba(18,18,18,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(46,47,47,1) 0%,rgba(18,18,18,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(46,47,47,1) 0%,rgba(18,18,18,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2f2f', endColorstr='#121212',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 color: white;
 box-shadow: 3px 3px 5px 1px #1b1b1b;
}

.inner-border {
  border: 1px solid #6a6a6a;


 border-top-left-radius: 2px 2px;
 border-top-right-radius: 2px 2px;
 border-bottom-left-radius: 2px 2px;
 border-bottom-right-radius: 2px 2px;
}

.default-wide-list {
 width: 1000px;

 display: inline-block;
}


.category-edit #form-container-outer-border
{
	float: right;
}

.category-edit #stock-list-outer-border
{
	float: left;
}

.category-edit button
{
	clear: both;
}

.jstree {
 background: transparent !important;
}


#wide-list-content .outer-border {
		margin-left: auto !Important;
	margin-right: auto !important;
	width: 881px;
	display: block;
      width: auto;
      border-radius: 20px;
      padding: 10px;
}


#side-menu {
 width: 100%;

 clear: both;


  background-image: url('../images/transparent.png');
  background: none repeat scroll 0 0 #F1F1F1;
   background: none repeat scroll 0 0 transparent;
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0;
  float: none;
  bmax-height: 44px;

}


#side-menu .side-menu-buttons
{
 display: inline-block;
 clear: both;
 float: none;
 width: 100%;
 text-align: center;
 padding: 0;
 margin: 0 auto ;
 border: 0;
 background: #f1f1f1;

 box-shadow: 3px 0px 5px #ccc;
 hheight: 44px;
}

#side-menu .side-links {
 float: none;
 clear: both;
 display: inline-block;
 font-size: 11px;

 text-algin: center;
 margin: 0;
 padding: 0;
 width: 180px;

 border: 0;


 background: #f1f1f1 url(/images/sidebar_hover_dark.png) center bottom no-repeat;
background-size: 100% 1px;
}

#side-menu .side-links a:link,
#side-menu .side-links a:visited,
#side-menu .side-links a:active
{
  color: #808080;
  background: #f1f1f1;
  margin: 0;
  width: 100%;
  fheight: 30px;
  display: block;
  text-decoration: none;
  /*
  -moz-transition: all 0.5s ease-in 0s;
  -webkit-transition: all 0.5s ease-in 0s;
  -o-transition: all 0.5s ease-in 0s;
  */
   font-family: arial;
  letter-spacing: 1px;
    color: #596a72;
    text-shadpw: 1px 1px 0px #fff;
     overflow: hidden;


      padding-top: 14px;
      padding-bottom: 10px;


}

#side-menu .side-links a:hover
{
	/*
  b-moz-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
   -webkit-transition: all 0.3s ease-in 0s;
   -o-transition: all 0.3s ease-in 0s;
  */
  vcolor: #8f8f8f;

  color: green;
  color: #407aa7;
  color: #000000;

  text-shadow: 0px 0px 2px #ccc;




background: transparent;
}

#side-menu .side-links > .selected
{

}
 #side-menu .side-links > .selected > a
 {
  background: #f1f1f1 url(/images/sidebar_selected.png) center bottom no-repeat;
  background-size: auto 20px;
 }


#group-tree {
 padding-top: 10px;
 min-height: 400px;
 color: white !important;
 text-shadow: 2px 3px 1px black;
 background: #1b1b1b url('../images/bg_bg.png') no-repeat top center !important;
}

#group-tree a {
 color: white !important;
}

#group-tree a:hover {
 color: black !important;
 text-shadow: none;
}

#group-tree .jstree-clicked {
 color: black !important;
 text-shadow: none;
}

#jtree-content
{
 display: inline-block;
 width: 500px;
 margin-right: 15px;
}


#jtree-content .inner-border
{
 margin: 1px;
}



#customer-message-content #customer_group-label,
#customer-message-content #membership_type-label,
#customer-message-content #prpductgrp-label
{
 margin-top: 20px;
 margin-bottom: 10px;
 padding: 5px;
 padding-left: 5px;
   -moz-box-shadow: 3px 3px 5px black;
  -webkit-box-shadow: 3px 3px 5px black;
  box-shadow: 3px 3px 3px black;
   width: 90%;
   font-size: 90%;
 padding-left: 15px;

 background: gray;
 border-radius: 2px;
}

#customer-message-content #customer_group-element label,
#customer-message-content #membership_type-element label
{
 width: 200px;
 float: left;

 clear: none;
}

#customer-message-content #customer_group-element br,
#customer-message-content #membership_type-element br
{
 display: none;
}

#message_template-label,
#message_template-element
{
 margin-top: 20px;
 margin-bottom: 5px;
}

select#message_template
{
 width: 200px;
 padding: 3px;
}

#due-label,
#due-element,
#subject-label,
#subject-element
{
  margin-bottom: 5px;
}

#subject,
#due
{
 width: 195px;
}

#open-receipts-filters,
#queue-filters
{
 margin-bottom: 5px;
 padding-left: 10px;
}


select.service-tree option.product-group
{
	font-weight: bold;
}

select.service-tree option.group-level-1
{
	/* jotain */
}

.upload-div
{
 clear: both;
 display: block;
 float: left;
}
#mail-preview-settings
{
 width: 100%;
 float: left;
 clear: both;
}
#mail-preview
{
 cclear: both;
 color: black;
 float: left;
 margin-top: 35px;
 width: 100%;
 margin-bottom: 35px;

}

#mail-preview h3
{
 color: #232323;
 width: 50%;
 text-align:center;
 margin: 0 auto;
 margin-bottom: 10px;
 padding-bottom: 10px;

}

.select-pob-h3
{
 width: 100%;
 text-align: left;
 background: #e8e8e8;
 vbackground: #323232;
 box-sizing: border-box;
 color: #323232;
 vcolor: #e8e8e8;
 padding-top: 20px;
 padding-left: 20px;
 padding-bottom: 10px;
 border-bottom: 1px solid #444444;
 margin-top: 0;
 font-family: 'open sans', Arial, serif;
 font-weight: bold;
}

#calendar *
{
 color: black;
}

.manufacturer-alert
{

 margin: 0 auto;
 padding: 3px;
 background: #06F;
 box-shadow: 3px 3px 5px #1B1B1B;
 color: white;
 border: 1px solid #06F;
 border-radius: 4px;
 font-family: "Open Sans Condensed";
 text-align: center;
 width: 500px;

 margin-bottom: 20px;
 text-shadow: 1px 1px 1px black;
 display: none;
}

#queue-status-messages
{
 background: #f4eed7 url(/images/jono.png) 15px center no-repeat;
 background-size: 40px 40px;
 padding: 10px;
 padding-left: 65px;

 margin-bottom: 5px;
 color: black;
 border: 1px dotted silver;
}

#pob-cities
{
 list-style-type: none;
 width: 100%;
 background: #323232;
 margin: 0 auto;
 padding: 15px;
 box-sizing: border-box;
 display: inline-block;
 float:none;
 clear:none;
 font-family: arial;
 font-size: 14px;
 color: #ffffff;
}
#pob-cities > li
{
float: left;
display: inline-block;
}
#pob-cities > li > label
{

display: inline-block;
 background: transparent;

 margin-right: 20px;
 cursor: pointer;
 text-align: left;
}

#pob-cities > li > label > input
{
 vertical-align: bottom;
 margin-right: 15px;
}



/* frontpage messages */
#system-tips
{
 font-size: 12px;
 font-family: arial;

}

#system-tips p
{
 margin-bottom: 0;
 margin-top: 0;
 text-align: left;
}

#system-tips > .tip
{
 background: #f4eed7 url(/images/lamp_40.png) 15px center no-repeat;


 background: rgb(244,238,215); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(244,238,215,1) 0%, rgba(204,197,183,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,238,215,1)), color-stop(100%,rgba(204,197,183,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(244,238,215,1) 0%,rgba(204,197,183,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(244,238,215,1) 0%,rgba(204,197,183,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(244,238,215,1) 0%,rgba(204,197,183,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(244,238,215,1) 0%,rgba(204,197,183,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4eed7', endColorstr='#ccc5b7',GradientType=0 ); /* IE6-9 */

 color: black;
 border: 1px dotted silver;
}


#system-tips .error
{
background: white url(/images/error_40.png) 15px center no-repeat;



 color: black;
 border: 1px solid #ff0000;
}


#system-tips > div
{
/*
background: white url(/images/info.png) 15px center no-repeat;
background-size: 30px auto;
 padding: 10px;
 padding-left: 65px;
 margin-bottom: 5px;
 color: black;
 border: 1px solid #0000ff;
*/

 width: 90%;
 clear: both;
 float: none;
 color: black;
 background: navy;
 color: white;
 margin: 0 auto;
 font-size: 12px;
border-radius: 4px;
 font-family: arial;
 box-shadow: 0 3px 5px #1b1b1b;
 text-shadow: 0px 1px 1px black;
 padding: 20px;
 margin-top: 10px;

}

#system-tips > .info
{
background: rgb(53,106,160); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(53,106,160,1) 0%, rgba(39,74,117,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,106,160,1)), color-stop(100%,rgba(39,74,117,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(39,74,117,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(39,74,117,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(39,74,117,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(53,106,160,1) 0%,rgba(39,74,117,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#274a75',GradientType=0 ); /* IE6-9 */



}
.customer-card-sales .listdate
{
 color: white;
 background: #444444;
}
.customer-card-sales .deleted
{
 background: maroon;
 color: white;
}

.customer-card-sales button
{
 background: #1b1b1b;
 color: white;
 border: 1px solid black;
 margin-left: 10px;
}
.receipt-history
{
 margin-left: 20px;
}

.flat-button-basic
{
 width: 180px;
 height: 60px;
 color: white;
 background: #444444;
}


@media all and (max-width: 469px) {
  .main-task
  {
   width: 90px;
  }
  .main-task .button-text
  {
   font-size: 10px;
  }
}

#other-pobs-queue
{
	float: right;
	width: 100%;
	text-align: left;
	margin: 0;
}

#other-pobs-queue td
{
 width: 25%;
}

#other-pobs-queue td.pob
{
 text-align: left;
}

#other-pobs-queue td.pob > .house-img
{
 margin-right: 15px;
 vertical-align: bottom;
 height: 24px;
}

#other-pobs-queue td.count
{
	padding: 6px;
	padding-left: 10px;

}

#undelivered-todo-messages
{
 background: #dcd2b7;
 border: 1px dotted #444444;
 color: #444444;
 padding-left: 60px;
 padding-right: 10px;
 background-image: url(/images/error_ball2.png);
 background-size: 30px 30px;
 background-repeat: no-repeat;
 background-position: 10px 10px;
}

#undelivered-todo-messages p.message
{
 font-style: italic;
}
.undelivered-todo-messages-table
{
 background: #e7e7e7;
 border-collapse: collapse;
 margin-bottom: 10px;


}
.undelivered-todo-messages-table td,
.undelivered-todo-messages-table th
{
 padding: 5px;
 background: silver;


}

.undelivered-todo-messages-table td:first-child,
.undelivered-todo-messages-table th:first-child
{
	border-right: 1px solid #e7e7e7;
}
.undelivered-todo-messages-table th
{
 background: #444444;
 color: white;

}

.undelivered-todo-messages-table th:first-child
{
 border-top-left-radius: 4px;
}

.undelivered-todo-messages-table th:last-child
{
 border-top-right-radius: 4px;
}

.undelivered-todo-messages-table tr:last-child td:last-child
{
 border-bottom-right-radius: 4px;
}

.undelivered-todo-messages-table tr:last-child td:first-child
{
 border-bottom-left-radius: 4px;
}


/*
=	==========================================================
==== Dashboard
====
*/

ul.customer-photos-list
{
 list-style-type: none;
 width: 100%;
 clear: both;
 float: left;
 margin: 0;
 padding: 0;
}

ul.customer-photos-list > li
{
 float: left;

 border: 1px solid #d8d8d8;
 background: #ffffff;
 padding: 5px;
 border-radius: 2px;
 width: 300px;

 position: relative;
 margin-right: 2px;
 margin-bottom: 2px;
}
ul.customer-photos-list > li > .customer-photo-preview
{
 float: left;
 margin-right: 20px;
}
ul.customer-photos-list > li > .customer-photo-area
{
	width: 300px;
	float: left;

}
ul.customer-photos-list > li > .customer-photo-area > .info-wrapper > input,
ul.customer-photos-list > li > .customer-photo-area > .info-wrapper > textarea,
ul.customer-photos-list > li > .customer-photo-area > .info-wrapper > select
{
 width: 100%;
 margin-bottom: 5px;
 padding: 3px;
 border-radius: 4px;
 border: 1px solid #ccc;
}

ul.customer-photos-list > li > .customer-photo-area > select
{

}

ul.customer-photos-list > li.selected
{
	width: 100%;

	border: 1px solid 	green;

	margin-top: 20px;
	margin-bottom: 20px;


}

ul.customer-photos-list > li:hover
{
border: 1px solid #222222;
}


ul.customer-photos-list > li > button.delete-button
{
 position: absolute;
 right: 5px;
 top: 5px;
 border: 0;
 background: none;
}

ul.customer-photos-list > li > .pohoto-info
{
 width: 150px;
 float: left;
}

ul.customer-photos-list > li > .pohoto-info > .photo-info-title
{
 font-size: 12px;
 font-weight: bold;
 font-family: arial;
}


ul.customer-photos-list > li > .pohoto-info > .photo-info-details
{
 font-size: 10px;
}

ul.customer-photos-list > li > .customer-photo-area > img
{
 float: left;

}

ul.customer-photos-list > li img.customer-photo-preview
{

 height: 100px;
 width: 100px;
}

ul.customer-photos-list > li img.customer-photo-preview:hover
{
	 cursor: pointer !important;

}

ul.customer-photos-list > li > .customer-photo-area > .info-wrapper
{
 float: left;

}

#customer-photos h4
{
 clear: both;
 width: 100%;
 font-family: arial, serif;
 font-size: 1.5em;
 display: block;
 margin-top: 55px;
 margin-bottom: 15px;
 float: left;
 padding-top: 3px;
 padding-bottom: 2px;
 bbackground: #ffffff;
 color: #cccccc;
 font-weight: normal;
 border-bottom: 1px solid #cccccc;
}

.goal-pie img
{
	width: 60px;
	height: 60px;
}

#top-bar-goals
{
 width: 100%;
 float: none;
 display: inline-block;
 background: #ffffff;
 border-bottom: 1px solid #e8e8e8;
 text-align: center;
 height: auto;
 padding-top: 4px;
 box-sizing: border-box;
}

.sales-goal
{
 float: none;
 clear: none;
 wwidth: 320px !important;
 margin-right: 20px;
 display: inline-block;
 text-align: left;

 font-family: arial;
 border: 0 !important;


 padding-left: 5px;
 padding-right: 5px;
}
.sales-goal-info
{
 float: left;
 width: 80px;
 font-size: 1.0em;
}

.goal-info
{
 float: left;
 box-sizing: border-box;
 padding-top: 10px;
 color: #232323;
}

.goal-pie
{
 width: 60px;
 float: left;
 height: 60px;
 margin-right: 15px;
}
.goal-title
{
 font-weight: bold;


}


.goal-numebrs
{
 font-size: 0.8em;
  color: #444444;
}

#top-bar-goals-main-title
{
	font: 1.8em/30px 'Shadows Into Light', Helvetica;
	display: inline-block;
	clear: none;
	color: #111111;
	vertical-align: top;
	padding-top: 15px;
	margin-right: 20px;

}
.sales-goal > .goal-bar-wrapper
{
 width: 50%;
 height: 20px;
 vdisplay: inline-block;
 clear: none;
 float: left;
 background-color: #444444;
 position: relative;
 margin: 0 auto;
 box-shadow:inset 1px 1px 2px #222222;
}
.sales-goal > .goal-bar-wrapper > .goal-bar
{
/*
 background: url(/images/goal_blue_green_100.jpg) no-repeat;
 background-size: 150px 20px;
 */
display: inline-block;
background-color: #109619;
background-color: #308ADD;

text-align:center;
height:100%;
color: white;
font-size: 10px;
text-shadow: 1px 1px 1px black;
padding: 0;
box-shadow: 5px 2px 5px #1b1b1b;

}

.sales-goal  .goal-text-number,
.sales-goal> .goal-text-percent
{
 font-size: 10px;
 padding-left: 3px;
 font-weight: bold;
 font-family: arial;
 color: white;
 text-shadow: 1px 1px 1px black;
 vbackground: url(/images/goal_start_green.png) top center no-repeat;

 padding-top: 0px;
 text-align: left;
 margin: 0 auto;
 padding: 0;
}

.sales-goal  .goal-text-number
{
 float: left;
 margin: 0;
 padding: 0;
 top: 2px;
 left: 5px;
 position: absolute;
}

.sales-goal > .goal-text-percent
{
	font-size: 18px;
	font-family: arial;
	text-align: center;

	padding-top: 5px;
	background: #444444;
	background: transparent;
	width: 50%;
	float: left;
	height: 20px;
	clear: right;
	padding-top: 20px;

	background-size: 100% auto;
}

.sales-goal > .goal-text-percent > .goal-precent
{
 font-size: 14px;
}

.sales-goal  > h5
{
 margin: 0;
 padding-top: 3px;
 padding-bottom: 3px;
 background:#222c44;
 background:transparent;
 color: #ccc;
 text-align: left;
 height: 16px;
 overflow-x: overflow;
 float: right;

 width: 50%;
 font-size: 10px;
 margin: 0 auto;
 margin-top: 5px;
}


/* ui-dialog */
[aria-labelledby="ui-dialog-title-timecard-popup"] > .ui-dialog-content
{
	min-width: 450px !important;
	padding: 0;
	overflow-x: hidden;
	text-align: center;
}

[aria-labelledby="ui-dialog-title-timecard-popup"] > .ui-widget-header
{
 background: #333333 url(/images/dialog-header.png) no-repeat  top center ;
 border: 0;
 border-bottom: 1px solid #444444;
 height: 40px;
 text-align: center;
}

[aria-labelledby="ui-dialog-title-timecard-popup"] > .ui-dialog-titlebar > .ui-dialog-title
{
 text-align: center;
 margin: 0 auto;
 margin-top: 20px;
 display: block;
 float: none;
}

[aria-labelledby="ui-dialog-title-timecard-popup"].ui-dialog
{
 border: 1px solid #333333 !important;
 border-radius: 8px;
 border-radius: 0px;
 padding: 0;

  background-color: #e8e8e8  !important;
  background-image: url(/images/dialog-footer.png) !important;
 background-position: bottom center  !important;
 background-repeat:no-repeat !important;
 padding-bottom: 40px  !important;
 box-shadow: 0px 3px 5px black;

}

[aria-labelledby="ui-dialog-title-timecard-popup"]
{
	top: 40px !important;
}


[aria-labelledby="ui-dialog-title-timecard-popup"] > * button
{
  padding: 5px;
  font-size: 14px;
}

.timecard-current-state
{
 margin: 0 auto;

 padding-top: 20px;
 font-size: 16px;
 text-transform: uppercase;
 padding-bottom: 18px;
 padding-left: 10px;

 text-align: center;
 width: 100%;
background: #ffffff;
 color: #136EAA;
 border-bottom: 1px solid #cccccc;

}
.timecard-buttons
{
 border-top: 1px solid #f8f8f8;
 border-bottom: 1px solid #cccccc;

 padding-top: 20px;
 padding-bottom: 40px;
}
.timecard-hours
{
 border-top: 1px solid #f8f8f8;
 border-bottom: 1px solid #cccccc;
 padding-top: 10px;
 padding-bottom: 10px;
 color: #136EAA;
 font-size: 14px;
 background: #ffffff;
}

.timecard-hours-week
{
	margin-right: 50px;
}

#timecard-main-button
{
 margin-bottom: 40px;
 text-align: center;
}

.timecard-state-name > img
{
height: 15px !important;
padding-top: 8px;

}
.timecard-events
{
  border-top: 1px solid #f8f8f8;
 background: #e9e9e9;
 color: #222222;
 font-size: 14px;

}

.timecard-event-table
{
 padding: 10px;
 text-align: left;
}

.timecard-clock-icon
{
 height: 30px !important;
 margin-bottom: 10px;
}

#change-user > ul.employee-filter
{
 margin: 0 auto;
 display: inline-block;
 list-style-type: none;
 clear: both;
 float: none;
 width: 100%;
 text-aling: center;
}

#change-user > ul.employee-filter > li
{
 float: none;
 display: inline-block;
 margin-right: 3px;
 border: 1px solid #222222;
 background: #333333;
 color: white;
 width: 20px;
 height: 20px;
 border-radius: 4px;
}

#change-user > ul.employee-filter > li:hover
{
 cursor: pointer;
}

#change-user > ul.employee-filter > *[data-type="all"]
{
	 width: 80px;
}

#change-user > ul.employee-filter > *[data-type="has-shift"]
{
	 width: 80px;
}

ul#select-employee-list .shift
{
 width: 100%;
 clear: both;

 background: #e8e8e8;
 text-align: left;
 font-family: arial;
 box-sizing: border-box;
 padding: 10px;

 font-size: 12px;
 cgolor: #222222;
 color: #444444;
 float: left;
 display: inline-block;
 text-shadow: none;
 border-top:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
}

ul#select-employee-list .shift .timecard-state
{
 margin-top: 3px;
}


ul#select-employee-list .user-data-info-wrapper
{
 display: inline-block;
 float:left;
 width: 200px%;

 padding: 10px;
 box-sizing: border-box;
	text-align: left;
 padding-top: 18px;
}

ul#select-employee-list .user-data > .profile-image
{
 float: left;;
 display: inline-block;
 height: 60px;
 margin-top: 10px;
 margin-left: 10px;
 margin-bottom: 10px;
 margin-right: 15px;
}

ul#select-employee-list .user-data-info-wrapper > .star-rating
{
 display: inline-block;

}


ul#select-employee-list .shift > img
{
 vertical-align: bottom;
 padding: 0;
 margin: 0;
margin-right: 5px;
 margin-top: 1px;
}
ul#select-employee-list .online-offline-img
{
 height: 10px;
 float: left;
 margin-top: 25px;
 margin-left: 30px;
 margin-right: 30px;
}


a.uplink
{
 width: 34px;
 height: 37px;
 background: rgba(0,0,0,0.8);
 color: white;
 font-size: 18px;
 position: fixed;
 right: 20px;
 bottom: 20px;
 padding: 10px;
 border-radius: 6px;
 z-index: 1000;
}

a.uplink > img
{
 vertical-align: middle;
}


/*
==
== Messageboard
==
*/

.controller-message-board form
{
 text-align: center;
 width: 100%;

}

.controller-message-board form > dl.zend_form
{
 display: inline-blcok;
 width: 100%;
}

.controller-message-board form > dl.zend_form > dt,
.controller-message-board form > dl.zend_form > dd
{
 width: 100%;
 float: none;
 text-align: left;
 margin: 0;
 padding: 0;
}
.controller-message-board form > dl.zend_form > dt
{
 color: #3EAADA;
 font-size: 2.0em;

}

.controller-message-board form > dl.zend_form > dd
{
 margin-top: 5px;
}

.controller-message-board form > dl.zend_form > dd > #message
{
 width: 90% !important;
 display: inline-block;

 padding: 10px;
 box-sizing: border-box;
}


/*
basic save button blue
*/
input[type="submit"].basic-blue
{
 background: #308ADD;
 padding: 10px;
 padding-top: 15px;
 padding-bottom: 15px;
 font-size: 14px;
 color: #ffffff;
 border: 1px solid #308ADD;
 width: 200px;
 border-radius: 5px;
 box-shadow: 0px 0px 3px #666666;
 font-family:Helvetica, Arial, sans-serif
}

input[type="submit"]:active.basic-blue
{
 background: #2288E2;
  box-shadow: none;
  color: #cccccc;
}

/* content search */
.content-search-wrapper
{
 width: 100%;
 background: transparent;
 display: inline-block;
 padding-top: 20px;
 padding-bottom: 20px;
  float: left;
 clear: both;
}

.content-search-wrapper > input[type="text"]
{
 padding: 10px;
 width: 100%;
 max-width: 800px;
 border: 1px solid #e2e2e2;
 border-radius: 20px;
 background: #ffffff url(/images/searchglassssilver.png) 20px center no-repeat;
 background-size: auto 60%;
 padding-left: 60px;
 box-sizing: border-box;
   -webkit-transition: border 0.5s; /* Safari */
    transition: border 0.5s;

}

.content-search-wrapper > input[type="text"]::placeholder
{
 color: #666666;
 font-style: italic;
}

.content-search-wrapper > input[type="text"]:focus
{
 border: 1px solid #444444;
}

*[aria-labelledby="ui-dialog-title-feedback-dialog"].ui-dialog
{
 width: 800px !important;
 max-width: 100% !important;

 max-height: 100% !important;
}

*[aria-labelledby=ui-dialog-title-feedback-dialog] > .ui-dialog-titlebar
{

 background: #444444;
 height: 20px;


}


#feedback-dialog
{
 padding-top: 30px;
 padding-left: 30px;
 padding-right: 30px;
 margin-bottom: 50px;

 width: 100%;
}

 #feedback-dialog > #header > h1
 #feedback-dialog > #thanks > h1
 {
  padding-bottom: 10px;
 }
 #feedback-dialog > #thanks > h1
 {
  margin-bottom: 40px;
 }

button#unhappy,
button#happy
{
 margin: 5px;
 width: 200px;
 height: 200px;
 border: none;
 background: transparent;

  display: inline-block;

}

button#unhappy:active,
button#happy:active
{
 box-shadow: none;
}


button#unhappy > img,
button#happy > img
{
 width: 100%;

}
#specify > h2
{
 margin-bottom: 30px;
}

#specify > button,
#thanks > input[type="button"]
{
 padding: 10px;
  padding-top: 15px;
 padding-bottom: 15px;
 font-weight: bold;
 font-size: 14px;
 margin: 10px;
 width: 200px;
 background: #ffffff;
 border-radius: 20px;
 border: 1px solid #ffffff;
 color: #ad7d32;
}

#thanks > h3

{
 font-size: 3.0em;
 text-transform: none;
}

.grid-no-results
{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.grid-no-results span
{
    color: black;
    font-size: 12px;
}

#gview_customerss div.grid-no-results span
{
    color: white;
}