@font-face {
    font-family: 'AlegreyaBlack';
    src: url('../fonts/Alegreya-Black-webfont.eot');
    src: url('../fonts/Alegreya-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Alegreya-Black-webfont.woff') format('woff'),
         url('../fonts/Alegreya-Black-webfont.ttf') format('truetype'),
         url('../fonts/Alegreya-Black-webfont.svg#AlegreyaBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
      font-family: 'AlegreyaBlack';
      src: url('../fonts/Alegreya-Black-webfont.svg#AlegreyaBlack') format('svg');
   }
}

:focus
{
   outline              : 0;
}

html,
body {
   width                : 100%;
   height               : 100%;
   background-color     : #f6f6f6;
   padding              : 0;
   margin               : 0;
}

body.blank
{
   background-color     : white;
}

body.blank .price-tag-container
{
   padding              : 10px 15px;
}

body,
input,
textarea,
td
{
   font                 : 12px/1.5em Arial, sans-serif;
   color                : #292929;
}

h2,
h3
{
   margin               : 0 0 15px 0;
   text-transform       : uppercase;
   font                 : 18px AlegreyaBlack, serif;
   font-weight          : normal;
   color                : #000;
}



{
   font-size            : 16px;
   color                : #ff7e00;
   margin               : 8px 0 5px 0;
   font-weight          : normal;
}

h2 > span,
h3 > span.orange,
h2.orange,
h3.orange
{
   color                : #ff7e00;
   font-weight          : normal;
   margin: 20px 0;
}

a
{
   color                : #ff7e00;
   text-decoration      : none;
}

a:hover
{
   text-decoration      : underline;
}

label
{
   cursor               : pointer;
}

hr
{
   border               : 0;
   width                : 315px;
   border-bottom        : 1px dotted #c0c0c0;
   margin               : 10px 0;
}

.wrapper
{
   width                : 1000px;
   margin               : 0px auto;
}

.left
{
   float                : left;
}

p.space-limited
{
   width                : 90%;
}

.right
{
   float                : right;
}

/* = Input fields
-------------------------------------------------------------- */

div.row
{
   clear                : both;
   margin               : 8px 0;
   width                : 100%;
}

div.row.separator
{
   margin-top           : 20px;
}

form div.row > .line,
form div.row > .multiline
{
   padding              : 5px 0;
}

div.row > .multiline
{
   margin-left          : 150px;
}

.equal
{
   width                : 50%;
}

.equal_padded
{
   width                : 90%;
}

table.equal_padded
{
   width                : 95%;
}

table.equal_padded a.button-delete
{
   height               : 18px;
   background-position  : left -291px;
}

div.row .html-selector
{
   margin-top           : 2px;
}

div.row span.label
{
   float                : left;
   width                : 150px;
}

.full-size div.row span.label
{
   width                : 250px;
}

form div.row span.label
{
   padding              : 5px 0;
}

.col-8 div.row
{
   margin               : 15px 0 0 0;
}

.col-8 div.row span.label
{
   width                : 98px;
}

.col-8 div.row .html-selector
{
   margin-left          : 98px;
}

div.row textarea
{
   width                : 200px;
   height               : 100px;
}

input[type='text'],
input[type='password'],
textarea
{
   border               : 1px solid #c3c3c3;
   padding              : 3px 8px;
   background-color     : #ffffff;
   margin               : 0;
   width                : 145px;
}

input[type='text'],
input[type='password']
{
   background           : #ffffff url('../images/bg-inputs.png') no-repeat right top;
}

input[type='radio']
{
   display              : inline-block;
   vertical-align       : top;
}

input[type='submit']
{
   cursor               : pointer;
}

input[readonly],
input[disabled]
{
   background-color     : #eee;
}

.input-unlockable + a
{
   margin               : 0 0 -2px -20px;
}

input + .loading
{
   display              : inline-block;
   width                : 16px;
   height               : 16px;
   background           : url('../images/loading.gif') no-repeat;
   text-indent          : -9999px;
   overflow             : hidden;
}

.indented > .loading
{
   display              : block;
   position             : absolute;
   width                : 94%;
   height               : 100%;
   background           : white url('../images/loading.gif') no-repeat center 25%;
   text-indent          : -9999px;
   overflow             : hidden;
   z-index              : 20;
   
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
   filter: alpha(opacity=80);
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
}

.form-actions-loader.indented > .loading
{
   height: 16px;
   width: 50%;
   position: static;
}

textarea
{
   height               : 50px;
}
textarea + div.error,
input + div.error,
input + label + div.error,
.button-orange + div.error,
.button-grey + div.error
{
   padding              : 5px 60px 0 0;
   color                : red;
   font-size            : 12px;
}

input + div.error,
input + label + div.error
{
   padding-left         : 160px;
}

td input + div.error
{
   width                : 100%;
   padding-left         : 0;
   white-space          : normal;
}

.html-selector > div.error
{
   position             : absolute;
   top                  : 25px;
   width                : auto;
   padding              : 0;
   border               : 0;
}
.page-login #page.wrapper input
{
   width                : 182px;
   text-align           : center;
}

.page-login #page.wrapper input[type='text'],
.page-login #page.wrapper input[type='password']
{
   background-position  : right -32px;
}

input[type='text'].input-search,
input[type='password'].input-search
{
   background-position  : right -64px;
   padding              : 6px 8px;
   margin-right         : 10px;
}

input[type='text'].input-datepicker,
input[type='text'].input-datetimepicker,
input[type='password'].input-datepicker
{
   background-position  : right -96px;
   padding              : 8px;
}

