html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html, body {
    line-height: 1;
    font-family: Helvetica, Arial, sans-serif;
    color: #252d48;
    min-height: 100%;
    width:100%;
    height: 100%;
    min-width: 650px;
}
#wrapper
{
    position:relative;
    min-height:100%;
    height:auto !important;
    height:100%;
    /* overflow: hidden; */
}
a, a:visited
{
    color: #252d48;
}
.empty
{
    clear:both;
    height: 15px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear_fix
{
    clear: both;
}
#header
{
    height: 85px;
    width: 98%;
    margin: 0 1%;
    border-bottom: 3px solid #252d48;
}
#logo
{
    width: 197px;
    height: 49px;
    background: url('../images/logo.png');
    margin: 10px;
    float: left;
}

#menu
{
    float: right;
    margin-top: -17px;
}
#menu ul
{

}
#menu ul li
{
    border-radius: 8px 8px 0 0;
    float: left;
    padding: 10px;

}
#menu ul li a
{
    padding-left: 18px;
    height: 18px;
    font-size: 14px;
    color: #252d48;
}
#menu ul li a.list
{
    background: url('../images/icons/system/list.png') no-repeat center left;
}
#menu ul li a.create-po
{
    background: url('../images/icons/system/add.png') no-repeat center left;
}
#menu ul li a.admin
{
    background: url('../images/icons/system/admin.png') no-repeat center left;
}
#menu ul li.active
{
    background: #252d48;
}
#menu ul li.active a
{
    color: #fff;
    text-decoration: none;
}
#error-dialog, #message-dialog
{
    display: none;
    position: fixed;
    top: 0;
    width: 300px;
    height: 50px;
    left: 50%;
    margin-left: -150px;
    z-index: 255;

}
#error-dialog p, #message-dialog p
{
    padding: 20px 0px;
    font-size: 15px;
}
#clock
{
    width: 100px;
    height: 53px;
    background: #252d48;
    margin: 0 auto;
    border-radius: 0 0 8px 8px;
    color: #fff;
}
#clock div.date
{
    font-size: 8px;
    text-align: center;
    padding: 3px;
}
#clock div.time
{
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    font-family: Tahoma, sans-serif;
}
#clock span.highlighted
{
    color: #252d48;
}
#clock div.offset
{
    font-size: 8px;
    text-align: center;
    padding: 3px;
}
#content
{
    margin: 10px 1%;
    padding-bottom: 40px;
}
#footer
{
    border-top:1px solid #252d48;
    font-size: 10px;
    height: 40px;
    width: 98%;
    position: relative;
    margin-top: -41px;
    background:#252d48;
    color: #fff;
    left: 1%;

}
.footer-copy
{
    padding: 10px;
}
#login-container
{
    width: 400px;
    margin: 100px auto 0;
    background: #252d48;
    color: #fff;
    padding: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
#login-container div.row
{
    margin: 25px 10px;
}
#login-container div.row input
{
    float: right;
    width: 250px;
    padding: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #252d48;
    margin: -7px 0 0 0;
}
#login-container div.row input:focus
{
    background: #dfeeb8;
}
#custom-upload,
#custom-upload-invoice
{
    float: right;
}
#custom-upload-button,
#custom-upload-invoice-button
{
    height: 17px !important;
    width: 70px !important;

}
.upload-file-link
{

}
.button, .uploadify-button {
    font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    display: inline-block;
    color: white;
    padding: 5px 10px 5px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    background: #aba6ac repeat-x scroll 0 0;
    border-style: none;
    text-align: center;
    overflow: visible;
}

.button:hover,
.button:focus, .uploadify-button:hover, .uploadify-button:focus {
    background-position: 0 -50px;
    color: white;
}

.button:active, .uploadify-button:active {
    background-position: 0 -100px;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: none;
}
.row-submit
{
    margin: 25px 10px;
}
.right
{
    float: right;
}
#controls
{
    float: right;
    margin-top: -50px;
}
#user-controls
{
    float: left;
    text-align: right;
    margin-top: 13px;
    margin-right: 23px;
    border-bottom: 1px dashed;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}
.settings-trigger
{
    display: block;
    height: 18px;
    width: 18px;
    float: right;
    cursor: pointer;
    background: url('../images/icons/system/settings.png');
    border: 1px solid #fff;
    border-radius: 8px 8px 0 0;
    margin-top: 9px;
    overflow: hidden;
    position: absolute;
    right: 1%;

}
.trigger-active
{
    background: url('../images/icons/system/settings.png') #b0a9b1;
    border-top: 1px solid #b0a9b1;
    border-left: 1px solid #b0a9b1;
    border-right: 1px solid #b0a9b1;
    border-bottom: 1px solid #b0a9b1;
    z-index: 2;
}
#settings
{
    display: none;
    position: absolute;
    width: 200px;
    height: 25px;
    top: 32px;
    border: 1px solid #b0a9b1;
    background: #b0a9b1;
    right: 1%;
    z-index: 2;
    border-radius: 8px 0 8px 8px;
    padding: 5px;
}
#logout
{
    width: 196px;
    margin: 5px auto 8px auto;
    background: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #dcd9de;

}
#language-selector
{
    width: 196px;
    margin: 0 auto;
}
#language-selector span a.ui-selectmenu
{
    width: 196px !important;
}
#logout:hover
{
    background: #252d48;

}
#logout:hover a
{
    color: #fff;

}
#logout a
{
     color: #252d48;
     text-decoration: none;
     display: block;
     padding: 6px 5px 6px 21px;
     width: 196px;
     background: url('../images/icons/system/logout.png') no-repeat left center;
     margin-left: 3px;
}
#logout a:hover
{
     color: #fff;
}
/* Custom select styles */
.ui-selectmenu {
    display: block;
    height: 24px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
.ui-selectmenu-icon {
    margin-top: -8px;
    position: absolute;
    right: 1px;
    top: 50%;
}
.ui-selectmenu-menu {
    list-style: none outside none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 0;

    visibility: hidden;
}
.ui-selectmenu-open {
    visibility: visible;
}
.ui-selectmenu-menu-popup {
    margin-top: -1px;
}
.ui-selectmenu-menu-dropdown {
    overflow-x: hidden;
}
.ui-selectmenu-menu li {
    border-bottom: 1px dotted transparent;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top: none;
    display: block;
    font-size: 12px;
    font-weight: normal !important;
    margin: 0;
    padding: 0;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
    display: block;
    line-height: 1.4em;
    outline: medium none;
    padding: 0.3em 1em;
    text-decoration: none;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
    margin-left: 5px;
    padding-left: 20px;
    position: relative;
}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 1em;
    font-size: 12px
}
.ui-selectmenu-status {
    line-height: 1.4em;
    font-size: 12px;
}
.ui-selectmenu-open li.ui-selectmenu-item-focus a {
    font-size: 12px;
}
.ui-selectmenu-open li.ui-selectmenu-item-selected {
}
.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display: block;
    font-size: 12px;
    margin-bottom: 0.2em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}
.ui-selectmenu-menu li .ui-selectmenu-item-content {
    font-size: 12px;
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: 0.8;
}
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    display: block;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0.6em 0.5em 0;
}
.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0;
}
.DEU .ui-selectmenu-item-icon
{
    background: url('../images/icons/languages/de.png') no-repeat center left !important;
}
.ENG .ui-selectmenu-item-icon
{
    background: url('../images/icons/languages/us.png') no-repeat center left !important;
}
.RUS .ui-selectmenu-item-icon
{
    background: url('../images/icons/languages/ru.png') no-repeat center left !important;
}
.SPA .ui-selectmenu-item-icon
{
    background: url('../images/icons/languages/es.png') no-repeat center left !important;
}
.FRA .ui-selectmenu-item-icon
{
    background: url('../images/icons/languages/fr.png') no-repeat center left !important;
}
.ITA .ui-selectmenu-item-icon
{
    background: url('../images/icons/languages/it.png') no-repeat center left !important;
}

