/* Minification failed. Returning unminified contents.
(2480,1): run-time error CSS1019: Unexpected token, found '}'
(3239,32): run-time error CSS1030: Expected identifier, found '>'
(3239,50): run-time error CSS1031: Expected selector, found ')'
(3239,50): run-time error CSS1025: Expected comma or open brace, found ')'
(3651,1): run-time error CSS1019: Unexpected token, found '}'
 */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
.headerLogoContainer {
}

.headerLogo {
    height: 35px;
}

.headerLogo {
    height: 35px;
}

div#divLoading {
    display: none;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-left: -50px;
    margin-top: -100px;
    z-index: 2;
    overflow: auto;
}

.clearable {
    background: url(../Images/ClearBox.png) no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px; /* USE the same right padding in jQ! */
    border-radius: 3px;
    transition: background 0.4s; /*Remove this line if issues in Chrome (02.2014)*/
}
    /* (jQ addClass:) if input has value: */
    .clearable.x {
        background-position: right 5px center;
    }
    /* (jQ addClass:) if mouse is over the 'x' input area*/
    .clearable.onX {
        cursor: pointer;
    }

input[type="text"][data-val-required] {
    background-color: #F3EAB5;
}

.OperationStatus-Section {
    width: 100%;
}

.OperationStatus-Success {
    color: #0A9E34;
    font-weight: bold;
    width: 100%;
}

.OperationStatus-Error {
    color: #b94a48;
    font-weight: bold;
    width: 100%;
}

.notifications-unread {
    color: #468847;
}

    .notifications-unread:hover {
        color: #80FF82;
    }

.fixed-panel {
    min-height: 420px;
    max-height: 420px;
}

.padding-header {
    padding-top: 40px;
}

.demo {
    position: absolute;
    top: 0px;
    left: -40px;
    z-index: 9999;
}


#divImageZoomNavigator {
    width: 100%;
}

#divImageZoomImageContainer {
    margin-top: 10px;
    width: 100%;
}

#divImageZoomAdditionnalContent {
    margin-top: 10px;
}

#divImageZoomDetailContainer {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0px;
}

#divImageZoomDetailHeader {
    width: 100%;
    font-size: 12px;
}

#divImageZoomCreditDetail {
    width: 100%;
    font-weight: bold;
}

#imgImageZoomCreditDetail {
    width: 32px;
}

#zoomNavigator {
    margin-left: auto;
    margin-right: auto;
}

#divImageZoomButtons {
    margin-top: 10px;
    width: 100%;
}

#divImageZoomButtonContainer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#imgValidationEdit {
    margin-left: auto;
    margin-right: auto;
}

#divProductionListContainer {
    overflow: auto;
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;
    height: calc(100% - 55px);
    max-height: calc(100% - 55px);
}

    #divProductionListContainer .row {
        margin-right: 15px;
        margin-left: 0px;
    }

.productionListSelected {
    background: rgba(10, 158, 52, .10) !important; /*rgba(10, 158, 52, .10) !important;*/
}

.productionCategoryItem {
    padding-left: 0px;
}

.productionCategoryItem,
.productionCategoryCheckbox {
    padding-right: 0px;
}

.paymentListHeader {
    min-height: 50px;
    max-height: 100px;
}

.paymentListHeaderContainer {
    height: 100%;
    max-height: 100%;
}

#divPaymentListHeaderTitle, #divPaymentListHeaderTitle h4 {
    height: 45px;
    line-height: 45px;
}

.paymentListBodyContainerWithMessage {
    height: calc(100% - 50px);
    max-height: calc(100% - 50px);
}

.paymentListBodyContainerWithoutMessage {
    height: 100%;
    max-height: 100%;
}

.paymentListContainer {
    height: 100%;
    min-height: 100%;
}

.panel.paymentListContainer {
    margin-bottom: 0;
}

.paymentListGridContainer {
    flex-grow: 1;
}

.paymentListGridPanelContainer {
    height: calc(100% - 75px);
    max-height: calc(100% - 75px);
    flex-flow: column;
    display: flex;
}

.PaymentTypePanelHeight {
    height: 60px;
}

.paymentListConfirmGridContainer {
    height: calc(100% - 55px);
    max-height: calc(100% - 55px);
}

#divPaymentListInformationTitle {
    float: left;
    line-height: 55px;
    height: 55px;
    font-size: 24px;
}

#divPaymentListViewDocument {
    float: left;
    line-height: 55px;
    height: 55px;
    width: 120px;
}

#divPaymentListSelection {
    height: calc(100% - 35px);
    max-height: calc(100% - 35px);
}

#divPaymentListConfirmContainer {
    height: calc(100% - 65px);
    max-height: calc(100% - 65px);
}

#divPaymentSummary {
    overflow-y: auto;
    border: 1px solid #aaa;
    height: calc(100% - 55px);
    max-height: calc(100% - 55x);
    padding: 5px;
}

#divPaymentListInformationHeader, #divPaymentListBtnConfirm {
    height: 55px;
    max-height: 55px;
}

.SaveAmountWarning,
.ValidationEditMasterSupplierRequestWarning {
    color: #b94a48;
}

h2 {
    font-family: 'Trebuchet MS';
    color: #6d6e71;
}

.boxTitle {
    width: 100%;
    font-family: 'Trebuchet MS';
    color: #6d6e71;
}

.panelBadge {
    width: 100%;
}

.navbarBottomElement {
    float: left;
}

.navbarSupportElement {
    float: left;
}


.boxTitleHeight {
    min-height: 50px;
}

.boxTitleAlert {
    padding: 0px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-bottom: 5px !important;
    font-size: 14px;
}

.menuItem {
    font-weight: bold;
}

.progress {
    position: relative;
}

    .progress span {
        position: absolute;
        display: block;
        width: 100%;
        color: black;
    }

#divProgressBarMainContainer {
    width: 200px;
}

.BatchValidationContainer {
    width: 700px;
    margin-left: 1px;
    margin-right: 1px;
}

.MultiActionCurrent {
    font-weight: bold;
    color: blue;
}

.MultiActionValidated {
    color: forestgreen;
}

.MultiActionIgnored {
    color: darkgoldenrod;
}

.show-on-hover:hover > div.dropdown-menu {
    display: block;
}

.ContextualProgressNotification {
    /*border: 1px solid rgb(180, 86 , 10);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(168, 82, 10, 0.6);
  box-shadow: 0px 0px 8px rgba(168, 82, 10, 0.6);*/
    -webkit-box-shadow: 0 0 20px darkgreen;
    -moz-box-shadow: 0 0 20px darkgreen;
    box-shadow: 0 0 20px darkgreen;
}

.ContextualProgressNotificationExclamation {
    color: darkgreen;
}

.padding-breadcrumb {
    padding-top: 5px;
}

.padding-breadcrumb-header {
    /*padding-top: 10px;*/
}

.breadcrumb {
    margin-bottom: 0px;
}


.nobreadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    border-radius: 4px;
}

.control-display {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}


.noHrBorder {
    margin-top: 0px;
    margin-bottom: 0px;
}

/*body { padding-bottom: 70px; }*/

html, body {
    height: 100%;
    padding-bottom: 0;
    min-height: 100%;
}

html {
}

body {
}

.body-content {
    height: 80%;
    height: calc(100% - 130px);
    max-height: calc(100% - 130px);
}

.panel-title > div > a {
    color: inherit;
}

.dialogHeaderWithButton {
    padding-top: 7px;
}

.dialogHeaderButton,
.dialogHeaderWithButton {
    height: 30px;
}

