/* :root {
    --primary: #FF0080;
    --accent: #3d5afe;
    --primaryDark: #e6006b;
} */
    
    body {
        font-size: 14px;
        line-height: 1.5384616;
    }
    /* @font-face {
        font-family: "Roboto";
        src: url("../fonts/Roboto.ttf");
    }
     */
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 100;
        src: url(../fonts/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 100;
        src: url(../fonts/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 100;
        src: url(../fonts/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 100;
        src: url(../fonts/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 100;
        src: url(../fonts/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 100;
        src: url(../fonts/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 100;
        src: url(../fonts/KFOkCnqEu92Fr1MmgVxIIzI.woff2) 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;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url(../fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) 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;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url(../fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) 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;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(../fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(../fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(../fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(../fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(../fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(../fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url(../fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) 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;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 700;
        src: url(../fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) 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;
    }
    /* cyrillic-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* greek-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
        unicode-range: U+1F00-1FFF;
    }
    /* greek */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
        unicode-range: U+0370-03FF;
    }
    /* vietnamese */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    
    @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 900;
        src: url(../fonts/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) 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;
    }
    
    md-backdrop.md-opaque {
        opacity: .7;
    }
    
    @media (max-width: 768px) {
        body {
            -webkit-user-select: none!important;
            -moz-user-select: none!important;
            -ms-user-select: none!important;
            user-select: none!important;
        }
        md-dialog-content {
            height: 100vh;
        }
    }
    
    @media (min-width: 768px) {
        .md-menu-toolbar .md-toolbar-tools {
            font-size: 14px;
            padding: 0px 50px;
        }
         ::-webkit-scrollbar {
            width: 5px;
            background-color: rgba(0, 0, 0, .05);
        }
         ::-webkit-scrollbar-thumb {
            background-color: #6f6f6f;
        }
         ::-webkit-scrollbar-track {
            background-color: rgba(0, 0, 0, .05);
        }
    }
    
    a,
    a:focus {
        cursor: pointer;
        outline: none!important;
    }
    /* Animation */
    
    .zoomIn.ng-leave {
        display: none;
    }
    
    .animated {
        animation-duration: 0.1s;
        animation-fill-mode: both;
    }
    
    .zoomIn {
        animation-name: zoomIn;
    }
    
    @keyframes zoomIn {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    /* Dialog */
    
    .dialog {
        min-width: 50vw;
    }
    
    .no-bg:not([disabled]):hover {
        background-color: transparent;
    }
    
    .default-dialog-tool:not(.md-menu-toolbar) {
        webkit-box-shadow: 0 0 10px silver;
        box-shadow: 0 0 10px silver;
    }
    
    .dialog-actions {
        webkit-box-shadow: 0 0 5px silver;
        box-shadow: 0 0 5px silver;
    }
    
    .default-dialog {
        border-radius: 1px;
    }
    
    .dialog-header {
        padding: 10px;
    }
    /* Input */
    
    md-input-container .md-errors-spacer {
        float: right!important;
        min-height: 0px!important;
        min-width: 0px!important;
    }
    
    .no-error .md-errors-spacer,
    .no-error>.md-errors-spacer {
        min-height: 0px;
    }
    
    [disabled] md-input-container.md-default-theme .md-input,
    [disabled] md-input-container .md-input,
    md-input-container.md-default-theme .md-input[disabled],
    md-input-container .md-input[disabled] {
        color: rgba(0, 0, 0, 0.87)!important;
    }
    
    .md-virtual-repeat-container.md-autocomplete-suggestions-container {
        z-index: 80!important;
    }
    
    md-autocomplete.no-error md-autocomplete-wrap md-progress-linear.md-inline {
        bottom: 16px!important;
    }
    
    input.right::-webkit-outer-spin-button,
    input.right::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    input[type="file" i]:focus {
        outline: none!important;
    }
    
    md-autocomplete[md-floating-label] button {
        bottom: 18px;
    }
    
    md-autocomplete {
        min-width: 100%;
    }
    
    .md-fab.md-fab-bottom-right {
        bottom: 100px!important;
    }
    
    .toolbar-bottom md-input-container {
        margin: 0px;
    }
    
    .md-button.md-fab {
        line-height: 50px;
        width: 50px;
        height: 50px;
    }
    
    md-autocomplete#custom-template {
        width: 200px;
    }
    
    .autocomplete-custom-template li {
        border-bottom: 1px solid #ccc;
        height: auto;
        padding-top: 3px;
        padding-bottom: 3px;
        white-space: normal;
    }
    
    .autocomplete-custom-template li:last-child {
        border-bottom-width: 0;
    }
    
    .autocomplete-custom-template .item-title,
    .autocomplete-custom-template .item-metadata {
        font-size: 12px;
        display: block;
        line-height: 2;
    }
    
    md-autocomplete.no-error[md-floating-label][md-menu-class] button {
        bottom: 20px!important;
    }
    
    .md-container-dialog {
        font-weight: bold!important;
    }
    
    md-autocomplete .md-virtual-repeat-container.md-autocomplete-suggestions-container {
        width: 400px!important;
    }
    
    .md-button.md-fab.md-fab-bottom-right {
        position: fixed!important;
    }
    
    .md-button.icon {
        margin: 0px;
        line-height: 26px;
        min-height: 26px;
        min-width: 35px;
        padding: 0;
    }
    
    .md-button.label {
        font-size: 11px;
        margin: 0px;
        line-height: 20px;
        min-height: 20px;
        min-width: 50px;
    }
    
    .add-button:focus {
        border: solid 2px #fff!important;
        outline: 2px solid #000!important;
    }
    
    .md-button.md-default-theme.md-accent[disabled],
    .md-button.md-accent[disabled],
    .md-button.md-default-theme.md-fab[disabled],
    .md-button.md-fab[disabled],
    .md-button.md-default-theme.md-raised[disabled],
    .md-button.md-raised[disabled],
    .md-button.md-default-theme.md-warn[disabled],
    .md-button.md-warn[disabled],
    .md-button.md-default-theme[disabled],
    .md-button[disabled] {
        background-color: rgba(0, 0, 0, 0.38)!important;
        cursor: default;
    }
    /* Date Picker */
    
    ._md-datepicker-floating-label>md-datepicker .md-datepicker-button {
        display: none!important;
    }
    
    body {
        font-family: Roboto!important;
        color: #ffffff!important;
        overflow: unset!important
    }
    
    .fs-8 {
        font-size: 8px!important;
    }
    
    .fs-9 {
        font-size: 9px!important;
    }
    
    .fs-10 {
        font-size: 10px!important;
    }
    
    .fs-11 {
        font-size: 11px!important;
    }
    
    .fs-12 {
        font-size: 12px!important;
    }
    
    .fs-13 {
        font-size: 13px!important;
    }
    
    .fs-14 {
        font-size: 14px!important;
    }
    
    .fs-15 {
        font-size: 15px!important;
    }
    
    .fs-16 {
        font-size: 16px!important;
    }
    
    .fs-17 {
        font-size: 17px!important;
    }
    
    .fs-18 {
        font-size: 18px!important;
    }
    
    .fs-19 {
        font-size: 19px!important;
    }
    
    .fs-20 {
        font-size: 20px!important;
    }
    
    .fs-21 {
        font-size: 21px!important;
    }
    
    .fs-22 {
        font-size: 22px!important;
    }
    
    .fs-23 {
        font-size: 23px!important;
    }
    
    .fs-24 {
        font-size: 24px!important;
    }
    
    .fs-25 {
        font-size: 25px!important;
    }
    
    .fs-26 {
        font-size: 26px!important;
    }
    
    .fs-27 {
        font-size: 27px!important;
    }
    
    .fs-28 {
        font-size: 28px!important;
    }
    
    .fs-29 {
        font-size: 29px!important;
    }
    
    .fs-30 {
        font-size: 30px!important;
    }
    
    .displayBlock {
        display: block;
    }
    
    .displayInline {
        display: inline;
    }
    
    .displayInlineBlock {
        display: inline-block;
    }
    
    .app-header {
        background-color: #000000!important;
    }
    
    .navbar-header {
        background-color: var(--primaryDark)!important;
    }
    
    .navbar-collapse {
        background-color: var(--primary)!important;
    }
    
    button.back {
        background-color: var(--accent)!important;
        border-color: var(--accent)!important;
    }
    
    .text-info-dker {
        color: var(--primary)!important;
    }
    
    #nav-docs ul li em {
        color: var(--accent)!important;
    }
    
    .subActive {
        color: #fff;
        background-color: var(--accent)!important;
    }
    
    .bg-black .nav>li>a {
        color: #ffffff!important;
        font-weight: normal;
    }
    
    .bg-black .nav>li.active>a {
        color: #ffffff;
        /* background-color: #131e26; */
        background-color: #0e161b;
        font-weight: bold;
    }
    
    .btn-info {
        color: #dcf2f8;
        background-color: var(--accent)!important;
        border-color: var(--accent)!important;
    }
    
    .btn-rounded {
        padding-right: 6px!important;
        padding-left: 7px!important;
        border-radius: 50px!important;
    }
    
    md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
    md-input-container:not(.md-input-invalid).md-input-focused .md-input,
    md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input,
    md-input-container:not(.md-input-invalid).md-input-resized .md-input {
        border-color: var(--accent)!important;
    }
    
    md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
    md-input-container:not(.md-input-invalid).md-input-focused label,
    md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon,
    md-input-container:not(.md-input-invalid).md-input-focused md-icon {
        color: var(--accent)!important;
    }
    
    md-select.md-default-theme:not([disabled]):focus .md-select-value,
    md-select:not([disabled]):focus .md-select-value {
        border-bottom-color: var(--accent)!important;
    }
    
    .md-select-value {
        min-height: 24.9px;
    }
    
    md-select-menu.md-default-theme md-content md-option[selected],
    md-select-menu md-content md-option[selected] {
        color: var(--accent)!important;
    }
    
    md-toolbar.md-default-theme:not(.md-menu-toolbar),
    md-toolbar:not(.md-menu-toolbar) {
        background-color: var(--primary)!important;
        color: rgb(255, 255, 255);
    }
    
    .ng-table-counts.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        display: none!important;
    }
    
    .btn-default.active,
    .btn-default.active.focus,
    .btn-default.active:focus,
    .btn-default.active:hover,
    .btn-default.focus,
    .btn-default:active,
    .btn-default:active.focus,
    .btn-default:active:focus,
    .btn-default:active:hover,
    .btn-default:focus,
    .btn-default:hover,
    .open>.dropdown-toggle.btn-default,
    .open>.dropdown-toggle.btn-default.focus,
    .open>.dropdown-toggle.btn-default:focus,
    .open>.dropdown-toggle.btn-default:hover {
        background-color: var(--accent)!important;
        color: #fff!important;
        -webkit-box-shadow: none;
    }
    
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #fff!important;
    }
    
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #ffffff !important;
        background-color: #edf1f2;
        border-color: #c7d3d6;
    }
    
    .ng-table-counts {
        padding: 18px;
    }
    
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-color: #edf1f2;
        border-color: var(--accent)!important;
    }
    
    .ng-table-pagination {
        padding-left: 25px!important;
    }
    
    .pagination>.active>a,
    .pagination>.active>span,
    .pagination>.active>a:hover,
    .pagination>.active>span:hover,
    .pagination>.active>a:focus,
    .pagination>.active>span:focus {
        z-index: 2;
        color: #fff!important;
        cursor: default;
        background-color: var(--accent)!important;
        border-color: var(--accent)!important;
    }
    
    .pagination>li>a:hover,
    .pagination>li>span:hover,
    .pagination>li>a:focus,
    .pagination>li>span:focus {
        color: #23527c;
        background-color: #eee;
        border-color: #ddd;
    }
    
    .pagination>li>a,
    .pagination>li>span {
        color: #58666e!important;
    }
    
    .table>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }
    
    .table tr:hover {
        background-color: var(--primaryLight)!important;
    }
    
    .app-content {
        background-color: white!important;
        height: 100%;
        /* height: auto; */
    }
    
    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: rgb(230, 230, 230)!important;
        text-decoration: none;
    }
    
    .btnSearch:hover,
    .btnSearch:focus,
    .btnSearch.focus {
        color: #8a8a8a!important;
        text-decoration: none;
    }
    /* .md-show {
background-color: #1c2b36!important;
} */
    
    .app-content-body {
        padding-bottom: 55px;
    }
    
    md-toolbar {
        min-height: 50px;
        height: 50px;
    }
    
    .action>i {
        color: var(--accent);
        font-size: 17px;
        font-weight: bold;
        padding: 0 5px;
        cursor: pointer;
    }
    
    .action>i:hover,
    i:focus {
        color: var(--accent);
    }
    
    .row {
        margin: 0px!important;
    }
    
    .bg-info {
        color: #dcf2f8;
        background-color: var(--accent) !important;
    }
    
    form md-input-container {
        padding: 4px !important;
        width: 100%;
        margin: 0;
        height: 65px;
    }
    
    form md-input-container>label {
        margin: 0px;
    }
    
    .filt md-input-container {
        padding: 0 !important;
        width: 100%;
        margin: 0 0 0 3px;
    }
    
    .filt md-input-container>label {
        margin: 0px;
    }
    
    md-input-container>label {
        margin: 0px;
    }
    
    md-content.md-default-theme,
    md-content {
        color: #000000!important;
        background-color: #fff !important;
        /* background-color: #f6f8f8 !important; */
    }
    
    md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
    md-input-container:not(.md-input-invalid).md-input-has-value label {
        color: var(--accent) !important;
        ;
    }
    
    md-select.md-default-theme .md-select-value,
    md-select .md-select-value {
        border-bottom-color: rgba(0, 0, 0, 0.12);
    }
    
    md-toast {
        z-index: 1050!important;
    }
    
    .md-toast-content.success {
        background-color: green!important;
    }
    
    .md-toast-content.danger {
        background-color: red!important;
    }
    
    .md-toast-content.cancel {
        background-color: orange!important;
    }
    
    .filter-collapse {
        /* background-color: var(--accent)!important; */
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        box-shadow: none;
        /* top: 40px; */
    }
    
    .filter {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        margin-top: 18px;
    }
    
    md-toolbar.md-default-theme.md-hue-1:not(.md-menu-toolbar) md-icon,
    md-toolbar.md-hue-1:not(.md-menu-toolbar) md-icon {
        color: rgba(0, 0, 0, 0.87);
        fill: rgb(255 255 255 / 87%);
    }
    
    .ng-table th {
        text-align: left;
    }
    
    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        vertical-align: middle;
    }
    
    .dataTable th:first-child,
    .dataTable td:first-child {
        padding-left: 10px;
    }
    
    .table>thead>tr>th {
        padding: 5px;
        border-bottom: 1px solid #eaeff0;
    }
    
    .dataTable th:last-child,
    .dataTable td:last-child {
        padding-right: 10px;
    }
    
    .table>thead>tr>th {
        color: #58666e;
        font-weight: 500;
    }
    
    .table>tbody>tr>td {
        font-size: 12px;
        font-weight: 500;
    }
    /* Status */
    
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 5px;
    }
    
    .type_1 {
        background-color: rgb(202, 182, 0);
    }
    
    .type_2 {
        background-color: rgb(155, 0, 116);
    }
    
    .type_3 {
        background-color: rgb(231, 3, 3);
    }
    
    .status1 {
        background-color: rgb(0, 156, 26);
    }
    
    .status2 {
        background-color: rgb(231, 3, 3);
    }
    
    .status_1 {
        background-color: rgb(0, 156, 26);
    }
    
    .status_2 {
        background-color: rgb(0, 171, 201);
    }
    
    .status_3 {
        background-color: rgb(121, 0, 202);
    }
    
    .status_4 {
        background-color: rgb(3, 94, 231);
    }
    
    .status_5 {
        background-color: rgb(231, 3, 220);
    }
    
    .status_6 {
        background-color: rgb(231, 170, 3);
    }
    
    .status_7 {
        background-color: rgb(231, 3, 3);
    }
    
    .alert-box {
        padding: 20px 10px 10px 10px;
    }
    /* Radio Button */
    
    .radiobtn {
        display: inline-block;
    }
    
    .radiobtn label {
        justify-content: center;
        display: flex;
        /* align-items: center; */
        border-radius: 5px;
        padding: 5px 10px;
        box-shadow: 4px 4px 6px #a2a2a2;
        margin-bottom: 0px;
        cursor: pointer;
        margin-top: 7px;
    }
    
    .radiobtn input[type="radio"] {
        display: none;
        /* position: absolute; */
        /* width: 100%; */
        appearance: none;
    }
    
    .radiobtn input[type="radio"]:checked+label {
        background: var(--accent)!important;
        color: #fff;
    }
    
    .pull-right {
        float: right!important;
    }
    
    .pull-left {
        float: left!important;
    }
    
    .align-right {
        text-align: right!important;
    }
    
    .align-left {
        text-align: left!important;
    }
    
    .align-center {
        text-align: center!important;
    }
    
    .no-margin {
        margin: 0px!important;
    }
    
    .no-padding {
        padding: 0px!important;
    }
    
    .ui-container.blur {
        backdrop-filter: blur(10px);
        /* filter: blur(8px); */
    }
    
    .h-100 {
        height: 100%;
    }
    
    .login-btn-info {
        color: #fff;
        background-color: #23b7e5;
        border-color: #23b7e5;
    }
    
    .ui-container {
        height: 100%;
        /* padding-top: 7%; */
    }
    
    .loginContainer {
        background-color: #ffffff;
        opacity: 0.95;
        width: 340px;
        z-index: 1000;
    }
    
    md-input-container.md-default-theme .md-input-messages-animation,
    md-input-container .md-input-messages-animation,
    md-input-container.md-default-theme .md-input-message-animation,
    md-input-container .md-input-message-animation {
        /* color: var(--accent)!important; */
        color: rgb(255, 109, 0);
    }
    
    .error {
        color: rgb(255, 109, 0);
    }
    
    .m-b-20 {
        margin-bottom: 20px;
    }
    
    .m-r-10 {
        margin-right: 10px;
    }
    
    .m-l-10 {
        margin-left: 10px;
    }
    
    .m-12 {
        margin: 12px;
    }
    
    .m-10 {
        margin: 10px!important;
    }
    
    .m-t-10 {
        margin-top: 10px;
    }
    
    .m-t-15 {
        margin-top: 15px;
    }
    
    .zIndexHigh {
        z-index: 100000;
    }
    
    .bg-black .text-muted {
        color: #b1b1b1 !important;
    }
    
    .pageForm {
        padding: 18px;
        padding-bottom: 10px;
    }
    
    .p-0 {
        padding: 0
    }
    
    .pt-0 {
        padding-top: 0!important;
    }
    
    .p-05 {
        padding: 0 5px
    }
    
    .p-60 {
        padding: 6px 0px;
    }
    
    .p-0-15 {
        padding: 0 15px
    }
    
    .pageBack {
        cursor: pointer;
        font-size: 28px;
        vertical-align: middle;
    }
    
    .pageTitle {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
        font-size: 20px!important;
        font-weight: bold!important;
    }
    
    .pageCount {
        margin-left: 5px;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        line-height: 1.2;
        color: #fff;
        vertical-align: baseline;
        border-radius: 60px;
        /* margin-top: 2px; */
        /* font-size: 13px; */
    }
    
    form .i-checks input:checked+i {
        border-color: var(--accent)!important;
    }
    
    form .i-checks input:checked+i:before {
        top: 4px;
        left: 4px;
        width: 10px;
        height: 10px;
        background-color: var(--accent)!important;
    }
    
    .ttCapitalize {
        text-transform: capitalize;
    }
    
    .panel-info>.panel-heading {
        color: #ffffff;
        background-color: var(--primary)!important;
        border-color: var(--primary)!important;
    }
    
    .CheckBoxLabel {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
        font-size: 14px;
        font-weight: bold!important;
    }
    
    .panel .checkbox {
        border-color: #dbdbdb;
        border-top: none;
    }
    
    .subCheckbox {
        float: left;
    }
    
    .setting .ng-table-pager {
        display: none;
    }
    
    .loginSupport {
        background-color: #23b7e5!important;
    }
    
    .loginOuter {
        display: table;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
    
    .loginMiddle {
        display: table-cell;
        vertical-align: middle;
    }
    
    .app-footer {
        position: absolute!important;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        font-size: 12px;
        font-weight: bold;
    }
    
    .recipeTable .ng-table-counts {
        display: none;
    }
    
    .noPageCount .ng-table-counts {
        display: none;
    }
    
    .panel {
        margin-bottom: 5px;
    }
    
    .md-datepicker-input-container {
        margin-left: 0px!important;
    }
    
    ._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
        left: 0px!important;
    }
    
    .drop {
        list-style-type: none;
        padding: 5px 10px;
        color: #fff;
        display: inline-block;
        border-radius: 4px;
    }
    
    .btn-primary {
        background-color: var(--primary)!important;
        border-color: var(--primary)!important;
    }
    
    .btn-accent {
        font-weight: bold;
        background-color: #fff!important;
        color: var(--accent)!important;
        border-color: var(--accent)!important;
    }
    
    .btn-info {
        font-weight: normal;
    }
    
    .btn-accent:focus,
    .btn-accent:hover {
        color: #fff!important;
        background-color: var(--accent)!important;
        border-color: var(--accent)!important;
    }
    
    md-input-container .md-placeholder,
    md-input-container label:not(.md-no-float):not(.md-container-ignore) {
        font-weight: bold!important;
    }
    
    md-input-container .md-input {
        font-weight: bold!important;
    }
    
    .app:before {
        background-color: #ffffff!important;
    }
    
    .navi ul.nav li a {
        font-weight: 500!important;
    }
    
    .bg-light.lter,
    .bg-light .lter {
        background-color: #fff!important;
        padding-left: 5px;
    }
    
    .bg-light {
        color: #000000;
        background-color: #fff!important;
    }
    
    .table {
        margin-bottom: 0px!important;
    }
    
    .settingPanel {
        background-color: var(--primaryLightPanelHeader)!important;
    }
    
    .loginBoxShadow {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .txtAlCenter {
        text-align: center;
    }
    
    .supportBg {
        background-color: #fef06e;
        border-radius: 10px;
        border: solid 1px #c79cf5;
        width: 90%;
        margin: 20px auto;
    }
    
    .supportBgHeader {
        background-color: #fee932;
        height: 65px;
        line-height: 65px;
        width: 75%;
        margin: 20px auto;
        border-radius: 7px;
    }
    
    .supportBg:hover {
        background-color: #fee932;
        font-size: 18px!important;
        height: 65px;
        line-height: 65px;
        width: 100%;
        margin: 20px auto;
    }
    
    .icon {
        width: 43%;
    }
    
    .sidebarIcon {
        min-width: 18px!important;
        width: 18px!important;
        fill: var(--primaryDark)!important;
    }
    
    .navHeader {
        fill: var(--accent)!important;
    }
    /* .app-aside-folded .sidebarIcon {} */
    
    .app-aside-folded .navi>ul>li>a>md-icon {
        margin-right: 0px!important;
        /* min-width: 24px!important;
    width: 24px!important; */
    }
    
    .cropper-wrap-box {
        width: 100%;
        min-width: 100%;
    }
    
    .cropper-drag-box {
        width: 100%;
        min-width: 100%;
    }
    
    .cropper-container {
        width: 100%!important;
        min-width: 100%!important;
    }
    
    .settingProfile md-input-container {
        width: 100%!important;
    }
    
    .loading {
        width: 100%;
        position: absolute;
        top: 40%;
        background-color: white;
    }
    
    .loading-content {
        border: 10px solid #e0e0e0;
        border-radius: 50%;
        border-top: 10px solid var(--primary);
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        /* Safari */
        animation: spin 2s linear infinite;
        margin: auto;
    }
    
    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    .md-select-value>span:not(.md-select-icon) {
        font-weight: bold!important;
    }
    
    .md-datepicker-input-container {
        padding-bottom: 0px!important;
    }
    
    md-datepicker {
        vertical-align: text-top!important;
    }
    
    md-datepicker .md-datepicker-input {
        padding: 2px 2px 1px;
        line-height: 26px!important;
        height: 25px!important;
    }
    
    .md-datepicker-triangle-button.md-button.md-icon-button {
        height: 25px;
        min-height: 26px;
    }
    
    .alert-content {
        border-bottom: solid 1px #d8d8d8;
        margin: 0 0 10px;
        padding: 0 0 10px;
    }
    
    .loginLogo {
        text-align: center;
        margin-top: 25px;
    }
    
    .loginLogo img {
        width: 40%;
    }
    
    @media (min-width: 768px) {
        .app-aside-folded .CompanyNamePadding {
            padding-left: 160px!important;
        }
    }
    
    .fullScreen {
        cursor: unset;
        padding: 15px 0px;
    }
    
    md-tabs.md-default-theme .md-tab.md-active,
    md-tabs .md-tab.md-active,
    md-tabs.md-default-theme .md-tab.md-active md-icon,
    md-tabs .md-tab.md-active md-icon,
    md-tabs.md-default-theme .md-tab.md-focused,
    md-tabs .md-tab.md-focused,
    md-tabs.md-default-theme .md-tab.md-focused md-icon,
    md-tabs .md-tab.md-focused md-icon {
        color: var(--accent)!important;
        font-weight: bold;
        /* font-size: 12px; */
    }
    
    .md-tab {
        font-weight: bold;
        /* font-size: 12px!important; */
    }
    
    .navi ul.nav li a {
        position: relative;
        display: block;
        padding: 10px 15px;
        font-weight: normal;
        text-transform: none;
        -webkit-transition: background-color 0.2s ease-in-out 0s;
        transition: background-color 0.2s ease-in-out 0s;
    }
    
    .small md-autocomplete input:not(.md-input) {
        line-height: 28px!important;
        height: 28px!important;
    }
    
    .small md-autocomplete md-autocomplete-wrap {
        height: 28px!important;
    }
    
    .small md-autocomplete {
        height: 25px!important;
    }
    
    @media (min-width: 768px) {
        .app-aside-folded .app-header .navbar-brand {
            display: inline-block;
            padding: 0 20px;
        }
    }
    
    .navi ul.nav li li a {
        padding-left: 15px!important;
    }
    
    .navbar-brand {
        line-height: 52px;
    }
    
    .daterangepicker {
        color: #000!important;
    }
    
    md-tabs.md-default-theme md-ink-bar,
    md-tabs md-ink-bar {
        background: var(--primary)!important;
    }
    
    md-ink-bar {
        position: absolute;
        left: auto;
        right: auto;
        bottom: 0;
        height: 3px!important;
    }
    
    @media (min-width: 768px) {
        .navbar-nav>li>a {
            padding-top: 15px!important;
            padding-bottom: 10px!important;
        }
    }
    
    .detailStyle md-input-container {
        margin: 10px 0!important;
    }
    
    .i-checks input:checked+i {
        border-color: var(--accent)!important;
    }
    
    .i-checks input:checked+i:before {
        top: 4px;
        left: 4px;
        width: 10px;
        height: 10px;
        background-color: var(--accent)!important;
    }
    
    @media (max-width: 768px) {
        .ng-table th.sortable .sort-indicator:after,
        .ng-table th.sortable .sort-indicator:before {
            display: none;
        }
        .detailStyle {
            min-width: 800px;
        }
        .ngTable {
            min-width: 1500px;
        }
        .mobar {
            float: left!important;
        }
    }
    
    @media (max-width: 767px) {
        body {
            height: 100%;
            min-height: 100%;
        }
    }
    
    .badge.up {
        position: relative;
        top: -7px;
        padding: 3px 6px;
        margin-left: -10px;
    }
    
    .report th {
        background-color: #eaeaea;
    }
    
    .reportrange {
        height: 24px;
        line-height: 24px;
        margin-top: 5px;
        padding: 0px 5px!important;
        background: #fff;
        cursor: pointer;
        padding: 5px 10px;
        border: 1px solid #ccc;
        width: 100%
    }
    
    .reportrange span {
        color: #9e9e9e;
        font-weight: 500;
    }
    
    .md-virtual-repeat-container.md-autocomplete-suggestions-container {
        z-index: 10000!important;
    }
    
    .settings {
        position: initial;
        width: 100%;
        z-index: unset;
    }
    
    .settings .i-checks span b.header {
        height: 20px;
    }
    
    .settings .i-checks span b {
        display: inline-block;
        float: left;
        width: 50%;
        height: 50px;
    }
    
    .settings .i-checks span b.accent {
        height: 20px;
        width: 25%;
        float: right;
    }
    
    .customTheme {
        width: 35%;
    }
    
    @media (max-width: 768px) {
        .customTheme {
            width: 100%;
        }
    }
    
    .backIcon {
        min-width: 26px!important;
        fill: #000;
    }
    
    @media (max-width: 768px) {
        .concatdis {
            display: inline-block!important;
            width: 80%!important;
        }
    }
    
    .color-black {
        color: #000000;
    }
    
    @media (min-width: 992px) {
        .app-aside-dock.app-aside-fixed .app-aside {
            position: fixed;
            top: 40px;
            z-index: 1000;
            width: 100%;
        }
    }
    
    .md-dialog-container {
        z-index: 1001;
    }
    
    .text-concat {
        text-transform: capitalize;
        position: relative;
        display: inline-flex;
        word-wrap: break-word;
        overflow: hidden;
        max-height: 25px;
        width: 115px;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        vertical-align: top;
        padding: 0.5rem;
        white-space: nowrap !important;
    }
    
    .statusDropDown {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    
    .statusDropDown .dropdown {
        display: inline;
    }
    
    .statusDropDown .dropdown-toggle {
        padding: 0!important;
        display: inline;
    }
    
    .statusDropDown .dropdown-menu {
        right: 0!important;
        left: unset!important;
        z-index: 1000000;
        position: absolute;
        border: solid 1px #ccc;
    }
    /* md-virtual-repeat-container {
        min-width: 240.653px!important;
    } */
    /* .md-virtual-repeat-container.md-autocomplete-suggestions-container {
        min-width: 240px !important;
    }
    
    .itemdd .md-virtual-repeat-container.md-autocomplete-suggestions-container {
        width: 240px !important;
    }
    
    autocomplete-custom-template {
        min-width: 890px !important;
    } */
    
    .autocomplete-custom-template li {
        min-width: 890px!important;
    }
    
    .md-dialog-container {
        z-index: 1060;
    }
    
    .md-dialog-container {
        z-index: 1081;
    }
    
    .md-select-menu-container {
        z-index: 1081;
    }
    
    @media (min-width: 768px) {
        .app-aside-folded .navbar-collapse,
        .app-aside-folded .app-content,
        .app-aside-folded .app-footer {
            margin-left: 0px;
        }
    }
    
    @media (min-width: 768px) {
        .navbar-collapse,
        .app-content,
        .app-footer {
            margin-left: 0px;
        }
    }
    
    md-datepicker {
        vertical-align: text-top!important;
    }
    
    md-datepicker .md-datepicker-input {
        padding: 2px 2px 1px;
        line-height: 26px!important;
        height: 25px!important;
        min-width: 100%;
    }
    
    .md-datepicker-calendar-pane {
        z-index: 1005;
    }
    
    ._md-datepicker-floating-label>md-datepicker .md-datepicker-input-container {
        width: 100%;
        margin-top: 3px;
    }
    
    .md-datepicker-triangle-button.md-button.md-icon-button {
        height: 25px;
        min-height: 26px;
        left: 50px;
        margin-right: auto;
    }
    
    .md-datepicker-input-container {
        padding-bottom: 0px!important;
    }
    
    .md-datepicker-input-container {
        margin-left: 0px!important;
    }
    
    ._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
        left: 0px!important;
    }
    
    ._md-datepicker-floating-label>md-datepicker .md-datepicker-button {
        display: none!important;
    }
    
    .showPrint {
        visibility: hidden!important;
        display: none !important;
    }
    
    @media print {
        .site-sidenav,
        .toolbar,
        .search_toolbar,
        .no-print {
            visibility: hidden!important;
            display: none!important;
        }
        .showPrint {
            visibility: visible!important;
            display: block!important;
        }
        .ng-table-pager {
            display: none;
        }
        md-card {
            margin: 0px!important;
            /*padding: 0px 50px!important;*/
            box-shadow: none!important;
        }
        md-content {
            background: #fff!important;
        }
        .print,
        .print * {
            visibility: visible!important;
        }
        .print {
            position: absolute!important;
            left: 0!important;
            top: 0!important;
        }
        .app-header-fixed {
            padding-top: 0px!important;
        }
        @media (min-width: 768px) {
            .navbar-collapse,
            .app-content,
            .app-footer {
                margin-left: 0px!important;
            }
        }
        .printPadding {
            padding: 20px 10px!important;
        }
        .app-aside {
            display: none!important;
        }
        @media (min-width: 768px) {
            .app-aside-folded .navbar-collapse,
            .app-aside-folded .app-content,
            .app-aside-folded .app-footer {
                margin-left: 0px!important;
            }
        }
    }
    
    .md-autocomplete-suggestions>li {
        padding: 0 5px;
        font-size: 12px;
        line-height: 30px;
        height: 30px;
    }
    
    md-datepicker {
        vertical-align: text-top!important;
    }
    
    md-datepicker .md-datepicker-input {
        padding: 2px 2px 1px;
        line-height: 26px!important;
        height: 25px!important;
        min-width: 100%;
    }
    
    .md-datepicker-calendar-pane {
        z-index: 1100;
    }
    
    ._md-datepicker-floating-label>md-datepicker .md-datepicker-input-container {
        width: 100%;
        margin-top: 3px;
    }
    
    .md-datepicker-triangle-button.md-button.md-icon-button {
        height: 25px;
        min-height: 26px;
        left: 50px;
        margin-right: auto;
        width: 43px!important;
    }
    
    .md-datepicker-input-container {
        padding-bottom: 0px!important;
    }
    
    .md-datepicker-input-container {
        margin-left: 0px!important;
    }
    
    ._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore) {
        left: 0px!important;
    }
    
    ._md-datepicker-floating-label>md-datepicker .md-datepicker-button {
        display: none!important;
    }
    
    @media (min-width: 992px) {
        .app-aside-dock .app-aside .navi>ul>li>a {
            height: auto;
            padding: 8px 8px 8px 8px;
            text-align: center;
        }
    }
    
    @media (min-width: 992px) {
        .app-aside-dock .app-aside .navi>ul>li {
            position: relative;
            display: inline-block;
            float: left;
            font-size: 11px;
        }
    }
    
    @media (min-width: 992px) {
        .app-aside-dock.app-aside-fixed.app-header-fixed {
            padding-top: 97px;
        }
    }
    
    md-toast {
        position: fixed;
        z-index: 1050!important;
    }
    
    .md-input-messages-animation {
        font-size: 10px;
    }