body {
    font-family: 'Neue Helvetica', 'Arial', sans-serif;
    color: #4D4940;
    font-size: 13px;
    background-color: #E9E9E9;
    min-width: 1000px;
}

body a {
    color: #4e4840;
}

th, td {
    text-align: center;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

#header {
    width: 100%;
    min-width: 1000px;
    position: fixed;
    z-index: 1001;
}

.container {
    padding: 0;
}

.full-width {
    width: 90%;
    margin: 0 auto;
}

.header-border {
    min-width: inherit;
    margin: 0 0 39px 0;
    height: 6px;
    color: black;
    border: 0;
    background-color: black;
}

.padding-null {
    padding: 0;
}

.form {
    padding-top: 14px;
}

.form-control {
    border-radius: 1px;
    line-height: 20px;
}

.form-group-button {
    margin-top: 47px;
    border-top: 1px solid #51473E;
    padding-top: 26px;
}

label {
    font-weight: normal;
}

.float-Left {
    float: left;
}

.padding-right-null {
    padding-right: 0;
}

.padding-left-null {
    padding-left: 0;
}

.btn-login {
    width: 100%;
    height: 30px;
    line-height: 15px;
    border-radius: 5px;
    border-color: #2a94d4;
    text-transform: uppercase;
    margin-top: 10px;
    background-color: #ffffff;
    color: #2a94d4;
}

.btn-login:hover,
.btn-login:focus {
    color: #2a94d4;
    font-weight: bold;
}

.input-group {
    margin-bottom: 5px;
}

.footer {
    height: 125px;
    width: 100%;
}

.footer a {
    color: #3C97D6;
}

.floaty {
    width: 100%;
    margin: 0 0 0 45px;
    padding: 0;
}

.floaty a {
    color: #ffffff;
    text-align: left;
}

.floaty li {
    color: #ffffff;
    float: left;
    list-style-type: none;
    text-decoration: none;
    line-height: 2em;
    border-right: solid thin;
    border-color: white;
    padding: 0 16px;
    font-size: 12px;
}

.underlined {
    text-decoration: underline;
}

.copyright {
    color: white;
    font-size: 11px;
    padding: 50px 0 0 320px;
    text-align: right;
    margin-right: 35px;
}

.form {
    padding-top: 6px;
}

.form>.form-group {
    margin-bottom: 12px;
}

.bold {
    font-weight: 600;
}

.col-md-6.gap {
    padding-bottom: 25px;
}

.clear {
    clear: both;
}

.popover ul {
    margin: 0;
    padding: 0 0 0 12px;
}
.popover li {
    list-style: disc;
    padding: 0;
    margin: 0;
}

#upload-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(100, 100, 100, 0.8);
    top: 0;
    left: 0;
    text-align: center;
    z-index: 9999;
    display: none;
}

#upload-spinner img {
    display: block;
    margin: auto;
    top: 50%;
    position: relative;
}

.btn-point-right {
    padding-right: 25px;
}

.btn-point-right:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 7px solid transparent;
    border-left-color: #333;
    margin-top: 3px;
    margin-left: 6px;
}

.btn-login.btn-point-right:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 7px solid transparent;
    border-left-color: #2a94d4;
    margin-top: 0;
    margin-left: 6px;
}

.change-new {
    background-color: #dfd;
}
.change-old {
    background-color: #fee;
    text-decoration: line-through;
}

#AssignmentTable, #AssignmentTable td, #AssignmentTable tr, #AssignmentTable tbody, #AssignmentTable_map, #pg_AssignmentTable_map, #pg_AssignmentTable_map table,
#AssignmentFilterTable, #AssignmentFilterTable td, #AssignmentFilterTable tr, #AssignmentFilterTable tbody, #AssignmentFilterTable_map, #pg_AssignmentFilterTable_map, #pg_AssignmentFilterTable_map table,
#ArtworkTable, #ArtworkTable td, #ArtworkTable tr, #ArtworkTable tbody, #ArtworkTable_map, #pg_ArtworkTable_map, #pg_ArtworkTable_map table,
#ArtworkFilterTable, #ArtworkFilterTable td, #ArtworkFilterTable tr, #ArtworkFilterTable tbody, #ArtworkFilterTable_map, #pg_ArtworkFilterTable_map, #pg_ArtworkFilterTable_map table,
.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all, .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-bdiv {
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin: 0 auto;
}