input[type='text'].input-small,
input[type='password'].input-small
{
   width                : 50px;
}

input[type='text'].input-medium,
input[type='password'].input-medium
{
   width                : 120px;
}

input[type='text'].input-large,
input[type='password'].input-large
{
   width                : 210px;
}

input[type='checkbox']
{
   cursor               : pointer;
}

.checkbox-combined input[type='checkbox']
{
   margin-right         : 15px;
   float                : left;
}

.checkbox-combined .html-selector
{
   margin-left          : 0px !important;
   float                : left;
}

.input-datepicker
{
   z-index              : 25;
   position             : relative;
}

.form-actions
{
   margin               : 20px 0 0 0;
}

.form-actions .button-grey,
.form-actions .button-orange,
.form-actions .button-red
{
   margin-right         : 10px;
}

.form-actions em
{
   line-height          : 24px;
   margin-right         : 12px;
}

.alternate-placeholder
{
   position             : absolute;
   margin-top           : -3px;
   font-size            : 10px;
   text-transform       : uppercase;
}

.alternate-placeholder + input
{
   margin-top           : 10px;
}

.form-header a
{
   display              : block;
   float                : right;
   margin               : 6px;
}

.multiline
{
   margin-left          : 150px;
}

.grouped
{
   border-radius        : 10px;
   background-color     : #f6f6f6;
   padding              : 10px;
   behavior             : url('/themes/upfk/css/pie.htc');
   margin-top           : 10px;
}

.grouped .inline
{
   margin               : 4px 10px 4px 0;
   float                : left;
   padding              : 4px 10px;
   border-radius        : 10px;
   background-color     : #ffffff;
   behavior             : url('/themes/upfk/css/pie.htc');
}

.grouped .inline input
{
   display              : block;
   float                : left;
   margin               : 1px 5px 0 0;
}

.grouped .html-selector > label,
.html-selector.establishment > label
{
   width                : 250px;
}

.grouped .html-selector > div,
.html-selector.establishment > div
{
   width                : 291px;
}

.ap_category_selector .html-selector > div,
.marktplaats_selector .html-selector > div
{
   width                : 560px;
}

.marktplaats_properties
{
   display              : none;
   background-color     : #f9f9f9;
   padding              : 0 0 10px 0;
   border-radius        : 5px;
}

.force-top
{
   z-index              : 998 !important;
}

/* = Buttons
-------------------------------------------------------------- */

.button-orange,
.button-red,
.button-grey
{
   background           : url('../images/bg-buttons.png') no-repeat right top;
   padding-right        : 10px;
   display              : block;
   margin-left          : 8px;
   cursor               : pointer;
}

.button-grey
{
   background-position  : right -24px;
}

.button-red
{
   background-position  : right -141px;
}

.button-orange > input,
a.button-orange span,
.button-red > input,
a.button-red span,
.button-grey > input,
a.button-grey span
{
   border               : 0;
   background           : transparent url('../images/bg-buttons.png') no-repeat left top;
   margin               : 0 0 0 -8px;
   padding              : 0 0 0 10px;
   display              : block;
   height               : 24px;
   line-height          : 24px;
   color                : #ffffff;

}

.button-orange > input,
.button-red > input,
.button-grey > input
{
	cursor				: pointer;
}


.button-grey > input,
a.button-grey span
{
   background-position  : left -24px;
}

.button-red > input,
a.button-red span
{
   background-position  : left -141px;
}

.button-grey:hover,
.button-orange:hover,
.button-red:hover,
button:hover
{
   background-position  : right -48px;
   text-decoration      : none;
}

button:hover span,
a.button-grey:hover span,
.button-grey:hover > input,
a.button-orange:hover span,
.button-orange:hover > input,
a.button-red:hover span,
.button-red:hover > input
{
   background-position  : left -48px;
}

.button-add,
.button-view,
.button-edit,
.button-tick,
.button-warning,
.button-delete,
.button-close,
.button-generate,
.button-toggle_fs,
.button-sell,
.button-auction,
.button-to_stock,
.button-write_off,
.button-boughtback,
.button-extend,
.button-print
{
   display              : inline-block;
   width                : 14px;
   height               : 14px; 
   background           : url('../images/bg-icons.png') no-repeat left -212px;
   text-indent          : -9999em;
   overflow             : hidden;
   margin-right         : 5px;
}

.button-edit
{
   background-position  : left -252px;
}

.button-tick
{
   background-position  : -1px -133px;
}

.button-warning,
.button-close,
.button-toggle_fs
{
   background-position  : left -531px;
   width                : 16px;
   height               : 18px;
}

.button-delete
{
   background-position  : left -292px;
}

.button-view
{
   background-position  : left -332px;
}

.button-close
{
   background-position  : left -573px;
   margin               : 5px;
}

.button-toggle_fs
{
   background-position  : left -613px;
   margin               : 5px;
}

.button-generate
{
   background-position  : 5px -650px;
}

.button-sell
{
   background-position  : 2px -694px;
   width                : 25px;
   height               : 15px;
}

.button-auction
{
   background-position  : left -734px;
}

.button-to_stock
{
   background-position  : left -772px;
}

.button-write_off
{
   background-position  : left -813px;
}

.button-boughtback
{
   background-position  : left -853px;
}

.button-extend
{
   background-position  : left -893px;
}

.button-print
{
   background-position  : left -933px;
}


/* = Tables
-------------------------------------------------------------- */

table
{
   width                : 100%;
}

tr.odd
{
   background           : #f0f0f0 url('../images/bg-horizontal.png') repeat-x left -150px;
}

tr.even
{
   background-color     : #ffffff;
}

