body,
td,
th,
input,
select,
textarea {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 1.5em;
    margin: 0px 0px 20px 0px;
    padding: 0;
    line-height: 30px;
}

h2 {
    font-size: 1.3em;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

h3 {
    font-size: 1.1em;
    margin: 0px 0px 5px 0px;
    padding: 0;
}

input,
select,
textarea {
    padding: 2px 1px;
}

.disabled,
.readonly {
    border: 1px solid #ccc;
    background-color: #efefef;
    color: #666;
}

a img {
    border: none;
}

th {
    padding: 5px 3px;
    text-align: center;
}

td {
    padding: 3px;
    vertical-align: middle;
}

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

ul.table-list li {
    margin: 0;
    padding: 0;
}

ul.table-list li span {
    display: inline-block;
    margin: 1px;
    padding: 5px;
    background: #efefef;
}

label,
.pointer {
    cursor: pointer;
}

* html label {
    cursor: hand;
}

.boxer {
    background: #ccc;
    padding: 2px 4px;
}

table.tiny td {
    padding: 0;
    font-size: 10px;
}

#modal-form,
#modal-form-temp,
#modal-alert,
#modal-notification,
#modal-confirm {
    display: none;
}


/* Overlay */

#modal-overlay {
    background-color: #333;
    cursor: wait;
}


/* Container */

#modal-container {
    width: 420px;
    font-family: 'Trebuchet MS', Verdana, Arial;
    text-align: left;
}

#modal-container .header {
    height: 30px;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 30px;
}

#modal-container .header span {
    padding-left: 8px;
}

#modal-container .message {
    margin: 0;
    padding: 12px 8px;
    font-size: 1em;
}

#modal-container .buttons {
    margin: 0 0 10px 0;
}

#modal-container .buttons div {
    width: 70px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#modal-alert .buttons div {
    margin: 0 auto;
}

#modal-notification .buttons div {
    margin: 0 auto;
}

#modal-confirm .buttons div {
    float: right;
    margin: 0 10px 10px 0;
}

#modal-container a.modal-close,
#modal-container a.modal-close:link,
#modal-container a.modal-close:active,
#modal-container a.modal-close:visited {
    text-decoration: none;
    font-size: 1.1em;
    position: absolute;
    top: -1px;
    right: 10px;
    color: #ccc;
}

#modal-container a.modal-close:hover {
    color: #eee;
}

.comment,
.padding {
    padding: 10px;
}

.draw-table .su td {
    border-bottom: 1px solid #ccc;
}

.draw-table table.sticky-header {
    border-collapse: collapse;
}

.draw-table .warning {
    background: #ffb8ad !important;
}

.draw-table>.o>td.warning {
    background: #ffb8ad !important;
}

.draw-table>.e>td.warning {
    background: #ffb8ad !important;
}

form {
    margin: 0;
    padding: 0;
}

.iwbutton {
    /*INPUT WITH BUTTON CLASS*/
    padding: 4px 2px;
    margin-right: 5px;
}

.button {
    padding: 4px 20px;
    margin-right: 5px;
    font-weight: bold;
}

* html .button {
    padding: 4px 0px;
}

div.small .button {
    padding: 2px;
    margin-right: 0;
    font-weight: normal;
}

.tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 13px;
    z-index: 3;
    text-align: center;
    display: none;
}

.qtip-content {
    margin: 0;
    padding: 3px;
    color: #000;
    background: #fff;
    text-align: center;
}

.smallText {
    font-size: 10px;
}

.red-bright {
    color: #f00;
}

.red {
    color: #900;
}

.blue {
    color: #009;
}

.yellow {
    color: #cccc00;
}

.green {
    color: #090;
}

.orange {
    color: #ff8c00;
}

.pink {
    color: #ff1493;
}

.white {
    color: #ffffff;
}

.bold {
    font-weight: bold;
}

.hide {
    display: none;
}

.showBlock {
    display: block;
}

.cb {
    width: 30px;
}

a:hover.button {
    text-decoration: none;
}

a.icon-button img {
    border: 1px outset #666;
}

a:hover.icon-button img {
    border: 1px inset #666;
}

.icon-20 {
    width: 20px;
    height: 20px;
}

.print-button {
    position: absolute;
    margin-left: 720px;
}

.title {
    font-weight: bold;
    font-size: 14px;
}

h1#loginwelcome {
    font-size: 3em;
    margin: 20px;
    text-align: center;
}

#loginbox {
    width: 300px;
    margin: 50px auto;
    padding: 20px;
    text-align: center;
}


/*
    margin: 0 10px;
    text-align: center;
    display: inline-block;
    width: 300px;
    padding: 20px;
*/

#logo-options {
    position: absolute;
    top: 70px;
    left: 20px;
    z-index: 201;
    padding: 10px 20px 10px 10px;
    background: #ffffff;
    border: 2px solid #ff5000;
}

#server-options {
    position: absolute;
    top: 70px;
    right: 70px;
    z-index: 201;
    width: 180px;
    padding: 10px 20px;
    background: #efefef;
    border: 2px solid #333333;
    text-align: right;
    font-size: 1.2em;
    line-height: 1.5em;
}

#top_container {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    height: 60px;
    z-index: 1;
    background: #ffffff;
}

#top_container div {
    position: absolute;
}

#top_left_container {
    left: 0;
}

#top_right_container {
    right: 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}

#top_menu {
    height: 30px;
    line-height: 30px;
    position: absolute;
    z-index: 199;
    top: 80px;
    left: 20px;
    right: 20px;
    border-bottom: 4px solid #fff;
}

#top_menu a {
    display: block;
    float: left;
    padding: 0 20px;
}

.submenu {
    position: absolute;
    display: block;
    min-width: 200px;
    z-index: 200;
}

.submenu .header {
    padding: 2px 10px;
    margin-top: 5px;
    font-weight: bold;
}

.submenu a {
    display: block;
    padding: 2px 10px;
}

#top_menu a.menu_icon {
    width: 20px;
    height: 20px;
    margin: 5px;
    background-position: bottom;
    background-repeat: no-repeat;
}

#top_menu a.menu_icon:hover {
    background-position: top;
    background-color: inherit;
}

.icon_eye_act {
    background: url('../images/icon-eye.png') no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    background-position: top;
}

.icon_eye_dis {
    background: url('../images/icon-eye.png') no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    background-position: bottom;
}

a#icon-notifications.hasNew:link {
    background: url(images/icon-notifications.png) 0 40px;
    border: none;
}

a#icon-notifications.hasSelected:link {
    background: #efefef url(images/icon-notifications.png) 0 0;
    border-bottom: solid 3px #efefef;
}