#AssignmentTable td[aria-describedby$="_status"],
#AssignmentFilterTable td[aria-describedby$="_status"],
#ArtworkTable td[aria-describedby$="_status"],
#ArtworkFilterTable td[aria-describedby$="_status"] {
    overflow: visible !important;
}

.ui-jqgrid-view {
    z-index: 999 !important;
}

#AssignmentTable, #AssignmentFilterTable, #ArtworkTable, #ArtworkFilterTable,
.ui-jqgrid .ui-jqgrid-bdiv, .ui-jqgrid-view, .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
    overflow: visible !important;
}

.detailsHeader #statusString {
    width: 200px;
}

.detailsHeader table {
    text-align: left;
    margin: 20px auto 30px auto;
}

.detailsHeader table th,
.detailsHeader table td {
    padding: 5px 10px;
}

.mainDetails {
    margin: 0 1%;
}

.mainDetails table {
    width: auto;
    margin: 30px auto;
    background-color: #ffffff;
}

.mainDetails table th,
.mainDetails table td {
    padding: 5px 10px;
}

.statusTable {
    background-color: #ffffff;
}

.statusTable .input-group {
    margin: 0;
}

.extensiveDetails {
    width: 100%;
}

.extensiveDetails table {
    border: 1px solid #dddddd;
}

.extensiveDetails table tr th,
.extensiveDetails table tr td {
    text-align: left !important;
}

.extensiveDetails table thead tr {
    background-color: #dddddd;
}

.extensiveDetails table thead tr.switchVisibility {
    background-color: #ffffff;
}

.assignmentDetails {
    width: 48%;
    margin-left: 1%;
    float: left;
}

.deleteDeliveryNote {
    padding: 0;
    margin-left: 5px;
    background: none;
}

.deleteExemplaryPdf {
    padding: 0;
    margin-left: 5px;
    background: none;
}

.assignmentLog {
    width: 48%;
    margin-right: 1%;
    float: right;
}

.deleteAssignment {
    width: 48%;
    margin-left: 1%;
    float: left;
    text-align: center;
}

.deleteNote {
    border-radius: 4px;
    color: #ffffff;
    padding: 5px 10px;
    background-color: #d43f3a;
}

.extensiveDetailsArtwork {
    width: 98%;
    margin: 0 1%;
}

.extensiveDetailsArtwork table {
    border: 1px solid #dddddd;
}

.extensiveDetailsArtwork table tr th,
.extensiveDetailsArtwork table tr td {
    text-align: left !important;
}

.extensiveDetailsArtwork table thead tr {
    background-color: #dddddd;
}

.extensiveDetailsArtwork table thead tr.switchVisibility {
    background-color: #ffffff;
}

.artworkLog {
    max-width: 1000px;
    margin: 0 auto;
}

.leaveDetails {
    width: 48%;
    margin-right: 1%;
    float: right;
}

#mainMenu {
    width: 100%;
    height: 57px;
    background: #0e273b;
}
#mainMenu #menu,
#mainMenu #user,
#mainMenu #dashboardAssignments,
#mainMenu #assignmentsFilterLink,
#mainMenu #dashboardArtworks,
#mainMenu #artworksFilterLink,
#mainMenu #systemPreferences,
#mainMenu #systemPreferences a {
    color: white !important;
    display: block;
    height: 57px;
    line-height: 57px;
    text-transform: uppercase;
    text-decoration: none;
    border-right: 1px solid #354e62;
}

#mainMenu a {
    color: white;
    display: block;
    width: 100%;
    height: 57px;
    line-height: 57px;
    text-transform: uppercase;
    text-decoration: none;
}

#mainMenu a:hover {
    background: #586E75;
}

#mainMenu #dashboards a {
    float: left;
}

#mainMenu #user,
#mainMenu #systemPreferences {
    border-right: none;
}