.fullScreenHeaderWithButton {
    height: 60px;
    padding: 5px;
}

.fullScreenElementWithButton,
.fullScreenElementButton {
    height: 30px;
    padding-top: 10px;
}

.fullScreenElementTitle {
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.indicatorPanel {
    background-color: white;
    border-style: none;
}

.indicatorPanelDragged,
.NewIndicator:hover {
    background-color: #E0FFFF;
    border-color: #0000FF;
    border-style: solid;
    border-width: 1px;
}

.indicatorPanelDragged {
}

.indicatorPanelRotation {
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}


@-moz-keyframes dragRotate {
    100% {
        -moz-transform: rotate(10deg);
    }
}

@-webkit-keyframes dragRotate {
    100% {
        -webkit-transform: rotate(10deg);
    }
}

@keyframes dragRotate {
    100% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

.placeholder {
    border: 1px solid green;
    background-color: #CEEACE;
    -webkit-box-shadow: 0px 0px 10px #888;
    -moz-box-shadow: 0px 0px 10px #888;
    box-shadow: 0px 0px 10px #888;
}

.NewIndicator {
    line-height: 330px;
    vertical-align: middle;
}

.modal-body.IndicatorWizardElement {
    padding: 0px !important;
}

.wizardPreviewIndicatorContainer {
    width: 100%;
}

#divNewIndicatorContainer {
    margin-top: 0px !important;
}

.IndicatorWizardTitle {
    font-size: large;
}

.widgetTitle:hover {
    cursor: zoom-in;
}

.dropdown-menu.widgetDropdownMenu {
    min-width: 1px;
}

.editableHeader {
    cursor: text;
}

.cockpitNavigationLeft {
    top: 50%;
    left: 50%;
    position: absolute;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    display: inline-block;
}


.disabledPanel {
    opacity: 0.6;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.disabledPanelEvent {
    pointer-events: none;
}

.carouselViewerItemDescription {
    color: #cccc00;
}

.carouselViewerViewerButton {
    padding-right: 5px;
}

#divDocumentImportStatusLogModal {
    z-index: 100000;
}

.documentImportStatusLogModal, .documentImportAnnotationModal {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    text-align: left;
}

.documentImportAnnotationHistoryContainer {
    width: 100%;
    min-height: 30px;
    max-height: 200px;
    padding-top: 10px;
    text-align: left;
    overflow: auto;
    padding: 2%;
}

.documentImportNewAnnotationContainer {
    width: 100%;
    padding-top: 10px;
    height: calc(100% - 200px);
    text-align: left;
}

.documentImportAnnotationHistoryUserBackground {
    background-color: #f1f1f1;
}

.documentImportAnnotationHistoryElement {
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.documentImportAnnotationCommentParameter {
    width: 745px;
}

.documentImportAnnotationUserElement {
    text-align: right;
}

.documentImportAnnotationOtherUserElement {
    text-align: left;
}

.documentImportAnnotationHistoryCommentLine {
    min-height: 20px;
}

.documentImportAnnotationHistoryDateLine {
    font-size: smaller;
}

.documentImportAnnotationHistoryUsername,
.documentImportAnnotationHistoryDate {
    font-weight: bold;
}

.documentImportAnnotationHistoryText {
    margin-top: 5px;
    display: block;
    overflow: auto;
}

    .documentImportAnnotationHistoryText ol,
    .documentImportAnnotationHistoryText ul {
        list-style-position: outside;
        clear: both;
    }

.documentImportAnnotationUserElement .documentImportAnnotationHistoryText ol,
.documentImportAnnotationUserElement .documentImportAnnotationHistoryText ul {
    float: right;
}

.documentImportAnnotationOtherUserElement .documentImportAnnotationHistoryText ol,
.documentImportAnnotationOtherUserElement .documentImportAnnotationHistoryText ul {
    margin: 0 0 0 -3%;
    float: left;
}

.documentImportAnnotationUserElement .documentImportAnnotationHistoryText ol li {
    list-style-position: outside;
}

.documentImportAnnotationUserElement .documentImportAnnotationHistoryText ul li {
    list-style-position: outside;
}

.documentImportAnnotationHistoryUserCommentArea {
    text-align: right;
}

.documentImportAnnotationHistoryOtherUserCommentArea {
    text-align: left;
}

.documentImportNewAnnotationTitle {
    font-size: larger;
}

.documentImportAnnotationHistoryLine,
.documentImportNewAnnotationLine {
    width: 100%;
}

.documentImportNewAnnotationSave {
    width: 25%;
    text-align: right;
    float: left;
}

.documentImportNewAnnotationParameter {
    margin-top: 10px;
    min-height: 40px;
}

.documentImportNewAnnotationParameterControl input {
    max-width: 100%;
}

.documentImportNewAnnotationParameterName {
    font-weight: bold;
    width: 25%;
    float: left;
}

.documentImportAnnotationCommentParameterOtherUserName {
    float: right;
}

.documentImportAnnotationCommentParameterOtherUser {
    float: left;
}

.documentImportNewAnnotationParameterControl {
    width: 25%;
    float: left;
}


.documentImportNewAnnotationLabel {
    font-weight: bold;
}

.documentImportNewAnnotationTextArea {
    width: 100%;
    max-width: initial;
    text-align: start;
}

.documentImportAnnotationActionButtonContainer {
    text-align: right;
    margin-top: 10px;
}

.documentImportAnnotationTooltipTitle {
    font-weight: bold;
    color: yellow;
}

.validationListActionButtonContainer {
    display: flex;
    justify-content: flex-end;
}

.validationListActionButton {
    margin-left: 10px;
}

.validationDateWarning {
    /*border: 1px solid rgb(180, 86 , 10);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(168, 82, 10, 0.6);
  box-shadow: 0px 0px 8px rgba(168, 82, 10, 0.6);*/
    -webkit-box-shadow: 0 0 20px #e68a00;
    -moz-box-shadow: 0 0 20px #e68a00;
    box-shadow: 0 0 20px #e68a00;
}

.validationUoMWarning {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(255,187,0,1) 100%);
}

.validationUoMInfo {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(0,187,255,1) 100%);
}

.validationLearningProfileLineTemplateInfo {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(0,187,255,1) 100%);
}

#divValidationHeader .form-group .col-md-2, #divValidationHeader .form-group .col-md-5, #divValidationHeader .form-group .col-md-7 {
    padding-right: 0px;
}

.validationEditConfirmButton {
    z-index: 999999;
}

#divValidationMasterContainer {
    width: 100%;
    height: calc(100% - 50px);
}

    #divValidationMasterContainer #divContent {
        width: 68.25%;
        height: 100%;
    }

    #divValidationMasterContainer #divImage {
        padding-top: 81px;
        overflow-x: visible;
        width: 27.75%;
        height: 100%;
    }

#divValidationMasterCompanyAccountingPartner {
    margin-bottom: 10px;
    width: 100%;
    height: 35px;
}

.imageZoomPageSection {
    height: 100%;
}

    .imageZoomPageSection #accordion {
        width: 571px;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateX(-100%) rotate(-90deg);
        -webkit-transform-origin: right top;
        -moz-transform: translateX(-100%) rotate(-90deg);
        -moz-transform-origin: right top;
        -o-transform: translateX(-100%) rotate(-90deg);
        -o-transform-origin: right top;
        transform: translateX(-100%) rotate(-90deg);
        transform-origin: right top;
    }

.zoomLeveler {
    width: 80px;
}

@media screen and (max-height:799px) {
    #divImageZoomButtons .btn {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .zoomLeveler {
        width: 40px;
    }
}

