/* Initialize Custom Font */
@font-face { font-family: "Code128"; src: url("/Content/lib/Barcodes/CODE128.eot") format("eot"), url("/Content/lib/Barcodes/CODE128.woff") format("woff"), url("/Content/lib/Barcodes/CODE128.ttf") format("truetype"); }
@font-face { font-family: "UPCEAN"; src: url("/Content/lib/Barcodes/UPCEAN.eot") format("eot"), url("/Content/lib/Barcodes/UPCEAN.woff") format("woff"), url("/Content/lib/Barcodes/UPCEAN.ttf") format("truetype"); }
@font-face { font-family: "MaterialDesign"; src: url("/Content/lib/@mdi/font/fonts/materialdesignicons-webfont.eot") format("eot"), url("/Content/lib/@mdi/font/fonts/materialdesignicons-webfont.woff") format("woff"), url("/Content/lib/@mdi/font/fonts/materialdesignicons-webfont.woff") format("woff2"), url("/Content/lib/@mdi/font/fonts/materialdesignicons-webfont.ttf") format("truetype"); }

/* Tag Initial Settings */
body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100%;
    min-width: 100%;
    background-color: var(--body-background);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: "FontAwesome", Roboto, "Open Sans", Lato;
}
input { min-height: 24px; padding: 3px 5px !important; }
input[type=button], input[type=submit], input[type=reset] { padding: 3px 20px !important; }
/* Display Adjustment */
/* 4K Display Screen */
@media screen and (max-width: 3840px) { html { zoom: 200% !important; } }
/* QHD Display Screen */
@media screen and (max-width: 2560px) { html { zoom: 140% !important; } }
/* FHD Display Screen */
@media screen and (max-width: 1980px) { html { zoom: 120% !important; } }
/* HD Display Screen */
@media screen and (max-width: 1600px) { html { zoom: 110% !important; } }
/* HD Display Screen */
@media screen and (max-width: 1280px) { html { zoom: 100% !important; } }

* {
    font-family: FontAwesome, Roboto, Lato, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11px;
}