#total-notifications-new {
    float: left;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    padding: 2px;
    margin: 0;
    font-size: 10px;
    line-height: 1em;
    background: #f00;
    color: #fff;
    position: relative;
    top: 10px;
    right: -8px;
}

#my-notifications a {
    text-decoration: none;
}

#my-notifications .ui-icon-trash {
    float: right;
    cursor: pointer;
}

#sm_notifications {
    position: absolute;
    top: 110px;
    right: 20px;
    z-index: 200;
    border: solid 1px #999;
    border-top: none;
    background: #f8f8f8;
}

#sm_notifications #nots-list {
    width: 450px;
}

#sm_notifications a {
    display: block;
    text-decoration: none;
}

#sm_notifications a.notifications:hover {
    color: #000;
}

#sm_right {
    right: 20px;
}

#nots-header {
    padding: 8px 5px 5px 5px;
    border-bottom: solid 1px #999;
    background: #efefef;
}

#nots-header h3 {
    margin: 0;
}

#btn-see-all-notifications {
    padding: 10px;
    border-top: 1px solid #999;
    border-bottom: solid 2px #000;
    text-align: center;
    font-weight: bold;
    color: #000;
}

.notifications {
    padding: 5px;
    min-height: 50px;
    border-bottom: solid 1px #efefef;
    background-color: #fff;
    color: #000;
}

.notifications.isNew {
    background: #c5d5e4;
}

.notifications.isNFB {
    background: #fffe92;
    color: #f00;
}

.notifications .smallText {
    margin-top: 3px;
}

.notifications a {
    color: inherit;
}

.notifications-bg-grey {
    background: url(images/wbg.gif) repeat;
}

#content_topmenu {
    padding: 140px 20px 33px 20px;
}

#content_nomenu {
    padding: 10px;
}

#content {
    padding: 10px 0 0 200px;
}

#content h1 {
    margin-top: 0;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.hl_yellow {
    background-color: #ffff00;
}

.hl_green {
    background-color: #00ff00;
}

.hl_green_dark {
    background-color: #090;
}

.hl_blue_dark {
    background-color: #009;
}

.hl_red {
    background-color: #ff0000;
}

.hl_red_dark {
    background-color: #900
}

.deleted {
    text-decoration: line-through;
}

.pagelink,
.filteroption {
    padding: 5px;
}

.homewin {
    clear: right;
    margin-bottom: 20px;
}

img.img-border {
    border: 1px solid #ccc;
}

img.img-status-ok {
    border-left: 5px solid #090;
}

img.img-status-content-generated {
    border-left: 5px solid #ffee02;
}

img.img-status-product-ready-generate {
    border-left: 5px solid #faa51b;
}

img.img-status-bad {
    border-left: 5px solid #900;
}

img.img-padding {
    padding: 5px;
}

.buttons {
    clear: both;
    padding-top: 20px;
    text-align: right;
}

.buttons-top {
    margin-bottom: 10px;
}

.buttons-left {
    text-align: left;
    margin-top: 20px;
}

input.date_picker,
input.time {
    width: 80px;
    text-align: center;
}

input.number {
    width: 60px;
    text-align: right;
}

.w010 {
    width: 10px;
}

.w015 {
    width: 15px;
}

.w016 {
    width: 16px;
}

.w017 {
    width: 17px;
}

.w020 {
    width: 20px;
}

.w030 {
    width: 30px;
}

.w040 {
    width: 40px;
}

.w050 {
    width: 50px;
}

.w060 {
    width: 60px;
}

.w080 {
    width: 80px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w450 {
    width: 450px;
}

.w500 {
    width: 500px;
}

.w550 {
    width: 550px;
}

.w600 {
    width: 600px;
}

.w650 {
    width: 650px;
}

.w700 {
    width: 700px;
}

.w750 {
    width: 750px;
}

.w800 {
    width: 800px;
}

.w900 {
    width: 900px;
}

.h01 {
    height: 10px;
}

.h05 {
    height: 15px;
}

.h010 {
    height: 10px;
}

.h015 {
    height: 15px;
}

.h016 {
    height: 16px;
}

.h017 {
    height: 17px;
}

.h020 {
    height: 20px;
}

.h030 {
    height: 30px;
}

tr>.action {
    padding: 2px 10px;
}

tr>.id,
tr>.sort,
tr>.qty {
    width: 40px;
    text-align: center;
}

tr>.name,
tr>.customers,
tr>.nick,
tr>.city,
.input {
    width: 200px;
}

tr>.email {
    width: 250px;
}

tr>.product,
tr>.task,
.input2 {
    width: 350px;
}

tr>.product-long,
tr>.desc {
    width: 450px;
}

tr>.countpro,
tr>.long_id,
tr>.date {
    width: 80px;
    text-align: center;
}

tr>.date_add,
tr>.login,
tr>.source {
    width: 150px;
    text-align: center;
}

tr>.active {
    width: 50px;
    text-align: center;
}

tr>.status {
    width: 60px;
}

tr>.logo {
    padding: 10px 20px;
    text-align: center;
}

tr>.orders_count,
tr>.percent,
tr>.owner {
    width: 60px;
    text-align: center;
}

table.main small,
table.main .info,
.notice,
table.notice td {
    color: #999;
}

#dashboard ul.table-list li span {
    font-size: 0.9em;
}

#db-block-sales ul.table-list li:first-of-type span {
    font-size: 1.2em;
    background: #A1CD3A;
}

#db-block-grossprofit ul.table-list li:first-of-type span {
    font-size: 1.2em;
    background: #FBAD18;
}

#db-block-sales ul.table-list li span.label,
#db-block-grossprofit ul.table-list li span.label {
    width: 100px;
}

#db-block-sales ul.table-list li span.value,
#db-block-grossprofit ul.table-list li span.value {
    width: 130px;
    text-align: right;
}

#db-block-bestseller ul.table-list li {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#db-block-bestseller ul.table-list li span.label {
    background: #ffffff;
}

#db-block-bestseller ul.table-list li span.value {
    border-radius: 50%;
    width: 35px;
    line-height: 35px;
    padding: 15px;
    background: #00B3EA;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.main_center td {
    vertical-align: middle
}

.main_center tr>.o,
.main_center tr>.e,
.main_center tr>.a {
    width: 140px;
    text-align: center;
}

table.spo.sticky-tablehead.main_center.sticky-table>tbody>tr>td {
    padding-left: 10px;
    padding-right: 10px;
}

.orders tr>.last_update,
tr>.date_report,
.orders tr>.report_date,
tr>.orders_date,
.orders tr>.invoices_date,
.orders tr>.products,
.cust tr>.prod,
.cust tr>.draft,
tr>.orders_id,
.orders tr>.invoices_id,
.neworders tr>.products {
    width: 100px;
    text-align: center;
}