@media screen and (max-height:799px) {
    #annotationModal .btn {
        padding: 5px;
        font-size: 15px;
    }
}

#divValidationImage #divImageZoomSpacer {
    height: 0px;
}

#divImageViewContainer #divImageZoomSpacer {
    height: 50px;
}

@media screen and (min-height: 800px) {

    #divValidationImage #divImageZoomSpacer {
        height: 50px;
    }
}

.imageZoomPageSectionContent {
    padding-left: 40px;
    height: 100%;
    width: 100%;
}

    .imageZoomPageSectionContent #collapseOne {
        height: 100%;
        width: 100%;
    }

.imageZoomPageSectionContainer {
    height: 100%;
    padding: 10px;
}

.introjs-helperNumberLayer {
    width: 30px !important;
    height: 30px !important;
    line-height: 20px !important;
    background: -moz-linear-gradient(top, #1a53ff 0%, #0436cd 100%) !important;
    background: -o-linear-gradient(top, #1a53ff 0%, #0436cd 100%) !important;
    background: linear-gradient(to bottom, #1a53ff 0%, #0436cd 100%) !important;
}

.introJS-sideTooltip {
    min-width: 400px !important;
}

.pulseInfo {
    border: 10px solid #f3b70f;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 75px;
    width: 75px;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -12px;
    left: -6px;
    z-index: 1;
    opacity: 0;
}

#divTransactionSearchFlexContainer {
    display: flex;
    flex-flow: column;
    height: 100%;
    max-height: 100%;
}

#divTransactionSearchContainer {
    flex-flow: 1;
    display: flex;
    flex-flow: column;
    height: calc(100% - 30px);
    max-height: calc(100% - 30px);
}

.transactionSearchSearchPanel {
    max-height: 200px;
    margin-bottom: 0px;
}

    .transactionSearchSearchPanel.searchHidden {
        max-height: 40px;
    }

.transactionSearchForm {
    height: 100%;
    min-height: 100%;
}

.transactionSearchGridContainer {
    flex-grow: 1;
}

.transctionSearchGridButtonContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1%;
}

.transactionSearchGridContainer.searchHidden {
    height: calc(100% - 40px);
    max-height: calc(100% - 40px);
}

.transactionSearchLine {
    padding-top: 5px;
}

    .transactionSearchLine input,
    .transactionSearchLine select,
    .transactionSearchLine textarea {
        max-width: none;
        width: 100%;
    }

    .transactionSearchLine table {
        table-layout: auto !important;
    }


@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }

    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }

    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

.menuitem .tooltip-inner, .menuitem .tooltip {
    width: 130px !important;
}


.menuPanel {
    background-color: #f5f5f5;
    cursor: pointer;
    min-height: 165px;
}

.menuFooter {
    text-align: center;
    padding-bottom: 10px;
}

.ediMenuPanel {
    padding-left: 0px;
}

.ediLineSpacer {
    padding-bottom: 10px;
}

.installerCodeWarningPanel {
    margin-top: 20px;
}

.installerCodeSpacer, .installerCodeFirstSpacer {
    padding-top: 10px;
    width: 100%;
    display: block;
}

.installerCodeFirstSpacer {
    padding-left: 15px;
}

.installerCodeSpacer {
    padding-left: 25px;
}

.ediSubTitle {
    font-weight: bold;
}

.ediSubTitle {
    font-weight: bold;
}

#divEDIConfig ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

    #divEDIConfig ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
    }

        #divEDIConfig ol > li:before {
            content: counters(item, ".") ". ";
            display: table-cell;
            padding-right: 0.6em;
        }

#divEDIConfig li ol > li {
    margin: 0;
}

    #divEDIConfig li ol > li:before {
        content: counters(item, ".") " ";
    }

.menuPanel.ediMenuPanel {
    min-height: 165px;
}

.fullPanelSpacer {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 165px;
    width: 100%;
    line-height: 165px;
}

.hpanel-title a {
    float: right;
    text-decoration: none;
}

.collapsing.width {
    -webkit-transition-property: width, visibility;
    transition-property: width, visibility;
    width: 0;
    height: auto;
}

.introjs-overlay {
    position: absolute;
    z-index: 999999;
    background-color: #000;
    opacity: 0.9;
    background: rgba(0,0,0,0.9) !important;
    filter: inherit !important;
    -ms-filter: inherit !important;
    filter: inherit !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    /*-ms-transition: all 0.3s ease-out;*/
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.chkScaled {
    -ms-transform: scale(1.3); /* IE */
    -moz-transform: scale(1.3); /* FF */
    -webkit-transform: scale(1.3); /* Safari and Chrome */
    -o-transform: scale(1.3); /* Opera */
    vertical-align: middle;
    height: 25px;
}


.menuitem-glyphicon {
    font-size: 20px;
}


.unreadNotification {
    background-color: #f6f6f6;
}

    .unreadNotification:hover,
    .seenNotification:hover {
        background-color: #f2f2f2;
    }

.headerNotification {
    background-image: linear-gradient(#1a1a1a, #595959);
    border-color: #080808;
    color: #f5f5f5;
    height: 25px;
    padding-top: 5px;
}

.headerNotificationContainer {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
}

.detailNotification {
    min-height: 85px;
}

.notificationElement {
    border-bottom: 1px solid gray;
    width: 435px;
    vertical-align: middle;
}

.MultiAccountValidationPopupBody, .LearningProfileManagementPopupBody, .MasterSupplierRequestManagementPopupBody {
    height: 300px;
}

.NewSupplierValidationPopupBody {
    height: 500px;
}

.accountMappingOperationContainer {
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
}

.accountMappingIsFromDifferentCategory {
    background-color: yellow;
}

#divAccountMappingFormContainer {
    float: left;
    line-height: 35px;
}

#divAccountMappingButtonContainer {
    float: left;
    padding-left: 5px;
}

#lblAccountMappingChoiceLabel {
    padding-left: 15px;
    padding-right: 15px;
}

.chkShowUnMappedOnly {
    margin-top: 10px !important;
}

.lblShowUnMappedOnly {
    padding-left: 0px !important;
}

.ignoreAccountMappingElement {
    line-height: 35px;
}

#divAcombaAccountMappingDetailListChoice {
    text-align: right;
    height: 35px;
}

.eulaTextArea {
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    height: 375px;
    width: 100%;
    resize: none;
    cursor: inherit !important;
    background-color: #ffffff !important;
    color: #b5b5b5 !important;
    overflow-y: auto;
}

.eulaFooter {
    height: 50px;
}

.eulaCheckbox {
    margin: 0 !important;
}

.eulaCheckboxLabel {
    padding-top: 5px;
}

.subscriptionTypeTitle {
    margin-top: 7px;
}

.subscriptionDescription {
    /*border : 1px solid #ccc;
    border-radius:4px;*/
    height: 50px;
}

.subscriptionProductTitle {
    margin-bottom: 10px;
}

.subscriptionOptionTitle {
    margin-top: 10px;
    width: 25%;
    float: left;
}

.subscriptionOptionBox {
    width: 100%;
}

.subscriptionOptionRadioButton {
    width: 75%;
    float: left;
}

.subscriptionSectionTitle {
    width: 100%;
}

.subscriptionInvoicingBox {
    border: 1px solid green;
}

.subscriptionInvoicingDetails {
    text-align: center;
    font-size: larger;
    margin-bottom: 25px;
    width: 100%;
    font-size: 20px;
}