#mainMenu #systemPreferences a {
    width: 57px;
}

#mainMenu #user {
    width: 100%;
    text-align: right;
    padding-right: 20px;
}

#mainMenu #menu:focus, #mainMenu #menu:hover {
    outline: none;
}

#mainMenu .dropdown-menu {
    border: none;
    color: white;
    background: #0D2338;
    border-radius: 0;
    padding: 0;
    margin: 22px 0 0 0;
}

#mainMenu .pull-right-menu {
    margin: 15px 0 0 0;
}

#mainMenu .dropdown-menu a {
    color: #90a1b1;
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}

#mainMenu .dropdown-menu a:hover {
    color: #ffffff;
}

#mainMenu .dropdown-menu .arrow {
    background: url(../Images/mainMenuArrow.png) no-repeat;
    width: 23px;
    height: 11px;
    display: block;
    position: absolute;
    top: -11px;
    right: 30px;
}

.footerLine {
    border-top: 1px solid #979b9c;
}

.btn-dashboard {
    color: #2992D6;
    background-color: white;
    border-color: #DFDFDF;
}

.btn-dashboard:hover {
    border-color: #3C97D6;
    color: #3C97D6;
}

h1 {
    background-color: #2a94d4;
    color: white;
    font-size: 26px;
    padding: 8px 25px;
    margin: 5px 0;
    text-align: left;
}

h2 {
    background-color: #2a94d4;
    color: white;
    font-size: 22px;
    padding: 8px 25px;
    margin: 10px 0;
    text-align: left;
    border-radius: 3px;
}

.whiteBox {
    width: 100%;
    padding: 10px;
    background-color: #ffffff;
    margin-bottom: 20px;
    color: #a9a9a9;
}

#forgotPassword,
#forgotPassword:hover,
#forgotPassword:active,
#forgotPassword:visited {
    color: #a9a9a9;
}

.dashboardButtonsDiv {
    margin-bottom: 5px;
}

.dashboardButtonsDiv h2 {
    margin-bottom: 25px;
}

.uploadTable tr td:first-child {
    padding-right: 20px;
    text-align: right;
}

.uploadTable tr td:last-child {
    text-align: left;
}

.dateColumn {
    min-width: 137px;
    max-width: 137px;
}

.commentColumn {
    width: 100%;
}

#ui-datepicker-div {
    z-index: 100000000 !important;
}

#gbox_AssignmentTable a,
#gbox_AssignmentFilterTable a,
#gbox_ArtworkTable a,
#gbox_ArtworkFilterTable a {
    width: 100%;
}

#gbox_AssignmentTable input.tableDate,
#gbox_AssignmentFilterTable input.tableDate {
    width: 100%;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: bold;
}

.form-horizontal .form-group {
    margin: 15px;
}

.sincStatus {
    color: #ec7a00 !important;
}

.epayStatus {
    color: #125aa0 !important;
}

.readyStatus {
    color: #43ac23 !important;
}

.sincStatus,
.epayStatus,
.readyStatus {
    float: left;
    margin: auto 6px;
    font-weight: bold;
    border: none !important;
    box-shadow: none !important;
}

span.sincStatus,
span.epayStatus,
span.readyStatus {
    margin: 0 auto;
    float: none;
}

#statusCell .sincStatus,
#statusCell .epayStatus,
#statusCell .readyStatus {
    margin: 0;
    width: 240px;
}

#statusCell button {
    line-height: 14px;
}

.tableDate {
    text-align: center;
    width: 110px;
}

.tableDate:disabled {
    border: none;
    box-shadow: none;
}

.input-group.jqGridInputGroup {
    margin: 0;
}

.jqGridInputGroup input,
.jqGridInputGroup button,
.currentQuantity {
    height: 28px;
}

.jqGridDropdownButton button {
    border-radius: 4px !important;
    margin-left: 0 !important;
}

.errorMessageTable th {
    text-align: left;
}

.errorMessageTable td {
    text-align: left;
}

.errorMessageNotice {
    font-size: 11px;
}

.filterAssignmentsForm,
.filterArtworksForm {
    margin: 10px;
}