tr.removed td
{
   color                : #d0d0d0 !important;
   text-decoration      : line-through;
   font-style           : italic;
}

tr.blacklisted,
tr.blacklisted td
{
   background-color     : #eb642a;
   color                : white;
}

tr.blacklisted a
{
   color                : white;
}

th,
tfoot td
{
   font-weight          : bold;
}

tfoot td:first-child
{
   text-align           : right;
}

th,
td
{
   border-right         : 1px solid #d7d7d7;
   border-bottom        : 1px solid #d7d7d7;
   text-align           : left;
   padding              : 10px;
   max-width            : 140px;
}

td.price,
td.invoiceType,
td.user,
td.customer
{
   max-width            : 100px;
}

td.store
{
   max-width            : 90px;
}

th.second
{
   font-size            : 8px;
   text-transform       : uppercase;
   padding              : 2px 10px;
}

th.highlight {
   background: #dedede;
}

td
{
   border-top           : 1px solid #ffffff;
   white-space          : nowrap;
   text-overflow        : ellipsis;
   overflow             : hidden;
}

td.first
{
   border-left          : 1px solid #d7d7d7;
}

td.first.has-tooltip
{
   overflow             : visible;
}

td.first.has-tooltip .bounds
{
   overflow             : hidden;
   text-overflow        : ellipsis;
}

th.right,
td.right
{
   float                : none;
   text-align           : right;
}

td > .relative > .action-tooltip
{
   position             : absolute;
   top                  : 50%;
   left                 : 90%;
   white-space          : nowrap;
   background           : url('../images/bg-buttons.png') no-repeat right -106px;
   padding-right        : 10px;
   display              : none;
   margin               : -18px 0 0 15px;
   z-index              : 5;
}

td > .relative > .action-tooltip a
{
   color                : #efefef;
}

td.centered
{
   text-align           : center;
}

tr:hover .action-tooltip
{
   display              : block;
}

td > .relative > .action-tooltip > span
{
   background           : transparent url('../images/bg-buttons.png') no-repeat left -106px;
   margin               : 0 0 0 -15px;
   padding              : 0 0 0 10px;
   display              : block;
   height               : 35px;
   line-height          : 35px;
   color                : #ffffff;
}

td > .relative > .action-tooltip > span input[type='checkbox']
{
   vertical-align       : middle;
}

ie-7 .action-tooltip
{
   display              : none !important;
}

.pagination a,
.pagination strong
{
   border               : 1px solid #f6f6f6;
   padding              : 3px 10px;
   margin               : 10px 0 20px 0;
   display              : inline-block;
   font-size            : 10px;
   text-transform       : uppercase;
}

.pagination a:hover
{
   text-decoration      : none;
   background-color     : #f6f6f6;
}

.per_page
{
   width                : 290px;
   text-align           : right;
}

.per_page > span
{
   display              : inline-block;
   text-transform       : uppercase;
   font-size            : 10px;
}

.per_page > .pagination
{
   display              : inline-block;
}

.pagination-hide
{
   display              : none;
}

table.tablesorter thead tr .header 
{
	background           : transparent url('../images/tablesorter_bg.gif') no-repeat center right;
	cursor               : pointer;
   padding-right        : 20px;
   white-space          : nowrap;
}

table.tablesorter thead tr .headerSortUp 
{
	background-image     : url('../images/tablesorter_asc.gif');
}

table.tablesorter thead tr .headerSortDown 
{
	background-image     : url('../images/tablesorter_desc.gif');
}
/* = Application header
-------------------------------------------------------------- */

header,
header .wrapper
{
   min-height           : 70px;
}

header > .wrapper
{
   position             : relative;
}

#selected-user,
#current-user
{
   bottom               : 5px;
   position             : absolute;
   font-size            : 12px;
   margin               : 0 3px 5px 0;
}

#selected-user,
div.blacklisted
{
   color                : #ffffff;
   background-color     : #ff7e00;
   padding              : 3px 10px;
   border-radius        : 10px;
   behavior             : url('/themes/upfk/css/pie.htc');
}

#selected-user
{
   left                 : 170px;
}

div.blacklisted
{
   margin-bottom        : 10px;
   background           : #ed2121 url('../images/bg-icons.png') no-repeat 10px -527px;
   padding-left         : 35px;
}

div.blacklisted > a
{
   text-decoration      : underline;
}

div.blacklisted > a,
#selected-user > a
{
   color                : #ffffff;
}

#selected-user > input
{
   vertical-align       : middle;
}

#current-user
{
   right                : 0;
   padding              : 4px 10px 5px 10px;
   line-height          : 25px;
   background           : url('../images/bg-buttons.png') no-repeat left -72px;
}

header.has-attention #current-user,
header.has-attention #selected-user
{
   top                  : 10px;
   bottom               : auto;
}

header.has-attention #selected-user
{
   top                  : 20px;
}

#current-user > span
{
   line-height          : 16px;
   padding-left         : 21px;
   background           : url('../images/bg-icons.png') no-repeat left -11px;
}

#current-user > .right
{
   position             : absolute;
   top                  : 0;
   right                : 0;
   display              : block;
   width                : 10px;
   height               : 34px;
   background           : url('../images/bg-buttons.png') no-repeat right -72px;
}

#logo {
   width                : 144px;
   margin               : 0 0 0 -4px;
}

#logo > a
{
   width                : 144px;
   height               : 115px;
   display              : block;
   text-indent          : -9999px;
   overflow             : hidden;
   background           : url('../images/bg-sidebar.png') no-repeat;
}

#chart
{
   height               : 400px;
}


/* = Top menu
-------------------------------------------------------------- */