.blocker,
.planning-tool-blocker
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: url('../images/transparent.png');
}
.planning-tool-blocker
{
    display: none;
}

.transparent
{
    background: transparent !important;
}

.left-coloumn,
.center-coloumn,
.right-coloumn
{
    width: 33.3%;

}
.left-coloumn
{
    float: left;

}
.center-coloumn
{
     margin-left: 33.3%;
}
.right-coloumn
{
    float: right;
}
.admin-block
{
    width: 95%;
    margin: 0 auto;
    border: 1px solid #252d48;
    border-radius: 8px;
    min-height: 70px;
    margin-bottom: 15px;
}
.admin-block-header
{
    font-size: 16px;
    border-bottom: 1px solid;
    margin: 8px;
    font-weight: bold;
    color: #252d48;
    text-transform: capitalize;
}
.admin-block-content
{
    margin: 5px 10px;
}
.admin-block-row
{
    background: #aba6ac;
    padding: 8px 5px;
    border-radius: 7px 8px 8px 8px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

.web-uploader-service
{
    color: white;
    background: #ad599b;
}
.web-uploader-service-icon
{
    background: url('../images/icons/system/po-list/Letter-W-blue-icon.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

.admin-block-cont
{
    margin-right: 50px;
    float: left;
    text-align: justify;
}
.even
{
    background: #888;
}
.admin-block-row span
{
    border-bottom: 1px dashed #fff;
    padding: 0 1px;
}
.admin-controls
{
    width: 60px;
    padding: 3px;
    height: 16px;
    background: #fff;
    border-radius: 8px;
    float: right;
    margin-top: -4px;
}
.admin-edit, .admin-remove, .admin-activate ,.admin-db-remove, .admin-copy-and-edit
{
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin: 0 1px;
}
.admin-edit:hover, .admin-remove:hover, .admin-activate:hover ,.admin-db-remove:hover, .admin-copy-and-edit:hover
{
    border-radius: 4px;
    background-color: #252d48;
}

.admin-edit
{
    background: url('../images/icons/system/edit.png') no-repeat center center;
}
.admin-remove
{
    background: url('../images/icons/system/remove.png') no-repeat center center;
}
.admin-copy-and-edit
{
    background: url('../images/icons/system/copy.png') no-repeat center center;
}
.admin-activate
{
    background: url('../images/icons/system/activate.png') no-repeat center center;
}
.admin-db-remove
{
    background: url('../images/icons/system/DBdelete.gif') no-repeat center center;
}

.admin-form
{
    /* padding: 20px;*/
    padding: 2px;
    border-radius: 13px;
}
.admin-form .row
{
    padding: 5px;
}
.admin-form .row label
{
    font-size: 12px;
    font-weight: bold;
    float:none;
}
.admin-form  input[type="text"],
.admin-form  select
{
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #252d48;
    width: 400px;
}
.admin-form  select
{
    width: 300px;
}

.admin-form  ul.holidays-list
{
    list-style: none outside none;
}

.admin-form  ul.holidays-list li
{
    float: left;
    display: block;
    width: 270px;
    margin-right: 10px;
}

.admin-form  input[type="text"]:focus
{
   background: #dfeeb8;
}

.admin-form input[type="number"] {
    padding: 6px;
    /* border-radius: 5px; */
    border: 1px solid
    #252D48;
    width: 55px;
}
.admin-form  input[type="number"]:focus
{
   background: #dfeeb8;
}

.admin-add
{
    background: url('../images/icons/system/add.png') no-repeat right center;
    height: 16px;
    padding-right: 18px;
    float: right;
    cursor: pointer;
    font-size: 12px;
    display: block;
    margin-top: -2px;
    padding-top: 4px;
}
.last
{
    margin-bottom: 15px;
}
.popup-handler, .admin-remove
{
    cursor: pointer;
}
.popup
{
    width:700px;
    /*width: auto;*/
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -300px;
    margin-bottom: 100px;
    z-index: 3;
    border: 1px solid #252d48;
    border-radius: 8px;
}
.loading
{
    background: url('../images/icons/system/loading.gif') no-repeat center top;
    height: 48px;
    padding-top: 24px;
    text-align: center;
    margin: 100px auto;
}
.pt-loading
{
    background: url('../images/icons/system/pt_loading.gif') no-repeat center top;
    height: 32px;
    padding-top: 24px;
    text-align: center;
    margin: 200px auto;
}
.popup-close
{
    height: 24px;
    width: 24px;
    float:right;
    background: url('../images/icons/system/close.gif') no-repeat 4px 3px #252d48;
    border-radius: 0 3px 0 9px;
    cursor: pointer;
}
.popup-close:hover
{
    background: url('../images/icons/system/close.gif') no-repeat 4px 3px #db1f2a;
    box-shadow: 0px -1px 4px #db1f2a ;
}
.popup-content-wrapper
{
    margin-top: 24px;
    padding: 15px;
}
.popup-title
{
    float: left;
    font-size: 16px;
    border-bottom: 1px solid;
    margin: 8px;
    font-weight: bold;
    color: #252d48;
    width: 93%;
}
.tooltip-handler,
.tooltip-handler-view-po
{
    cursor: help;
}
span.tooltip-handler
{
    display: inline-block;
    max-width: 240px;
    overflow: hidden;
}

/** Price tool **/
.price-tool-container
{
    /* width: 510px; */
    width: 545px;
    border: 1px solid #252d48;
    padding: 5px;
    border-radius: 8px;
    background: #252d48;
}
.price-tool-header-available, .price-tool-header-selected
{
    font-size: 14px;
    font-weight: bold;
    width: 48%;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.price-tool-header-available
{
    float: left;
}
.price-tool-header-selected
{
    float: right;
    text-align: right;
}
.price-tool-services
{
    display: block;
    width: 48%;
    float: left;
}

.price-tool-services-selected
{
    display: block;
    width: 48%;
    float: right;
}
.price-tool-move
{
    width: 16px;
    height: 16px;
    border: none !important;
    cursor: pointer;
}
.price-tool-services .price-tool-title
{
    float: left;
    border: none !important;
}
.price-tool-services-selected .price-tool-title
{
    float: right;
    border: none !important;
}
.price-tool-services .price-tool-move
{
    background: url('../images/icons/system/right-arrow.png') no-repeat center center;
    float: right;

}
.price-tool-services-selected .price-tool-move
{
    background: url('../images/icons/system/left-arrow.png') no-repeat center center;
    float: left;
}
.price-tool-input, .price-tool-input-d
{
    padding: 1px 6px !important;
    height: 11px !important;
    float: left;
    margin-right: 8px !important;
}
.price-tool-input-d
{
    width: 23px !important;
}
.price-tool-input
{
	width: 40px !important;
}

.price-tool-inputs
{
    margin-top: -13px;
    margin-left: 20px;
}
.price-tool-inputs table
{
    padding: 5px;
    width: 100%;
}
.price-tool-inputs table td
{
    padding: 3px;
}
.price-tool-row-label
{
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
.price-tool-money-label
{
    background: url('../images/icons/system/money.png') no-repeat center center;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    border: none !important;
}
.price-tool-duration-label
{
    background: url('../images/icons/system/time.png') no-repeat center center;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    border: none !important;
}
.price-tool-money-express-label
{
    background: url('../images/icons/system/money-express.png') no-repeat center center;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    border: none !important;
}
.price-tool-duration-express-label
{
    background: url('../images/icons/system/time-express.png') no-repeat center center;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    border: none !important;
}
.datepicker,
.admin-holiday-date
{
    width: 85px !important;
    background: url('../images/icons/system/calendar.png') no-repeat 77px center !important;
}
.custom-label label
{
    float: left !important;
    padding: 9px 6px 0 0;
}
table.po
{
    width: 100%;
    margin: 10px 0 0 0;
}
td.po-left
{
    width: 40%;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}
td.po-right
{
    width: 60%;
    text-align: left;
    float: none !important;
}
td.po-one
{
    width: 100%;
    text-align: left;
    float: none !important;
    font-size: 12px;
}
table.po td
{
    padding: 5px 8px;
    /*padding: 10px 8px;*/
}

table.steps td
{
    padding: 8px 2px;
    max-width: 100px;
}

.admin-form  td input[type="text"], td textarea
{
    border-radius: 5px;
    font-size: 12px;
    line-height: 12px;
    border: 1px solid #252d48;
    width: 236px;
}

.po-services .row, .po-services .row .input
{
    padding-left: 0;
    margin-left: 0 !important;
}
.po-services .row:hover
{
    background: #dcd9de;
}
.price-duration
{
    float: right;
}
.price-duration .price, .price-duration .duration,
table tr td .duration, table tr td .price,
table tr td .discount

{
    padding-left: 18px;
    margin-right: 10px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    display: block;
    height: 16px;
}
.price-duration .price,
table tr td.shipping-price-duration .price,
.discount
{
    background: url('../images/icons/system/money.png') no-repeat left center;

}
.price-duration .duration,
table tr td.shipping-price-duration .duration
{
    background: url('../images/icons/system/time.png') no-repeat left center;
}
.price-duration .price em, .price-duration .duration em
{
    display: block;
    margin-top: 3px;
}

table tr td .discount
{
    float: right;
}
#totals
{
    margin-right: 15px;
}
.hidden
{
    display: none !important;
}
.controls
{
    float:right;
    margin: 15px 0;
    height: 28px;
}
.controls .prev
{

}
.controls .next,
.promotion-code-validate
{
    background: #B8E834;
}
.steps
{
    border-bottom: 2px solid #252d48;
    font-size: 12px;
    font-weight: bold;
}
.steps td
{
    /* width: 33% !important; */
    text-align: center;
}
.steps td.active
{
    color:#fff;
    border-radius: 8px 8px 0 0;
    background: #252d48;
}
.warning
{
    color: #db1f2a;
}
.summary
{
    font-size: 12px;
    font-weight: bold;
}
div.grid table {
    margin-bottom: 5px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-color: #B7B7B7;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-collapse: collapse;
    width: 100%;
}

div.grid table td {
    font: normal 11px/15px Arial;
    border: 1px solid #B7B7B7;
    padding: 2px;
    vertical-align: bottom;
}

div.grid table td.last {
    border-width: 1px 1px 0 0;
}

div.grid table td input[type=checkbox] {
    position: relative;
    top: 2px;
    margin: 0;
}

div.grid table td.align-center, div.grid table th.align-center {
    text-align: center;
}

div.grid table td.align-right, div.grid table th.align-right {
    text-align: right;
}

div.grid table th {
    background-color: #edf3fa;
    text-align: left;
    border-color: #B7B7B7;
    border-style: solid;
    border-width: 1px 1px 0 0;
    padding: 2px;
    font-size: 11px;
    vertical-align: top;
}

div.grid table th a {
    text-decoration: none;
    font-weight: normal;
    color: #000;
}

div.grid table th.selected a {
    color: maroon;
}

div.grid table tr:hover {
    background-color: #f0f0f0;
}

div.grid table th.title {
    padding-left: 2px;
    padding-right: 2px;
    background: -moz-linear-gradient(top, #F9F9F9, #eaeaea) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top, #F9F9F9, #eaeaea) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(top, #F9F9F9, #eaeaea) repeat scroll 0 0 transparent;
    background: linear-gradient(top, #F9F9F9, #eaeaea) repeat scroll 0 0 transparent;
    border-left-color: #EEE;
    border-right-color: #D0D0D0;
    vertical-align: middle;
}

div.grid table input[type=text] {
    font-size: 11px;
    height: 18px;
    -moz-box-shadow: none;
    padding: 1px;
    margin: 0;
    width: 100%;
}

div.grid table input[disabled="disabled"] {
    background-color: #e5e5e5;
    -moz-box-shadow: none;
    margin: 0;
}

div.grid table select {
    font-size: 11px;
    height: 18px;
    -moz-box-shadow: none;
    margin: 0;
    width: 100%;
}

div.grid table div.range-column-filter input.first-filter {
    margin-bottom: 2px !important;
}

div.grid table img {
    margin: 1px 1px 0;
}

/*cp tables */
div.grid table th div.sort_up {
    background: transparent url(/images/admin/sort_up.gif) no-repeat bottom left;
    height: 10px;
    width: 20px;
    float: right;
    padding-top: 4px;
}

div.grid table th div.sort_down {
    background: transparent url(/images/admin/sort_down.gif) no-repeat bottom left;
    height: 10px;
    width: 20px;
    float: right;
    padding-top: 4px;
}

div.grid div.mass-actions {
    margin-bottom: 2px;
    overflow: hidden;
}

div.grid div.mass-actions input {
    border-left: none;
    border-radius: 0 3px 0 0;
    height: 18px;
}

div.grid div.mass-actions select {
    border-right: none;
}

div.grid div.pager .prev{
    border-radius: 3px 0 0 3px;
    border-right: none;
    height: 18px;
}

div.grid div.pager .next{
    border-left: none;
    border-radius: 0  3px 3px 0;
    height: 18px;
}
.dataTables_filter
{
    float: right;
    font-size: 12px;
    margin: 5px;
}
.dataTables_length
{
    float: left;
    font-size: 12px;
    margin: 5px;
}
.fg-toolbar
{
    height: 35px;
}
#grid-data .even
{
    background: #b0a9b1 !important;
}
#grid-data.wo .even
{
    background: #ced3ff !important;
}
#grid-data
{
    width: 100% !important;
}
#grid-data td
{
    padding: 6px 0;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

#grid-data td.pdf-docs
{
    //width:78px !important;
}

.dataTables_info
{
   float: left;
   font-size: 12px;
   margin: 5px;
}
.dataTables_paginate
{
    float: right;
    font-size: 12px;
}
.fg-button
{
    display: block !important;
    float: left !important;
    margin: 6px 0    !important;
    padding: 4px !important;
}
.DataTables_sort_wrapper
{
    font-size: 12px;
}
.DataTables_sort_icon
{
    float: right;
}

.po-header
{
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #252d48;
    padding: 5px;
    width: 95%;
    margin: 0 auto;
}
.po-left.file
{
    vertical-align: middle;
}
.po-right
{
    font-size: 12px;
    font-weight: bold;
}
.po-right .row
{
    padding: 5px 0;
}
.ui-tabs-nav
{
    height: 30px;
}
.ui-tabs-nav li
{
    height: 28px;
    font-size: 12px;
}
.ui-tabs-nav .ui-state-active
{
    background: #B0A9B1 !important;
}
.required
{
    background: url('../images/icons/system/required.png') no-repeat right;
    padding-right: 13px;
    padding-top: 7px;
}
.total-label
{
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding-right: 20px;
}
.pdf
{
    background: url('../images/icons/system/pdf.png') no-repeat;
    height: 20px;
    width: 16px;
    display: block;
    margin: 0 5px;
    float: left;
}
.stl
{
    background: url('../images/icons/system/3d.png') no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    margin: 0 auto;
    margin: 0 5px;
    float: left;
}
.fileName
{
    font-size: 12px;
    font-weight: bold;
}
.uploadify-queue-item
{
    padding: 15px;
    border: 1px solid #252d48;
    border-radius: 8px;
    min-height: 30px;
}
.data
{
    font-size: 12px;
    font-weight: bold;
    color:#B8E834;
}
#grid-data tr
{
    height: 38px;
    vertical-align: middle;
}
.custom-status
{
    text-align: left !important;
}
.td-status
{
    width: 280px !important;
}
.status-handler
{
    cursor: pointer;
    border-bottom: 1px dashed;
}

.disabled
{
    color: red;
}

#current-status
{
    font-size: 16px;
    font-weight: bold;
    float: right;
    margin: 0 20px 0 0;
}
#current-status span{
	color:red;
}
#remember-me
{
    margin: 0 0 0 127px;
}
#login-login
{
    margin: 0 0 0 31px;
}

#swissmeda_pobundle_promotioncodetype_discount,
#swissmeda_pobundle_vattype_vat,
#swissmeda_pobundle_shipping_option_duration,
#swissmeda_pobundle_shipping_option_weight
{
    width: 50px;
}
.status-handler-close
{
    background: url('../images/icons/system/close_status.png') no-repeat center left;
    margin: -20px 0 0 280px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 999;
    position: absolute;
}
.status-changing-gif-block
{
    background: url('../images/icons/system/status_changing_gif.gif') no-repeat center left;
    margin: -20px 0 0 200px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    display: none;
}
table.po td.shipping-price-duration
{
    padding: 2px 8px;
}

table.po td.shipping-price-duration input
{
    margin: 0px 3px 0px 5px;
}

.view-implunts-number
{
    float: right;
}

table tr.view-printing
{
    display:none;
}

/* Translations */
.translations ul,
.translations li
{
    border-radius: 0;
}
.translations ul
{
    background: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.translations .tabs
{
    border-radius: 0px;
    border: none;
}
.translations table.po td
{
    padding: 0px 8px;
}
#promotion-code
{
    width: 70px;
}
.promotion-code-validate-message
{
    display: none;
    float: left;
}
.price-info
{
    float:left;
    font-size: 12px;
    font-weight: bold;
    padding-right: 20px;
    text-decoration: underline;
}
#help-icon
{
    background: url('../images/icons/system/question_icon.png') no-repeat center left;
    width: 16px;
    height: 16px;
    margin: 0 0 -4px 0;
}
.help-icon-view-po
{
    background: url('../images/icons/system/question_icon.png') no-repeat center left;
    width: 16px;
    height: 16px;
    margin: 0px 0 -4px 0;
    display: inline-block;
}

.info-icon{
    background: url('../images/icons/system/blue-info16x16.png') no-repeat;
    width: 16px;
    height: 16px;
}

#orders_invoices_period_form .info-icon{
    margin: -2px 2px;
}

.pdf-invoice,
.pdf-record,
.pdf-shippingNote,
.pdf-customerInstruction
{
    height: 20px;
    width: 16px;
    display: block;
    margin: 0 3px;
    float: left;
}
.hint-invoice,
.hint-record,
.hint-shippingNote,
.hint-customerInstruction
{
    height: 16px;
    width: 16px;
    display: block;
    margin: 0 5px;
}
.hint-text
{
    width: 140px;
    display: block;
    margin: -15px 0 0 40px;
    float: right;
    font-size: 12px;
    text-align: right;
}
.pdf-invoice,
.hint-invoice
{
    background: url('../images/icons/system/png-invoice.png') no-repeat;
}
.pdf-record,
.hint-record
{
    background: url('../images/icons/system/png-record.png') no-repeat;
}
.pdf-shippingNote,
.hint-shippingNote
{
    background: url('../images/icons/system/png-shipping-note.png') no-repeat;
}

.pdf-customerInstruction,
.hint-customerInstruction
{
    background: url('../images/icons/system/png-customerInstruction.png') no-repeat;
}

/*show hide blocks */

.click_show_hide
{
    cursor: pointer;
}
.show_hide_area
{
    display: none;
}

/*additional address*/
.additional-address,
#view-additinal-address
{
    display:none;
}
tr.additional-address td
{
    padding: 2px 8px !important;
}
#service-center-use-express
{
    display:none;
}
.admin-priority
{
    margin: 5px 0 0 0;
    color: #000;
}

.admin-purchase-order-edit
{
    margin: 7px 5px 0 0;
    cursor: pointer;
    background: url('../images/icons/system/edit.png') no-repeat center center;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
}
.admin-purchase-order-edit:hover {
    opacity: 50%;
}

.admin-delete-po-unlink-wo
{
    margin: 7px 5px 0 0;
    cursor: pointer;
    background: url('../images/icons/system/unlink.png') no-repeat center center;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
}
.admin-delete-po-unlink-wo:hover {
    opacity: 50%;
}

.admin-import-translations
{
    background: url('../images/icons/system/save_download.png') no-repeat;
    height: 32px;
    float: right;
    cursor: pointer;
    width: 32px;
    display: block;
    margin-top: -2px;
    padding-top: 4px;
}
.admin-export-translations
{
    background: url('../images/icons/system/upload.png') no-repeat;
    height: 32px;
    float: right;
    cursor: pointer;
    width: 32px;
    display: block;
    margin-top: -2px;
    padding-top: 4px;
}
#menu .loading_div{
	font-size: 15px;
	padding: 6px 0 4px 30px;
	background: url('../images/icons/system/loading.gif') no-repeat left ;
	margin-top: -8px;
}
#menu .loading_div.done{
	background: url('../images/icons/system/activate.png') no-repeat left ;
	padding:6px 0 2px 22px;
	margin-top: -6px;
}
#menu .loading_div.fail{
	background: none;
	color:red;
}

.ready_for_download_indicator{
	color:red;
	float: right;
	font-size: 30px;
	margin-top: -10px;
	height: 15px;
	cursor: pointer;
	padding-right: 7px;
	display:none;
}

#progressbar{
    position: relative;
	width: 350px;
	margin: auto;
	top: 150px;
}
.progress-label{
    position: absolute;
	left: 15px;;
	top: 6px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	color: black;
}
.row  label.currencies{
	margin-right: 15px;
}

.row .currencies input{
	vertical-align: top;
}

.row .currency_symbol{
	border-bottom: none;
	padding:0;
}
.admin-form td.so-pricies input[type="text"]
{
    width: 50px;
}

.po-list-currency{
	float:right;
	margin-right: 10px;
}

.admin-form .row div.label{
	font-size: 12px;
	font-weight: bold;
	display:inline-block;
	width:120px;
}

#multiCurrencyManagment table{
	width:100%;
	margin: 2px 0;
	font-size:14px;
}

#multiCurrencyManagment table td{
	vertical-align: middle;
	border:1px solid black;
	padding:5px 3px;
}

#multiCurrencyManagment table th{
	background:rgb(196, 202, 208);
	border:1px solid black;
	padding: 2px 0;
}
#multiCurrencyManagment table div.normal-label{
	padding-bottom: 17px;
}