.subscriptionSelectionRow {
    width: 100%;
    height: 20px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.subcriptionSelectionTotalRow {
    margin-top: 30px;
}

.subscriptionSelectionTitle {
    width: 80%;
    float: left;
    /*border:1px solid blue;*/
}

.subscriptionSelectionTotalTitle {
    font-weight: bolder;
}

.subscriptionSelectionPrice {
    width: 20%;
    float: left;
    /*border:1px solid red;*/
    text-align: right;
    padding-right: 10px;
}

.subscriptionSubTotalElement {
    border-top: 1px dashed black;
    margin-bottom: 20px;
}

.subscriptionSelectionGrossAmountTitle {
    font-size: 20px;
    margin-bottom: 40px;
    border-top: 1px solid black;
}

.subscriptionInvoiceHiddenRow {
    visibility: hidden;
}

.learningProfileDuplicateWarning {
    font-weight: bold;
    color: red;
}

input[type="date"][data-val-required] {
    background-color: #f3eab5;
}

.IndicatorAutoConfigureElementName {
    padding-top: 7px;
}

.IndicatorIncomeExpenseMarginColor {
    color: #b94a48;
}

.transactionSearchCmbMasterSupplier {
    width: 100%;
}

.transactionSearchCommandColumn {
    width: 5%;
}

.transactionSearchDocumentDateColumn {
    width: 8%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .transactionSearchDocumentDateColumn td {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.transactionSearchDocumentTypeColumn {
    width: 13%;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.transactionSearchSupplierNameColumn {
    width: 18%;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .transactionSearchSupplierNameColumn td {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.transactionSearchDocumentNumberColumn {
    width: 18%;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .transactionSearchDocumentNumberColumn td {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.transactionSearchDocumentSourceColumn {
    width: 13%;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .transactionSearchDocumentSourceColumn td {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.transactionSearchPaymentMethodColumn {
    width: 12%;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .transactionSearchPaymentMethodColumn td {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.transactionSearchAmountColumn {
    width: 10%;
}

.transactionSearchButtonColumn {
    width: 10%;
}

#divExplorerContainer {
    height: calc(100% - 70px);
}

#fmExplorerList_Splitter, #fmExplorerList, #frmChangeType {
    height: 100%;
    max-height: 100%;
}

.carouselCloseButton {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

#divValidationListContainer {
    height: 100%;
    min-height: 100%;
}

    #divValidationListContainer .row {
        margin-left: 0px;
        margin-right: 0px;
    }

#divValidationListContentContainer {
    height: calc(100% - 65px);
    min-height: calc(100% - 65px);
}

#divValidationListTitle {
    padding-left: 15px;
    padding-right: 15px;
}

#divValidationListActionsContainer {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-flow: column;
}

#divMultiSelectActions {
    max-height: 100px;
}

#divValidationListGridContainer {
    flex-grow: 1;
}

    #divValidationListGridContainer #divChildContent {
        height: 100%;
        min-height: 100%;
    }

        #divValidationListGridContainer #divChildContent #divGrid {
            height: 100%;
            min-height: 100%;
        }

.validationListCellLine {
    line-height: 16px;
}

.validationInvoiceTooltip {
    position: absolute;
    left: -11px;
    top: 10px;
}

    .validationInvoiceTooltip .tooltip {
        width: 200px;
    }

.accountingOperationsProceedContainer {
    /*width: 100%;
    display: inline-block;*/
    cursor: not-allowed;
}

.accountingOperationsDisabled.btn[disabled] {
    pointer-events: none;
}

.alertElementIcon {
    font-size: 16px;
}

.alertElementInformation {
    color: darkseagreen;
}

    .alertElementInformation:hover {
        color: seagreen;
    }

.alertElementWarning {
    color: darkorange;
}

    .alertElementWarning:hover {
        color: orange;
    }

.alertElementError {
    color: red;
}

    .alertElementError:hover {
        color: #B30000;
    }

.invoiceMessageHistoryEvenLine {
    background: #F1F1F1;
}

.invoiceMessageHistoryLineContainer {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.invoiceMessageHistoryLineInnerContainer {
    padding-left: 10px;
}

.invoiceMessageHistoryModelBody {
    overflow: auto;
    max-height: 400px;
}

.alertElementInfo {
    color: darkseagreen;
}


.validationListCellLine .tooltip, .validationListCellLine .tooltip-inner, .validationListCellLine .tooltip-inner ul {
    max-width: 500px;
}

.validationListNoInfo {
    visibility: hidden;
}

#frmIdentificationList {
    height: 100%;
    min-height: 100%;
}

#divIdentificationMainContainer {
    height: 100%;
    min-height: 100%;
    padding-top: 15px;
}

    #divIdentificationMainContainer #divList {
        height: 100%;
        min-height: 100%;
    }

        #divIdentificationMainContainer #divList .panel-default {
            height: 100%;
            min-height: 100%;
        }

        #divIdentificationMainContainer #divList .panel-body {
            height: calc(100% - 50px);
            min-height: calc(100% - 50px);
            padding: 5px;
        }

        #divIdentificationMainContainer #divList #divContent {
            height: 100%;
            min-height: 100%;
        }

#divIdentificationImage {
    width: 36%;
    height: 100%;
}

.identificationGroupDeleteButton {
    margin-right: 12px;
}

#frmQuarantineList {
    height: 100%;
    min-height: 100%;
}

#divQuarantineContainer {
    height: 100%;
    min-height: 100%;
    padding-top: 15px;
}

    #divQuarantineContainer #divQuarantineLeftContainer {
        height: 100%;
        min-height: 100%;
    }

#divQuarantineLeftContainer .panel-default {
    height: 100%;
    min-height: 100%;
}

#divQuarantineLeftContainer .panel-body {
    height: calc(100% - 50px);
    min-height: calc(100% - 50px);
    padding: 5px;
}

#divQuarantineContainer #divContent {
    height: 100%;
    min-height: 100%;
}

#divQuarantineTitle {
    padding-left: 0px;
    padding-right: 0px;
}

#divQuarantineImage {
    overflow-x: visible;
    width: 36%;
}

#divIdentificationImage, #divQuarantineImage {
    padding-top: 110px;
}

.quarantineTypeGroupHeader {
    width: 100%;
    height: 40px;
}

.quarantineTypeGroupTitle {
    width: 90%;
    height: 40px;
    float: left;
    line-height: 40px;
}

.quarantineTypeGroupName {
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    float: left;
}

.quarantineTypeGroupHelp {
    line-height: 40px;
    height: 40px;
    float: left;
}

.quarantineTypeGroupTitle .tooltip, .quarantineTypeGroupTitle .tooltip-inner, .quarantineTypeGroupTitle .tooltip-inner ul {
    max-width: 500px;
}

    .quarantineTypeGroupTitle .tooltip-inner li {
        text-align: left;
        margin-left: -30px;
    }

.quarantineReasonToolTip.glyphicon {
    font-size: 25px;
    line-height: 40px;
    height: 40px;
}

.quarantineTypeGroupButtonContainer {
    width: 10%;
    height: 40px;
    float: left;
    text-align: right;
}

.quarantineTypeGroupButtonLine {
    padding-right: 10px;
}

#divAccountMappingContainer {
    height: calc(100% - 65px);
    max-height: calc(100% - 65px);
    display: flex;
    flex-flow: column;
}

#divAccountMappingCheckboxContainer {
    margin-left: 10px;
}

#divAccountMappingGridContainer {
    height: calc(100% - 95px);
    max-height: calc(100% - 95px);
    flex-grow: 1;
}

    #divAccountMappingGridContainer #divGridContent {
        height: 100%;
        max-height: 100%;
    }

.accountMappingDetail {
    height: 100%;
    max-height: 100%;
}

