.regions {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-right: 0px;        
    margin-bottom: 5px;
    height: 20px;
}

.region {
    float: left;
    line-height: 16px;
    margin-right: 10px;
    display: block;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;    
    padding-left: 2px;
    padding-right: 5px;
    border-radius: 3px;      
}

.region:hover {
    background-color: lightgray;
    border-radius: 3px;
}

.region img {
    vertical-align: middle;
    margin-right: 5px;
}

.active_region {
    background-color: lightgray;
}

.confirm {
    margin-right: 5px;    
}

#filedrag {
    height: 50px;
    border: 1px solid gray;
}

.app {
    padding: 10px;
    margin-bottom: 20px;    
    border: 1px solid lightgray;
    border-left: 5px solid lightgray;
}

.app-actions {
    margin-top: 20px;    
    margin-bottom: 20px;
}

#filedrag
{
    display: block;
    font-weight: bold;
    text-align: center;
    padding: 1em 0;
    margin: 1em 0;
    color: #555;
    border: 2px dashed #555;
    border-radius: 7px;
    cursor: default;    
}

#filedrag.hover
{
    color: #f00;
    border-color: #f00;
    border-style: solid;
    box-shadow: inset 0 3px 4px #888;
}

.chosen-drop{    
    overflow: visible !important;
    z-index: 10000;
}

.page-section {
    margin-top: 5px;
    margin-bottom: 15px;
}

.top-menu {
    height: 40px; 
    width: 100%; 
    text-align: center;
}

/*
dark blue: #0c5e8e
middle blue: #0972b0
light blue: #1685B2
text white: #f9f9f9
*/
.top-menu-item {
    display: inner-block;
    background-color: lightgray;
    margin: 10px;
    padding: 10px;
    float: left;
    cursor: pointer;
    color: #f9f9f9;
    text-decoration: none;
}

.top-menu-item:hover {
    background-color: #0098c4;
}

.top-menu-item.active {
    background-color: #0098c4;    
}

.top-menu-item.active:hover {
    background-color: #1685B2;
}

.login-table td {
    padding: 5px;
}

.charts-filter-wrapper {
    background-color: #eee;
    width: 100%;
    padding: 10px;
}

table.charts-filter-group td, table.charts-filter-group th {
    padding: 3px;
}

.charts-filter-group input {
    height: 30px;
}

.charts-filter-group .filter-input, .filter-input input {    
    width: 350px;
}

.waiting-wrapper {
    background-image: url("/../Images/waiting.gif");
    background-repeat: no-repeat;    
    background-position: center; 
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;    
    opacity: 0.4;
}

.app-comments-wrapper td {
    padding: 5px;    
}

.app-comments-wrapper td img {
    margin-left: 10px;
}

.app-comments-wrapper table {
    width: 100%;
    border: 1px solid gray;
    margin-top: 20px;
}

.info {
    font-style: italic;
    color: gray;
    text-align: right;
}

.charts-filter-group th{
    width: 100px;
    text-align: right;
}

table.dynamic-table {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px lightgray solid;
}

table.dynamic-table th {
    font-weight: bold;
    text-align: center;
    background-color: rgb(0, 152, 196);
    padding: 10px;
    color: white;
    border: 1px solid white;
}

table.dynamic-table th, table.dynamic-table td {
    padding: 5px;
    text-align: center;
    border-left: 1px lightgray solid;    
    border-right: 1px lightgray solid;    
}

table.dynamic-table th.left, table.dynamic-table td.left {
    text-align: left;
}

table.dynamic-table tr:nth-child(even) {
    background: #eee;
}

table.dynamic-table tr:nth-child(odd) {
    background: #fff;
}

table.dynamic-table tr {       
    border-bottom: 1px lightgray solid;    
}

table.dynamic-table td.highlighted {
    background-color: rgba(0, 152, 196, 0.1);    
}

.gray-link {
    color: gray;
    cursor: pointer;
}

.dynamic-content {
    min-height: 200px;
    width: 100%;
    border: 1px lightgray dashed;
}

.form-fieldset {    
    width: 95%;
    overflow-x: hidden;
    padding: 5px;      
}