#multiCurrencyManagment table td > div {
	display:inline-block;
	width:18%;
}
#multiCurrencyManagment table td input {
	width:30px;
	margin-bottom: 5px;
}

#multiCurrencyManagment .show-div,
#multiCurrencyManagment select
{
	cursor:pointer;
}
#multiCurrencyManagment .show-div,
#multiCurrencyManagment .hide
{
	padding: 5px;
	border: 2px solid;
	width: 100%;
}
#multiCurrencyManagment .show-div.sc,
#multiCurrencyManagment .hide.sc{
	background:#E8E8E8;
}

#multiCurrencyManagment .show-div.pc,
#multiCurrencyManagment .hide.pc{
	background:#E7EAFD;
}

#multiCurrencyManagment .show-div.so,
#multiCurrencyManagment .hide.so{
	background:#F4F4FF;
}
#multiCurrencyManagment .hide{
	border-top-width: 0px;
}

.loading-on-submit{
	display: inline-block;
	width: 50px;
	height: 25px;
	margin-bottom: -7px;
	background: url('../images/icons/system/loading.gif') no-repeat right;
	cursor: help;
}
input.error{
	background: rgb(255, 200, 200);
	border: 1px solid red;
}

.caret {
	cursor: pointer;
	display: inline-block;
	width: 0;
	height: 0;
	text-indent: -99999px;
	vertical-align: top;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid rgb(37, 45, 72);
	content: "\2193";
	float: right;
	margin-top: 3px;
	margin-right: 8px;
}
.caret.up{
	border-bottom: 8px solid rgb(37, 45, 72);
}

