.idpEnrollmentColSplitter {
    width: 5px;
    position: absolute;
    cursor: e-resize;
    z-index: 1001;
    opacity: 0.5;
}

    .idpEnrollmentColSplitter:hover {
        opacity: 1.0;
    }

.idpEnrollmentColSplitterHidden {
    opacity: 0.0;
}

.idpEnrollmentContentPanel {
    display: block;
    height: 100%;
    overflow: hidden;
    background-color: #fbfbfb;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
}

.idpTbWrapper {
    position: relative;
    border-radius: 0px;
    padding-top: 4px;
    padding-left: 6px;
    padding-bottom: 4px;
    margin-bottom: 0px !important;
    min-height: 59px;
}

.idpEnrollmentColumn {
    height: auto;
    float: left;
    background-color: #fbfbfb;
    position: relative;
    min-width: 10px;
    text-align: center;
    overflow: hidden;
}

.idpEnrollmentColumn > * {
    display: block;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 2px;
}

.idpEnrollmentColumn > *:first-child {
    margin-top: 8px;
}

.idpEnrollmentColumn > *:last-child {
    margin-bottom: 8px;
}

.idpEnrollmentCtrl {
    position: relative;
    margin-bottom: 0px;
}

.idpEnrollmentCtrlInner {
    display: inline-block;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}

.idpEnrollmentCtrlTitle {
    position: relative;
    height: 30px;
    padding-left: 3px;
    font-size: 13px !important;
    line-height: 13px !important;
    cursor: move;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: solid;
    border-width: 1px;
    border-bottom-width: 0px;
}

.idpInvalidForSavingMarker {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 999;
    background-image: url("../images/idproducer-failure-small.png");
}

.idpInvalidForPrintingMarker {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    right: 1px;
    z-index: 999;
    background-image: url("../images/idproducer-enrollment-invalid.png");
}

.idpEnrollmentReadOnlyMarker {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 1px;
    /*z-index: 998;*/
    background-image: url("../images/idproducer-read-only-lock.png");
}

.idpEnrollmentInfoFieldMarker {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    right: 3px;
    /*z-index: 998;*/
    background-image: url("../images/idproducer-info-field.png");
}

.idpBatchUpdateSavedMarker {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 998;
}

.idpBatchUpdateSavedMarkerOff {
    opacity: 0.8;
    background-image: url("../images/idproducer-success-small-no-check.png");
}

.idpBatchUpdateSavedMarkerOn {
    background-image: url("../images/idproducer-success-small.png");
}

.idpInvalidForSavingCtrlTitle {
    background-color: #cc293d;
    color: white;
}

.idpInvalidForPrintingTitle {
    background-color: #eaa22f;
    color: white;
}