.form-table {    
    margin: 0px;
    overflow-y: scroll;    
}

#cboxLoadedContent {    
    overflow-x: hidden; 
    overflow-y: auto;
}

.tasks-container {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 300px;
    z-index: 100;
    margin-right: 5px;
}

.task-icon {    
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background-repeat: no-repeat;    
    background-position: center; 
    border: none;
}

.task-icon-working {
    content: url(../Images/squares.gif);
}

.task-icon-finished {
    content: url(../Images/true.png);
}

.task {
    vertical-align: middle;
    background-color: white;
    padding: 5px;
    height: 30px;
    margin: 5px;
    border: 1px solid gray;
    border-radius: 5px;
}

.lightbox_wrapper_inline {
    background-color: white;
    width: 300px;
    border-radius: 5px;
    border: 1px solid gray;
    padding: 3px;
    margin: auto;    
}

.lightbox_wrapper_inline .lightbox_top_stripe_inline {
    background-color: gray;
    border-radius: 5px;    
}

.lightbox_wrapper_inline label {
    width: 80px;
}

#cboxWrapper {
    width: 600px;
}

.lightbox_wrapper_inline #cboxWrapper {
    width: 100%; /* 300px; */
}

.lightbox_wrapper_inline .lightbox_close {
    position: relative;
    left: 240px;    
    top: -4px;
}

.lightbox_wrapper_inline .lightbox_footer_inline input {
    float: right;
    margin-right: 5px;
    height: 25px;
    font-size: 8pt;
    padding: 4px; 
    padding-left: 8px;
    padding-right: 8px;
}

.lightbox_body_inline {
    height: 100%;
}

.lightbox_wrapper_inline #cboxLoadedContent {
    overflow-y: hidden;
    height: 100%;
}

.lightbox_wrapper_inline #cboxLoadedContent form {
    height: 100%;
}

.chosen-container .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 40px;
    z-index: 1000;
}

.cell-status-0 {    
}

.cell-status-1 {
    color: orange;    
}

.cell-status-2 {
    color: red;    
}

.cell-text {
    margin-right: 5px;
    margin-left: 5px;    
    text-align: center;    
}

.lightbox_body_inline fieldset table td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.badge {
    background-color: red;
    position: absolute;
    top: 6px;
    right: -14px;    
    display: block;
}

.badge-vertical {
    position: absolute;
    top: -18px;
    right: -14px;    
    margin: 0px;
    display: block;
    margin-right: 10px;
}

.sku-sync-same {

}

.sku-sync-delete {
    background-color: #FFA07A;
}

.sku-sync-new {
    background-color: #98FB98;
}

.sku-sync-restore {
    background-color: #DA70D6;
}

.sku-sync-update {
    background-color: #ffff00;
}

.lsb {
    border-left: 3px black solid;
}

.rsb {
    border-right: 3px black solid;   
}

.bsb {
    border-bottom: 3px black solid;
}

.tsb {
    border-top: 3px black solid;
}

.notice {
    color: red;
    font-size: larger;
}

.left {
    text-align: left;
}

.scrollable-wrapper {
    height: 200px;
    overflow-y: scroll;
}

.sftp-folder {
    font-size: 20px;
    background-color: gray;
    border: 1px solid black;
    margin: 7px;
    height: 25px;
    vertical-align: middle;
    padding: 10px;
}

.sftp-folder-icon {
    cursor: pointer;
}

.sftp-folder-name {    
    margin-left: 8px;
    margin-right: 8px;
}

.sftp-file {
    height: 30px;        
    margin-left: 15px;
    line-height: 30px;
    width: 100%;           
}

.sftp-file-icon {
    float: left;
    margin-right: 10px;
}

.sftp-file-name {
    margin-left: 10px;
    cursor: pointer;
}

.filter-table {
    margin: 10px;
}

.filter-table td {
    padding: 3px;
}

.filter-table td input[type=date],
.filter-table td input[type=text]{
    width: 200px;
    height: 28px;
}

p {
    margin-bottom: 15px;
    margin-top: 15px;
}