#multiCurrencyManagment .view-source{
	margin-bottom: 10px;
}

#multiCurrencyManagment  .entity-title{
	font-style: italic;
	color:blue;
	font-size: 15px;
	margin-top: 20px;
}

#multiCurrencyManagment .loading{
	margin: 30px auto 10px auto;
}
#multiCurrencyManagment .currency{
	margin-left: -6px;
	padding-bottom: 15px;
}

#multiCurrencyManagment .tooltip-handler{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 1px solid rgb(185, 181, 203);
	padding: 3px 3px 7px 8px;
	font-weight: bold;
	background: rgb(157, 157, 253);
	color: white;
}
#multiCurrencyManagment #currency{
	width: 100px;
}
#multiCurrencyManagment #loaded-content{
	padding-top: 0;
}

#error-log .link{
	cursor:pointer;
	color:red;
	text-decoration: underline;
}

#error-log .messages{
	font-size:12px;
	color:black;
}

li.admin-block-row.error{
	border: 2px solid red;
    padding: 6px 3px;
}
#swissmeda_pobundle_servicecentertype_printingCenter label.error,
.admin-form .row label.error
{
	border: 1px solid red;
}

.hide-disabled-items{
	text-align:right;
	margin-bottom:10px;
}

.hide-disabled-items span
{
	font-size:12px;
	text-decoration:underline;
	cursor:pointer;
}