#divAccountMappingDetailContainer {
    text-align: center;
    height: calc(100% - 40px);
    max-height: calc(100% - 40px);
    padding: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

#divAccountMappingGridContainer #divChildContent {
    height: 100%;
    max-height: 100%;
}

#divAccountMappingPanelContainer {
    height: 100%;
    max-height: 100%;
    margin-bottom: 0;
}

.accountMappingDetailTable, .accountMappingDetailTable > tbody > tr > th, .accountMappingDetailTable > tbody > tr > td {
    border: 0px;
}

    .accountMappingDetailTable > tbody > tr:nth-child(2n+1) {
        background-color: #e9e9e9;
    }

    .accountMappingDetailTable > tbody > tr > th {
        text-align: center;
    }

#divAccountMappingDetailContainer .form-group {
    width: 100%;
    margin-top: 10px;
}

#divAccountMappingAccountInfoContainer {
    height: 35px;
    max-height: 35px;
    margin-bottom: 0;
}

#divAccountMappingDetailListContainer {
    height: calc(100% - 75px);
    max-height: calc(100% - 75px);
    margin-bottom: 0;
    padding: 5px;
    width: 100%;
    float: left;
}

    #divAccountMappingDetailListContainer.acombaMappingDetailList {
        height: calc(100% - 125px);
        max-height: calc(100% - 125px);
    }

.accountMappingDetailContainer {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ddd;
}

#frmManage {
    height: 100%;
    max-height: 100%;
}

#frmManage {
    height: 100%;
    max-height: 100%;
}


#divManageHeader {
    height: 35px;
    max-height: 35px;
}

    #divManageHeader h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #divManageHeader h2, #divManageHeader div {
        padding-left: 0px;
        padding-right: 0px;
    }

    #divManageHeader.manageHeader {
        margin-bottom: 20px;
    }

#divManageContainer {
    height: calc(100% - 35px);
    max-height: calc(100% - 35px);
    overflow-y: hidden;
    overflow-x: hidden;
}


    #divManageContainer .alert {
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

#divManageOperationStatusContainer {
    height: 55px;
    max-height: 55px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#divManagePageControlContainer {
    height: calc(100% - 60px);
    max-height: calc(100% - 60px);
}

    #divManagePageControlContainer .field-validation-error {
        padding-top: 7px;
        height: 35px;
        display: inline-block;
    }

#divEDIConfig {
    height: 100%;
}

#divEDIConfigContainer {
    padding-left: 0px;
    padding-right: 0px;
}

#divEDIDisclaimerContainer {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 63px;
    height: 100%;
}

#divEDIDisclaimerPanel {
    height: 100%;
}

.ediDisclaimerSectionTitle {
    padding-top: 15px;
    font-weight: bold;
}

#divEDIDisclaimerBody {
    width: 100%;
    height: calc(100% - 40px);
}

#divEDIDisclamerContent {
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

.ediDisclaimerRow {
    padding-left: 15px;
    padding-right: 15px;
}

    .ediDisclaimerRow.row {
        margin-left: 0px;
        margin-right: 0px;
    }

.ediDisclaimerRowItem {
    padding-bottom: 10px;
}

#ulEdiCoopList {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.ocrPackageContentItem {
    padding-top: 30px;
}

.ocrPackageSubTitleContainer {
    margin-top: 10px;
    width: 100%;
    font-weight: bold;
    font-size: 24px;
}

.ocrPackageGraphSubTitleContainer {
    margin-top: 50px;
}

.ocrPackageGraphContainer {
    margin-top: 10px;
    width: 100%;
    height: calc(100% - 200px);
}

.ocrPackageGraphZone {
    width: 100%;
    height:100%;
}

#divOcrPackageForm {
    height: 100%;
    width: 100%;
}

#divOcrPackageFormGroup {
    height: 100%;
}

#divOcrPackageGraph {
    height: calc(100% - 10px);
}

.mainOcrPackageContainer {
    height: 100%
}

#chartOCRUsage {
    height: 100%;
}

.ocrPackageDetailsContainer {
    width: 100%;
    height: 60px;
}

.ocrPackageCompanySelection {
    margin-top: 50px;
    width: 100%;
}

.ocrPackageCompanySelectionCombobox {
    height: 35px;
    margin-bottom: 20px;
}

.ocrPackagePurchaseConfirmContainer {
    width: 100%;
    margin-top: 30px;
}

.ocrPackageDetailsLine {
    margin-top: 10px;
    width: 100%;
}

.ocrPackageNotesLine {
    width: 100%;
    margin-top: 5px;
    font-size: 9px;
}

.ocrPackageDetailsText {
    font-size: 14px;
}

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

.ocrPackageCreditCardWarning {
    font-size: 10px;
}

.ocrPackagePaymentConfirm {
    text-align: right;
}

#divOCRPackageList {
    padding-top: 10px;
}

#divInvoiceAdjustmentButtonBanner {
    padding-bottom: 10px;
}

#divInvoiceAdjustmentMasterSupplierName {
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-top: 7px;
    font-size: large;
    font-weight: bold;
}

.alertDashboard {
    margin-bottom: 1px;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
}

.eventNotificationConfigElement {
    font-weight: bold;
}

#divEventNotificationConfigDescription {
    margin-bottom: 10px;
}

.eventNotificationConfigRow {
    margin-bottom: 10px;
}

.eventNotificationConfigOptionRow {
    margin-bottom: 10px;
}

#divEventNotificationConfigPopupBody {
    height: 500px;
}

.eventNotificationConfigOptionGrid {
    width: 100%;
}

.eventNotificationConfigOptionTitle {
    margin-top: 10px;
    font-weight: bold;
}

.eventNotificationConfigOptionColumn {
    width: 33%;
    padding-bottom: 5px;
    font-weight: normal;
}

.eventNotificationConfigParameterContainer {
    width: 100%;
    margin-bottom: 30px;
}

.eventNotificationConfigParameterName {
    width: 25%;
    float: left;
    line-height: 34px;
}

.eventNotificationConfigOptionName {
    width: 25%;
    float: left;
    line-height: 34px;
}

.eventNotificationConfigParameterField {
    width: 75%;
    float: left;
    line-height: 34px;
}

.eventNotificationConfigOptionChoice {
    width: 15%;
    float: left;
    line-height: 34px;
}

.eventNotificationConfigOptionMethod {
    width: 55%;
    float: left;
    font-style: italic;
    line-height: 34px;
}

.eventNotificationConfigOptionWarning {
    width: 5%;
    float: left;
    line-height: 34px;
}

.userEditEmailText {
    width: 280px;
    line-height: 34px;
}

.userEditEmailInfo {
    float: left;
    margin-right: 10px;
}

.userEditSMSText {
    width: 280px;
    line-height: 34px;
}

.userEditSMSUndefined {
    font-style: italic;
}

.userEditSMSInfo {
    float: left;
    margin-right: 10px;
}

.userEditLabel {
    line-height: 34px;
}

.authenticationBody {
    margin-bottom: 20px;
}

.pageControlContent {
    height: 100%;
    overflow-y: auto;
}

    .pageControlContent .form-group {
        margin-left: 0px;
        margin-right: 0px;
    }


#divCompanyPendingResult {
    width: 100%;
    height: 100%;
}

.companyPendingContainer {
    display: flex;
    flex-direction: row;
    padding-top: 25px;
    height: 90%;
}

.profilInfoId {
    height: 32px;
}