tr>.image,
tr>.model,
tr>.since,
tr>.share,
tr>.instock {
    width: 120px;
    text-align: center;
}

tr>.price,
tr>.price2,
tr>.price3,
tr>.commission {
    text-align: right;
}

.cart tr>.price {
    width: 50px;
    padding: 2px 10px;
}

tr>.status,
tr>.paid {
    width: 150px;
    text-align: center;
}

table.nopad td {
    padding: 0 5px 0 0;
}

table.form,
.form td {
    border: none;
}

.form td {
    vertical-align: middle;
}

.form tr>.label {
    width: 150px;
}

.form tr>.field {
    width: 300px;
}

.form tr>.r {
    text-align: right;
}

tr>.action,
tr>.act,
.cust tr>.id {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.summary td,
.cust tr>.count,
.orders tr>.amt,
.orders tr>.amount,
.neworders tr>.amt {
    width: 100px;
    text-align: right;
    padding-right: 10px;
    vertical-align: middle;
}

.summary tr>.date {
    text-align: center;
    padding: 0;
}

.summary2 td {
    width: 100px;
    text-align: left;
    padding-right: 10px;
    vertical-align: middle;
}

.summary2 .right {
    text-align: right;
}

.summary2 tr>.date {
    text-align: center;
    padding: 0;
}

.cust tr>.regdate {
    width: 150px;
    text-align: center;
}


/*
.orders tr > .orders_id {
	width: 90px;
	padding-right:14px;
	text-align: right;
}
*/

.neworders td {
    vertical-align: middle;
}

.neworders tr>.date,
.orders tr>.date {
    width: 120px;
}

.orders tr>.delivery_to,
.orders tr>.status {
    width: 200px;
}

.orders tr>.package,
.orders tr>.payment_method,
.orders tr>.paid_status {
    width: 100px;
    text-align: center;
}

.order-buttons {
    margin-top: -34px;
    margin-bottom: 10px;
    text-align: right;
    width: 939px;
}

.order-top {
    margin-bottom: 10px;
}

.order-top-1 {
    width: 298px;
}

* html .order-top-1 {
    width: 300px;
}

.order-detail th,
.order-info th {
    color: #fff;
    background: #333;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.order-info td {
    padding: 2px 0;
}

.order-top-3,
.order-top-4 {
    padding-left: 10px;
}

.order-address {
    width: 200px;
    padding: 10px 0px 20px 0px;
}

.order-address h3,
.order-address div {
    padding: 0px 10px;
}

.order-address a {
    float: right;
    margin-right: 10px;
}

.edit-address {
    border: 1px solid #efefef;
    padding: 10px 20px 10px 10px;
    float: left;
    margin-right: 20px;
}

.edit-address td {
    vertical-align: middle;
}

.edit-address .l {
    width: 100px;
}

.edit-address input {
    width: 200px;
}

.order_products {
    margin-bottom: 10px;
}

.order_products th,
.order_products td {
    height: 21px;
    vertical-align: middle;
    padding: 0px 10px;
}

.order_products tr>.price,
.order_products tr>.price2 {
    width: 110px;
}

.order_products tr>.nick {
    text-align: center;
}

.order_products tr>.qty {
    text-align: right;
}

.order_products .action {
    width: 46px;
}

.order_products .model {
    width: 120px;
}

.order_products .name {
    text-align: left;
    width: 386px;
}

.order_products tr>.products_quantity {
    text-align: center;
    width: 40px;
}

.order_products th.final_price_piece,
.order_products tr>.final_price_piece,
.order_products th.final_price_total,
.order_products tr>.final_price_total {
    width: 110px;
    text-align: right;
}

.order_products tr>.return_date {
    width: 80px;
    text-align: center;
}

.order_products tr>.return_req {
    width: 148px;
    text-align: center;
}

.order_products.canceled td {
    color: #666;
}

.order-total tr>.text {
    text-align: right;
    width: 180px;
}

.order-total tr>.price {
    width: 80px;
}

.order-col-left {
    float: left;
}

.order_comment td {
    width: 440px;
    padding: 10px;
}

table.order-gift {
    border: none;
}

tr>.order-gift-col-1 {
    width: 120px;
    padding: 10px;
}

tr>.order-gift-col-2 {
    width: 295px;
    padding: 10px;
}

tr>.order-gift-col-3 {
    width: 436px;
    padding: 10px;
}

.order_history .invoice_generate_status_name,
.order_history .osn {
    width: 300px;
    padding-left: 10px;
}

.order_history .da {
    width: 144px;
    text-align: center;
}

.order_history td {
    padding: 2px;
}

.order_history div {
    padding: 2px;
}

.order_status_form {
    display: block;
    width: 442px;
    padding: 9px 10px;
    background: #fcc;
}

.order-paid-status {
    margin-top: 10px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

.order-paid-status.unpaid {
    border: 2px solid #900;
    color: #900;
    background: #fcc;
}

.order-paid-status.paid {
    border: 2px solid #090;
    color: #090;
    background: #cfc;
}

.order-col-right {
    margin-left: 482px;
}

.opp tr>.product {
    width: 120px;
}

tr>.problem {
    width: 200px;
    padding-right: 20px;
}

.op-return td {
    height: 23px;
    vertical-align: middle;
}

.op-return tr>.num {
    text-align: center;
}

.op-return tr>.code {
    width: 100px
}

.op-return tr>.date {
    width: 150px;
    text-align: center;
}

.op-return tr>.name {
    width: 400px
}

.op-return tr>.num input,
.op-return tr>.qty {
    width: 40px;
    text-align: center;
}

.op-return tr>.price,
.op-return tr>.total {
    width: 80px;
    text-align: right;
    padding-right: 10px;
}

.op-return tr>.status {
    width: 250px;
}

.voucher-info .l {
    width: 160px;
}

.voucher-info .r {
    width: 290px;
}

.invoice_generate td {
    vertical-align: middle;
}

.invoice_generate tr>.customers {
    width: 160px;
}

.invoice_generate tr>.delivery_to {
    width: 150px;
}

.invoice_generate tr>.payment_method {
    width: 70px;
    text-align: center;
}

.invoice_generate tr>.status {
    width: 200px;
}

.packages tr>.awb_no,
.packages tr>.pac_code,
.invoices tr>.inv_code {
    width: 130px;
    text-align: left;
    padding-left: 20px;
}

.invoices tr>.products {
    width: 120px;
    text-align: center;
}

.invoices tr>.price {
    padding-right: 14px;
    width: 160px;
}

.packages tr>.log_part {
    width: 300px;
}

.packages tr>.sen_date,
.packages tr>.rec_date {
    text-align: center;
    width: 120px;
}

.packages tr>.price {
    width: 80px;
    padding-right: 10px;
}

.packages tr>.status {
    text-align: center;
    width: 48px;
}

.packages tr>.use_coo_status {
    text-align: center;
    width: 120px;
}

.packages tr>.logistic_status {
    text-align: center;
    width: 200px;
}

.packages tr>.is_active {
    text-align: center;
    width: 120px;
}

.nl1 td,
.nl2 td,
.nl3 td {
    vertical-align: middle;
}

.nl1 tr>.order_id {
    width: 100px;
}

.nl1 tr>.order_date {
    width: 120px;
}

.nl1 tr>.cust_name {
    width: 200px;
}

.nl1 tr>.cust_email {
    width: 200px;
}

.nl3 tr>.customer_name {
    width: 200px;
}

.nl3 tr>.customer_email {
    width: 200px;
}

.nl3 tr>.total_qty {
    width: 60px;
    text-align: center;
}

.nl3 tr>.total_pri {
    width: 100px;
    text-align: right;
}

.nl3 tr>.total_com {
    width: 100px;
    text-align: right;
}

table.com {
    margin-top: 10px;
}

table.com tr>.price,
table.com tr>.commission {
    width: 100px;
}

.package_orders td {
    vertical-align: middle;
}

.package_orders tr>.date,
.package_orders tr>.action,
.package_orders tr>.order_id {
    width: 100px;
    text-align: center;
}

.package_orders tr>.q input {
    width: 30px;
    text-align: center;
}

.package_orders tr>.count {
    width: 50px;
    text-align: center;
}

.package_orders tr>.qty {
    width: 50px;
    text-align: right;
}

.package_orders tr>.product {
    padding-left: 10px;
    width: 120px;
}

.package_orders tr>.price {
    width: 100px;
    padding-right: 20px;
}

.package_orders tr>.customer {
    width: 200px;
}

.package_orders tr>.product_id {
    width: 200px;
    text-align: center;
}

.package_orders tr>.status {
    width: 130px;
    text-align: center;
}

.package_orders tr>.delivery {
    width: 400px;
}

.messagebox {
    margin-bottom: 20px;
}

.messagebox div {
    padding: 5px;
}

.messagebox td {
    vertical-align: middle;
}

.messagebox td.icon {
    width: 20px;
}

.comission_form {
    display: block;
    background-color: #efefef;
    border: 1px solid #ccc;
    padding: 10px;
}

.package td {
    vertical-align: middle;
}

.invoice-page {
    page-break-after: always
}

.invoice-page,
.invoice-page th,
.invoice-page td {
    font-size: 10px;
}

.invoice-page .row {
    margin-bottom: 40px;
}

.invoice-page .invoice-address,
.invoice-page .delivery-address,
.invoice-page .deliverynote-address {
    border: 1px solid #ccc;
    padding: 10px;
    width: 200px;
    height: 80px;
}

.invoice-page .invoice-address {
    float: left;
}

.invoice-page .delivery-address {
    margin-left: 300px;
}

.invoice-page .address-head {
    color: #666;
}

.invoice-products-table {
    margin-top: 10px;
}

.invoice-products-table th,
.deliverynote-products-table th {
    color: inherit;
    background-color: inherit;
    font-weight: bold;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

.invoice-products-table .qty {
    width: 40px;
    text-align: center;
}

.invoice-products-table .promod {
    width: 100px;
}

.invoice-products-table .proname {
    width: 305px;
}

.invoice-products-table .price {
    width: 100px;
}

.invoice-products-table .vat {
    width: 60px;
    text-align: right;
}

.deliverynote-products-table .qty {
    width: 60px;
    text-align: center;
}

.deliverynote-products-table .promod {
    width: 200px;
}

.deliverynote-products-table .proname {
    width: 400px;
}

.invoice-total {
    margin: 10px 0px 10px 0px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
}

.invoice-total tr>.box {
    width: 210px;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
}

.invoice-payment {
    font-weight: bold;
}

#press-release .desc-content input {
    width: 500px;
}

#press-release .desc-content textarea {
    width: 500px;
    height: 250px;
}

#press-release .desc-head,
#press-release .desc-content {
    padding: 10px;
    border: 1px solid #999;
    background-color: #efefef;
}