.change-status-dialog.ui-widget, .change-status-alert.ui-widget{
    font-size:14px;
}
.change-status-dialog .ui-icon,
.change-status-alert .ui-icon{
    background-color: #343c55;
}

.change-status-dialog .ui-dialog .ui-dialog-content,
.change-status-alert .ui-dialog .ui-dialog-content
{
    margin-top: 15px;
}

.change-status-dialog.ui-widget .message b{
    font-weight: bold;
}

.change-status-dialog .ui-dialog-titlebar-close{
    visibility: hidden;
}

.ui-widget-overlay {
    opacity: .30 !important;
    filter: Alpha(Opacity=30) !important;
}

#grid-data tr td:nth-last-child(4) span{
	font-size:10px;
}

#grid-data tr td:nth-last-child(4) .DataTables_sort_wrapper{
	word-wrap: break-word;
	width: 75px;
}
#grid-data_processing{
	height: 100%;
	position: absolute;
	width: 100%;
	padding: 8px;
	text-align: center;
	background: rgba(174, 164, 164, 0.29);
	z-index: 100;
}

#grid-data .show-add-info,
#grid-data .show-wu,
#grid-data .show-express
{
	margin: 7px 5px 0 0;
	cursor: help;
	height: 16px;
	width: 16px;
	display: block;
    float: left;
}