@media (max-width:1100px) {
    .companyPendingContainer {
        display: flex;
        flex-direction: column;
        padding-top: 25px;
        width: 100%;
    }

    #divPermissionProfilInfo {
        width: 124%;
        padding-top: 40px;
        margin: 0px;
    }
}

.ShowProfiles .line {
    margin-left: 0px;
}

.ShowProfiles {
    display: flex;
    flex-direction: row;
    width: 1200px;
    padding-top: 25px;
}

@media (max-width:1100px) {
    .ShowProfiles {
        display: flex;
        flex-direction: column;
        padding-top: 25px;
        width: 100%;
    }

    #divProfilInfo {
        margin: 0px;
        display:none; 
    }

    .CurrentUserProfiles {
        width: 100%!important;
        height: 100%;
    }
}

.ShowProfileContainer {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.ManagePermissionProfileContainer {
    padding-top: -8%;
    height: auto;
}

.dropdownNamesContainer {
    text-align: left;
    width: 45%;
}

.dropDownProfileContainer {
    text-align: center;
    width: 45px;
}

.selectedProfilInfo {
    width: 100%;
    height: 34px;
}

.submitProfileButton {
    text-align: right;
    width: 10%;
}

.permissionContainerInfo {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    padding-left: 30px;
}

.displayInfo {
    height: 100%;
    width: 40px;
}

.permissionContainerInfo .displayInfo #accordion {
    display: block;
    width: 67dvh;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-100%) rotate(-90deg);
    -moz-transform-origin: right top;
    -o-transform: translateX(-100%) rotate(-90deg);
    -o-transform-origin: right top;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: right top;
}


.infoContainer {
    border-radius: 2%;
    height: 67dvh;
    width: 100%;
}

.permissionPageSectionContent #collapseOne {
    height: 67dvh;
    overflow-y: scroll;
    width: 363px;
}


.CurrentProfilesContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 90%;
    margin-top: 25px;
}

#divProfilInfo {
/*    width: 40%;*/
    height: 100%;
    margin-left: 2%;
}

.CurrentUserProfiles {
    width: 60%;
    height: 100%;

}

/*#gridMyCurrentProfiles {
    height: 100%;
}*/

.flowPaneContainer {
    display: flex;
    flex-wrap: wrap;
}

.panelContainer {
    width: 350px;
    margin-bottom: 60px;
    margin-right: 30px;
}

.flexContent {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .flexContent .headerContent {
        width: 83%;
    }

.panel-heading .headerContent {
    display: flex;
    flex-direction: column;
}

.glyphiconPlusContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    width: 17%;
    border-radius: 5px;
}

.boldText {
    font-weight: bold;
}


.managePermissionsContainer {
    display: flex;
    flex-direction: row;
    padding-top: 25px;
    height: 90%;
}

.managePermissionsResult {
    width: 50%;
    margin-right: 2%;
}

.questionMarginBottom {
    margin-top: 3%;
    margin-bottom: 3%;
}

.savePermissionButton {
    text-align: center;
}

#divCompanyList {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.LicenceServiceContainer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    width: 120%;
}

.panelProfileLicenceContainer {
    width: 360px;
    margin-bottom: 60px;
    margin-right: 35px;
}

.body-panel-content {
    height: calc(100% - 50px);
    min-height: calc(100% - 50px);
    padding: 14px;
}

.boldLicenceProfileText {
    margin-top: 2%;
    width: 15%;
    opacity: 0.82;
    font-weight: bold
}

.manageLicenceDashboard {
    margin-top: 40px;
}

}

.transactionSearchButton {
    margin-top: 2px;
    text-align: right;
}

#divTransactionSearchSearchPanel {
    max-height: 100%;
}

.popupBodyContainer {
    display: flex;
    flex-direction: column;
}

.popupBodyDivContainer {
    width: 100%;
}

.selectedTransactionLineElement {
    margin-top: 10px;
}

.selectedTransactionLineCombobox {
    height: 35px;
}

    .selectedTransactionLineCombobox .col-md-2 {
        padding-left: 0px;
    }

.selectedTransactionConflitContainer {
    padding-top: 10px;
    flex-grow: 1;
}

.changePartnerTextBold {
    font-weight: bold;
}

.changePartnerLeftSpace {
    margin-left: 0.70em;
}

.changePartnerFooter {
    margin-top: 10px;
}

.changePartner_table {
    width: 100%;
    overflow: auto;
}

    .changePartner_table, .changePartner_table th, .changePartner_table td {
        border: 1px solid black;
    }

        .changePartner_table th, .changePartner_table td {
            padding-left: 1%;
        }

.masterSupplierCorrectionInformationHeader {
    height: 80px;
}

.treatmentListSection {
    margin-top: 10px;
}

.treatmentListHeaderItem {
    float: left;
}

.treatmentListHeaderTooltip {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 33px;
    line-height: 33px;
    font-size: 18px;
}

.pModule, .pEditLearningProfile {
    display: inline-block;
    margin: 0px 0px 0px 0px;
}

#pParent, #labelParent, #pGroupedModuleListField {
    vertical-align: top;
    margin-top: 1%;
    margin-bottom: 1%;
}

#pGroupGivenName {
    vertical-align: middle;
    margin-bottom: 3%;
}

.buttonModule, .buttonVariable {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.buttonVariable {
    margin-bottom: 10px;
}

.buttonModuleOnRight, .buttonVariableOnRight {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.inputModule {
    display: inline-block;
}

.divModule {
    display: inline-block;
}

.divGroupModule {
    display: inline-block;
}

.cmbModuleType, .cmbChildrenModule, .cmbModuleProductionType, .cmbGroupedModule {
    display: inline-block;
}

.tkbModuleGroup {
    display: inline-block;
}

.cmbWidgetVariable {
    display: inline-block;
}

#inputSelectOnlyActive {
    display: inline-block;
}

#divChildrenAddSection, #divProductionTypeAddSection, #divGroupedModuleAddSection {
    display: inline-block;
    white-space: nowrap;
    width: 50%;
}

#divGroupedModuleSubmitButtons {
    display: inline-block;
    white-space: nowrap;
    float: right;
}

#divModuleList, #divModuleGroupList {
    height: 100%;
}

#divModuleListHeader, #divModuleGroupListHeader {
    height: 120px;
    padding-bottom: 10px;
}

#divModuleListBody, #divModuleGroupListBody {
    height: calc(100% - 130px);
    max-height: calc(100% - 130px);
}

#divEditModuleHeader, #divModuleGroupEditHeader {
    height: 65px;
}

#divEditModuleHeaderTitle {
    height: 65px;
}

.moduleHeaderToggleContainer, .EditLearningProfileHeaderToggleContainer {
    height: 65px;
    line-height: 65px;
}

.moduleActiveName, .editLearningProfileActiveName {
    padding-right: 15px;
}

#divModuleEditForm {
    height: calc(100% - 115px);
    max-height: calc(100% - 115px);
}

#divModuleGroupEditForm {
    height: 100%;
}

#formSaveModule {
    height: 100%;
    max-height: 100%;
}

#formSaveModuleGroup {
    height: calc(100% - 125px);
    max-height: calc(100% - 125px);
}

#divModuleEditBottom, #divModuleGroupEditBottom {
    height: 50px;
    padding-top: 10px;
}

#divEditModuleFormSection {
    height: 200px;
}

#divModuleGroupEditFormSection {
    height: 90px;
}

#divEditModuleTabSection {
    height: calc(100% - 160px);
    max-height: calc(100% - 160px);
}

#divEditLearningProfileTabSection {
    height: calc(100% - 120px);
}

#divLearningProfileListGridSection {
    height: calc(100% - 120px);
}

