html,
body {
    width: 100%;
    height: 100%;
    /*overflow:hidden;*/
}

body {
    /*
    background-color:#000;
    color: #FFF;
        */
    color: #000;
    background-color: #FFF;
}

div.user_ui {
    /*
	height: 100% !important;
	background-color:#000;
    color: #FFF;
    font-size: 12pt;
    */
    display: inline-block;
    margin-top: 40px;
}

table.main-app-container {
    width: 100%;
}

#progress-handler {
    height: 30px;
    width: 600px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
}

#progress-handler .indicator {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 30px;
    height: 30px;
    float: left;
    /*visibility:hidden;*/
}

#progress-handler .message {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    width: 500px;
    float: left;
    height: 30px;
    color: #E00;
}

#progress-handler .indicator img {
    width: 30px;
    height: 30px;
}

div.hidden {
    display: none;
}

table.main-app-container>tbody>tr>td {
    /*overflow:hidden;*/
    text-align: center;
    vertical-align: middle;
    position: relative;
}

div.edit-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/edit.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.search-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/search.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.search-disabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/search_dis.png');
    cursor: default;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.edit-disabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/edit_dis.png');
    cursor: default;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.add-new-entity-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/add_new.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.add-new-entity-disabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/add_new_dis.png');
    cursor: default;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.delete-entity-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/delete.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.restore-entity-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/arrow_up.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.delete-entity-disabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/delete_dis.png');
    cursor: default;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.save-entity-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/save.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.refresh-entity-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/refresh.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.save-entity-disabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/save_dis.png');
    cursor: default;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.nav-backward-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/arrow_left.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.nav-backward-disabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/arrow_left_dis.png');
    cursor: default;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.nav-password-enabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/key.png');
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

div.nav-password-disabled {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url('Images/key_dis.png');
    cursor: default;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    margin: 3px;
}

tr.hidden {
    display: none;
}

tr.visible {
    display: table-row;
}

table.edit-managers {
    width: 1200px;
    border: 1px solid;
}

table.edit-managers td {
    width: 11.11%;
}

table.edit-managers tbody tr.new-manager-header {
    border-top: 2px solid;
}

table.edit-managers td input,
table.edit-managers td select {
    width: 90%;
}

table.edit-managers tbody tr.new-manager td:nth-child(1) {
    text-align: right;
}

table.edit-managers tbody tr.new-manager td:nth-child(3) {
    text-align: left;
    color: #F99;
}

span.green {
    color: green;
}

span.red {
    color: red;
}

table.edit-managers tbody tr.manager {
    height: 60px;
}

table.logs-table {
    font-size: 12pt;
    width: 1000px;
    text-align: left;
}

table.logs-table div.icon {
    width: 35px;
    height: 35px;
    background-size: contain;
}

table.logs-table div.icon.error {
    background-image: url('Images/icon_error.png');
}

table.logs-table div.icon.warning {
    background-image: url('Images/icon_warning.png');
}

table.logs-table div.icon.success {
    background-image: url('Images/icon_success.png');
}

table.logs-table div.icon.info {
    background-image: url('Images/icon_info.png');
}

table.logs-table td {
    border: 1px solid;
    padding-left: 7px;
}

table.logs-table tr td:nth-child(1) {
    width: 35px;
}

table.logs-table tr td:nth-child(2) {
    width: 170px;
}

table.edit-customers {
    width: 1000px;
    border: 1px solid;
    text-align: left;
}

table.edit-customers.query thead input {
    width: 90%;
}

table.edit-customers>tbody>tr>td {
    border: 1px solid;
}

table.edit-customers>tbody>tr td:nth-child(1) {
    width: 600px;
}

table.edit-customers>tbody>tr td:nth-child(2) {
    width: 200px;
}

table.edit-customers>tbody>tr td:nth-child(3) {
    width: 150px;
}

table.edit-customers>tbody>tr td:nth-child(4) {
    width: 50px;
}

table.edit-orders {
    width: 1100px;
}

table.edit-orders>tbody>tr>td {
    text-align: left;
    border: 1px solid;
    vertical-align: top;
    padding: 7px;
}

table.edit-orders>tbody>tr>td:nth-child(1),
table.edit-orders>tbody>tr>td:nth-child(2) {
    width: 100px;
}

table.paging-helper {
    width: 100%;
}

table.paging-helper td {
    width: 40px;
    cursor: pointer;
    text-align: center;
}

table.paging-helper td.regular {
    color: #000;
    background-color: #FFF;
    border: 1px solid #888;
}

table.paging-helper td.active {
    color: #FFF;
    background-color: #000;
    border: 1px solid #888;
}

table.customer-item {
    width: 1000px;
    border: 4px solid;
    text-align: left;
    margin: 30px;
    border-color: #000;
}

table.customer-item.expired {
    border-color: #780019;
}
table.customer-item.short {
    border-color: #FF00DC;
    border-width: 10px;
}

table.customer-item>tbody>tr>td {
    border: 1px solid;
    padding: 5px;
}

table.customer-item>tbody>tr:nth-child(1),
table.customer-item>tbody>tr:nth-child(2),
table.customer-item>tbody>tr:nth-child(4),
table.customer-item>tbody>tr:nth-child(6) {
    text-align: center;
}

table.customer-item>tbody>tr:nth-child(10) input,
table.customer-item>tbody>tr:nth-child(11) input,
table.customer-item>tbody>tr:nth-child(12) input,
table.customer-item>tbody>tr:nth-child(13) input,
table.customer-item>tbody>tr:nth-child(14) input {
    width: 90%;
}

table.customer-item>tbody>tr>td.edit {
    background-color: yellow;
}

div.update {
    border: 1px solid;
    padding: 50px;
}

div.update div.mess {
    font-size: 16pt;
}

table.password,
table.password td {
    border: 1px solid;
}

table.order-status-dlg {
    border: 1px solid;
}

table.order-status-dlg td {
    padding: 5px;
    border: 1px solid;
}

table.order-status-dlg span {
    cursor: pointer;
}

table.customer-item.disabled,
table.customer-item.disabled a {
    color: #aaa;
}

table.customer-item.disabled td.edit {
    background-color: #FFF;
}