#grid-data .show-add-info:hover,
#grid-data .show-wu:hover,
#grid-data .show-express:hover
{
    opacity: 50%;
}

#grid-data .show-add-info{
	background: url('../images/icons/system/info16x16.png');
}

#grid-data .show-express{
	background: url('../images/icons/system/express16x16.png');
}
#grid-data .show-wu{
    background: url('../images/icons/system/po-list/Letter-W-blue-icon.png');
    border-radius: 4px;
}

#grid-data .no-image,
#grid-data .no-image:hover
{
	background:none;
	cursor:default;
}

.tr-po-title{
	display: block;
	width: 250px;
	line-height: 1.3;
	float: left;
}
input[type='button']{
	cursor:pointer;
}

.qtip.sm-qtip-style{
	border-width:8px;
	border-radius:10px;
	padding:5px;
}

.qtip .qtip-content{
	text-align:left;
	font-size:14px;
	line-height: 1.1;
}

.qtip-delivery-date {
    max-width: 1000px !important;
}

.delivery-date-tooltip-table {
    table-layout: fixed;
    width: 100%;
}

.delivery-date-tooltip-table td {
    padding: 5px;
    font-size: 11px;
}

.delivery-date-tooltip-table tr:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.delivery-date-tooltip-table th {
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
}