#press-release .desc-head {
    background-color: #999;
}

#press-release .desc-tab {
    margin-bottom: 4px;
}

#press-release .desc-tab a {
    padding: 5px 20px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
}

#press-release .desc-tab .tab-focus {
    color: #000;
    background-color: #efefef;
}

#press-release .desc-tab .tab-blur {
    color: #ccc;
    background-color: #999;
}

.prs tr>.action {
    width: 100px;
}

.prs tr>.prs_id {
    width: 50px;
    text-align: center;
}

.prs tr>.prs_mt {
    width: 300px;
}

.press_status td {
    vertical-align: middle;
}

.press_status tr>.email {
    width: 300px;
}

.press_status tr>.name {
    width: 300px;
}

.ambassador td {
    vertical-align: middle;
}

.ambassador tr>.bi {
    width: 250px;
}

.ambassador tr>.ambas,
.ambassador tr>.name {
    width: 150px;
}

.ambassador tr>.pro,
.ambassador tr>.type,
.ambassador tr>.s,
.ambassador tr>.down,
.ambassador tr>.cust,
.ambassador tr>.bought {
    width: 80px;
    text-align: center;
}

.ambassador tr>.date {
    width: 100px;
    text-align: center;
}

.ambassador tr>.oa,
.ambassador tr>.com {
    width: 90px;
    text-align: right;
    padding-right: 10px;
}

.styles td,
.products-selected td {
    vertical-align: middle;
}

.products-selected tr>.view,
.products-selected tr>.id {
    width: 60px;
    text-align: center;
}

.products-selected tr>.name {
    width: 400px;
}

.products-selected tr>.dur {
    width: 180px;
    text-align: right;
    padding-right: 10px;
}

a.dl-icon {
    margin-right: 10px;
    width: 30px;
    height: 25px;
    display: block;
    float: left;
    background: -48px 0px url(images/icon-download.png) no-repeat;
}

a:hover.dl-icon {
    background-position: 2px 0px;
}

a.dl-text {
    width: 300px;
    padding: 6px;
    line-height: 13px;
    display: block;
    margin-bottom: 10px;
}

table.uppernotes,
.uppernotes th,
.uppernotes td {
    border: none;
    color: #f00;
}

.uppernotes .r {
    width: 120px;
    text-align: left;
}

.uppernotes .c,
.uppernotes .d {
    width: 30px;
    text-align: center;
}

.uppernotes th {
    color: inherit;
    background: inherit;
}