#divGroupedModuleListSection {
    height: calc(100% - 90px);
}

#divChildrenTabHeader, #divProductionTypeTabHeader, #divLearningProfileTabHeader {
    height: 50px;
}

.annotationModalView {
    position: absolute;
    top: -12px;
    left: -6px;
    z-index: 100001;
}

.documentImportAnnotationHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

.documentImportAnnotationObervationCheckboxContainer {
    display: flex;
    flex-direction: row;
    width: 50%;
    text-align: center;
    justify-content: flex-start;
    height: 35px;
}

.documentImportAnnotationSortedContainer {
    display: flex;
    flex-direction: row;
    width: 50%;
    text-align: center;
    justify-content: flex-end;
    height: 35px;
}

.dx-popup-wrapper {
    z-index: 100001 !important;
}

.deleteAnnotationModal {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    width: auto;
}

.annotationPaymentInputsPadding {
    padding-left: 2%;
}

.showNotificationLinkHeader {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 2%;
}

.checkbox-text-right-space {
    margin-right: 1%;
    display: flex;
    align-items: center;
}

#annotationSearchContainerID {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-flow: column;
}

#divAnnotationSearchContainer {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.divAnnotationSearchForm {
    height: 100%;
}

#annotationSearchContent {
    height: calc(100% - 80px);
}

.annotationSearchContainer {
    display: flex;
    flex-direction: column;
    height: 80px;
}

.annotationSearchContainerHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.annotationSearchContainerHeader_content {
    width: 60%;
}

    .annotationSearchContainerHeader_content form {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width: 80%;
    }

.annotationSearchContainerHeader_formContentInput {
    width: auto;
}

.divAnnotationSearchCriterias {
    display: flex;
    flex-direction: column;
}

.divAnnotationSearchPaymentCriterias {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.annotationSearchCriteriasContainer {
    display: flex;
    flex-direction: row;
}

.inclureIgnoreDocs {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 105%;
}

.annotationSearchCommandColumn {
    width: 5%;
}

.annotationSearchListCellLine {
    line-height: 16px;
}

    .annotationSearchListCellLine .tooltip, .annotationSearchListCellLine .tooltip-inner, .annotationSearchListCellLine .tooltip-inner ul {
        max-width: 500px;
        font-size: small;
        font-weight: lighter;
        color: black;
        opacity: 1;
    }

        .annotationSearchListCellLine .tooltip-inner, .annotationSearchListCellLine .tooltip-inner ul {
            background-color: #fff5cc;
            border: 1px solid black;
            opacity: 1;
        }

        .annotationSearchListCellLine .tooltip > *
        .annotationSearchListCellLine .tooltip > * > *
        .annotationSearchListCellLine .tooltip > * > * > * {
            font-size: inherit;
        }

.annotationSearchPaymentDateColumn,
.annotationSearchReferenceNumberColumn,
.annotationSearchTextColumn {
    height: 30px;
}

    .annotationSearchTextColumn > *, .variableAssignedWidget > *
    .annotationSearchTextColumnData > *, .variableAssignedWidgetTextColumnData > * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: initial;
        font-size: small;
        font-weight: lighter;
        margin: initial;
        height: inherit;
    }

        .annotationSearchTextColumn > *:first-child,
        .annotationSearchTextColumnData > *:first-child {
            height: inherit;
        }

            .annotationSearchTextColumn > *:first-child > *,
            .annotationSearchTextColumnData > *:first-child > * {
                overflow: hidden;
                font-size: inherit !important;
            }

        .annotationSearchTextColumn > *:nth-child(n+2),
        .annotationSearchTextColumnData > *:nth-child(n+2) {
            display: none;
        }

.flexibleAnnotationContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.annotationSearchSearchPanel {
    margin-bottom: 0px !important;
}

.annotationSearchAmountBilledColumn {
    width: 10%;
}

.annotationSearchAmountPayedColumn {
    width: 10%;
}

.annotationSearchLine {
    padding-top: 5px;
}

.annotationSearchButtonColumn {
    width: 10%;
}

.annotationSearchButton {
    margin-right: 35px;
}

.divAnnotateDocumentsContainer {
    display: flex;
    flex-direction: row;
    padding-top: 1%;
    padding-bottom: 1%;
}

.annotationSearchGridContainer {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: calc(100% - 220px);
}

    .annotationSearchGridContainer.searchHidden {
        height: calc(100% - 20px);
        max-height: calc(100% - 20px);
    }

.annotationSearchGridButtonContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1%;
}

.annotationSearchButton {
    margin-top: 2px;
    text-align: right;
}

#divShowAnnotateDocImage {
    padding-top: 60px;
    width: 100%;
    height: 100%;
}

.panelH {
    height: 18px;
}

.showAnnotateDocImageZoomContent {
    padding-left: 40px;
    height: 100%;
    width: 100%;
}

    .showAnnotateDocImageZoomContent #collapseOne {
        height: 100%;
        width: 100%;
    }

.showAnnotateDocImageZoomContainer {
    height: 100%;
    padding: 10px;
}

.showAnnotateDocImageZoomPageSection {
    height: 100%;
}

    .showAnnotateDocImageZoomPageSection #accordion {
        width: 687.5px;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateX(-100%) rotate(-90deg);
        -webkit-transform-origin: right top;
        -moz-transform: translateX(-100%) rotate(-90deg);
        -moz-transform-origin: right top;
        -o-transform: translateX(-100%) rotate(-90deg);
        -o-transform-origin: right top;
        transform: translateX(-100%) rotate(-90deg);
        transform-origin: right top;
    }

.annotationSearchSupplierNameColumn {
    padding-left: 3%;
}

.addAnnotationTextCustomSpace {
    margin-left: 20px;
}

    .addAnnotationTextCustomSpace label {
        font-weight: 100;
    }

.noAnnotionText {
    width: 100%;
    min-height: 30px;
    max-height: 200px;
    padding-top: 10px;
    text-align: center;
    overflow: auto;
    padding: 2%;
    background-color: #f5f5f5;
}


#divModuleEditProductionTypeList, #divModuleEditChildrenList, #divDefaultLearningList, #divLineTemplateList, #divLineLearningList {
    flex-grow: 1;
}

#divModuleEditProductionTypeList, #divModuleEditChildrenList {
    height: 215px;
    max-height: 215px;
}


#divChildrenTab, #divProductionTypeTab, #divEditLearningProfileTab {
    height: 100%;
    flex-flow: column;
    display: flex;
}

.treatmentListHeaderTooltip {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 33px;
    line-height: 33px;
    font-size: 18px;
}

input.full-textbox {
    width: 100%;
    max-width: 100%;
}

.inputAddress {
    width: 100%;
}

#divAddressSearchResult {
    position: absolute;
    z-index: 1;
    background-color: white;
    box-shadow: 0 0 5px rgba(135, 184, 225, 1);
    border: 1px solid rgba(135, 184, 225, 1);
    border-radius: 5px;
    max-width: 500px;
    max-height: 15em;
    overflow: auto;
    padding: 15px;
    margin: 0;
}

.addressSearchResultLine {
    margin: 0 10px 10px 0;
}

.timeZoneInfo {
    float: left;
    margin-right: 10px;
}

.buttonManualTimeZoneHidden {
    visibility: hidden;
}

.inputAddress {
    background-color: #F3EAB5;
}

.modalRestorationDestinationsBody {
    max-height: 300px;
    overflow: auto;
}

.masterSupplierWarningTxt {
    margin-top: 20px;
    color: red;
    font-weight: 500;
}