.admin-form .settings .setting-group-title{
	text-decoration:underline;
}
.admin-form .settings input,
.admin-form .settings label{
	cursor:pointer;
}

.admin-form .settings .setting-group{
	padding: 5px 20px;
}
span.creator_add{
	padding-top: 5px;
  	display: inline-block;
  	word-break: break-all;
}

span.userSessionStatus{
	color:rgb(0, 200, 0);
	font-size: 18px;
}

.admin-form select[name="user_type"]{
	width:140px;
}

.admin-form .left-multiselect{
	float: left;
}

.admin-form .right-selects{
	float: right;
    width: 355px;
}

.admin-form .right-selects .buttons{
	float:left;
	margin: 16% 4% 0 1%;
}

.admin-form .right-selects .selects{
	float:left;
}

.user-services .titles{
  	text-align: center;
  	padding: 10px;
  	font-weight: bold;
}

.admin-form .user-type-row{
	height: 195px;
}

table.sc-documents th,
table.pc-documents th {
    font-size: 14px;
    padding-top: 5px;
    text-decoration: underline;
    padding-bottom: 3px;
}

table.sc-documents td,
table.pc-documents td {
    vertical-align: middle;
}

table.sc-documents input,
table.pc-documents input {
    margin: 6px 3px 0 3px;
}