.filterAssignmentsForm select,
.filterArtworksForm select,
#savePreferencesForm select {
    color: #000000;
    background-color: #efefef;
    border-color: #e5e5e5;
    height: 28px;
    margin-right: 10px;
}

.filterAssignmentsForm input[type="submit"],
.filterArtworksForm input[type="submit"] {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4;
    height: 28px;
    padding: 0 20px;
    margin-top: -1px;
    margin-left: 10px;
}

.filterAssignmentsResult,
.filterArtworksResult {
    margin: 20px 0;
}

.filterAssignmentsResult .alert.alert-danger,
.filterArtworksResult .alert.alert-danger {
    width: 20%;
    margin: 0 auto;
}

.sumQuantity {
    font-size: 16px;
    font-weight: bold;
}

.addValue {
    width: 220px;
    margin-right: 10px;
}

.ui-state-hover:not(th),
.ui-state-highlight:not(th) {
    border: 1px solid #aaaaaa !important;
}

.ui-state-hover td {
    background-color: #eedc94 !important;
}

.ui-state-highlight td {
    background-color: #eedc94 !important;
    background-image: -webkit-linear-gradient(top, #fceec1, #eedc94) !important;
    background-image: -moz-linear-gradient(top, #fceec1, #eedc94) !important;
    background-image: -ms-linear-gradient(top, #fceec1, #eedc94) !important;
    background-image: -o-linear-gradient(top, #fceec1, #eedc94) !important;
    background-image: linear-gradient(top, #fceec1, #eedc94) !important;
}

.userPreferencesDiv {
    text-align: left;
}

.userPreferencesDiv .btn {
    float: right;
}

.userPreferencesDiv .submit {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4;
    height: 28px;
    line-height: 26px;
    padding: 0 20px;
    margin-top: 0;
    margin-left: 10px;
}

#discardChanges,
#resetPreferences {
    height: 28px;
    line-height: 26px;
    padding: 0 20px;
    margin-top: 0;
    margin-left: 10px;
}

.assignmentTableConfiguration,
.languageConfiguration,
.passwordConfiguration {
    width: 625px;
    padding: 10px;
}

#changeLanguageForm {
    float: left;
}

#changeLanguageForm .languageSubmit {
    float: right;
}

#changeLanguageForm .languageSubmit:first-of-type {
    margin-left: 0;
}

#changePasswordForm label {
    width: 184px;
    height: 28px;
}

#changePasswordForm input:not([type="submit"]) {
    width: 250px;
}

.rowOptionInput,
#itemsPerPageInput {
    width: 50px;
    text-align: right;
}

#savePreferencesForm label {
    width: 225px;
    height: 30px;
}

#savePreferencesForm .assignmentPropertiesSelectLabel {
    height: 23px;
}

#assignmentProviderColor,
#itemsPerPageInput {
    margin-left: 4px;
}

#savePreferencesForm .assignmentPropertiesSelect {
    margin-bottom: 5px;
    margin-left: 229px;
    width: 339px;
}

#savePreferencesForm .assignmentPropertiesSelect:first-of-type {
    margin-left: 0;
}

.ui-jqgrid .ui-search-table select {
    font-size: 10px;
    height: 28px;
}

.ui-jqgrid .jqgrid-overlay {
    z-index: 101;
}

#dashboardButtons {
    margin: 0 20px;
}

.dashboardButtonsDiv .btn-dashboard {
    margin-bottom: 3px;
}

.ui-datepicker td .ui-state-default{
    width: 28px;
    height: 28px;
    line-height: 20px;
}

.ui-datepicker td .ui-state-highlight {
    padding: 4px;
}

.ui-datepicker td .ui-state-hover {
    color: gray;
    background: none;
    padding: 4px;
}

.gridFormatterButton {
    margin: 3px auto;
    text-align: center;
}

.removeAssignmentRowListEntry, .removeVisibleAssignmentColumn {
    cursor: pointer;
    color: #cccccc;
}

.removeAssignmentRowListEntry {
    margin-right: 7px;
    margin-left: 2px;
}