nav#top-nav
{
   width                : 854px;
   background           : url('../images/bg-horizontal.png') repeat-x left -50px;
   height               : 46px;
   padding              : 4px 0 0 0;
}

nav#top-nav.scrolled
{
   border-top           : 4px solid #f6f6f6;
   padding-top          : 0;
   background-position  : left -54px
}

nav#top-nav > .right
{
   display              : block;
   width                : 54px;
   height               : 50px;
   margin               : -4px -4px 0 0;
   background           : url('../images/bg-topmenu.png') repeat-x -200px bottom;
}

nav#top-nav.scrolled > .right
{
   margin-top           : 0px;
   background-position  : -200px -229px;
}

nav#top-nav ul
{
   list-style           : none;
   padding              : 0;
   margin               : 0;
}

nav#top-nav li
{
   float                : left;
   border-left          : 1px solid #999999;
   border-right         : 1px solid #616161;
   background           : url('../images/bg-horizontal.png') repeat-x left -54px;
   line-height          : 42px;
   height               : 46px;
}

nav#top-nav li.first
{
   border-left          : 0px;
   background           : url('../images/bg-topmenu.png') repeat-x left bottom;
}

nav#top-nav li.last
{
   border-right         : 0;
}

nav#top-nav li.active,
nav#top-nav li:hover
{
   background           : url('../images/bg-horizontal.png') repeat-x left -104px;
   padding              : 0 1px;
   border               : 0;
}

nav#top-nav li.first,
nav#top-nav li.last
{
   padding-left         : 0;
}

nav#top-nav li a
{
   color                : #f0f0f0;
   display              : block;
   line-height          : 45px;
   padding              : 0 15px 0 45px;
   background           : url('../images/bg-topmenu.png') no-repeat;
   text-shadow          : 1px 1px black;
}

nav#top-nav li.active a,
nav#top-nav li:hover a
{
   text-decoration      : none;
   color                : black;
   text-shadow          : 0px 0px black;
}

nav#top-nav li.item-buyin a { background-position: 0px top; }
nav#top-nav li.item-sales a { background-position: 0px -45px; }
nav#top-nav li.item-buyback a { background-position: 0px -90px; }
nav#top-nav li.item-dropoff a { background-position: 0px -135px; }
nav#top-nav li.item-orders a { background-position: 0px -180px; }

nav#top-nav li.item-buyin:hover a, nav#top-nav li.item-buyin.active a { background-position: -200px top; }
nav#top-nav li.item-sales:hover a, nav#top-nav li.item-sales.active a { background-position: -200px -45px; }
nav#top-nav li.item-buyback:hover a, nav#top-nav li.item-buyback.active a { background-position: -200px -90px; }
nav#top-nav li.item-dropoff:hover a, nav#top-nav li.item-dropoff.active a { background-position: -200px -135px; }
nav#top-nav li.item-orders:hover a, nav#top-nav li.item-orders.active a { background-position: -200px -180px; }

/* = Side menu
-------------------------------------------------------------- */

nav#side-nav
{
   width                : 140px;
}

nav#side-nav ul
{
   list-style           : none;
   padding              : 0;
   margin               : 0;
}

nav#side-nav li
{
   width                : 140px;
   border-top           : 1px solid #ffffff;
   border-bottom        : 1px solid #d7d7d7;
}

nav#side-nav li.first
{
   border-top           : 0;
}

nav#side-nav li.last
{
   border-bottom        : 0;
}

nav#side-nav li a
{
   display              : block;
   line-height          : 45px;
   padding              : 0 15px 0 45px;
   background           : url('../images/bg-sidemenu.png') no-repeat;
   color                : #6c6c6c;
   text-shadow          : 1px 1px #fff;
}

nav#side-nav li.active,
nav#side-nav li:hover
{
   border-top           : 0;
   border-bottom        : 0;
   background           : url('../images/bg-sidemenu.png') no-repeat right -407px;
}

nav#side-nav li.active a,
nav#side-nav li:hover a
{
   text-decoration      : none;
   color                : white;
   line-height          : 47px;
   text-shadow          : 1px 1px #c77000;
}

nav#side-nav li.active.first a,
nav#side-nav li.first:hover a
{
   line-height          : 46px;
}

nav#side-nav li.last:hover
{
   padding-top          : 1px;
}

nav#side-nav li.item-customers a { background-position  : left top; }
nav#side-nav li.item-queue a { background-position  : left -45px; }
nav#side-nav li.item-articles a { background-position  : left -90px; }
nav#side-nav li.item-invoices a { background-position  : left -135px; }
nav#side-nav li.item-users a { background-position  : left -180px; }
nav#side-nav li.item-statistics a { background-position  : left -225px; }
nav#side-nav li.item-results a { background-position  : left -270px; }
nav#side-nav li.item-balance a { background-position  : left -452px; }
nav#side-nav li.item-webshop a { background-position  : left -315px; }
nav#side-nav li.item-stores a { background-position  : left -360px; }
nav#side-nav li.item-mijnAbovo a { background-position  : -5px -405px; }