#showNotificationLinkContainer {
    margin-top: 20px;
    /*overflow-y:auto;*/
}

.accountResourceExpiringTxt {
    margin-top: 10px;
}

#tooltipVariableMessage {
    padding: .75em;
}

.accountResourceExpiringTxt {
    margin-top: 10px;
}

.alignLabelWithDropDown {
    padding-top: 7px;
}

.dashboardCarousel-caption {
    position: static;
    justify-content: center;
}

.carousel-control.dashboardCarousel-control {
    background-image: none;
    max-height: 30px;
    color: gray;
}

#divIndicatorVariableList {
    height: 100%;
}

#divIndicatorVariableListBody {
    height: calc(100% - 130px);
    max-height: calc(100% - 130px);
}

#divIndicatorVariableEditForm {
    height: 134px;
}

.activeBox {
    display: flex;
    justify-content: space-between;
}

.activeModel {
    width: auto;
    padding: 8px;
    justify-content: flex-start;
}

.selectionButtonText {
    display: inline;
    padding-left: 10px;
    text-align: center;
}

.selectionButton {
    border: 1px solid black;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    border-radius: 50%;
}

#pInline {
    display: inline;
}

.modelInfos {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.modalUploadFileErrorBody {
    max-height: 300px;
    overflow: auto;
}

#divZohoAssist {
    text-align: center;
}

#divZohoAssistErrorMessage {
    display: none;
}

#divContactSupportZohoAssist {
    margin-top: 7em;
}

#ZohoAssistKey {
    width: 72.5%;
}

#ZohoAssistJoin {
    max-width: 100%;
    min-width: 8.5%;
}

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

    #divMainAleopContainer:has(> .withoutOverflow) {
        overflow: visible;
    }

#divLinkReturnLoginConfirmSupport {
    padding-top: 10px;
}

#confirmCloseAnnotationModal {
    text-align: initial;
    color: initial;
}

#divApiTimeZoneUnavailableWarning {
    text-align: center;
}

.static-container {
    position: static !important;
}

/*#formOCRPackage .form-group {
    height: 50%;
    max-height: 50%;
}*/

.loginNavContainer {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.alwaysRight {
    margin-left: auto;
}

.OCRPackageMessagePadding{
    padding-left: 10px;
}

.actionPlanSaveBtnContainer {
    display: flex;
    flex-direction: row;
    justify-content: end;
    padding-right: 20px;
}

.changeYearContainer{
    max-height:40px;
    line-height:40px;
    margin-bottom:10px;
}

#divSalesButtonContainer{
    margin-bottom:10px;
}

#frmTechnicalInfoContainer{
    height:calc(100% - 115px);
    max-height:calc(100% - 115px);
    flex-grow:1;
}

#divTechnicalInfoContainer{
    height:100%;
    max-height:100%;
}

#divTechnicalInfoContainer #divGridContainer{    
    margin-bottom:10px;
    height:100%;
    width:100%;
}

#divTechnicalInfoContainer #divConfirmButton{
    height:35px;
    max-height:35px;
}

#divFeedingListButtonContainer{
    max-height:35px;
    margin-bottom:10px;
}

#divFeedingDepartmentGroupChooserContainer{
    max-height:35px;
    margin-bottom:10px;
}

#divRecipeBody{
    height:calc(100% - 200px);
    max-height:calc(100% - 200px);

}

#divFeedingLastRecipeInfoContainer{
    max-height:20px;
    margin-bottom:10px;
}

#divFeedingContentContainer{
    height:calc(100% - 30px);
    max-height:calc(100% - 30px);    
    display:flex;
    flex-flow:column;
}

#divFeedingContentContainer #divChildContent{    
    flex-grow:1;
}

#divFeedingContentContainer form{
    height:100%;
    max-height:100%;
}

#divFeedingCommandButton{
    max-height:35px;
    margin-bottom:10px;
}

#divProductionTypePurchaseButtonContainer{
    max-height:35px;
    margin-bottom:10px;
}

#divProductionTypePurchaseContentContainer{
    height:calc(100% - 120px);
    max-height:calc(100% - 120px);
}

#frmProductionTypePurchase{
    height:100%;
    max-height:100%;
}

#divProductionTypePurchaseContent{
    height:100%;
    max-height:100%;
    display:flex;
    flex-flow:column;
}

#divProductionTypePurchaseContent #divGridContainer{    
    flex-grow:1;    
}

#divProductionTypePurchaseButtonContainer div{
    float:left;
    width:50%;
}

#divTechnicalInfoContainer #divConfirmButton{
    height:35px;
    max-height:35px;    
}

#divCowMilkGeneralInfoContainer{
    height:calc(100% - 90px);
    max-height:calc(100% - 90px);
}

#frmGeneralInfo{
    height:100%;
    max-height:100%;
}

#divCowMilkGeneralInfoYearContainer{
    height:70px;
    margin-bottom:20px;
}

#divCowMilkGeneralInfoDataContainer{
    height:calc(100% - 90px);
    max-height:calc(100% - 90px);
}

#divCowMilkGeneralInfoButtonContainer{
    height:35px;
    max-height:35px;
    margin-top:20px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
}

.dropdown-menu > .disabled > a {
  color: #999999;    
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #ffffff;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: #D3D3D3;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-header.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}

.badge-success {
  color: #ffffff;
  background-color: #8DC73F;
  border-color: #398439;
  padding-left:15px;
  padding-right:15px;
}

.badge-danger {
  background-color: #d9534f;
  border-color: #d43f3a;
  padding-left:15px;
  padding-right:15px;
}

.badge-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
  padding-left:15px;
  padding-right:15px;
}

.menuitem-unreadmail{
    padding-left:5px;
    padding-right:5px;
    z-index:555;
    position:absolute;
    top:5px;
    right:0;
}

.dropdown-menu > .UnderConstruction > a {
  color: #555555;    
}
.dropdown-menu > .UnderConstruction > a:hover,
.dropdown-menu > .UnderConstruction > a:focus {
  color: #999999;
}

.dropdown-menu > .UnderConstruction > a:hover,
.dropdown-menu > .UnderConstruction > a:focus {
  text-decoration: none;
  cursor:url('http://upload.wikimedia.org/wikipedia/commons/d/de/POL_apple.jpg');
  background-color: #D3D3D3;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-default{
    background-color:#fff;
    border-color:#fff;
}

.navbar-brand, .navbar-image{
    padding-top: 10px !important;
}

/*shit here*/

.dropdown-header {
    font-size: inherit !important;
    font-weight:bolder;
    color: #222;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

input[type="date"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control {
    padding:0px 12px;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}

.navbar-inverse {
  
  background-color:#1C4898;
  border-color: #080808;
}

.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  color:#efefef;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
   background-color:rgba(255, 255, 255, 0.6);

}

.panelContent {
    font-size:16px;
    font-family:'Trebuchet MS';
    color:#6E6F73;
    font-weight:bold;
    text-align:center;
    margin-top:45px;
}

.col-md-7.panelContent{
    padding-left:0px;
    padding-right:0px;
}

.panelSpacer {
    padding-right: 0px;
    padding-left: 0px;    
    padding-top:10px;
    padding-bottom:10px;
}

.noPaddingLabel{
    padding-left:0px;
    padding-right:0px;
}

.panelImageContainer{
    height:142px;
    line-height:142px;
}

.panelSVGWrapper{
    height:142px;
    width:100%;
    position: absolute; 
    z-index: 10;
}

.panelSVGContainer{
    height:100%;
    width:100%;
}
}

.modal-open .modal.modal-annotation{
    overflow-y:hidden;
}