/*#region Roboto font*/
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(../Fonts/Roboto/Roboto-ThinItalic.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(../Fonts/Roboto/Roboto-LightItalic.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(../Fonts/Roboto/Roboto-Italic.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(../Fonts/Roboto/Roboto-MediumItalic.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(../Fonts/Roboto/Roboto-BoldItalic.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(../Fonts/Roboto/Roboto-BlackItalic.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(../Fonts/Roboto/Roboto-Thin.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(../Fonts/Roboto/Roboto-Light.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(../Fonts/Roboto/Roboto-Regular.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(../Fonts/Roboto/Roboto-Medium.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../Fonts/Roboto/Roboto-Bold.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(../Fonts/Roboto/Roboto-Black.ttf) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/*#endregion*/
/*#region HTML element base styles*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

html, body, form {
    width: 100% !important;
    height: 100% !important; }

body {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
    color: #111114;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    -webkit-font-variant-ligatures: none;
            font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

ul {
    display: block;
    list-style-type: disc;
    padding: 5px; }

img {
    max-width: 100%;
    height: auto;
    border: 0; }

h1, h2, h3, h4 {
    margin: 0 0 8pt 0; }

h1 {
    font-size: 18px;
    font-weight: 500; }

h2 {
    font-size: 18px;
    font-weight: 400; }

h3 {
    font-size: 16px;
    font-weight: 300; }

h4 {
    font-size: 15px;
    font-weight: 300; }

span {
    display: inline-block; }

p.description {
    display: block;
    min-width: 100%;
    padding: 10px 15px;
    color: #888888;
    font-style: italic;
    font-weight: 200; }

input, textarea {
    font-family: inherit;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 2px; }

.checkbox, .radio {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative; }
    .checkbox input, .radio input {
        cursor: pointer;
        -webkit-transform: translateY(1px);
                transform: translateY(1px);
        margin-right: 5px; }
        .checkbox input:focus, .radio input:focus {
            color: #333336; }
    .checkbox[disabled], .radio[disabled] {
        color: #666669;
        cursor: not-allowed; }
    .checkbox + .checkbox, .checkbox + .radio, .radio + .checkbox, .radio + .radio {
        margin-left: 0.5em; }

input[type="checkbox"].toggle {
    position: relative;
    width: 44px;
    height: 22px;
    border-radius: 22px;
    border: 1px solid transparent;
    background: #B5B5B8;
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
    min-width: 44px !important;
    max-width: 44px !important;
    margin-bottom: -0.55em;
    line-height: 1.5; }
    input[type="checkbox"].toggle[disabled] {
        cursor: not-allowed; }
    input[type="checkbox"].toggle::after {
        content: '';
        position: absolute;
        top: 1px;
        left: 1px;
        display: block;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #fff;
        -webkit-transition: all .1s linear;
        transition: all .1s linear; }
    input[type="checkbox"].toggle:checked {
        background: #00C04E; }
    input[type="checkbox"].toggle:checked::after {
        -webkit-transform: translateX(22px);
                transform: translateX(22px); }
    input[type="checkbox"].toggle:focus, input[type="checkbox"].toggle:active {
        border-color: #0A75C2;
        -webkit-box-shadow: 0 0 0 0.125em #CFE9FC;
                box-shadow: 0 0 0 0.125em #CFE9FC;
        outline: none; }
    input[type="checkbox"].toggle::-ms-check {
        border: none;
        color: transparent !important;
        opacity: 1;
        background: #fff;
        border-radius: 50%;
        transform: translateX(11px);
        height: 18px;
        width: 18px; }
    input[type="checkbox"].toggle:not(:checked)::-ms-check {
        transform: translateX(-11px); }

input[type="checkbox"][disabled] {
    color: #000 !important;
    opacity: 0.5; }

.disabled-icons > input[type="checkbox"][disabled],
input[type="checkbox"][disabled].disabled-icons {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000 !important;
    opacity: 0.5;
    border: 0;
    outline: 0; }
    .disabled-icons > input[type="checkbox"][disabled]:checked:after,
    input[type="checkbox"][disabled].disabled-icons:checked:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f00c";
        font-size: 14px; }
    .disabled-icons > input[type="checkbox"][disabled]:not(:checked):after,
    input[type="checkbox"][disabled].disabled-icons:not(:checked):after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f00d";
        font-size: 14px; }
    .disabled-icons > input[type="checkbox"][disabled]:checked::-ms-check,
    input[type="checkbox"][disabled].disabled-icons:checked::-ms-check {
        border: none;
        color: inherit !important;
        opacity: 1; }
    .disabled-icons > input[type="checkbox"][disabled]:not(:checked)::-ms-check,
    input[type="checkbox"][disabled].disabled-icons:not(:checked)::-ms-check {
        border-width: 0px;
        height: 10px;
        width: 10px;
        background: linear-gradient(-45deg, transparent 0%, transparent 45%, #000 45.1%, #000 54.9%, transparent 55%), linear-gradient(45deg, transparent 0%, transparent 45%, #000 45.1%, #000 54.9%, transparent 55%); }

input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], textarea, select:not([multiple]), .chosen-container .chosen-choices, .chosen-container-single .chosen-single, .chosen-single .chosen-search-input {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
    font-size: 14px;
    height: 1.79em;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.3em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.3em - 1px);
    vertical-align: top;
    background-color: white;
    border-color: #D4D4D7;
    color: #333336;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
            box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    max-width: 100%;
    border-radius: 2px; }
    input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover, select:not([multiple]):hover, .chosen-container .chosen-choices:hover, .chosen-container-single .chosen-single:hover, .chosen-single .chosen-search-input:hover {
        border-color: #B5B5B8; }
    input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="tel"]:focus, input[type="tel"]:active, textarea:focus, textarea:active, select:not([multiple]):focus, select:not([multiple]):active, .chosen-container .chosen-choices:focus, .chosen-container .chosen-choices:active, .chosen-container-single .chosen-single:focus, .chosen-container-single .chosen-single:active, .chosen-single .chosen-search-input:focus, .chosen-single .chosen-search-input:active {
        border-color: #0A75C2;
        -webkit-box-shadow: 0 0 0 0.125em #CFE9FC;
                box-shadow: 0 0 0 0.125em #CFE9FC;
        outline: none; }
    input[type="text"][disabled], input[type="password"][disabled], input[type="number"][disabled], input[type="email"][disabled], input[type="tel"][disabled], textarea[disabled], select:not([multiple])[disabled], .chosen-container .chosen-choices[disabled], .chosen-container-single .chosen-single[disabled], .chosen-single .chosen-search-input[disabled] {
        background-color: whitesmoke;
        border-color: whitesmoke;
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #666669;
        cursor: not-allowed; }
        input[type="text"][disabled]:hover, input[type="password"][disabled]:hover, input[type="number"][disabled]:hover, input[type="email"][disabled]:hover, input[type="tel"][disabled]:hover, textarea[disabled]:hover, select:not([multiple])[disabled]:hover, .chosen-container .chosen-choices[disabled]:hover, .chosen-container-single .chosen-single[disabled]:hover, .chosen-single .chosen-search-input[disabled]:hover {
            border-color: whitesmoke; }
        input[type="text"][disabled]::-webkit-input-placeholder, input[type="password"][disabled]::-webkit-input-placeholder, input[type="number"][disabled]::-webkit-input-placeholder, input[type="email"][disabled]::-webkit-input-placeholder, input[type="tel"][disabled]::-webkit-input-placeholder, textarea[disabled]::-webkit-input-placeholder, select:not([multiple])[disabled]::-webkit-input-placeholder, .chosen-container .chosen-choices[disabled]::-webkit-input-placeholder, .chosen-container-single .chosen-single[disabled]::-webkit-input-placeholder, .chosen-single .chosen-search-input[disabled]::-webkit-input-placeholder {
            color: #D4D4D7;
            opacity: 1; }
        input[type="text"][disabled]:-moz-placeholder, input[type="password"][disabled]:-moz-placeholder, input[type="number"][disabled]:-moz-placeholder, input[type="email"][disabled]:-moz-placeholder, input[type="tel"][disabled]:-moz-placeholder, textarea[disabled]:-moz-placeholder, select:not([multiple])[disabled]:-moz-placeholder, .chosen-container .chosen-choices[disabled]:-moz-placeholder, .chosen-container-single .chosen-single[disabled]:-moz-placeholder, .chosen-single .chosen-search-input[disabled]:-moz-placeholder {
            color: #D4D4D7;
            opacity: 1; }
        input[type="text"][disabled]::-moz-placeholder, input[type="password"][disabled]::-moz-placeholder, input[type="number"][disabled]::-moz-placeholder, input[type="email"][disabled]::-moz-placeholder, input[type="tel"][disabled]::-moz-placeholder, textarea[disabled]::-moz-placeholder, select:not([multiple])[disabled]::-moz-placeholder, .chosen-container .chosen-choices[disabled]::-moz-placeholder, .chosen-container-single .chosen-single[disabled]::-moz-placeholder, .chosen-single .chosen-search-input[disabled]::-moz-placeholder {
            color: #D4D4D7;
            opacity: 1; }
        input[type="text"][disabled]:-ms-input-placeholder, input[type="password"][disabled]:-ms-input-placeholder, input[type="number"][disabled]:-ms-input-placeholder, input[type="email"][disabled]:-ms-input-placeholder, input[type="tel"][disabled]:-ms-input-placeholder, textarea[disabled]:-ms-input-placeholder, select:not([multiple])[disabled]:-ms-input-placeholder, .chosen-container .chosen-choices[disabled]:-ms-input-placeholder, .chosen-container-single .chosen-single[disabled]:-ms-input-placeholder, .chosen-single .chosen-search-input[disabled]:-ms-input-placeholder {
            color: #D4D4D7;
            opacity: 1; }
        input[type="text"][disabled]::-ms-input-placeholder, input[type="password"][disabled]::-ms-input-placeholder, input[type="number"][disabled]::-ms-input-placeholder, input[type="email"][disabled]::-ms-input-placeholder, input[type="tel"][disabled]::-ms-input-placeholder, textarea[disabled]::-ms-input-placeholder, select:not([multiple])[disabled]::-ms-input-placeholder, .chosen-container .chosen-choices[disabled]::-ms-input-placeholder, .chosen-container-single .chosen-single[disabled]::-ms-input-placeholder, .chosen-single .chosen-search-input[disabled]::-ms-input-placeholder {
            color: #D4D4D7;
            opacity: 1; }
        input[type="text"][disabled]::placeholder, input[type="password"][disabled]::placeholder, input[type="number"][disabled]::placeholder, input[type="email"][disabled]::placeholder, input[type="tel"][disabled]::placeholder, textarea[disabled]::placeholder, select:not([multiple])[disabled]::placeholder, .chosen-container .chosen-choices[disabled]::placeholder, .chosen-container-single .chosen-single[disabled]::placeholder, .chosen-single .chosen-search-input[disabled]::placeholder {
            color: #D4D4D7;
            opacity: 1; }
    input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select:not([multiple])::-webkit-input-placeholder, .chosen-container .chosen-choices::-webkit-input-placeholder, .chosen-container-single .chosen-single::-webkit-input-placeholder, .chosen-single .chosen-search-input::-webkit-input-placeholder {
        color: #B5B5B8;
        opacity: 1; }
    input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, textarea:-moz-placeholder, select:not([multiple]):-moz-placeholder, .chosen-container .chosen-choices:-moz-placeholder, .chosen-container-single .chosen-single:-moz-placeholder, .chosen-single .chosen-search-input:-moz-placeholder {
        color: #B5B5B8;
        opacity: 1; }
    input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, select:not([multiple])::-moz-placeholder, .chosen-container .chosen-choices::-moz-placeholder, .chosen-container-single .chosen-single::-moz-placeholder, .chosen-single .chosen-search-input::-moz-placeholder {
        color: #B5B5B8;
        opacity: 1; }
    input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:not([multiple]):-ms-input-placeholder, .chosen-container .chosen-choices:-ms-input-placeholder, .chosen-container-single .chosen-single:-ms-input-placeholder, .chosen-single .chosen-search-input:-ms-input-placeholder {
        color: #B5B5B8;
        opacity: 1; }
    input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder, select:not([multiple])::-ms-input-placeholder, .chosen-container .chosen-choices::-ms-input-placeholder, .chosen-container-single .chosen-single::-ms-input-placeholder, .chosen-single .chosen-search-input::-ms-input-placeholder {
        color: #B5B5B8;
        opacity: 1; }
    input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder, select:not([multiple])::placeholder, .chosen-container .chosen-choices::placeholder, .chosen-container-single .chosen-single::placeholder, .chosen-single .chosen-search-input::placeholder {
        color: #B5B5B8;
        opacity: 1; }
    input[type="text"].short, input[type="password"].short, input[type="number"].short, input[type="email"].short, input[type="tel"].short, textarea.short, select:not([multiple]).short, .chosen-container .chosen-choices.short, .chosen-container-single .chosen-single.short, .chosen-single .chosen-search-input.short {
        max-width: 60px; }
    input[type="text"].fullwidth, input[type="password"].fullwidth, input[type="number"].fullwidth, input[type="email"].fullwidth, input[type="tel"].fullwidth, textarea.fullwidth, select:not([multiple]).fullwidth, .chosen-container .chosen-choices.fullwidth, .chosen-container-single .chosen-single.fullwidth, .chosen-single .chosen-search-input.fullwidth {
        display: block;
        width: 100%; }
    input[type="text"].inline, input[type="password"].inline, input[type="number"].inline, input[type="email"].inline, input[type="tel"].inline, textarea.inline, select:not([multiple]).inline, .chosen-container .chosen-choices.inline, .chosen-container-single .chosen-single.inline, .chosen-single .chosen-search-input.inline {
        display: inline;
        width: auto; }
    input[type="text"].small, input[type="password"].small, input[type="number"].small, input[type="email"].small, input[type="tel"].small, textarea.small, select:not([multiple]).small, .chosen-container .chosen-choices.small, .chosen-container-single .chosen-single.small, .chosen-single .chosen-search-input.small {
        font-size: 1em; }
    input[type="text"].medium, input[type="password"].medium, input[type="number"].medium, input[type="email"].medium, input[type="tel"].medium, textarea.medium, select:not([multiple]).medium, .chosen-container .chosen-choices.medium, .chosen-container-single .chosen-single.medium, .chosen-single .chosen-search-input.medium {
        font-size: 1.25em; }
    input[type="text"].large, input[type="password"].large, input[type="number"].large, input[type="email"].large, input[type="tel"].large, textarea.large, select:not([multiple]).large, .chosen-container .chosen-choices.large, .chosen-container-single .chosen-single.large, .chosen-single .chosen-search-input.large {
        font-size: 1.5em; }

input[type="number"] {
    padding-right: 0px; }

textarea {
    min-width: 100%;
    resize: vertical; }
    textarea:not([rows]) {
        max-height: 600px;
        min-height: 120px; }
    textarea[rows] {
        height: initial; }

button, input[type="button"], input[type="submit"], span.button {
    background-color: #FFFFFF;
    border: 1px solid #0A75C2;
    color: #0A75C2;
    display: inline-block;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    background-image: none;
    cursor: pointer;
    width: 110px;
    height: 29px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 4px; }
    button:not([disabled]):hover, input[type="button"]:not([disabled]):hover, input[type="submit"]:not([disabled]):hover, span.button:not([disabled]):hover {
        -webkit-filter: brightness(0.95);
                filter: brightness(0.95); }
    button:not([disabled]):active, input[type="button"]:not([disabled]):active, input[type="submit"]:not([disabled]):active, span.button:not([disabled]):active {
        -webkit-filter: brightness(0.9);
                filter: brightness(0.9); }
    button.loading-button, input[type="button"].loading-button, input[type="submit"].loading-button, span.button.loading-button {
        position: relative; }
        button.loading-button::after, input[type="button"].loading-button::after, input[type="submit"].loading-button::after, span.button.loading-button::after {
            content: '';
            display: block;
            width: 1.2em;
            height: 1.2em;
            position: absolute;
            left: calc(50% - 0.75em);
            top: calc(50% - 0.75em);
            border: 0.15em solid transparent;
            border-right-color: #0A75C2;
            border-left-color: #0A75C2;
            border-radius: 50%;
            -webkit-animation: loading-button 0.7s linear infinite;
                    animation: loading-button 0.7s linear infinite;
            opacity: 0; }
        button.loading-button.loading, input[type="button"].loading-button.loading, input[type="submit"].loading-button.loading, span.button.loading-button.loading {
            color: transparent !important; }
            button.loading-button.loading::after, input[type="button"].loading-button.loading::after, input[type="submit"].loading-button.loading::after, span.button.loading-button.loading::after {
                opacity: 1; }
    button.inverse, button.primary, input[type="button"].inverse, input[type="button"].primary, input[type="submit"].inverse, input[type="submit"].primary, span.button.inverse, span.button.primary {
        background-color: #0A75C2;
        color: #FFFFFF; }
        button.inverse.loading-button::after, button.primary.loading-button::after, input[type="button"].inverse.loading-button::after, input[type="button"].primary.loading-button::after, input[type="submit"].inverse.loading-button::after, input[type="submit"].primary.loading-button::after, span.button.inverse.loading-button::after, span.button.primary.loading-button::after {
            border-right-color: #FFFFFF;
            border-left-color: #FFFFFF; }
    button.secondary, input[type="button"].secondary, input[type="submit"].secondary, span.button.secondary {
        background-color: #E1ECF4;
        border: 1px solid #CFE9FC; }
    button.danger, input[type="button"].danger, input[type="submit"].danger, span.button.danger {
        color: #FFFFFF;
        background-color: #FF3D3D;
        border: 1px solid #ED0D0D; }
        button.danger.loading-button::after, input[type="button"].danger.loading-button::after, input[type="submit"].danger.loading-button::after, span.button.danger.loading-button::after {
            border-right-color: #FFFFFF;
            border-left-color: #FFFFFF; }
    button[disabled], input[type="button"][disabled], input[type="submit"][disabled], span.button[disabled] {
        cursor: not-allowed; }

@-webkit-keyframes loading-button {
    from {
        -webkit-transform: rotate(0);
                transform: rotate(0); }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); } }

@keyframes loading-button {
    from {
        -webkit-transform: rotate(0);
                transform: rotate(0); }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); } }

.link-button {
    color: #0A75C2;
    cursor: pointer;
    padding: 5px 2px;
    text-decoration: none; }
    .link-button i {
        margin-right: 5px; }
    .link-button:hover {
        color: #333336; }

select:not([multiple]) {
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 0.5px 1.6em 0.5px 5px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    select:not([multiple]):-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000; }
    select:not([multiple]):not([multiple])::-ms-expand {
        display: none; }

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top;
    margin-top: -0.05em;
    -webkit-transform: translateX(2px) translateY(1px);
            transform: translateX(2px) translateY(1px); }
    .select:not([disabled])::after {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        content: "\f0d7";
        display: block;
        margin-top: -0.55em;
        pointer-events: none;
        position: absolute;
        top: 50%;
        right: 0.7em; }
    .select.fullwidth {
        width: 100%; }

option {
    color: #000;
    font-size: 14px; }

.chosen-container.chosen-container-multi .chosen-choices {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 20px; }
    .chosen-container.chosen-container-multi .chosen-choices li.search-field input[type=text].chosen-search-input {
        padding: 0px;
        height: 1.648em;
        line-height: 1.5;
        margin: 0px; }
    .chosen-container.chosen-container-multi .chosen-choices li.search-choice {
        padding: 0px;
        padding-left: 2px;
        margin: 0px 2px;
        height: 1.5em;
        border-radius: 2px;
        background-color: #E1ECF4;
        border-color: transparent;
        -webkit-transform: translateY(0.105em) translateX(-6px);
                transform: translateY(0.105em) translateX(-6px); }
        .chosen-container.chosen-container-multi .chosen-choices li.search-choice span {
            -webkit-transform: translateY(-2.5px);
                    transform: translateY(-2.5px);
            padding: 0px 22px 0px 2px; }
        .chosen-container.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close {
            background: none;
            margin-right: 1px;
            top: 3px; }
            .chosen-container.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close::after {
                font-family: "Font Awesome 5 Pro";
                font-weight: 900;
                content: "\f00d";
                font-size: 12px;
                color: #333336;
                padding: 1px 3px;
                border-radius: 4px; }
            .chosen-container.chosen-container-multi .chosen-choices li.search-choice a.search-choice-close:hover::after {
                background-color: #333336;
                color: #E1ECF4; }

.chosen-container.chosen-container-multi .chosen-results .no-results {
    background: none; }
    .chosen-container.chosen-container-multi .chosen-results .no-results > span:last-child {
        display: none; }

.chosen-container.chosen-container-multi .chosen-results li {
    height: 1.55em;
    line-height: 0.8; }
    .chosen-container.chosen-container-multi .chosen-results li.active-result.highlighted {
        background-color: #0A75C2; }
    .chosen-container.chosen-container-multi .chosen-results li.result-selected {
        display: none; }

.chosen-container.chosen-container-single {
    height: auto; }
    .chosen-container.chosen-container-single .chosen-single {
        width: 100%; }
        .chosen-container.chosen-container-single .chosen-single > span {
            position: absolute;
            top: 0px; }
        .chosen-container.chosen-container-single .chosen-single > input {
            display: none; }
        .chosen-container.chosen-container-single .chosen-single > div:last-child {
            display: none; }
        .chosen-container.chosen-container-single .chosen-single input[type=text].chosen-search-input {
            margin: 0px; }
    .chosen-container.chosen-container-single .chosen-results {
        padding: 0px;
        margin: 0px; }
        .chosen-container.chosen-container-single .chosen-results .no-results {
            background: none; }
            .chosen-container.chosen-container-single .chosen-results .no-results > span:last-child {
                display: none; }
        .chosen-container.chosen-container-single .chosen-results li {
            height: 1.55em;
            line-height: 0.8; }
            .chosen-container.chosen-container-single .chosen-results li.active-result.highlighted {
                background-color: #0A75C2; }

.chosen-container.chosen-disabled {
    opacity: 1 !important; }
    .chosen-container.chosen-disabled * {
        cursor: default !important; }
    .chosen-container.chosen-disabled .chosen-choices {
        border-color: #D4D4D7;
        -webkit-box-shadow: none;
                box-shadow: none; }
        .chosen-container.chosen-disabled .chosen-choices a.search-choice-close {
            display: none; }
        .chosen-container.chosen-disabled .chosen-choices .search-choice span {
            padding-right: 5px; }

.password-field input {
    padding-right: 32px; }

.password-field > i:not(.validation-icon) {
    position: absolute;
    right: 0.7em;
    top: 50%;
    margin-top: -0.55em;
    display: inline-block;
    color: #0A75C2;
    cursor: pointer; }
    .control .password-field > i:not(.validation-icon) {
        right: 0.5em;
        margin-top: -0.6em; }

.multiselect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%; }

.multiselect > div {
    -webkit-box-flex: 5;
        -ms-flex: 5;
            flex: 5;
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.multiselect > div:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    text-align: center;
    margin: auto 0;
    padding: 0 15px;
    -ms-flex-item-align: center;
        align-self: center; }

.multiselect > div > select {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    min-height: 150px;
    padding: 2px;
    border: 1px solid #B5B5B8;
    font-size: 14px; }

.multiselect > div > button {
    color: #0A75C2;
    background-color: #fff;
    border: 1px solid #D4D4D7;
    width: 60px; }

.multiselect > div > button:hover {
    background-color: #CFE9FC; }

.multiselect > div > button:not(:last-child) {
    border-bottom: 0px; }

.multiselect > div > button:first-child {
    border-top-left-radius: 0.15rem;
    border-top-right-radius: 0.15rem; }

.multiselect > div > button:last-child {
    border-bottom-left-radius: 0.15rem;
    border-bottom-right-radius: 0.15rem; }

.multiselect > div > button:first-child:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f101";
    font-size: 16px; }

.multiselect > div > button:nth-child(2):after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f105";
    font-size: 16px; }

.multiselect > div > button:nth-child(3):after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f104";
    font-size: 16px; }

.multiselect > div > button:last-child:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f100";
    font-size: 16px; }

.multiselect > div > legend {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none; }

.multiselect input[name=q] {
    border: 1px solid #B5B5B8;
    border-bottom: 0px; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards; }

@keyframes autofill {
    100% {
        background: transparent;
        color: inherit; } }

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit; } }

.fileUpload {
    position: relative;
    overflow: hidden;
    cursor: pointer !important;
    margin-left: 5px; }

.fileUpload input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer; }

.fileUpload span {
    pointer-events: none; }

.fileUpload.button {
    height: 1.79em; }

.multitext {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .multitext > div.select {
        display: inline-block; }
        .multitext > div.select > select {
            background-color: #E5E5E8; }
            .multitext > div.select > select > option {
                background-color: white; }
    .multitext > div.text-container {
        position: relative;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .multitext > div.text-container input[type="text"] {
            opacity: 0;
            position: absolute;
            left: 0px;
            margin-left: 0px; }

/*#endregion HTML element base styles*/
/*#region General layout*/
.main {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.header {
    min-height: 54px;
    border-bottom: 2px solid #E9E9E9; }
    .header.title-drop {
        min-height: 70px; }

.header-logo {
    display: inline-block;
    height: 100%;
    width: 180px;
    margin: 5px 0 5px 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/vocantas.png"); }

.header-title {
    width: auto;
    display: table;
    text-align: center;
    margin: 0px auto;
    text-overflow: ellipsis;
    font-weight: 400; }

.header-title-wrapper {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    padding-top: 14px; }

.header-title-wrapper.drop > .header-title {
    padding-top: 30px; }

.content {
    position: relative;
    background: #F9F9F9;
    padding: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: auto; }

.content-container {
    margin: 30px auto 0px;
    padding: 0px 10px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .content-container.small {
        max-width: 1000px; }
    .content-container.medium {
        max-width: 1200px; }
    .content-container.large {
        max-width: 1400px; }
    .content-container.hidden {
        opacity: 0; }
    .content-container .action-button-wrapper {
        padding: 5px 0px;
        margin-bottom: 20px; }

.action-button-wrapper {
    margin-top: auto;
    margin-bottom: -20px;
    padding: 10px 5px 14px;
    height: 25px;
    width: 100%;
    text-align: right; }
    .ui-dialog .action-button-wrapper {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 10px 25px 14px;
        border-top: 1px solid #D4D4D7; }
    .pullout-view-inner .action-button-wrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        padding-right: 46px;
        margin-bottom: 25px; }

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.IsiOS {
    font-size: 16px !important; }

.config-nav {
    padding: 2px 10px; }
    .config-nav .config-nav-search {
        position: relative;
        margin-bottom: 16px; }
        .config-nav .config-nav-search input {
            display: block;
            width: 88%;
            margin: 0 auto;
            height: 38px;
            border-radius: 18px;
            padding-left: 18px;
            padding-right: 32px; }
        .config-nav .config-nav-search i {
            position: absolute;
            top: calc(50% - 6px);
            right: 28px;
            display: inline-block;
            color: #B5B5B8;
            pointer-events: none; }
    .config-nav .config-nav-collapse-controls {
        width: 100%;
        text-align: right;
        margin-bottom: 8px; }
        .config-nav .config-nav-collapse-controls button {
            background: none !important;
            border: none !important;
            color: #0A75C2 !important;
            font-weight: 400;
            font-size: 1em;
            width: auto;
            min-width: 90px; }
    .config-nav .config-nav-section {
        margin: 20px 0 24px 0; }
        .config-nav .config-nav-section .icon-header i {
            width: 16px;
            height: 16px;
            text-align: center;
            margin-left: 4px;
            margin-right: 12px; }
        .config-nav .config-nav-section .icon-header i.collapser {
            top: 2px; }
        .config-nav .config-nav-section .icon-header.active * {
            color: #F68933; }
        .config-nav .config-nav-section h2 {
            font-weight: bold;
            font-size: 1.1em;
            line-height: 20px;
            margin: 0; }
        .config-nav .config-nav-section .section-links {
            padding: 0 0 0 40px; }
        .config-nav .config-nav-section .section-links a {
            color: #666669;
            text-decoration: none;
            display: block;
            margin: 12px 0 14px 0;
            font-size: 1.05em; }
            .config-nav .config-nav-section .section-links a.active {
                text-decoration: underline;
                color: #333336;
                cursor: default; }
            .config-nav .config-nav-section .section-links a:visited:not(.active) {
                color: #666669; }
            .config-nav .config-nav-section .section-links a:hover:not(.active) {
                color: #0A75C2;
                text-decoration: underline; }

/*#endregion General layout*/
/*#region NEW Form layout*/
.fieldset {
    padding: 10px;
    margin: 10px auto;
    border: 1px solid #D4D4D7;
    border-radius: 0.15rem;
    width: 100%;
    position: relative;
    background-color: #fff; }
    .fieldset.flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .fieldset.scroll {
        overflow-y: auto; }
    .fieldset.no-box {
        border: none; }
        .fieldset.no-box .fieldset {
            width: calc(100% + 20px);
            -webkit-transform: translateX(-10px);
                    transform: translateX(-10px); }
    .fieldset legend {
        display: block;
        min-width: 100%;
        -webkit-box-flex: 2;
            -ms-flex: 2;
                flex: 2;
        padding: 0px 0px 2px 8px;
        margin-bottom: 20px;
        border-bottom: 1px solid #E5E5E8;
        font-size: 16px;
        color: #333336;
        background-color: inherit; }
    .fieldset > legend {
        position: sticky;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
        z-index: 1;
        top: 0px;
        left: 0px;
        padding: 10px 0px 2px 8px; }

.field:not(:last-child) {
    margin-bottom: 0.75rem; }

.field-label label {
    color: #111114;
    display: block;
    font-size: 14px;
    font-weight: 400; }

.field-label label:not(:last-child) {
    margin-bottom: 0.5em; }

.field-body {
    padding-right: 5px;
    position: relative; }
    .field-body .field .field {
        margin-bottom: 0; }
    .field-body .field span {
        white-space: nowrap;
        line-height: 1.65;
        width: 100%; }
        .field-body .field span input {
            display: inline-block; }

.field-display-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
    width: 100% !important; }

.fieldset > .field-display-container {
    padding: 10px; }

.field-display {
    display: inline-block;
    line-height: 1.5em;
    margin: 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    min-width: 140px; }

.field-display.grow {
    -webkit-box-flex: 16;
        -ms-flex: 16 0 50%;
            flex: 16 0 50%;
    min-width: 280px; }

.field-display > label {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95%; }

.field-display > label:nth-of-type(odd) {
    color: #111114;
    font-weight: 500; }

.field-display > label:nth-of-type(even) {
    margin: 4px 0px;
    color: #666669;
    font-weight: 400; }

@media screen and (max-width: 768px) {
    .field-label {
        margin-bottom: 0.5rem; }
        .field-label.spacer {
            display: none; }
    .field-label label {
        font-weight: 700; }
    .field-body .field.inline {
        display: inline-block;
        margin-bottom: 0.75rem; }
        .field-body .field.inline:not(:last-child) {
            margin-right: 0.75rem; } }

@media screen and (min-width: 769px), print {
    .field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .field label.radio, .field label.checkbox {
            padding-top: 0.29em; }
    .field-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 6;
            -ms-flex-positive: 6;
                flex-grow: 6;
        -ms-flex-negative: 1;
            flex-shrink: 1;
        padding-right: 10px; }
        .field-body .field {
            margin-bottom: 0;
            display: block;
            min-height: 28px;
            vertical-align: middle; }
            .field-body .field.static {
                -ms-flex-preferred-size: 0%;
                    flex-basis: 0%; }
            .field-body .field .toggle {
                margin-bottom: -0.75em; }
        .field-body > .field {
            -ms-flex-negative: 1;
                flex-shrink: 1; }
    .field-body > .field:not(.narrow) {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
    .field-body > .field:not(:last-child) {
        margin-right: 0.75rem; }
    .field-label {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 0.8rem;
        text-align: right;
        padding-top: 0.195em;
        white-space: nowrap; }
        .field-label.spacer {
            opacity: 0; }
        .field-label.small {
            font-size: 1rem; }
        .field-label.medium {
            font-size: 1.25rem; }
        .field-label.large {
            font-size: 1.5rem; } }

.control {
    clear: both;
    font-size: 14px;
    position: relative;
    text-align: left;
    min-height: 28px; }
    .control input[type="text"], .control input[type="password"], .control input[type="number"], .control input[type="email"], .control input[type="tel"], .control textarea, .control select:not([multiple]) {
        width: 100%; }
    .control .ui-datepicker-trigger {
        margin-top: 2px;
        position: absolute;
        right: 0px;
        top: 0px; }

.field-info {
    display: block;
    font-size: 0.72rem;
    margin-left: 0.3rem;
    padding-top: 0.15rem;
    color: #666669; }
    .field-info:empty {
        display: none; }
    .field-info.help {
        color: #0A75C2; }
    .field-info.success {
        color: #00C04E; }
    .field-info.warning {
        color: #ffdd57; }
    .field-info.error {
        color: #ED0D0D; }
    .field-body .field-info span {
        line-height: initial;
        white-space: normal; }

.sidenav span {
    display: block;
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #D4D4D7;
    padding: 0px 8px;
    cursor: pointer; }
    .sidenav span:hover {
        background: #CFE9FC; }
    .sidenav span.active {
        background: #0A75C2 !important;
        color: #FFFFFF;
        width: calc(100% + 2px);
        -webkit-transform: translateX(-1px);
                transform: translateX(-1px);
        cursor: auto; }
    .sidenav span:last-child {
        border-bottom: none; }
    .sidenav span i {
        float: right;
        line-height: 40px; }

/*#endregion NEW Form layout*/
/*#region OLD Flex form styles*/
.form-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 10px;
    margin: 10px 0px;
    border: 1px solid #D4D4D7;
    border-radius: 0.15rem;
    min-width: 540px;
    max-width: 1112px; }

.form-container.no-max {
    max-width: unset; }

.form-container > legend, legend.form-legend {
    display: block;
    min-width: 100%;
    max-height: 25px;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    padding: 0px 0px 2px 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #E5E5E8;
    font-size: 16px;
    color: #444; }

.form-field {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px;
    min-width: 495px;
    max-width: 540px;
    position: relative;
    vertical-align: middle; }

.form-field.no-min {
    -webkit-box-flex: 1;
        -ms-flex: 1 2 20em;
            flex: 1 2 20em;
    min-width: unset; }

.form-field > label {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-right: 3px;
    text-align: left; }

.form-field > input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.form-field select {
    width: calc(100% - 4px);
    margin-left: 2px; }

.form-field > .password-field {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.form-field > .password-field > input {
    width: calc(100% - 1px);
    margin-left: 2px; }

.form-field .ui-datepicker-trigger {
    margin: 10px 5px 0px -25px; }

.form-field.small {
    min-width: 75px;
    max-width: 200px;
    -webkit-box-flex: 0.15;
        -ms-flex: 0.15;
            flex: 0.15; }

.form-field.small-input > input {
    min-width: 75px;
    max-width: 100px;
    -webkit-box-flex: 0.15;
        -ms-flex: 0.15;
            flex: 0.15; }

@media all and (min-width: 550px) {
    .form-field.full-line {
        margin-right: calc(100% - 540px); } }

/*#endregion OLD Flex form styles*/
/*#region table-tools styles*/
div.table-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 2px 2px 2px; }
    div.table-tools .ui-datepicker-trigger {
        margin-top: 2px; }

div.table-tools-left, div.table-tools-center, div.table-tools-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

div.table-tools-left {
    text-align: left; }

div.table-tools-center {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    text-align: center; }

div.table-tools-right {
    text-align: right; }

div.table-tools-left > :last-child {
    margin-right: auto; }

div.table-tools-right > :first-child {
    margin-left: auto; }

/*#endregion table-tools styles*/
ul.selection-list,
ol.selection-list {
    list-style: none;
    padding: 0px; }
    ul.selection-list li,
    ol.selection-list li {
        width: 100%;
        display: block;
        text-decoration: none;
        padding: 10px 20px;
        margin: 0px;
        position: relative;
        line-height: 1;
        cursor: pointer; }
        ul.selection-list li:hover,
        ol.selection-list li:hover {
            background-color: #CFE9FC; }
        ul.selection-list li.active,
        ol.selection-list li.active {
            background-color: #0A75C2;
            color: #fff; }

/*#region Icon button*/
div.icon-button {
    color: #666669;
    width: auto;
    min-width: 35px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    div.icon-button.active, div.icon-button:hover {
        color: #333336; }
        div.icon-button.active i, div.icon-button:hover i {
            color: #333336; }
    div.icon-button.invisible {
        opacity: 0;
        pointer-events: none;
        max-width: 0px;
        min-width: 0px;
        width: 0px;
        padding: 0px;
        margin: 0px; }
    div.icon-button i {
        color: #0A75C2;
        display: block;
        margin: 0px auto;
        width: 100%;
        max-height: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 18px; }
    div.icon-button.red i {
        color: #ED0D0D; }
    div.icon-button span {
        margin-top: -2px;
        font-size: 10px;
        display: block; }
    div.icon-button.dropdown {
        margin-right: 10px; }
        div.icon-button.dropdown > i {
            width: 100%; }
            div.icon-button.dropdown > i::after {
                font-family: "Font Awesome 5 Pro";
                font-weight: 900;
                content: "\f0d7";
                font-size: 16px;
                padding-left: 5px;
                margin-right: -7px; }
        div.icon-button.dropdown > .dropdown-content {
            display: none;
            position: absolute;
            background-color: #FDFDFF;
            min-width: 160px;
            z-index: 1;
            cursor: auto;
            border: 1px solid #D4D4D7; }
        div.icon-button.dropdown.active .dropdown-content {
            display: block; }

div.icon-button-slider {
    display: inline-block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap; }
    div.icon-button-slider:hover div.icon-button-slider-icon {
        color: #333336; }
        div.icon-button-slider:hover div.icon-button-slider-icon i {
            color: #333336; }
    div.icon-button-slider:hover .icon-button-slider-arrow i {
        color: #333336; }
    div.icon-button-slider.open:hover div.icon-button-slider-icon {
        color: #333336; }
    div.icon-button-slider.open:hover div.icon-button-slider-icon i {
        color: #333336; }
    div.icon-button-slider.open:hover .icon-button-slider-arrow i {
        color: #333336; }
    div.icon-button-slider.open div.icon-button-slider-container {
        max-width: 600px;
        padding: 0px 5px; }
    div.icon-button-slider.open div.icon-button-slider-arrow {
        -webkit-transform: scaleX(-1);
                transform: scaleX(-1); }
    div.icon-button-slider div.icon-button-slider-arrow {
        color: #0A75C2;
        display: inline-block;
        position: relative;
        bottom: 9px;
        text-align: center;
        cursor: pointer;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s; }

div.icon-button-slider-container {
    display: inline-block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 0;
    height: 38px;
    margin-bottom: -2px;
    overflow: hidden;
    background-color: #f1f1f1;
    -webkit-transition: max-width 0.5s, padding 0.5s;
    transition: max-width 0.5s, padding 0.5s; }
    div.icon-button-slider-container div.icon-button {
        margin-top: -3px; }

div.icon-button-slider-arrow i {
    font-size: 16px; }

/*#endregion Icon button*/
/*#region Icon Header*/
.icon-header {
    cursor: pointer;
    position: relative; }

.icon-header i {
    color: #0A75C2;
    float: left;
    margin: 2.5px 10px 0 0;
    width: 35px;
    text-align: right; }

.icon-header i.collapser {
    position: absolute;
    right: -10px;
    top: 8px; }

.icon-header h2 {
    color: #0A75C2;
    display: inline;
    margin-right: 3px; }

.icon-header span {
    color: #666669;
    font-size: 0.72rem;
    display: block;
    padding-left: 46px;
    width: calc(100% - 40px); }

/*#endregion Icon Header*/
/*#region ColumnConfig styles*/
.columnConfig-columnsList {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3; }
    .single-column .columnConfig-columnsList {
        -webkit-columns: 1;
           -moz-columns: 1;
                columns: 1; }
    .columnConfig-columnsList li.column-entry.column-placeholder {
        height: 34px;
        border-radius: 1px;
        border: 1px dashed #111114;
        background: #E5E5E8;
        opacity: 0.15; }

.columnConfig-columnsActions {
    border-top: 1px solid #D4D4D7; }
    .columnConfig-columnsActions > div {
        display: inline-block;
        width: 50%;
        height: 34px;
        padding: 10px 20px;
        cursor: pointer; }
        .single-column .columnConfig-columnsActions > div {
            padding: 10px 5px; }
    .columnConfig-columnsActions > div:first-child {
        border-right: 1px solid #D4D4D7; }
    .columnConfig-columnsActions > div:hover {
        background-color: #CFE9FC; }

/*#endregion*/
/*#region drag-handle styles*/
.drag-handle {
    height: 32px;
    width: 20px;
    position: absolute;
    right: 0px;
    top: 1px;
    cursor: -webkit-grab;
    cursor: grab; }
    .drag-handle:focus {
        cursor: -webkit-grabbing;
        cursor: grabbing; }
    .drag-handle i {
        pointer-events: none; }

/*#endregion drag-handle styles*/
/*#region Sticky styles*/
.sticky-queue {
    z-index: 100;
    position: fixed;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 40%;
    min-width: 320px; }
    .sticky-queue .sticky {
        font-size: 16px;
        color: #111114;
        display: none;
        padding: 20px 10px;
        position: relative;
        border-bottom: 1px solid #B5B5B8; }
        .sticky-queue .sticky.blue {
            background-color: #0A75C2;
            color: #fff;
            border-color: #333336; }
            .sticky-queue .sticky.blue a.notification {
                border-color: #fff; }
        .sticky-queue .sticky.red {
            background-color: #FF3D3D;
            color: #FDFDFF;
            border-color: #666669; }
            .sticky-queue .sticky.red a.notification {
                border-color: #FDFDFF; }
        .sticky-queue .sticky.white {
            background-color: #FDFDFF;
            color: #111114; }
            .sticky-queue .sticky.white a.notification {
                border-color: #111114; }
        .sticky-queue .sticky.green {
            background-color: #00FF7A;
            color: #333336; }
            .sticky-queue .sticky.green a.notification {
                border-color: #333336; }
        .sticky-queue .sticky.yellow {
            background-color: #FFC200;
            color: #333336; }
            .sticky-queue .sticky.yellow a.notification {
                border-color: #333336; }
        .sticky-queue .sticky span.sticky-close {
            position: absolute;
            top: 20px;
            right: 10px;
            height: 14px;
            width: 14px;
            cursor: pointer;
            -webkit-transform: translateY(-2px);
                    transform: translateY(-2px); }
            .sticky-queue .sticky span.sticky-close:before {
                content: "\2716"; }
        .sticky-queue .sticky p.sticky-note {
            padding-right: 20px;
            margin: 0;
            text-align: center; }
            .sticky-queue .sticky p.sticky-note a.notification {
                text-decoration: none;
                color: inherit; }
                .sticky-queue .sticky p.sticky-note a.notification i.action-icon {
                    margin-left: 8px; }
                .sticky-queue .sticky p.sticky-note a.notification.active:hover {
                    border-bottom: 1px solid; }

/*#endregion Sticky styles*/
#PageUpdating {
    position: relative; }

/*#region Help styles*/
.help-icon {
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    cursor: pointer; }

.help-icon.white {
    background-image: url("../images/help_white_36x36.png"); }

.help-icon.blue {
    background-image: url("../images/help_blue_36x36.png"); }

.help-contents {
    display: none; }

.wait {
    cursor: wait; }

/*#endregion Help styles*/
/*#region Pullout view*/
.pullout-view {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: right 0.5s ease, -webkit-box-shadow 0s ease 0.5s;
    transition: right 0.5s ease, -webkit-box-shadow 0s ease 0.5s;
    transition: right 0.5s ease, box-shadow 0s ease 0.5s;
    transition: right 0.5s ease, box-shadow 0s ease 0.5s, -webkit-box-shadow 0s ease 0.5s;
    z-index: 20; }
    .pullout-view.quarter {
        width: 25%;
        right: -25%; }
    .pullout-view.half {
        width: 50%;
        right: -50%; }
    .pullout-view.active {
        right: 0px;
        -webkit-box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.28);
                box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.28);
        -webkit-transition: right 0.5s ease;
        transition: right 0.5s ease; }
        .pullout-view.active > .pullout-view-tab {
            left: -1px;
            -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
                    transform: rotate(180deg) translate3d(0, 0, 0);
            -webkit-box-shadow: -2px -1px 8px -4px #111114;
                    box-shadow: -2px -1px 8px -4px #111114; }
            .pullout-view.active > .pullout-view-tab:hover {
                -webkit-box-shadow: -2px -1px 10px -6px #111114;
                        box-shadow: -2px -1px 10px -6px #111114; }
            .pullout-view.active > .pullout-view-tab div:first-child {
                display: none; }
    .pullout-view:not(.active) > .pullout-view-inner {
        overflow: hidden; }
    .pullout-view:not(.active) > .pullout-view-tab div:last-child {
        display: none; }
    .pullout-view > .pullout-view-inner {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
    .pullout-view > .pullout-view-tab {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        position: absolute;
        top: 60px;
        left: -36px;
        width: 36px;
        height: 120px;
        background: #333336;
        cursor: pointer;
        z-index: 2;
        border-top-left-radius: 50% 20%;
        border-bottom-left-radius: 50% 20%;
        -webkit-box-shadow: -2px 1px 8px -4px #111114;
                box-shadow: -2px 1px 8px -4px #111114; }
        .pullout-view > .pullout-view-tab:hover {
            background: #0A75C2;
            -webkit-box-shadow: -2px 1px 10px -6px #111114;
                    box-shadow: -2px 1px 10px -6px #111114; }
        .pullout-view > .pullout-view-tab div {
            -webkit-writing-mode: tb-rl;
                -ms-writing-mode: tb-rl;
                    writing-mode: tb-rl;
            -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
                    transform: rotate(180deg) translate3d(0, 0, 0);
            position: absolute;
            top: 0px;
            left: 12px;
            font-size: 14px;
            font-weight: 600;
            -webkit-backface-visibility: hidden;
            color: #fff;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            letter-spacing: 0.4px;
            width: 100%;
            height: 100%;
            text-align: center;
            vertical-align: middle; }

/*#endregion*/
/*#region ListBuilder styles*/
div.list-builder {
    width: 100%;
    min-width: 340px;
    min-height: 31px;
    padding: 2px; }
    div.list-builder > div > input[type="text"] {
        margin: 0;
        width: calc(100% - 110px);
        float: left; }
    div.list-builder > div > button {
        height: calc(1.79em + 1.5px);
        float: left; }
    div.list-builder > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border: 1px solid #B5B5B8; }
        div.list-builder > ul > li {
            position: relative;
            padding: 8px 48px 8px 16px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            div.list-builder > ul > li.item {
                background: #FDFDFF;
                border-top: 1px solid #E5E5E8; }
                div.list-builder > ul > li.item.clickable:hover {
                    background: #CFE9FC; }
            div.list-builder > ul > li.empty {
                color: #B5B5B8; }
            div.list-builder > ul > li .deleter {
                cursor: pointer;
                position: absolute;
                right: 0;
                top: 0;
                padding: 2px 12px;
                font-size: 18px;
                width: 32px;
                color: #0A75C2; }
                div.list-builder > ul > li .deleter:hover {
                    color: #FFF;
                    background-color: #0A75C2; }

/*#endregion*/
/*#region Validation Styles*/
.validation-message {
    min-width: 195px;
    position: relative;
    margin: 5px auto;
    border: 1px solid #00C04E;
    background: #c7f2dc;
    color: #00C04E;
    font-size: 13px;
    text-align: center;
    z-index: 1; }

.validation-message ul {
    padding: 5px 50px; }

.validation-message.error {
    background: #f7d8d6;
    color: #d63d34;
    border: 1px solid #d63d34; }

.validation-message::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("../images/valid_34x34.png");
    background-size: contain; }

.validation-message.error::after {
    background-image: url("../images/cp_invalid_34x34.png"); }

.validation-failed {
    border: 1px solid #ED0D0D !important; }

.validation-failed > legend {
    border-color: #ED0D0D;
    color: #ED0D0D; }

.validation-callout {
    color: #ED0D0D; }

i.success-icon {
    color: #00C04E;
    margin-right: 5px; }

i.warning-icon {
    color: #F68933;
    margin-right: 5px; }

i.error-icon {
    color: #ED0D0D;
    margin-right: 5px; }

/*#endregion Validation Styles*/
/*#region Login Page Specific Styles*/
#login-bg {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/login-bg.png"), #01314b;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: auto;
    /*To prevent margin collapsing*/
    color: #fff; }

#login-bg div {
    margin-right: auto;
    margin-left: auto; }

#pnlLoginFail {
    padding: 15px 45px 15px 10px; }

.login-container {
    width: 320px;
    margin-top: 20px;
    background: #FDFDFF;
    -webkit-box-shadow: 0px 0px 16px 4px rgba(180, 180, 180, 0.55);
            box-shadow: 0px 0px 16px 4px rgba(180, 180, 180, 0.55);
    padding: 18px;
    border-radius: 8px;
    color: #111114; }
    .login-container .or {
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #333336;
        font-size: 0.75em;
        margin: 12px auto;
        width: calc(100% - 58px);
        text-align: center; }
        .login-container .or::before, .login-container .or::after {
            content: "";
            position: relative;
            border-top: 1px solid #ccc;
            display: inline-block;
            vertical-align: middle;
            width: 50%;
            margin-bottom: 0.15em;
            overflow: hidden; }
        .login-container .or::before {
            right: 0.5em;
            margin-left: -50%; }
        .login-container .or::after {
            left: 0.5em;
            margin-right: -50%; }

.login-container h4 {
    text-align: center;
    margin-bottom: 30px; }

.login-customer-logo {
    margin-bottom: 32px;
    width: 250px;
    height: 90px;
    background: url("../images/login-logo.png");
    background-size: contain;
    background-position: center; }

.login-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 230px;
    height: 20px;
    padding: 10px 10px;
    margin-bottom: 20px;
    border: 1px solid #333336;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    border-radius: 4px;
    font-size: 22px;
    color: #333336; }
    .login-input-wrapper.fail {
        border-color: #FF3D3D; }

input[type=text].login-input,
input[type=password].login-input {
    width: 170px;
    margin-left: 30px;
    padding: 2px 0 0 0;
    font-size: 13.33px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    outline: none;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
    input[type=text].login-input::-webkit-input-placeholder,
    input[type=password].login-input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.8);
        opacity: 1; }
    input[type=text].login-input:-moz-placeholder,
    input[type=password].login-input:-moz-placeholder {
        color: rgba(0, 0, 0, 0.8);
        opacity: 1; }
    input[type=text].login-input::-moz-placeholder,
    input[type=password].login-input::-moz-placeholder {
        color: rgba(0, 0, 0, 0.8);
        opacity: 1; }
    input[type=text].login-input:-ms-input-placeholder,
    input[type=password].login-input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.8);
        opacity: 1; }
    input[type=text].login-input::-ms-input-placeholder,
    input[type=password].login-input::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.8);
        opacity: 1; }
    input[type=text].login-input::placeholder,
    input[type=password].login-input::placeholder {
        color: rgba(0, 0, 0, 0.8);
        opacity: 1; }

.login-checkbox-wrapper {
    text-align: center;
    vertical-align: middle; }

.login-checkbox-wrapper > label {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px; }

input[type=submit].login-button,
input[type=button].login-button,
button.login-button {
    width: 250px;
    padding: 5px 0;
    font-size: 15px;
    font-weight: bold;
    margin: auto;
    margin-top: 20px;
    display: block;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    border-radius: 4px;
    background-color: #0A75C2;
    color: #FFFFFF;
    display: block; }
    input[type=submit].login-button:not([disabled]):hover,
    input[type=button].login-button:not([disabled]):hover,
    button.login-button:not([disabled]):hover {
        -webkit-filter: brightness(0.95);
                filter: brightness(0.95); }
    input[type=submit].login-button.alternate,
    input[type=button].login-button.alternate,
    button.login-button.alternate {
        background: #F68933;
        border-color: #F68933;
        margin-top: 0px; }
    input[type=submit].login-button.loading-button::after,
    input[type=button].login-button.loading-button::after,
    button.login-button.loading-button::after {
        border-right-color: #FFFFFF;
        border-left-color: #FFFFFF; }

.login-vocantas-logo {
    width: 128px;
    height: 30px;
    margin: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url("../images/vocantas.png");
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0px;
    position: absolute; }

.login-copyright {
    font-size: 0.7em;
    padding: 6px;
    position: absolute;
    bottom: 0;
    right: 0; }

/*#endregion Login Page Specific Styles*/
/*#region ReportViewer styles*/
.report-parameters-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: hidden; }

.report-parameter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 5px;
    min-width: 300px;
    max-width: 540px;
    overflow: hidden; }
    .report-parameter .chosen-choices .search-choice span {
        margin-top: 5px; }

.report-parameter label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 95px;
    padding-right: 3px;
    text-align: right; }

.report-parameter select {
    width: calc(100% - 5px); }

.report-parameter > input, .report-parameter > .select {
    -webkit-box-flex: 100;
        -ms-flex: 100;
            flex: 100; }

.report-parameter .ui-datepicker-trigger {
    margin: -1px 5px 0px -25px; }

.report-panel-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    min-height: 100px;
    margin: 15px 2px;
    overflow: auto; }

.report-panel {
    -webkit-box-flex: 0.495;
        -ms-flex: 0.495;
            flex: 0.495;
    padding: 10px;
    min-width: 400px;
    background-color: #fefefe;
    border: 1px solid #D4D4D7;
    border-radius: 0.15rem; }

.filters-region {
    padding: 10px; }

.horizontal-list {
    display: inline-block;
    margin: 0px;
    margin-left: 15px;
    padding: 0px;
    vertical-align: middle; }

.horizontal-list ul {
    margin-top: -5px; }

.horizontal-list li {
    float: left;
    margin-right: 25px; }

.empty-data {
    display: none;
    height: 80px;
    width: 90%;
    margin: 0px auto;
    line-height: 80px;
    border: 1px solid #D4D4D7;
    text-align: center;
    background-color: #fefefe;
    border-radius: 3px; }

/*#endregion ReportViewer styles*/
/*#region JSGrid Styles*/
.jsgrid .jsgrid-delete-button-wrapper .jsgrid-delete-button {
    background-image: none;
    opacity: 0; }

.jsgrid .jsgrid-delete-button-wrapper:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f2ed";
    font-size: 14px;
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 6.5px);
    pointer-events: none;
    color: #0A75C2; }

.jsgrid .jsgrid-delete-button-wrapper:hover:after {
    color: #333336; }

.jsgrid-pager-container {
    display: block !important; }

.jsgrid-grid-header.jsgrid-header-scrollbar {
    scrollbar-color: transparent transparent;
    scrollbar-arrow-color: #0A75C2;
    scrollbar-base-color: #0A75C2;
    scrollbar-3dlight-color: #0A75C2;
    scrollbar-highlight-color: #0A75C2;
    scrollbar-track-color: #0A75C2;
    scrollbar-shadow-color: #0A75C2;
    scrollbar-darkshadow-color: #0A75C2;
    scrollbar-face-color: #0A75C2; }
    .jsgrid-grid-header.jsgrid-header-scrollbar::-webkit-scrollbar {
        visibility: hidden; }
    .jsgrid-grid-header.jsgrid-header-scrollbar::-webkit-scrollbar-track {
        background: #0A75C2; }
    .jsgrid-grid-header.jsgrid-header-scrollbar * {
        scrollbar-color: auto !important;
        scrollbar-arrow-color: #606060;
        scrollbar-base-color: #f0f0f0;
        scrollbar-3dlight-color: #f0f0f0;
        scrollbar-highlight-color: #f0f0f0;
        scrollbar-track-color: #f0f0f0;
        scrollbar-shadow-color: #f0f0f0;
        scrollbar-darkshadow-color: #f0f0f0;
        scrollbar-face-color: #cdcdcd; }
        .jsgrid-grid-header.jsgrid-header-scrollbar *::-webkit-scrollbar {
            visibility: visible; }
        .jsgrid-grid-header.jsgrid-header-scrollbar *::-webkit-scrollbar-track {
            background: unset; }

.jsgrid-header-row > .jsgrid-header-cell {
    white-space: pre-wrap; }

.jsgrid-header-sort:before {
    content: "";
    display: block;
    float: right;
    width: 0;
    height: 0;
    border-style: solid; }

.jsgrid-header-sort-asc:before {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    margin: 8px 1px 0px 5px; }

.jsgrid-header-sort-desc:before {
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    margin: 8px 1px 0px 5px; }

.jsgrid-listselect-item {
    display: inline-block;
    color: #333336;
    padding: 1px 2px;
    margin: 0px 2px 0px 0px;
    height: 1.5em;
    border-radius: 2px;
    background-color: #E1ECF4;
    border-color: transparent;
    vertical-align: middle;
    -webkit-transform: translateY(-2.5px);
            transform: translateY(-2.5px);
    max-width: calc(100% - 0px);
    overflow: hidden;
    text-overflow: ellipsis; }
    .jsgrid-listselect-item span {
        height: 1.5em;
        -webkit-transform: translateY(-2.5px);
                transform: translateY(-2.5px);
        padding: 0px 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 0px); }

.ui-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: inherit !important; }
    .ui-grid div.ui-grid-header {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
    .ui-grid div.ui-grid-body {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto; }

.ui-grid.no-row-click .ui-grid-row:hover > .ui-grid-cell {
    cursor: default; }

.ui-grid-row.no-row-click:hover > .ui-grid-cell {
    cursor: default; }

.ui-grid:not(.ui-grid-scrollable) .ui-grid-header,
.ui-grid:not(.ui-grid-scrollable) .ui-grid-body {
    overflow-y: auto !important; }

.ui-grid-header, .ui-grid-body {
    border-left-color: #E5E5E8;
    border-right-color: #E5E5E8;
    overflow-y: scroll; }

.ui-grid-header {
    margin-bottom: -1px;
    background-color: #0A75C2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }

.ui-grid-header-row .ui-grid-header-cell {
    border-color: #0A75C2 !important;
    background: #0A75C2;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 25px; }

.ui-grid-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word; }

.ui-grid-filter-row > .ui-grid-cell {
    border-color: #D4D4D7;
    border-bottom: 1px solid #E5E5E8;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.ui-grid-filter-row-visible > .ui-grid-cell {
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.ui-grid-filter-wrapper {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.ui-grid-filter-wrapper-visible {
    max-height: 100%;
    overflow: visible;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.ui-grid-filter-row.no-transition > .ui-grid-cell {
    -webkit-transition: none !important;
    transition: none !important; }

.ui-grid-filter-row.no-transition .ui-grid-filter-wrapper {
    -webkit-transition: none !important;
    transition: none !important; }

.ui-grid-filter-row > .ui-grid-cell input {
    margin: 0px;
    font-size: 14px; }

.ui-grid-filter-row > .ui-grid-cell .select {
    width: 100%;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }

.ui-grid-filter-row > .ui-grid-cell select {
    width: 100%;
    font-size: 14px; }

.ui-grid-filter-row > .ui-grid-cell .chosen-container input.chosen-search-input {
    width: 40% !important; }

.ui-grid-filter-row > .ui-grid-cell .chosen-container .chosen-choices {
    padding-right: 0px; }
    .ui-grid-filter-row > .ui-grid-cell .chosen-container .chosen-choices li.search-choice > span {
        font-size: 13px;
        float: left;
        height: 1.5em;
        -webkit-transform: translateY(2.5px);
                transform: translateY(2.5px);
        white-space: nowrap;
        overflow-x: hidden;
        overflow-y: visible;
        text-overflow: ellipsis;
        display: inline-block;
        width: calc(100% - 0px); }
    .ui-grid-filter-row > .ui-grid-cell .chosen-container .chosen-choices a.search-choice-close {
        -webkit-transform: translateY(-1px);
                transform: translateY(-1px); }

.ui-grid-filter-row > .ui-grid-cell .chosen-container .chosen-drop {
    overflow-y: auto; }

.ui-grid-filter-row > .ui-grid-cell .chosen-container .chosen-drop .chosen-results li {
    max-width: calc(100% - 0px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: visible; }

.ui-grid-filter-row > .ui-grid-cell .ui-datepicker-trigger {
    margin-top: 0.15em;
    margin-left: -20px;
    pointer-events: all; }

.ui-grid-filter-row > .ui-grid-cell input.date-field,
.ui-grid-filter-row > .ui-grid-cell input.time-field,
.ui-grid-filter-row > .ui-grid-cell input.datetime-field {
    cursor: unset; }

.ui-grid-body {
    border-bottom-color: #E5E5E8;
    max-height: 100%; }

.ui-grid-row {
    font-size: 13px;
    line-height: 23px; }

.ui-grid-row > .ui-grid-cell {
    background-color: #FDFDFF;
    border-bottom-color: #E5E5E8;
    border-right-color: #D4D4D7;
    padding-bottom: 0.3em; }

.ui-grid-row:last-child > .ui-grid-cell {
    border-bottom: none; }

.ui-grid-row:hover > .ui-grid-cell {
    background-color: #CFE9FC !important; }

.ui-grid-header-row th.ui-grid-header-cell.ui-grid-identity {
    background-color: #333336 !important;
    border-color: #333336 !important; }

.ui-grid-actionmenu {
    position: absolute;
    background-color: #FDFDFF;
    min-width: 120px;
    z-index: 1;
    cursor: auto;
    border: 1px solid #D4D4D7; }

.ui-grid-actionmenu-icon {
    font-size: 2em;
    padding: 2px; }
    .ui-grid-actionmenu-icon:hover {
        color: #0A75C2;
        cursor: pointer; }

/*#endregion JSGrid Styles*/
/*#region Pagination styles*/
.pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.15rem;
    font-size: 12px;
    padding: 0px; }

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0A75C2;
    background-color: #fff;
    border: 1px solid #D4D4D7;
    text-decoration: none;
    cursor: default; }

.page-link:hover {
    text-decoration: none;
    background-color: #CFE9FC; }

.page-link:not(:disabled):not(.disabled):not(span) {
    cursor: pointer; }

.page-item-count {
    color: #757575;
    margin-right: 5px;
    padding-top: 4px;
    display: inline-block; }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.15rem;
    border-bottom-left-radius: 0.15rem; }

.page-item:last-child .page-link {
    border-top-right-radius: 0.15rem;
    border-bottom-right-radius: 0.15rem; }

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0A75C2;
    border-color: #0A75C2; }

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6; }

/*#endregion Pagination styles*/
/*#region jQuery QueryBuilder styles*/
.query-builder .rule-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .query-builder .rule-container label, .query-builder .rule-container span {
        margin: 4px 4px 0px 4px; }

.query-builder > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

.query-builder .rule-header {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }

.query-builder .rule-operator-container {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.query-builder .rule-value-container {
    -webkit-box-flex: 300;
        -ms-flex-positive: 300;
            flex-grow: 300;
    padding-right: 2px; }
    .query-builder .rule-value-container input[type='text'] {
        width: 100%; }
    .query-builder .rule-value-container input[type='radio'] {
        margin-top: 5px; }

.query-builder .error-container {
    margin-top: 4px;
    margin-left: 2px; }

/*#endregion*/
/*#region jquery-ui Modal Styles */
.ui-button {
    padding: 0px; }

.ui-dialog {
    min-width: 380px;
    max-width: 100%;
    background: #fff;
    padding: 0;
    z-index: 1000 !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 6px;
    overflow: hidden; }
    .ui-dialog:not(.loading-dialog) {
        -webkit-box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.55);
                box-shadow: 0px 0px 18px -4px rgba(0, 0, 0, 0.55); }

.ui-dialog.message-dialog {
    z-index: 4001 !important; }

.ui-dialog.loading-dialog {
    min-width: 250px;
    z-index: 3001 !important;
    background: none; }

.ui-widget-overlay {
    background: #000;
    opacity: 0.25; }

.ui-widget-overlay ~ .ui-widget-overlay {
    opacity: 0.05; }

.ui-dialog:not(.message-dialog) .ui-dialog-titlebar {
    padding: .8em;
    border-bottom: 1px solid #D4D4D7; }

.modal-title-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat; }

.modal-title-icon.none {
    display: none; }

.modal-title-icon.type-marker {
    height: 100% !important; }

.ui-dialog .ui-dialog-title {
    width: auto;
    font-size: 18px;
    padding-left: 15px;
    width: calc(90% - 0px);
    display: inline-block;
    margin-bottom: -1px; }

.ui-dialog .ui-dialog-titlebar-close {
    height: 40px;
    width: 40px;
    right: -8px;
    top: 0;
    bottom: 0;
    margin: auto 0.8em;
    cursor: pointer;
    background: none;
    color: transparent; }
    .ui-dialog .ui-dialog-titlebar-close:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f2d3";
        font-size: 22px;
        text-indent: 0px;
        color: #D4D4D7;
        position: absolute;
        left: 10px;
        top: 9px;
        -webkit-filter: brightness(0.85);
                filter: brightness(0.85); }
    .ui-dialog .ui-dialog-titlebar-close:hover:before {
        -webkit-filter: brightness(0.8);
                filter: brightness(0.8); }
    .ui-dialog .ui-dialog-titlebar-close:active {
        background: none;
        border: none; }
        .ui-dialog .ui-dialog-titlebar-close:active:before {
            -webkit-filter: brightness(0.75);
                    filter: brightness(0.75); }

.ui-dialog .ui-dialog-content {
    padding: 20px 20px; }

.ui-dialog-content .help-icon {
    position: absolute;
    top: 8px;
    right: 8px; }

.ui-dialog-titlebar.message-dialog-titlebar {
    padding-bottom: 0; }

.ui-dialog-titlebar.message-dialog-titlebar .ui-dialog-titlebar-close {
    display: none; }

.ui-dialog .ui-dialog-buttonpane {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 10px 10px 10px;
    min-width: 70px; }

.message-dialog.ui-dialog-content {
    padding: 2px 30px; }

.message-dialog .message-icon-wrapper {
    float: left;
    height: 100%;
    margin-right: 20px; }

.message-dialog .message-icon {
    display: inline-block;
    height: 44px;
    width: 44px;
    background-size: contain; }
    .message-dialog .message-icon.confirm {
        background-image: url("../images/confirm_88x88.png"); }
    .message-dialog .message-icon.warning {
        background-image: url("../images/warning_88x88.png"); }
    .message-dialog .message-icon.error {
        background-image: url("../images/error_88x88.png"); }
    .message-dialog .message-icon.info {
        background-image: url("../images/info_88x88.png"); }
    .message-dialog .message-icon.success {
        background-image: url("../images/success_88x88.png"); }
    .message-dialog .message-icon.prompt {
        background-image: url("../images/confirm_88x88.png"); }
    .message-dialog .message-icon.selectprompt {
        background-image: url("../images/confirm_88x88.png"); }

.message-dialog .message-content {
    max-width: 260px;
    float: left; }

.message-dialog .message-text {
    overflow-wrap: break-word;
    margin-bottom: 20px; }

.modal-flex {
    min-height: calc(100% - 10px);
    height: calc(100% - 10px);
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: -20px;
    padding: 10px 20px 0px 20px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

.modal-flex > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }

.modal-flex > div:not(.validation-message):last-of-type {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

/*#endregion jquery-ui Modal Styles */
/*#region jQuery UI Accordian and Calendar Styles */
.ui-accordion .ui-widget-content,
.ui-datepicker {
    border: 1px solid #0A75C2;
    background: #ffffff;
    color: #333336;
    z-index: 1;
    min-width: 19em;
    width: auto; }

.ui-datepicker {
    border-radius: 4px;
    border-color: #D4D4D7;
    -webkit-box-shadow: 0px 0px 15px -10px #333336;
            box-shadow: 0px 0px 15px -10px #333336; }
    .ui-datepicker .ui-datepicker-header {
        color: #333336;
        font-size: 1.1em;
        text-transform: uppercase; }
    .ui-datepicker td {
        border-radius: 2px; }
        .ui-datepicker td > a {
            border-radius: 2px;
            background-color: transparent;
            color: #666669;
            text-align: center;
            line-height: 24px; }

.ui-datepicker-next, .ui-datepicker-prev {
    cursor: pointer;
    margin: 0px auto; }

.ui-datepicker-prev::before, .ui-datepicker-next::before {
    font-family: 'Font Awesome 5 Pro';
    text-decoration: none;
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    top: 5px; }

.ui-datepicker-prev::before {
    content: '\f137';
    left: 12px; }

.ui-datepicker-next::before {
    content: '\f138';
    right: 12px; }

.ui-datepicker-next > span, .ui-datepicker-prev > span {
    display: none; }

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 2px; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #0A75C2;
    background: #fff;
    font-weight: normal; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #E5E5E8; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #0A75C2;
    background: #00AFFB;
    font-weight: normal;
    color: #ffffff; }

.ui-accordion .ui-accordion-header {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    border-color: #dddddd; }

.ui-button-icon-only {
    border: none; }

.ui-datepicker-calendar .ui-state-default {
    border: none; }

.ui-datepicker-calendar .ui-state-default:not(.ui-state-active):hover {
    background-color: #E5E5E8; }

.ui-datepicker table {
    background: #fff; }

input.hasDatepicker {
    padding-right: 20px;
    cursor: pointer; }

.ui-datepicker-trigger {
    width: 20px;
    height: 20px;
    border: 0px;
    padding: 0px;
    vertical-align: initial;
    margin-left: -25px;
    background-color: transparent;
    pointer-events: none;
    z-index: 2; }

.ui-datepicker-trigger:hover {
    color: #0A75C2;
    background-color: transparent; }

.ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align: inherit; }

.ui_tpicker_hour {
    padding: 0px 5px 0px 41px;
    margin: 0px; }

.ui_tpicker_minute, .ui_tpicker_second {
    padding: 0px 5px 0px 0px;
    margin: 0px; }

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute::before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second::before {
    display: none; }

.ui-timepicker-div {
    padding-bottom: 5px; }

.ui-tabs-panel {
    border: 1px solid #D4D4D7 !important; }

.ui-tabs-active:after {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% - 2px);
    bottom: -1px;
    left: 0px;
    border: 1px solid #ffffff; }

.ui-tabs-active {
    background: none !important; }

.ui-tabs-tab {
    border: 1px solid #D4D4D7 !important;
    border-bottom: none !important; }

.ui-tabs-tab a {
    color: #444444 !important; }

.ui-tabs-active a {
    cursor: default !important; }

.ui-tabs-tab:not(.ui-tabs-active) {
    background: #E5E5E8; }

.ui-tabs .ui-tabs-nav {
    padding: 0px; }

/*#endregion jQuery UI Accordian and Calendar Styles */
/*#region jQuery UI Slider styles*/
.ui-slider {
    background: #FDFDFF;
    border: 1px solid #B5B5B8;
    height: 10px;
    position: relative;
    border-radius: 2px;
    cursor: pointer; }
    .ui-slider .ui-slider-range {
        background: #0A75C2;
        height: 10px;
        position: absolute;
        border-top: 1px solid #B5B5B8;
        border-bottom: 1px solid #B5B5B8;
        -webkit-transform: translateY(-1px);
                transform: translateY(-1px); }
        .ui-slider .ui-slider-range.draggable {
            cursor: move;
            /* fallback if grab cursor is unsupported */
            cursor: -webkit-grab;
            cursor: grab; }
            .ui-slider .ui-slider-range.draggable.ui-state-active {
                cursor: -webkit-grabbing;
                cursor: grabbing; }
        .ui-slider .ui-slider-range .range-wrapper {
            position: absolute;
            top: -40px;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            cursor: default; }
        .ui-slider .ui-slider-range .range {
            background: #fff;
            white-space: nowrap;
            border: 1px solid #B5B5B8;
            border-radius: 2px;
            font-size: 12px;
            color: #333336;
            z-index: 10;
            position: relative; }
            .ui-slider .ui-slider-range .range:after {
                content: '';
                position: absolute;
                top: 100%;
                left: 50%;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 6px solid #B5B5B8; }
        .ui-slider .ui-slider-range .range-value {
            padding: 5px 10px;
            text-align: center;
            display: inline-block;
            -webkit-transition: background 0.1s;
            transition: background 0.1s;
            cursor: text; }
        .ui-slider .ui-slider-range .range-divider {
            width: 1px;
            display: inline-block; }
            .ui-slider .ui-slider-range .range-divider:after {
                position: absolute;
                top: 0;
                left: calc(50% - 0.5px);
                width: 1px;
                height: 100%;
                background: #B5B5B8;
                content: ''; }
    .ui-slider .ui-slider-handle {
        width: 20px;
        height: 20px;
        display: block;
        border-radius: 2px;
        z-index: 10;
        cursor: move;
        /* fallback if grab cursor is unsupported */
        cursor: -webkit-grab;
        cursor: grab;
        -webkit-box-shadow: 0px 0px 2px 0px #333336;
                box-shadow: 0px 0px 2px 0px #333336;
        -webkit-transform: translateY(-2px) translateX(-2px);
                transform: translateY(-2px) translateX(-2px);
        border-color: transparent;
        background-color: #FDFDFF; }
        .ui-slider .ui-slider-handle:last-of-type {
            -webkit-transform: translateY(-2px) translateX(-2px);
                    transform: translateY(-2px) translateX(-2px); }
        .ui-slider .ui-slider-handle:focus {
            outline: none;
            background-color: #333336; }
        .ui-slider .ui-slider-handle.ui-state-active {
            cursor: -webkit-grabbing;
            cursor: grabbing;
            background-color: #333336; }

/*#endregion*/
/*#region Loader Styles */
.loader-circle {
    position: absolute;
    left: 50%;
    top: 40%;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 4px rgba(207, 233, 252, 0.15);
            box-shadow: inset 0 0 0 4px rgba(207, 233, 252, 0.15);
    margin-left: -40px;
    margin-top: -40px; }

.loader-line-mask {
    position: absolute;
    left: 50%;
    top: 40%;
    width: 40px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    overflow: hidden;
    -webkit-transform-origin: 40px 40px;
            transform-origin: 40px 40px;
    mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000));
    mask-image: linear-gradient(to top, transparent, #000);
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000));
    -webkit-mask-image: linear-gradient(to top, transparent, #000);
    -webkit-animation: loader-rotate 1.2s infinite linear;
            animation: loader-rotate 1.2s infinite linear; }

.loader-line-mask .loader-line {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 4px #CFE9FC;
            box-shadow: inset 0 0 0 4px #CFE9FC; }

/*Hacky fix for IE not supporting mask-image.*/
_:-ms-lang(x), .loader-line-mask {
    width: 65px !important; }

_:-ms-lang(x), .loader-line-mask .loader-line {
    box-shadow: none;
    border-top: 4px solid #CFE9FC; }

@-webkit-keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); } }

@keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg); } }

/*#endregion Loader Styles */
/*#region Responsive styles*/
@media only screen and (max-width: 768px) {
    .content {
        padding: 10px 4px; }
    .ui-dialog {
        min-width: 320px; } }

@media only screen and (max-width: 790px) {
    .header-title-wrapper {
        position: absolute;
        z-index: 901;
        pointer-events: none;
        text-align: center;
        padding-top: 12px; }
    .header-title {
        pointer-events: all;
        display: inline-block;
        padding-top: 0px !important; }
    .header-logo-min {
        display: inline-block;
        height: 35px;
        width: 35px;
        margin: -10px 0px 0px -5px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("../images/vocantas-min.png"); }
    #menu-line {
        opacity: 0;
        -webkit-transition: none;
        transition: none; }
    #menu-button {
        height: 50px; } }

@media only screen and (max-width: 1279px) {
    .control.inline {
        margin-right: 10px; } }

@media only screen and (min-height: 535px) {
    /* Screen height > login container */
    .login-container {
        max-height: 505px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; } }

@media only screen and (max-height: 440px) {
    /* Screen height > login container */
    .login-vocantas-logo {
        z-index: -1; }
    .login-copyright {
        z-index: -1; } }

/*#endregion Responsive styles*/
@media print {
    body {
        height: 100% !important; }
    .header {
        display: none !important; }
    .content {
        padding: 0px !important; }
    html, body, form, .main, .content {
        overflow: visible !important;
        height: auto !important; } }