nav#side-nav li.item-customers:hover a, nav#side-nav li.item-customers.active a { background-position  : -200px top; }
nav#side-nav li.item-queue:hover a, nav#side-nav li.item-queue.active a { background-position  : -200px -45px; }
nav#side-nav li.item-articles:hover a, nav#side-nav li.item-articles.active a { background-position  : -200px -90px; }
nav#side-nav li.item-invoices:hover a, nav#side-nav li.item-invoices.active a { background-position  : -200px -135px; }
nav#side-nav li.item-users:hover a, nav#side-nav li.item-users.active a { background-position  : -200px -180px; }
nav#side-nav li.item-statistics:hover a, nav#side-nav li.item-statistics.active a { background-position  : -200px -225px; }
nav#side-nav li.item-results:hover a, nav#side-nav li.item-results.active a { background-position  : -200px -270px; }
nav#side-nav li.item-balance:hover a, nav#side-nav li.item-balance.active a { background-position  : -200px -452px; }
nav#side-nav li.item-webshop:hover a, nav#side-nav li.item-webshop.active a { background-position  : -200px -315px; }
nav#side-nav li.item-stores:hover a, nav#side-nav li.item-stores.active a { background-position  : -200px -360px; }

nav#side-nav li.item-webshop, nav#side-nav li.item-invoices
{
   position             : relative;
}

nav#side-nav li.item-webshop .count, nav#side-nav li.item-invoices .count
{
   position             : absolute;
   right                : 10px;
   top                  : 11px;
   border-radius        : 100px;
   background-color     : #ff7e00;
   display              : block;
   width                : 20px;
   height               : 20px;
   color                : #ffffff;
   text-align           : center;
   font-weight          : bold;
   line-height          : 20px;
}

/* = Notifications
-------------------------------------------------------------- */

.button-relative
{
   position             : relative;
}

.button-relative > .popout
{
   position             : absolute;
   right                : 0;
   bottom               : 35px;
}

.popout
{
   border-radius        : 5px;
   border               : 1px solid #d0d0d0;
   background-color     : #fff;
   padding              : 10px 20px;
}

.popout:after
{
   content              : '';
   display              : block;
   position             : absolute;
}

#content .notification
{
   height               : 0px;
   line-height          : 40px;
   padding              : 0 30px 0 50px;
   overflow             : hidden;
}

.page-login .notification
{
   height               : 0;
   padding              : 0 5px 0 25px;
   font-size            : 10px;
   line-height          : 1em;
   overflow             : hidden;
}

.page-login .notification > div
{
   margin               : 10px 0 10px 0;
   width                : 150px;
}

#content .notification .close,
.page-login .notification .close
{
   float                : right;
   font-size            : 20px;
}

.page-login .notification .close
{
   margin               : 10px 0 0 0;
}

#content .notification-success .close
{
	color				: #038D00;
}

#content .notification .close:hover,
.page-login .notification .close:hover
{
   text-decoration      : none;
}

.notification-inline
{
   padding              : 5px 25px 5px 55px;
   margin               : 0 0 40px 0;
   border-radius        : 5px;
}

.notification-inline p
{
   margin               : 0;
}

#content .notification-error { background: #fdefe7 url('../images/bg-icons.png') no-repeat 30px -80px; }
#content .notification-success { background: #dcebe7 url('../images/bg-icons.png') no-repeat 30px -120px; }
#content .notification-info { background: #f2efe9 url('../images/bg-icons.png') no-repeat 30px -40px; }