ul.am,
ul.am li {
    line-height: 20px;
    margin: 0;
    padding: 0;
}

ul.am li {
    margin-left: 51px;
}

ul.am li.l0 {
    list-style-type: none;
    margin: 0;
}

ul.am li.l1 {
    list-style-type: square;
}

ul.am li.l2 {
    list-style-type: disc;
}

ul.am li.l3 {
    list-style-type: circle;
}

ul.am li.l4 {
    list-style-type: none;
}

.amb-orders tr>.id {
    width: 30px;
}

.amb-orders tr>.n {
    width: 200px;
}

.amb-orders tr>.oa,
.amb-orders tr>.cp,
.amb-orders tr>.cv {
    width: 80px;
    text-align: right;
    padding-right: 20px;
}

.bp td {
    vertical-align: middle;
}

.bp tr>.company {
    font-weight: bold;
}

.bp tr>.name,
.bp tr>.company {
    width: 150px;
}

.bp tr>.date {
    text-align: center;
}

.bp tr>.lo,
.bp tr>.to {
    width: 100px;
    text-align: right;
}

.report-links {
    font-weight: bold;
    margin: 10px 20px;
}

.report-links-info {
    font-weight: normal;
}

.reports tr>.period {
    width: 70px;
    text-align: right;
    padding-right: 15px;
}

.reports tr>.total,
.reports tr>.or1,
.reports tr>.or2,
.reports tr>.or3,
.reports tr>.or4 {
    width: 120px;
    text-align: right;
    padding-right: 20px;
}

.reports tr>.id {
    width: 40px;
    text-align: center;
}

.reports tr>.date {
    width: 100px;
    text-align: center;
}

.reports tr>.perc,
.reports tr>.price,
.reports tr>.draft {
    width: 120px;
    text-align: right;
    padding-right: 10px;
}

.reports tr>.count {
    width: 50px;
    text-align: right;
    padding-right: 5px;
    border-right: none;
}

.reports th.count {
    border-right: none;
}

.reports tr>.unit {
    width: 100px;
}

.total {
    margin: 20px 0px;
    font-weight: bold;
}

.promoboxes tr>.no {
    width: 40px;
    text-align: center;
}

.promoboxes tr>.id {
    width: 120px;
    text-align: left;
}

.promoboxes tr>.info {
    width: 350px;
}

.promoboxes tr>.is_active,
.promoboxes tr>.is_priority {
    width: 100px;
    text-align: center;
}

.burda_products td {
    vertical-align: middle;
}

.burda_products tr>.product {
    width: 400px;
    padding-left: 20px;
}

.cdet tr>.l {
    width: 130px;
}

.cdet .text {
    width: 250px;
}

.cdet .address,
.cdet .def-address {
    float: left;
    border: 1px solid #ccc;
    padding: 10px 20px 10px 10px;
    margin-bottom: 10px;
}

.cdet .def-address {
    background: #efefef;
}

.vouchers tr>.fs,
.vouchers tr>.upc,
.vouchers tr>.upu,
.vouchers tr>.c_red,
.vouchers tr>.c_ord {
    width: 40px;
    text-align: center;
}

.vouchers tr>.status,
.vouchers tr>.amt {
    width: 60px;
    text-align: right;
}

table.stat {
    border: 1px solid #666;
    width: auto;
}

.stat td,
.stat th {
    font-size: 12px;
    background: #efefff;
    vertical-align: middle;
}

.stat th {
    background: #336699;
    padding: 5px;
}

tr.stat-head td {
    background: #ccccff;
    border-top: 1px solid #666;
}

tr>.stat-label {
    width: 300px;
    padding: 5px 10px 5px 5px;
}

tr>.stat-unit {
    text-align: center;
    font-size: 11px;
}

tr>.stat-value {
    padding: 5px 10px;
    text-align: right;
}

tr>.stat-value .percent {
    font-size: 10px;
}

tr>.stat-total {
    padding: 5px 10px;
    font-weight: bold;
}

tr>.stat-ratio {
    text-align: right;
}

tr>.stat-title {
    font-weight: bold;
}

tr>.stat-subtitle {
    padding-left: 10px;
}

tr>.stat-subinfo {
    padding-left: 21px;
}

tr>.stat-sep {
    border-top: 1px solid #ccc;
}

tr>.stat-hilite {
    background: #9999ff;
}

.landp {
    float: left;
    border: 1px solid #ccc;
    margin-right: 20px;
}

.landp h3 {
    background: #ccc;
    padding: 5px 10px;
    margin: 0;
}

.landp-link {
    padding: 5px 10px;
    width: 200px;
}

.box,
.float-box {
    border: 1px solid #ccc;
    background: #efefef;
}

.box {
    padding: 10px;
}

.float-box {
    float: left;
    padding: 20px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.sp_cat td {
    text-align: center;
    vertical-align: middle;
}

.sp_cat tr>.img {
    padding: 5px;
}

.sp_cat tr>.s_data,
.sp_cat tr>.s_img,
.sp_cat tr>.stock,
.sp_cat tr>.min {
    width: 200px;
}

.pro-title {
    margin: 0;
    background: #666;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.pro-content {
    margin: 5px;
}

.pro-detail {
    clear: both;
    background: #efefef;
    border: 1px solid #666;
    margin-bottom: 20px;
    padding: 10px 0 10px 10px;
}

.pro-thumb {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    float: left;
    margin: 0px 10px 10px 0px;
    text-align: center;
}

.pro-thumb .text {
    margin-top: 5px;
}

.pro-button {
    clear: both;
    margin-top: 10px;
    text-align: right;
}

.elstock {
    clear: both;
}

.elstock th,
.elstock td,
.proman th,
.proman td {
    text-align: center;
    vertical-align: middle;
}

.elstock tr>.r {
    width: 110px;
}

.proman td {
    width: 50px;
}

.proman tr>.name {
    width: 200px;
}

.proman tr>.info,
.proman tr>.info2 {
    width: 150px;
}

.proman tr>.load {
    text-align: left;
}

.proman tr>.w100,
.proman tr>.pri,
.proman tr>.pri2,
tr>.pri3 {
    width: 100px;
}

.proman tr>.desc {
    width: 400px;
    text-align: left;
}

.proman input {
    text-align: center;
}

.prolinks td {
    vertical-align: middle;
}

.prolinks td div.red {
    text-align: center;
}

.prolinks tr>.cl-c {
    width: 510px;
}

.prolinks tr>.cl-u {
    width: 100px;
}

.prolinks tr>.cl-d {
    width: 100px;
}

.prolinks tr>.cl-a {
    width: 100px;
}

.analysis td {
    width: 110px;
    padding: 5px;
    text-align: right;
}

.analysis tr>.label-l {
    text-align: left;
}

.analysis tr>.label-c {
    text-align: center;
}

.spo td {
    vertical-align: middle;
}

.spo tr>.sp,
.spo tr>.d,
.spo tr>.d2,
.spo tr>.d3,
.spo tr>.qs {
    width: 80px;
    text-align: center;
}

.spo tr>.l {
    width: 40px;
    text-align: center;
}

.spo tr>.r,
.spo tr>.id1,
.spo tr>.id2,
.spo tr>.id3 {
    width: 120px;
    text-align: center;
}

.spo tr>.c {
    width: 200px;
}

.spo tr>.i {
    width: 300px;
}

.spo tr>.o,
.spo tr>.e,
.spo tr>.a {
    width: 140px;
    text-align: center;
}

.spo tr>.p,
.spo tr>.p1,
.spo tr>.p2,
.spo tr>.p3,
.spo tr>.b {
    width: 50px;
    text-align: right;
    padding-right: 10px;
}

.spo tr>.q,
.spo tr>.s,
.spo tr>.g,
.spo tr>.m,
.spo tr>.dev {
    width: 50px;
    text-align: center;
}

.spo tr>.t,
.spo tr>.t2 {
    width: 180px;
    text-align: center;
}

.spo input.bl {
    width: 100px;
    text-align: left;
}

#selpack {
    font-weight: bold;
    font-size: 14px;
}