/* General Place Holder */
::-webkit-input-placeholder { font-family: 'Segoe UI'; font-style: italic; color: #BBB; }
::-moz-placeholder, :-ms-input-placeholder, :-ms-input-placeholder, :-moz-placeholder { font-family: 'Segoe UI'; font-style: italic; color: #AAA !important; font-style: oblique; }

/* IS Tools Icons */
.is-row i.tool-icon { position: absolute; right: 5px; top: 3px; color: #00000088; }
.is-row i.tool-icon:hover { color: black !important; cursor: pointer; color: #007bff !important; }
.is-row .required { color: darkred; }
.is-row .required:after { content: ' *'; color: red; }


.is-status-Active { font-weight: bold; font-size: 11px; color: darkgreen; text-transform: uppercase; }
.is-status-Suspended { font-weight: bold; font-size: 11px; color: darkgoldenrod; text-transform: uppercase; }
.is-status-Terminated { font-weight: bold; font-size: 11px; color: darkred; text-transform: uppercase; }

.is-contract-Active { height: 24px; font-size: 11px; background-color: #4BB54344; text-transform: uppercase; padding: 3px 10px; font-weight: bold; color: darkgreen; border: 1px solid darkgreen; width: 100px; }
.is-contract-Suspended { height: 24px; font-size: 11px; background-color: #ffcc0044; text-transform: uppercase; padding: 3px 10px; font-weight: bold; color: darkgoldenrod; border: 1px solid darkgoldenrod; width: 100px; }
.is-contract-Terminated { height: 24px; font-size: 11px; background-color: #FF949444; text-transform: uppercase; padding: 3px 10px; font-weight: bold; color: darkred; border: 1px solid darkred; width: 100px; }

/* IS Object Formatters */
.is-row { margin: 0; padding: 0; line-height: 17px; }
.is-row > label.is-title { font-weight: bold; padding: 0; margin: -20px 0 0 0; width: 100%; font-size: 11px; }
.is-row .is-form { width: 100%; padding: 0; margin: 0; margin-top: -1px !important; line-height: 14px; }
.is-row .is-form input[type="text"], .is-row .is-form input[type="password"] { width: 100%; padding: 1px 5px 0 5px; height: 24px; font-size: 11.5px; margin-top: -1px; border: 1px solid #c8c8c8 !important; }
.is-row .is-form .is-readonly { height: 24px !important; font-size: 11px; border-radius: 0; padding: 5px; margin-top: -1px !important; border: 1px solid lightgray; color: black; font-weight: bold; }
.is-row .is-form .is-readonly-multiline { min-height: 48px !important; font-size: 11px; border-radius: 0; padding: 5px; margin-top: -1px !important; border: 1px solid lightgray; color: black; font-weight: bold; }
.is-row .is-form .is-readonly-list { font-size: 11px; border-radius: 0; margin-top: -1px !important; border: 1px solid lightgray; color: black; }
.is-row .is-form .is-readonly-list ul { list-style: none; margin: 0 !important; padding: 0 !important;  }
.is-row .is-form .is-readonly-list ul li { list-style: none; margin: 0; padding: 5px 5px 5px 3px; font-size: 11px; height: 23px; border-bottom: 1px solid lightgray; border-left: 2px solid darkred; font-weight: bold; }
.is-row .is-form .is-readonly-list ul li:last-child { border-bottom: 0; }
.is-row .input-group { margin: 0; padding: 0;  }
.is-row .input-group .input-group-prepend, .is-row .input-group .input-group-append { height: 24px; margin-top: -2px; font-weight: bold; }
.is-row .input-group .input-group-prepend > .input-group-text, .is-row .input-group .input-group-append > .input-group-text { border-radius: 0 !important; font-size: 10px; font-weight: bold; padding: 5px; border: 1px solid #c8c8c8 !important; }

.btn.is-primary { height: 24px !important; background-color: #000000 !important; border-radius: 2px !important; color: #AFAFAF !important; padding: 5px 15px !important; font-size: 11px !important; font-weight: bold !important; }
.btn.is-primary:hover { background-color: #2F2F2F !important; color: #CFCFCF !important; }
.btn.is-secondary { height: 24px !important; background-color: #BFBFBF !important; border-radius: 2px !important; color: #333333 !important; padding: 5px 15px !important; font-size: 11px !important; font-weight: bold !important; }
.btn.is-secondary:hover { background-color: #8F8F8F !important; color: #000000 !important; }
.is-record-details h1 { font-size: 16px !important; font-weight: bold; text-transform: uppercase; }
.is-record-details h3 { font-size: 14px !important; }
.is-record-details div { font-size: 12px !important; }
@media screen and (max-width: 767px) {
    .summary-details {
        position: relative !important;
        bottom: 0 !important;
    }
}

.is-row .is-form textarea {
    resize: none;
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: 0 !important;
    width: 100%;
    padding: 5px !important;
    font-size: 11.5px;
}


/* Validation Summary */
.alertBox { padding: 5px 10px; zoom: 1;margin: 0 1px; border-bottom: 1px solid lightgray;  background: #f8f7ea; font-size: 12px; }
.alertBox .success { color: #208a00 !important; background: #f8f7ea;  font-size: 11px;}
.validation-summary-errors { margin: 0 10px; padding: 5px; zoom:1; background: #ffdbdd; color: #F00; white-space: normal; word-wrap: break-word; }
span.field-validation-error { margin: 0 !important; padding: 5px 10px !important; line-height: 16px !important; }
.validation-summary-errors ul { margin: 0; margin-left: -30px; }
.validation-summary-errors li { list-style: none; }


.font-8 { font-size: 8px !important; }
.font-9 { font-size: 9px !important; }
.font-10 { font-size: 10px !important; }
.font-11 { font-size: 11px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-17 { font-size: 17px !important; }
.font-18 { font-size: 18px !important; }
.font-19 { font-size: 19px !important; }
.font-20 { font-size: 20px !important; }

.bold { font-weight: bold !important; }
.normal {font-weight: normal !important;}

p.upper { text-transform: uppercase !important; }
a:hover { text-decoration: none; }


b { font-size: inherit !important; }

button.is-btn {
    margin: 0 0 0 1px;
    height: 26px !important;
    padding: 3px 10px;
    border: 1px solid lightgray;
    outline: none;
    background: #EAEAEA;
    border-radius: 3px;
}

    button.is-btn:hover {
        border: 1px solid #D0D0D0;
        outline: none;
        background: #E0E0E0;
    }

.is-bb { border-bottom: 1px solid lightgray; }
.failed { color: #8B0000 !important; }
.failed.bg { background: #F2D0D0; }
.success { color: #208A00 !important; }
.success.bg { background: #F8F7EA; }
.warning { color: darkgoldenrod !important; }
.warning.bg { background: #F5F5DA; }
.info { color: darkblue !important; } 
.info.bg { background: #DEEFF5; }