#addAssignmentRowListEntry, #addVisibleAssignmentColumn {
    color: #cccccc;
}

#addVisibleAssignmentColumn {
    margin-left: 229px;
    margin-bottom: 30px;
}

.ui-jqgrid .ui-jqgrid-sortable {
    height: 16px;
}

.ui-jqgrid .ui-icon-desc {
    margin-right: 1px;
}

.ui-jqgrid .ui-grid-ico-sort {
    right: -3px;
}

.ui-jqgrid .ui-pg-button:hover {
    padding: 0 6px !important;
}

.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled:hover > .ui-separator {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.systemPreferencesDiv {
    text-align: left;
}

div.unknownPropertyError {
    margin: 10px;
    width: 560px;
}

.systemPreferencesDiv .glyphicon-remove {
    color: #cccccc;
}

.activationCodesConfiguration,
.backgroundSystemsConfiguration,
.variantsConfiguration,
.cardMaterialsConfiguration,
.carrierMaterialsConfiguration,
.productCategoriesConfiguration,
.providersConfiguration,
.addressConfiguration {
    margin: 20px 0 0 20px;
    width: 580px;
}

.addAllowedAssignmentProperty input {
    width: 230px;
    margin: 20px 20px 15px 15px;
    height: 30px;
}

.addAllowedAssignmentProperty button {
    margin-top: -1px;
    height: 30px;
    line-height: 16px;
}

.removeAllowedAssignmentProperty {
    width: 230px;
}

.twoColumns .removeAllowedAssignmentProperty:nth-child(even) {
    float: right;
    margin-top: -18px;
}

.providersConfiguration h5 {
    margin: 20px 0 5px 15px;
}

.providersConfiguration label {
    margin-left: 15px;
    width: 100px;
}

.providersConfiguration input {
    margin: 8px 0;
    width: 230px;
}

input[name="colorCode"] {
    width: 60px;
}

.showColor {
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 15px;
    height: 15px;
    margin: 0;
    border: 1px solid #cccccc;
}

.providersConfiguration .glyphicon-pencil {
    font-size: 10px;
}

.providersConfiguration .submit {
    margin-left: 270px;
    margin-bottom: 20px;
    height: 30px;
    line-height: 16px;
}

#changeProviderColor span:not(.showColor) {
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 100px;
}

#changeProviderColor input {
    margin-top: 5px;
}

.addressConfiguration {
    margin-bottom: 20px;
}

.addNewAddress {
    margin-top: 5px;
}

#errorContainer {
    width: 100%;
    padding: 10px 10px 0 10px;
}

#errorContainer .alert {
    margin-bottom: 0;
}

.ui-search-clear a:hover {
    background: none;
}

.errorModalContainer:not(.artworkFileError) {
    padding: 0 10px;
}

#uploadPersoPrintPdf {
    text-align: center;
}

.exceededDate1 {
    border: 1px solid red !important;
}

.exceededDate2 {
    color: red !important;
}

.fileTransferDiv .alert {
    margin: 10px;
}

.fileTransferDiv .text-center.panel-content {
    margin: 20px auto 10px auto;
    padding: 0;
    width: 100%;
}

.fileTransferDiv .input-group {
    text-align: center;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    padding: 0 10px;
}

.fileTransferDiv input[type='text'] {
    width: 100%;
    height: 34px;
}

span.input-group-addon {
    width: 160px;
}

#statusWithDeliveryAddressForm .form-control[readonly] {
    cursor: not-allowed !important;
    background-color: #eee !important;
}

#choosableAddress {
    width: 100%;
}

#logoImageSelection {
    width: 100%;
}

@media (max-width: 1200px) {
    .fileTransferDiv > div {
        width: 100%;
    }
}

.ui-jqgrid  .ui-jqgrid-hdiv.fixedHeader {
    z-index: 500;
    position: fixed;
    top: 57px;
    border-top: 1px solid #cccccc !important;
}

#statusWithCommentTextarea,
#statusArtworkWithCommentTextarea {
    max-width: 450px;
    width: 450px;
    margin: 10px auto;
    height: 80px;
}