.elsup td {
    text-align: center;
    vertical-align: middle;
}

#osearch_result,
#osearch_loading {
    padding: 20px 0px;
}

.dti_filter .title {
    vertical-align: middle;
    padding-right: 20px;
    font-weight: bold;
    font-size: 12px;
}

.dti_filter th {
    background: inherit;
    color: #000;
    font-weight: normal;
    font-size: 10px;
    padding: 0;
}

.dti_filter td {
    padding: 0 5px;
}

.dti_filter .date_picker {
    width: 80px;
    text-align: center;
}

.dti_filter #apply_filter {
    padding-left: 10px;
    display: none;
}

.dti-com tr>.price,
.dti-com tr>.commission {
    width: 100px;
}

.dti-com tr>.vat {
    width: 50px;
    text-align: center;
}

.dti-com tr>.percent,
.dti-com tr>.prov_child,
.dti-com tr>.prov_parent {
    width: 50px;
    text-align: center;
    font-size: 10px;
}

.dti-com tr>.com_child,
.dti-com tr>.com_parent,
.dti-com tr>.com_total {
    width: 100px;
    text-align: right;
}

label.brand-sel {
    border-bottom: 2px solid #090;
}

.el-used td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

#package-tip-header {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

#package-get-to-add {
    font-size: 20px;
    font-weight: bold;
}

#package-tip-status {
    display: none;
    text-align: center;
    margin-bottom: 20px;
    padding: 20px 0;
    background: #efefef;
    border-bottom: 2px solid #666;
}

.package-tip {
    font-weight: bold;
    font-size: 50px;
    text-align: center;
}

.package-tip-info {
    text-align: center;
    font-size: 14px;
}

table.full-border {
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

table.full-border th,
table.full-border td {
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}

table.full-border tr>.bold {
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

table.proact td {
    width: 100px;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
}

table.proact .price-old {
    text-decoration: line-through;
    color: #900;
}

#showopt {
    margin-top: 10px;
}

#showopt div {
    cursor: pointer;
    float: left;
    margin-right: 20px;
    color: #009;
}

div.rack {
    min-width: 290px;
    float: left;
    margin: 0 10px 10px 0;
    padding: 2px;
    background: #ccc;
}

div.rack .rack-icons {
    float: right;
    margin: 1px 1px 0 0;
}

div.rack .rack-action-row {
    float: left;
    margin: 0 0 0 2px;
    background-color: #fff;
}

div.rack .rack-action-box {
    float: left;
    margin: 0 0 0 2px;
}

div.rack h3,
div.rack .removing {
    margin: 0 0 4px 0;
    padding-left: 20px;
    line-height: 20px;
    background: #fff;
}

div.rack .removing {
    padding: 5px;
    display: none;
}


/* div.rack table { border:1px solid #666; } */

div.rack td {
    vertical-align: middle;
    text-align: center;
    width: 20px;
}

div.rack th {
    vertical-align: middle;
    color: #666;
    background: inherit;
    font-size: 14px;
    padding: 0;
}

div.rack th.t {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
    height: 30px;
    /* background-color: #fffe92; */
    background: url(images/wbg.gif) repeat;
}

div.rack th.l {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
    width: 20px;
    /* background-color: #fffe92; */
    background: url(images/wbg.gif) repeat;
}

div.rack td {
    color: #000;
    background: #fff;
    padding: 0;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

div.rack div.info {
    padding: 4px 10px 2px 10px;
    text-align: center;
}

div.rack div.info input {
    padding: 0;
}

div.rack div.bin {
    padding: 2px 0;
    float: left;
    width: 20px;
    line-height: 20px;
}

div.rack div.bin a {
    color: #000;
}

div.rack div.bin.fr,
.info-fr {
    background: #fff;
    color: #090;
}

div.rack div.bin.ac,
.info-ac {
    background: #393;
    color: #333;
}

div.rack div.bin.ie,
.info-ie {
    background: #cfc;
    color: #666;
}

div.rack div.bin.iau,
.info-iau {
    background: #666;
    color: #fff
}

div.rack div.bin.ia,
.info-ia {
    background: rgb(177, 177, 177);
    color: #fff
}

div.rack div.bin.er,
.info-er {
    background: #f00;
}

div.rack div.bin:hover,
div.rack div.bin.ih {
    background: #3366ff;
    color: #000;
}

div.rack.ia {
    background: #efefef;
}

div.rack.ia h3,
div.rack.ia div.bin {
    color: #999;
}

div.rack.ia th {
    color: #999;
}

div.rack.ia th.t {
    border-bottom: 1px solid #efefef;
}

div.rack.ia th.l {
    border-right: 1px solid #efefef;
}

div.rack.ia td {
    border-right: 1px solid #efefef;
    border-bottom: 2px solid #efefef;
}


/* BORDERS */

.border-black {
    border: solid 1px #000;
}

.border-grey {
    border: solid 1px #999;
}

.border-green {
    border: solid 1px #393;
}

.border-red {
    border: solid 1px #f00;
}

.border-green-3px {
    border: solid 3px #393;
}

.border-red-3px {
    border: solid 3px #f00;
}

.cpn-all-filters {
    margin: 2px;
    background: #d0f9ff;
    padding: 5px;
    vertical-align: middle;
}

.cpn-all-filters .ui-icon-trash {
    float: left;
    margin-right: 2px;
}

.cpn-all-filters .ft {
    float: left;
    font-size: 14px;
}

.filters-act-btn {
    padding: 2px
}

.filters-box-results-red td {
    background: #ff9f9f;
    border-bottom: solid 1px #da8787;
}

.filters-box-results-white {
    background: #fff;
}


/* .cpn-all-sorts { margin:2px; background: #fdf3cd; padding:5px; vertical-align: middle;} */

.cpn-all-sorts {
    margin: 2px;
    background: #d0f9ff;
    padding: 5px;
    vertical-align: middle;
}

.cpn-all-sorts .ui-icon-trash {
    float: left;
    margin-right: 2px;
}

.cpn-all-sorts .ft {
    float: left;
    font-size: 14px;
}

div#EPL .ebox {
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    margin: 10px 10px 0px 0px;
    width: 410px;
}