.idpEnrollmentCtrlWrapper {
    background-color: white;
    display: block;
    border-top: none;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.idpEnrollmentImage {
    padding: 0px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    opacity: 1.0;
}

.idpBatchThumbnail {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    opacity: 1.0;
    cursor: pointer;
}

.idpBatchThumbnail:hover {
    filter: brightness(120%);
}

.idpBatchThumbnailContainer {
    position: absolute !important;
    border-width: 1px;
    border-style: solid;
    padding: 7px;
    border-radius: 5px;
    outline-width: 5px;
    outline-style: solid;
    outline-offset: -5px;
}

.idpEnrollmentEmptyImage {
    padding: 0px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    opacity: 0.5;
}

.idpRequiredForSaving {
    color: #FF8083;
    font-size: 1.5em;
}

.idpRequiredForPrinting {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 14px;
    z-index: 999;
    background-image: url("../images/idproducer-required-print.png");
}

.idpCaptureHandlerButton {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 0.50;
    z-index: 999;
}

.idpCycleCardPreviewPopupButton {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 6px;
    right: 44px;
    cursor: pointer;
    opacity: 0.50;
    z-index: 999;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 15px 5px rgba(255,255,255,0.7);
}

    .idpCycleCardPreviewPopupButton:hover,
    .idpCycleCardPreviewPopupButton:focus {
        opacity: 1.0;
    }

.idpCardPreviewCloseButton {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    opacity: 0.50;
    z-index: 999;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 15px 5px rgba(255,255,255,0.7);
}

    .idpCardPreviewCloseButton:hover,
    .idpCardPreviewCloseButton:focus {
        opacity: 1.0;
    }

.idpPreviewCardButton {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 6px;
    right: 44px;
    cursor: pointer;
    opacity: 0.50;
    z-index: 999;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 15px 5px rgba(255,255,255,0.7);
}

    .idpPreviewCardButton:hover,
    .idpPreviewCardButton:focus {
        opacity: 1.0;
    }

.idpCycleCardPreviewButton {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 6px;
    right: 6px;
    cursor: pointer;
    opacity: 0.50;
    z-index: 999;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 15px 5px rgba(255,255,255,0.7);
}

    .idpCycleCardPreviewButton:hover,
    .idpCycleCardPreviewButton:focus {
        opacity: 1.0;
    }

.idpCaptureFromFileButton {
    position: absolute;
    top: 5px;
    right: 35px;
    cursor: pointer;
    opacity: 0.50;
    z-index: 999;
}

.idpCaptureButton:hover {
    opacity: 1;
}

.idpAddColumnBtn {
    position: absolute;
    top: 5px;
    right: 37px;
    cursor: pointer;
    z-index: 999;
}

.idpRemoveColumnBtn {
    position: absolute;
    top: 5px;
    right: 4px;
    cursor: pointer;
    z-index: 999;
}

.idpReadOnlyCtrl {
    margin-top: 5px;
    font-size: 11.5px;
    color: black;
    cursor: not-allowed;
}

.idpLockedOrRestrictedCtrl {
    font-size: 11.5px;
    cursor: not-allowed;
    height: 100%;
    margin-right: -3px;
    margin-left: -3px;
    padding-left: 5px;
    padding-top: 6px;
}

.idpRestrictedIcon {
    margin-right:-3px;
    font-size:20px
}

.idpLockedIcon {
    margin-right: -3px;
    font-size: 18px
}

.idpInaccessibleCaptureHandler {
    height: 26px !important;
    padding-top: 5px !important;
    padding-bottom: 4px !important;
}

.idpConfiguringCtrl {
    margin-top: 5px;
}

.idpCardPreview {
    padding: 2px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.idpNoSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.jqx-dropdownlist-state-focus, .jqx-button.jqx-fill-state-focus {
    background: rgba(211,240,224,0.5) !important;
}*/

.idpResetAction {
    cursor: pointer;
}

.idpCardRequestState {
    color: black;
}

.idpCardRequestStateReason {
    color: #414141;
    font-size: 0.8em;
}

.idpSplitterBtnOn {
    margin-top: 2px;
    cursor: pointer;
    z-index: 999;
}

.idpSplitterBtnOff {
    margin-top: 2px;
    opacity: 0.3;
    z-index: 999;
}

.idpCardPanelBtn {
    margin-top: 1px;
    cursor: pointer;
    z-index: 999;
}

.idpConfigTools {
    display: table;
    width: 100%;
    height: 28px;
    background-color: #cfcfcf;
    border: solid;
    border-width: 1px;
    border-color: #bababa;
}

.idpBorderError {
    border: solid;
    border-width: 2px;
    border-color: red;
}

.idpHorzResize {
    position: absolute;
    top: 5px;
    right: 2px;
    cursor: pointer;
    opacity: 0.50;
    z-index: 999;
}

    .idpHorzResize:hover {
        opacity: 1;
    }

.idpUTPanel {
    width: 100%;
}

.idpUTTabs {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .idpUTTabs:after {
        content: ' ';
        display: table;
        clear: both;
    }

.idpUTTabsTab {
    float: left;
    width: 50%;
    text-align: center;
}

    .idpUTTabsTab:first-child.active ~ .idpUTSlider {
        left: 0;
    }

    .idpUTTabsTab:nth-child(2).active ~ .idpUTSlider {
        left: 50%;
    }

    .idpUTTabsTab:nth-child(3).active ~ .idpUTSlider {
        left: calc(50% * 2);
    }

.idpUTSlider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 4px;
    transition: left .5s;
}

.idpUTTab {
    font-size: 1.0em;
}

    .idpUTTab > a {
        display: block;
        padding: 5px 4px;
        text-decoration: none;
        opacity: 0.3;
        transition: opacity .3s;
        cursor: pointer;
    }

    .idpUTTab.active > a {
        opacity: 1.0;
    }

    .idpUTTab:hover > a {
        opacity: 1.0;
    }

.idpUTTabSepar {
    height: 1px;
    width: 100%;
}

.idpGlobalCardPreviewContainer {
    position: absolute;
    display: none;
    background-color: #2e3338;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.idpGlobalCardPreviewInner {
    position: absolute;
    padding: 0px;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

.idpControlOffBackground {
    background: repeating-linear-gradient( 45deg, white, white 10px, #e8e8e8 10px, #e8e8e8 20px );
    min-height: 26px;
}

.idpReadOnlyBackground {
    background-color: #f2f2f2;
}

.idpEnrollmentPNG {
    width: 100%;
    text-align: center;
    margin-bottom: 0px !important;
    padding: 4px !important;
}

.btn-tb {
    height: 40px;
    width: 45px;
}

.btn-tb-no-width {
    height: 40px;
}

.idpSkipContent {
    cursor: pointer;
    height: 25px;
    width: 0px;
    opacity: 0;
    padding-top: 6px;
}

.idpSkipContent:focus {
    margin-right: 4px;
    width: 30px;
    opacity: 1
}

.idpSkipToCards:focus {
    margin-left: 7px;
}

.idpSkipToIndividuals:focus {
    margin-left: 0px;
}

.idpNoHeight {
    height: 0px !important;
}

.idpCardsPartOfSearch {
    width: 25px;
    text-align:center;
    font-size:18px;
    margin-right: 3px;
    margin-top: 3px
}

.idpCentered {
  position: absolute;
  font-size: 25px;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  z-index:1;
}