table.sc-documents select,
table.pc-documents select,
table.sc-printing-centers select {
	padding: 0;
    border-radius: 0;
    width: initial;
    margin-top: 3px;
    cursor:pointer;
    margin-left: 5px;
}

table.sc-printing-centers {
    margin-top: 5px;
}

table.sc-printing-centers select {
    width: 300px;
}

table.sc-documents select.disabled,
table.pc-documents select.disabled{
	border:1px solid grey;
	color:grey;
}

#grid-data_filter label{
	position:relative;
}

#grid-data_filter input[type="button"]{
	width:55px;
}
span.search-reset{
	display: none;
    background: #D6D6D6;
    width: 15px;
    height: 15px;
    padding-left: 1px;
    text-align: center;
    color: white;
    font-size: 13px;
    cursor: pointer;
    position: absolute;
    right: 58px;
    top: -1px;
}
.admin-form.service-center-edit fieldset,
.admin-form.printing-center-edit fieldset
{
    padding: 5px;
    margin: 14px 45px 0 0;
    display: inline-block;
    border: 1px solid gray;
    border-radius: 5px;
}
.admin-form.service-center-edit fieldset legend,
.admin-form.printing-center-edit fieldset legend{
    padding: 0 3px;
    font-size: 11px;
    font-weight: bold;
}

#custom-queue-invoice{
    width: 80%;
    min-height: 35px;
}

.file-upload-progress{
    font-weight: normal;
    font-size: 14px;
    padding: 5px;
    position: relative;
}

.file-upload-progress .cancelButton{
    position: absolute;
    right: 10px;
    top: 7px;
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
}

.file-upload-progress .progressBar {
    background: #e4e4e4;
    height: 6px;
    margin: 4px 0;
}

.file-upload-progress .progressValue {
    height: 100%;
    width: 0.2%;
    background: #4bc56b;
}
.file-upload-progress .progressContainer{
    padding-right: 10%;
}

.file-upload-progress .fileTitle span{
    float:right;
}

.file-upload-progress .error{
    color: #ff3041;
}

.translatable-tabs.ui-tabs .ui-tabs-panel{
    padding: 2px 0 0;
}
.admin-form td .translatable-tabs input,
.admin-form td .translatable-tabs textarea {
    border-radius: 0;
    width: 96%;
    padding: 6px;
}

.admin-form .po-right textarea{
    width: 97%;
    padding: 6px;
}

.translatable-tabs.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.row .translatable-tabs input,
.row .translatable-tabs textarea
{
    width: 98%;
    border-radius: 0;
    font-size: 14px;
}


.admin-form td.po-left {
    vertical-align: middle;
}

#grid-data .ui-selectmenu{
    height: auto;
    min-height: 24px;
}

.initial-status, .passed-status, .current-status {
    background-repeat: no-repeat;
    background-position: left 5px top 3px;
}

.new-status {
    background-repeat: no-repeat;
    padding-left: 20px;
}

.initial-status {
    background-image:url(../images/icons/statuses/status-initial.png);
}

.ui-selectmenu-menu li.initial-status a {
    font-weight: bold;
}

.ui-selectmenu-menu li.current-status a {
    font-weight: bold;
}

.passed-status {
    background-image:url(../images/icons/statuses/status-passed.png);
}

.current-status {
    background-image:url(../images/icons/statuses/status-current.png);
}

.new-status {
    background-image:url(../images/icons/statuses/status-new.png);
    background-repeat: no-repeat;
    padding-left: 36px;
    padding-top: 10px;
}

.status-handler {
    display: inline-block;
    height: 16px;
}

.custom-status {
    width: 270px;
    text-indent: 15px;
}

.custom-status option {
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#grid-data .on-review{
    color: #ff9800;
    padding-top: 3px;
}

#grid-data .track-link{
    white-space: nowrap;
    font-weight: bold;
}
#grid-data .track-link > a.track{
    color:green;
    font-weight: normal;
}
#po-track-link-form {
    font-size: 14px;
}
#po-track-link-form .ok{
    display: none;
}
#po-track-link-form.edited .ok{
    display: inline;
}
#po-track-link-form label{
    width: 40px;
    display: inline-block;
}
#po-track-link-form #track-link{
    width: 507px;
}