div#EPL .ebox label {
    display: block;
    float: left;
    margin-right: 5px;
}

div#EPL .ebox .info {
    margin: 5px 0 0 135px;
}

div#EPL .ebox .name {
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    padding: 0 0 10px 3px;
    color: #090;
    overflow: hidden;
}

.comments-old {
    display: none;
}

.comments-old-tgl {
    color: #009;
    margin-bottom: 5px;
    cursor: pointer;
    background: #ececec;
    padding: 5px
}

.comments-old-tgl-icon {
    color: #009;
    margin-bottom: 5px;
    cursor: pointer;
    background: #ececec;
    padding: 5px 5px 5px 25px;
}

.comment {
    margin-bottom: 4px;
    padding: 5px;
    background: #ececec;
}

.comment .del,
.del-text {
    color: #9999ff;
    cursor: pointer;
}

.comment .tag {
    color: #900;
}

textarea.comment-new {
    width: 100%;
    color: #999;
}

textarea.comment-edit {
    width: 100%;
    color: inherit;
}

#fol-list .fol {
    line-height: 30px;
    background: 5px 5px url('images/icon-user-dis.png') no-repeat;
    padding-left: 30px;
}

#fol-list .fol.self {
    background-image: url('images/icon-user.png');
}

#fol-list div.pointer {
    float: right;
    padding: 0 5px;
    margin-right: 5px;
}

#fol-list .fol-add {
    text-align: center;
}

.designs-list tr>.source input {
    width: 135px;
    text-align: left;
    padding-left: 5px;
}

.designs-list tr>.source input.green {
    font-weight: bold;
}

.designs-list tr>.source input.red {}

.mims-list tr>.action {
    width: 200px;
    text-align: center;
}

.mims-sensitive,
.mims-insensitive {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.mims-insensitive {
    background: #f3f3f3;
}

.mims-sensitive {
    background: red;
}


/*
.designs-list tr.des.o td { background:#F5D0A9; }
.designs-list tr.dra.o td { background:#F6E3CE; }
.designs-list tr.des.e td { background:#F5D0A9; }
.designs-list tr.dra.e td { background:#F6E3CE; }
*/

#modal-container .buttons div {
    color: #666;
    background: url(images/modal-button.gif) repeat-x;
    border: 1px solid #bbb;
}


/*
#modal-container a.modal-close,
#modal-container a.modal-close:link,
#modal-container a.modal-close:active,
#modal-container a.modal-close:visited {color:#666;}
#modal-container a.modal-close:hover {color:#000;}
*/

#cpurl2cb {
    font-size: 0.8em;
    position: fixed;
    padding: 5px 10px;
    bottom: 0;
    right: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #efefef;
    z-index: 99;
}

#widget-gold-silver-price {
    position: absolute;
    padding: 5px 10px;
    top: 120px;
    right: 20px;
    border: 1px solid #ccc;
    background-color: #ffffde;
    z-index: 98;
}

#widget-gold-silver-price td {
    font-size: 13px;
}

.ibox {
    border: 2px solid #333;
    background: #fff;
    padding: 10px;
}

.colors-request-box,
.notes-box {
    background: #efefef;
    border: solid 1px #c9c9c9;
}

.socline {
    margin-top: 5px;
    line-height: 15px;
    color: #666;
    font-size: 0.9em;
}

.socline div {
    display: table-cell;
    vertical-align: middle;
    text-transform: capitalize;
}

.socline div.sep {
    padding: 0 5px;
}

.socline .action {
    color: #66f;
}

.icon-comments {
    padding-right: 3px;
    width: 15px;
    height: 15px;
    background: url('images/icon-object-comments.png') no-repeat;
}

.icon-followers {
    padding-right: 3px;
    width: 15px;
    height: 15px;
    background: url('images/icon-object-followers.png') no-repeat;
}

.icon-likes {
    padding-right: 3px;
    width: 15px;
    height: 15px;
    background: url('images/icon-object-likes.png') no-repeat;
}

.wall-post-textarea {
    width: 100%;
    border: 1px solid #ccc;
}

.wall-post-button {
    margin: 0;
    border: 1px solid #666;
    padding: 2px 5px;
}

.wall .wall-post {
    clear: both;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    padding: 10px;
}

.wall .wall-post .postcomment {
    color: #3366ff;
    padding: 5px;
    text-align: right;
}

.wall-post-user {
    font-weight: bold;
    color: #009;
}

.wall-post-pbi {
    float: left;
    margin-bottom: 10px;
}

.wall-post-container {
    margin: 0 0 10px 60px;
}

.wall-post-new {
    background: #fffe92;
    font-size: 1.3em;
}

.wall-post-new .wall-post-user {
    clear: right;
    float: right;
    margin: 0 0 10px 20px;
}

.wall-post-new .wall-post-pbi {
    float: right;
    margin: 0 0 0 20px;
}

.wall-post-new .wall-post-container {
    margin: 0;
}

.wall-post-new .message {
    margin: 10px 0 20px 0;
}

.wall-post-new .socline {
    font-size: 0.7em;
}

.wall-post-new .postcomment {
    font-size: 0.8em;
    margin-top: 20px;
}

#boxsearcheduserlist {
    background: #fff;
    padding: 0;
    margin: 0;
    border: solid 1px #000;
}

#searcheduserlist {
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#searcheduserlist li {
    list-style-type: none;
    border: solid 1px #f8f8f8;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 2px;
}

#searcheduserlist .focused {
    background: #000;
    color: #fff;
}

span.is-online {
    background: url('../images/icon-status.png') no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    background-position: 4% 7%;
}

span.is-offline {
    background: url('../images/icon-status.png') no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    background-position: 25% 8%;
}

span.is-idle {
    background: url('../images/icon-status.png') no-repeat;
    height: 32px;
    width: 32px;
    display: inline-block;
    background-position: 49% 33%;
}