.page-login .notification-error { background: #fdefe7 url('../images/bg-icons.png') no-repeat 4px -80px; }
.page-login .notification-success { background: #dcebe7 url('../images/bg-icons.png') no-repeat 4px -120px; }
.page-login .notification-info { background: #f2efe9 url('../images/bg-icons.png') no-repeat 4px -40px; }

.attention
{
   background           : #fffaeb url('../images/bg-icons.png') no-repeat 15px -150px;
   border               : 1px solid #fdbb7b;
   margin               : 55px 4px 10px 0;
   padding              : 15px 15px 15px 55px;
   color                : #292929;
   float                : right;
   width                : 780px;
   border-radius        : 10px;
   position             : relative;
   behavior             : url('/themes/upfk/css/pie.htc');
}

.attention strong
{
   display              : block;
   color                : #000000;
   margin               : 0 0 5px 0;
}

.attention a
{
   background           : none;
   display              : inline;
   padding              : 0;
   font                 : 13px Arial;
   text-transform       : none;
   color                : #ff7e00;
   text-decoration      : underline;
}

/* = Content
-------------------------------------------------------------- */

#content.stickyMargin
{
   margin-top           : 285px;
}

.msg
{
   color                : #a0a0a0;
   font-style           : italic;
   margin-bottom        : 25px;
}

.msg .uarr {
   font-size            : 24px;
   margin-right         : 5px;
}

#content
{
   width                : 849px;
   margin-right         : 5px;
   background           : white;
}

#content > .indented
{
   padding              : 20px 30px 0 30px;
}

#content .input.sticky
{
   position             : fixed;
   top                  : -90px;
   width                : 789px;
   z-index              : 1000;
}
#content .input.sticky.sticky-customer
{
   top                  : -40px;
}
#content .input.sticky.sticky-invoice
{
   top                  : -180px;
}
#content .input + .indented,
#content .introduction + .indented
{
   padding-top          : 0px;
}

#content .input,
#content .introduction
{
   position             : relative;
   background           : #f9f9f9;
   padding              : 20px 30px 30px 30px;
   margin-bottom        : 25px;
}

#content .input > .bottom,
#content .introduction > .bottom
{
   position             : absolute;
   bottom               : -9px;
   left                 : 0px;
   width                : 850px;
   height               : 10px;
   display              : block;
   background           : url('../images/bg-introduction.png') no-repeat;
}

.col
{
   float                : left;
   margin-right         : 5%;
}

.col strong
{
   display              : block;
   margin               : 2px 0;
}

.col-2 { width: 15%; }
.col-3 { width: 22.5%; }
.col-4 { width: 30%; }
.col-5 { width: 37.5%; }
.col-6 { width: 45%; }
.col-7 { width: 52.5%; }
.col-8 { width: 60%; }

.col.last
{
   margin-right         : 0;
}

.linked
{
   position             : relative;
}

.linked .indicator
{
   position             : absolute;
   top                  : 8px;
   right                : 143px;
   background           : url('../images/bg-icons.png') no-repeat left -400px;
   width                : 25px;
   height               : 40px;
}

/* =HTML selectors
-------------------------------------------------------------- */

.html-selector
{
   position             : relative;
   margin-bottom        : 3px;
   height               : 22px;
   z-index              : 25;
}

.html-selector > label
{
   white-space          : nowrap;
   text-overflow        : ellipsis;
   overflow             : hidden;
}

.html-selector > div
{
   position             : absolute;
   z-index              : 15;
   width                : 211px;
   top                  : 22px;
   left                 : 0;
   background           : #ffffff;
   border               : 1px solid #d6d6d6;
}

.html-selector > div .container
{
   max-height           : 150px;
   overflow             : auto;
}

.html-selector > div .search
{
   padding              : 5px;
   background           : #efefef;
}

.html-selector > div .search > input
{
   width                : 90%;
}

.html-selector > div ul
{
   padding              : 0;
   list-style           : none;
   float                : left;
   width                : 100%;
   margin               : 0;
}

.html-selector > div ul li
{
   width                : 100%;
   cursor               : pointer;
   padding              : 4px 0;
   text-indent          : 8px;
   background-color     : #f7f7f7;
   white-space          : nowrap;
   text-overflow        : ellipsis;
   overflow             : hidden;
}

.html-selector > a
{
   display              : block;
   text-indent          : -9999px;
   overflow             : hidden;
   float                : left;
   width                : 22px;
   height               : 22px;
   background           : url('../images/btn-down_grey.png') no-repeat right top;
}

.html-selector > div ul li:hover
{
   color                : black;
   cursor               : pointer;
   background-color     : #ffffff;
}

.html-selector > div ul li:hover label
{
   color                : black;
}

.html-selector > div ul li input[type='radio']
{
   display              : none;
}

.html-selector label
{
   color                : #6c6c6c;
   font                 : 12px Arial, sans-serif;
   padding              : 3px 10px 2px 10px;
}

.html-selector > label
{
   display              : block;
   float                : left;
   width                : 170px;
   background           : #ffffff;
   border               : 1px solid #d6d6d6;
   border-right         : 0;
}

.html-selector.selector-small > label
{
   width                : 120px;
}

.html-selector.selector-small > div
{
   width                : 161px;
}

.html-selector.selector-ssmall > label
{
   width                : 40px;
}

.html-selector.selector-ssmall > div
{
   width                : 81px;
}

/* = Autocompleter
-------------------------------------------------------------- */

.autocompleter
{
   position             : absolute;
   top                  : 25px;
   right                : 30px;
   min-width            : 212px;
   width                : 212px;
   min-height           : 40px;
   background-color     : #f6f6f6 !important;
   background-position  : center center !important;
   border               : 1px solid #d0d0d0;
   z-index              : 100;
}

.autocompleter ul
{
   list-style           : none;
   padding              : 0;
   margin               : 0;
}

.autocompleter ul li
{
   padding              : 5px 15px;
   border-bottom        : 1px solid #d0d0d0;
   cursor               : pointer;
}

.autocompleter ul li:hover
{
   background-color     : #fff;
}

.autocompleter ul li span,
.autocompleter ul li small
{
   display              : block;
   white-space          : nowrap;
   text-overflow        : ellipsis;
   overflow             : hidden;
}

.autocompleter ul li small
{
   font-size            : 10px;
   text-transform       : uppercase;
   color                : #999;
}

/* = Tabs
-------------------------------------------------------------- */

.tabs-changer
{
   width                : 100%;
   padding              : 0 0 0 15px;
   border-bottom        : 1px solid #d7d7d7;
   margin-bottom        : 15px;
}

.tabs-changer span
{
   display              : block;
   float                : left;
   padding              : 5px 10px;
   font-weight          : 700;
   margin               : 0 5px 0 0;
   background           : #f1f1f1;
   border               : 1px solid #d7d7d7;
   border-bottom        : 0;
   border-radius        : 5px 5px 0 0;
   color                : #a3a3a3;
   cursor               : pointer;
}

.tabs-changer span.active
{
   background           : #f9f9f9;
   margin-bottom        : -1px;
   padding-bottom       : 6px;
   color                : #292929;
}


/* = Fieldsets and totals
-------------------------------------------------------------- */

fieldset
{
   border               : 0;
   margin               : -40px -10px 0px 0;
}

fieldset#statistics
{
   border-left          : 1px solid #d0d0d0;
   min-height           : 500px;
}

fieldset legend,
fieldset div.row
{
   margin-left          : -9px;
}

fieldset div.row
{
   border-top           : 1px solid #d0d0d0;
}

fieldset#statistics legend,
fieldset#statistics div.row
{
   border-bottom        : 1px solid #d0d0d0;
   border-top           : 0;
}

fieldset legend
{
   width                : 100%;
   font-weight          : bold;
   padding              : 40px 0 5px 10px;
}

fieldset div.row
{
   width                : 94%;
   padding              : 10px 0 0px 35px;
}

fieldset#statistics div.row
{
   padding              : 0px 0 10px 35px;
}

fieldset div.row span.label
{
   width                : 200px;
}

.equal .equal fieldset div.row span.label
{
   width                : 100px;
}

.negative
{
   color                : red;
}

.result-totals
{
   position             : relative;
   width                : 90%;
   border-top           : 1px solid #d0d0d0;
}



.result-totals .operator
{
   position             : absolute;
   top                  : -9px;
   right                : -15px;
}

.result-totals div.row .label
{
   width                : 250px;
   text-align           : right;
   padding-right        : 30px;
}

.result-totals .grand_total
{
   font-weight          : bold;
}


tfoot td.totals, thead tr td.totals {
   background: #dedede;
   font-weight: 600;
}

table.bigtable {
   padding: 10px;
   background: #fff;
   border: solid 1px #dedede;
   border-radius: 5px;
}

/* = Wrapper schades and rounded corners
-------------------------------------------------------------- */

.sidebar
{
   width                : 140px;
   padding-left         : 4px;
   border-top           : 5px solid #f6f6f6;
   margin-top           : -70px;
   float                : left;
   background           : url('../images/bg-wrapper.png') repeat-y right top;
   /*position             : fixed;*/
   position             : absolute;
   z-index              : 2;
}

.sidebar > .bottom
{
   width                : 144px;
   height               : 133px;
   margin               : 0 0 0 -4px;
   background           : url('../images/bg-sidebar.png') no-repeat right;
}

#main
{
   width                : 854px;
   min-height           : 640px;
   margin-left          : 140px;
   padding              : 0 0 20px 4px;
   float                : left;
   background           : url('../images/bg-wrapper.png') repeat-y left top;
   position             : relative;
   z-index              : 1;
}

#page.wrapper > #main > .bottom
{
   position             : absolute;
   background           : url('../images/bg-wrapper_borders.png') no-repeat left bottom;
   margin               : 0 -4px 0 -3px;
   width                : 858px;
   height               : 14px;
}

#page.wrapper .top
{
   top                  : 0;
}

#page.wrapper .bottom
{
   bottom               : 0;
}

.page-login #page.wrapper
{
   position             : absolute;
   top                  : 40%;
   left                 : 50%;
   margin-left          : -120px;
   padding              : 10px 20px;
   width                : 200px;
   background           : url('../images/bg-wrapper.png') repeat-y -858px top;
}

.ie-7 .page-login #page.wrapper
{
   padding              : 20px 20px 0 20px;
}

.page-login #page.wrapper .top,
.page-login #page.wrapper .bottom
{
   position             : absolute;
   margin               : 0 -20px;
   width                : 240px;
   height               : 14px;
   background           : url('../images/bg-wrapper_borders.png') no-repeat right top;
}

.page-login #page.wrapper .bottom
{
   background-position  : right bottom;
}

#gmap
{
   width                : 790px;
   height               : 380px;
}

#gmap.fullscreen {
  position              : fixed !important;
  top                   : 0;
  left                  : 0;
  width                 : 100%;
  height                : 100%;
  z-index               : 9999;
}

.hide,
.input-disabled
{
   display              : none !important;
}

.input-invisible
{
   visibility           : hidden;
}

.relative
{
   position             : relative;
}

/* = Scroll bar
-------------------------------------------------------------- */

.scrollpane
{
   clear                               : both;
}

.scrollpane .viewport
{
   min-height                          : 180px;
   max-height                          : 181px;
   overflow                            : hidden;
   position                            : relative;
}

.scrollpane .overview
{
   list-style                          : none;
   position                            : absolute;
   left                                : 0;
   top                                 : 0;
}

.scrollpane .thumb .end,
.scrollpane .thumb
{
   background-color                    : #6c6c6c;
}

.scrollpane .scrollbar
{
   position                            : relative;
   float                               : right;
   width                               : 4px;
}

.scrollpane .track
{
   background-color                    : #eee;
   height                              : 100%;
   width                               : 100%;
   position                            : relative;
   padding                             : 0 1px;
   border-radius                       : 6px;
   behavior                            : url(/themes/upfk/css/pie.htc);
}

.scrollpane .thumb
{
   height                              : 20px;
   width                               : 100%;
   cursor                              : pointer;
   overflow                            : hidden;
   position                            : absolute;
   top                                 : 0;
   border-radius                       : 6px;
   behavior                            : url(/themes/upfk/css/pie.htc);
}

.scrollpane .thumb .end
{
   overflow                            : hidden;
   height                              : 5px;
   width                               : 100%;
}

.scrollpane .disable
{
   display                             : none;
}

.noSelect
{
   user-select                         : none;
   -o-user-select                      : none;
   -moz-user-select                    : none;
   -khtml-user-select                  : none;
   -webkit-user-select                 : none;
}

.media-library div
{
   margin                              : 10px 15px 10px 0;
   text-align                          : center;
   float                               : left;
}

.media-library div img
{
   border                              : 1px solid #eaeaea;
}

.media-library div input
{
   vertical-align                      : top;
}

.barcode-display
{
   max-width                           : 390px;
   max-height                          : 390px;
   margin                              : 0px auto;
   display                             : block;
}

.carousel .address
{
   float                               : left;
   width                               : 180px;
   height                              : 100px;
}

.carousel-controls
{
   width                               : 180px;
   position                            : relative;
   margin-top                          : -110px;
}

.carousel-controls > .prev,
.carousel-controls > .next
{
   position                            : absolute;
   left                                : -17px;
   display                             : block;
   background                          : url('../images/bg-icons.png') no-repeat left -440px;
   width                               : 25px;
   height                              : 40px;
   text-indent                         : -9999px;
}

.carousel-controls > .next
{
   left                                : auto;
   right                               : -30px;
   background-position                 : left -480px;
}

/* = Scanner utils
-------------------------------------------------------------- */

#noscan
{
   position                            : fixed;
   bottom                              : 20px;
   left                                : 40px;
   
   display                             : block;
   width                               : 25px;
   height                              : 25px;
   padding-right                       : 4px;
   background                          : url('../images/bg-icons.png') no-repeat left -368px;
   text-indent                         : -9999px;
}

#noscan .enabler
{
   display                             : none;
   width                               : 92px;
   height                              : 69px;
   background                          : url('../images/bg-scan_enable.png') no-repeat;
   text-transform                      : uppercase;
   font-size                           : 11px;
   color                               : #292929;
   text-indent                         : 0;
   text-align                          : center;
   padding                             : 12px 0 0 0;
   position                            : absolute;
   top                                 : -60px;
   left                                : -34px;
}

#noscan:hover .enabler
{
   display                             : block;
}

#oc-popup-overflow
{
   position                            : fixed;
   top                                 : 0;
   left                                : 0;
   width                               : 100%;
   height                              : 100%;
   background                          : #000;
   z-index                             : 9;
   display                             : none;
}

#oc-popup,
#product-switcher
{
   position                            : fixed;
   top                                 : 0;
   left                                : 0;
   width                               : 100%;
   height                              : 60px;
   margin-top                          : -65px;
   background                          : url('../images/bg-horizontal.png') left -300px;
   max-height                          : 100px;
   overflow                            : hidden;
   border-bottom                       : 1px solid #000000;
   z-index                             : 10;
}

#oc-popup h2,
#oc-popup p,
#product-switcher h2,
#product-switcher p
{
   color                               : #efefef;
   margin                              : 0;
}

#oc-popup h2,
#product-switcher h2
{
   color                               : white;
   margin-top                          : 10px;
   font-weight                         : normal;
}

#oc-popup
{
   height                              : 100px;
   margin-top                          : -100px;
}

#oc-popup p
{
   font-size                           : 11px;
}

#oc-popup ul
{
   color                               : #fff;
   margin                              : 0;
   padding                             : 0 0 0 25px;
}

#oc-popup ul li
{
   font-size                           : 12px;
   line-height                         : 14px;
   color                               : #afafaf;
}

#oc-popup .right,
#product-switcher .right
{
   margin                              :  10px 5px 0 20px;
}

.address-container
{
   height                              : 200px;
}

.invoiceDetail td
{
   white-space                         : normal;
}

.invoiceDetail td.price
{
   white-space                         : nowrap;
}

/* = Clearfix
-------------------------------------------------------------- */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after 
{
   content              : " "; /* 1 */
   display              : table; /* 2 */
}

.cf:after 
{
   clear                : both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf 
{
   *zoom                : 1;
}


#opkopingsregister {
   padding: 5px 10px;
   border-radius: 10px;
   background-color: orange;
   color:white;
   cursor: pointer;
   margin-top:2px;
}

.left-space {
   padding: 3px;
}

.no-margin {
   margin: 0 !important;
}


/* Jquery modal: http://jquerymodal.com/  */
.blocker {
   position: fixed;
   top: 0; right: 0; bottom: 0; left: 0;
   width: 100%; height: 100%;
   overflow: auto;
   z-index: 2;
   padding: 20px;
   box-sizing: border-box;
   background-color: rgb(0,0,0);
   background-color: rgba(0,0,0,0.75);
   text-align: center;
}
.blocker:before{
   content: "";
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.05em;
}
.blocker.behind {
   background-color: transparent;
}
.modal {
   display: inline-block;
   vertical-align: middle;
   position: relative;
   z-index: 2;
   max-width: 500px;
   box-sizing: border-box;
   width: 90%;
   background: #fff;
   padding: 15px 30px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
   -ms-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: 0 0 10px #000;
   -moz-box-shadow: 0 0 10px #000;
   -o-box-shadow: 0 0 10px #000;
   -ms-box-shadow: 0 0 10px #000;
   box-shadow: 0 0 10px #000;
   text-align: left;
}

.modal a.close-modal {
   position: absolute;
   top: -12.5px;
   right: -12.5px;
   display: block;
   width: 30px;
   height: 30px;
   text-indent: -9999px;
   background: url("data:image/png;base64,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") no-repeat 0 0;
}

.modal-spinner {
   display: none;
   width: 64px;
   height: 64px;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-right: -32px;
   margin-top: -32px;
   background: url("data:image/gif;base64,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") #111 no-repeat center center;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
   -ms-border-radius: 8px;
   border-radius: 8px;
}


.stopheling-results {
   width:100%;
}

.stopheling-results .top img {
   width:50%;
}

.stopheling-results .top div {
   width:33%;
   display: inline-block;
}

.stopheling-results .top div:first-child {
   text-align: left;
}

.stopheling-results .top div:last-child {
   text-align: right;
}

.stopheling-results .top, .stopheling-results .top2 {
   width:100%;
   text-align: center;
}

.stopheling-results .top2 {
   border-bottom: solid 4px #013e6a;
   color:#013e6a;
   font-weight: 800;
   font-size: 16px;
   margin-bottom: 15px;
   text-transform: uppercase;
}

.stopheling-result-item {
   border-bottom: dotted 1px #dedede;
   margin-bottom: 10px;
}

.stopheling-result-item p {
   text-transform: uppercase;
   margin: 0;
}

.stopheling-result-item p.blue {
   color: #013e6a;
   font-weight: 600;
}

#opkopingsregister-cancel, #opkopingsregister-continue {
   padding: 5px 10px;
   color: #fff;
   margin-right: 10px;
}

#opkopingsregister-cancel {
   background: darkred;
}

#opkopingsregister-continue {
   background: olivedrab;
}