span.skype_online_status.unknown,
span.skype_online_status.offline,
span.skype_online_status.not_available,
span.skype_online_status.invisible,
span.skype_online_status.skype_me {
    background: url('../images/icon-status-skype.png') no-repeat;
    height: 26px;
    width: 26px;
    display: inline-block;
    background-position: bottom;
}

span.skype_online_status.online {
    background: url('../images/icon-status-skype.png') no-repeat;
    height: 26px;
    width: 26px;
    display: inline-block;
    background-position: 0% 0%;
}

span.skype_online_status.away {
    background: url('../images/icon-status-skype.png') no-repeat;
    height: 26px;
    width: 26px;
    display: inline-block;
    background-position: 0% 33%;
}

span.skype_online_status.do_not_disturb {
    background: url('../images/icon-status-skype.png') no-repeat;
    height: 26px;
    width: 26px;
    display: inline-block;
    background-position: 0% 66%;
}

span.lt {
    font-size: 1.5em;
    line-height: 30px;
    margin: 0 0 20px;
    padding: 0;
    display: block;
    font-weight: bold;
}

span.ct {
    font-size: 1.3em;
    line-height: 30px;
}

.sop-box {
    background: #ffc;
    padding: 10px 20px;
    border: 2px dashed #ccc;
    color: #333;
}

.sop-box h3 {
    margin: 0;
    padding: 0;
}

.sop-box p {
    margin: 10px 0 0 0;
    padding: 0;
}

.icon-toggle {}

.icon-toggle.on {
    width: 50px;
    height: 20px;
    background: bottom url('/images/icon-toggle.png') no-repeat;
    cursor: pointer;
}

.icon-toggle.off {
    width: 50px;
    height: 20px;
    background: top url('/images/icon-toggle.png') no-repeat;
    cursor: pointer;
}

.icon-diamond {
    width: 16px;
    height: 16px;
    background: url('images/icon-diamond-16.png') no-repeat;
}

.icon-gold585w {
    width: 21px;
    height: 16px;
    background: url('images/icon-585-gold-w.png') no-repeat;
}

.icon-gold585y {
    width: 21px;
    height: 16px;
    background: url('images/icon-585-gold-y.png') no-repeat;
}

.icon-killed {
    width: 16px;
    height: 16px;
    background: url('images/icon-cancel-16.png') no-repeat;
}


/*Star ratings*/

.rating {
    overflow: hidden;
    display: inline-block;
}

.rating-input {
    position: absolute;
    left: 0;
    top: -50px;
}

.rating-star {
    float: right;
    margin-right: .5em;
    display: block;
    width: 16px;
    height: 16px;
    background: url('images/icon-stars.png') 0 -16px;
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star,
.rating-input:checked~.rating-star {
    background-position: 0 0;
}

.rating:hover .rating-star {
    float: right;
    margin-right: .5em;
    display: block;
    width: 16px;
    height: 16px;
    background: url('images/icon-stars.png') 0 -16px;
}


/* Absolute Center Spinner */

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* Transparent Overlay */

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}


/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.btn-google {
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    background-color: #16c353;
    color: white;
    padding: 0 1.5rem;
    border: 1px solid;
    border-color: #26e66a;
    text-decoration: none;
    color: white;
    font-family: Arial;
    font-size: 10px;
    font-size: 1rem;
    line-height: 32px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-google:link {
    color: white;
    text-decoration: none;
}

.btn-google:hover {
    background-color: #26e66a;
    border-color: #26e66a;
    color: white;
}

.btn-google:active {
    height: 30px;
    line-height: 30px;
    padding: 0 1.450rem;
}

.btn-resetpassword{
    border: none !important;
    background: none !important;
}

h1.login-separator {
    overflow: hidden;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    margin-bottom: 10px;
}

h1.login-separator:before,
h1.login-separator:after {
    background-color: #8c8b8b;
    content: "";
    display: inline-block;
    height: 3px;
    position: relative;
    vertical-align: middle;
    width: 80%;
}

h1.login-separator:before {
    right: 0.5em;
    margin-left: -50%;
}

h1.login-separator:after {
    left: 0.5em;
    margin-right: -50%;
}


/*========================DEBUG BAR========================*/

.debug-bar {
    position: fixed;
    bottom: 0;
    min-height: 30px;
    background: #bc545c;
    z-index: 100;
    width: 100%;
}

.debug-bar .content {
    width: 100%;
    position: absolute;
    left: 0;
}

.debug-bar .content h1 {
    color: white;
}

.debug-bar .filler {
    background-color: #FFFFFF;
    position: absolute;
    left: 0px;
    right: 0;
    -moz-transition: left 0.5s ease;
    transition: left 0.5s ease;
    display: nonde;
}

.debug-bar input[type=checkbox] {
    display: none;
}

.debug-bar input:checked~.filler {
    left: 100%;
}

.debug-bar input:checked~label {
    left: 100%;
    display: none;
}

.debug-bar label {
    z-index: 2;
    position: absolute;
    left: 0px;
    -moz-transition: left 0.5s ease;
    transition: left 0.5s ease;
}

.debug-bar #debug-bar-close {
    float: right;
    cursor: pointer;
    margin-right: 0px;
    padding: 0px;
    width: 50px;
    height: 30px;
}

.debug-bar .content-container {
    width: 80%;
    display: inline-flex;
}

.debug-bar .content-container h3 {
    margin-right: 30Px;
}

.debug-bar .debug-bar-close-container {
    width: 20%;
    display: inline;
}


/*=================BORDER FOR TABLE ROW=================*/

tr.border-highlights-yellow td {
    border-bottom: 0.5em solid yellow;
    border-top: 0.5em solid yellow;
}

tr.border-highlights-yellow td:first-child {
    border-left: 0.5em solid yellow;
}

tr.border-highlights-yellow td:last-child {
    border-right: 0.5em solid yellow;
}

tr.border-highlights-red td {
    border-bottom: 0.5em solid red;
    border-top: 0.5em solid red;
}

tr.border-highlights-red td:first-child {
    border-left: 0.5em solid red;
}

tr.border-highlights-red td:last-child {
    border-right: 0.5em solid red;
}


/*========================FIELDSET========================*/

.fieldset-standard {
    border: 1px solid #bbb;
    background: #fff;
    margin-bottom: 20px;
}

.td-star {
    min-width: 100px;
}

.cell-border {
    border: 1px solid black;
}

.cell-bold {
    font-weight: bold;
}

.cell-large {
    font-size: large;
}


/*========================C3 JQUERY========================*/

.c3-xgrid-line.weektoday line {
    stroke: purple;
}