html, body {
    font-family: Roboto,Arial,sans-serif;
    line-height: normal;
    background: #fff;
}

input {
    outline: 0px;
}

.kcf-bg--primary-dark {
    background: #01579B;
}

.kcf-bg--primary-default {
    background: #003CB9                /*#2189c3;    #0288D1*/
}

.kcf-bg--primary-light {
    background: #B3E5FC;
}

.kcf-bg--accent-default {
    background: #FF6D00;
}

.kcf-bg--accent-light {
    background: #FFD180;
}

.kcf-bg--white {
    background: #FFFFFF;
}

.kcf-bg--yellow {
    background: #FFE756;
}

.kcf-bg--transparent {
    background: transparent;
}

.kcf-bg--button-fab {
    background: rgb(255,64,129)
}

.kcf-bg--primary-default-graded {
    background: #01579B;
    background-image: linear-gradient(#01579B, #BCDBDF);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#01579B), to(#BCDBDF));
}

.kcf-text--dark-primary {
    color: #000000 !important;
    opacity: 0.87;
}

.kcf-text--dark-secondary {
    color: #000000 !important;
    opacity: 0.54;
}

.kcf-text--dark-hint {
    color: #000000 !important;
    opacity: 0.38;
}

.kcf-text--dark-divider {
    color: #000000 !important;
    opacity: 0.12;
}

.kcf-text--light-primary {
    color: #FFFFFF !important;
    opacity: 1.0;
}

.kcf-text--light-secondary {
    color: #FFFFFF !important;
    opacity: 0.7;
}

.kcf-text--light-hint {
    color: #FFFFFF !important;
    opacity: 0.5;
}

.kcf-text--light-divider {
    color: #FFFFFF !important;
    opacity: 0.12;
}

.kcf-text--primary-dark {
    color: #01579B !important;
}

.kcf-text--primary-default {
    color: #0288D1 !important;
}

.kcf-text--primary-light {
    color: #B3E5FC !important;
}

.kcf-text--accent-default {
    color: #FF6D00 !important;
}

.kcf-text--accent-light {
    color: #FFD180 !important;
}

.kcf-text--accent-pink {
    color: #FF4081 !important;
}

.kcf-border--primary-dark {
    border-color: #01579B !important;
}

.kcf-border--primary-default {
    border-color: #0288D1 !important;
}

.kcf-border--primary-light {
    border-color: #B3E5FC !important;
}

.kcf-border--accent-default {
    border-color: #FF6D00 !important;
}

.kcf-border--accent-light {
    border-color: #FFD180 !important;
}

.kcf-border--accent-pink {
    border-color: #FF4081 !important;
}

.kcf-text-thin {
    font-weight: 100;
}

.kcf-text-light {
    font-weight: 300;
}

.kcf-text-normal {
    font-weight: 400;
}

.kcf-text-medium {
    font-weight: 500;
}

.kcf-text-bold {
    font-weight: 700;
}

.kcf-text-black {
    font-weight: 900;
}

.kcf-text-display4 {
    font-size: 112px;
}

.kcf-text-display35 {
    font-size: 68px;
}

.kcf-text-display3 {
    font-size: 56px;
}

.kcf-text-display2 {
    font-size: 45px;
}

.kcf-text-display1 {
    font-size: 34px;
}

.kcf-text-display0 {
    font-size: 28px;
}

.kcf-text-headline {
    font-size: 24px;
}

.kcf-text-title2 {
    font-size: 22px;
}

.kcf-text-title {
    font-size: 20px;
}

.kcf-text-subhead2 {
    font-size: 18px;
}

.kcf-text-subhead {
    font-size: 16px;
}

.kcf-text-body {
    font-size: 14px;
}

.kcf-text-caption {
    font-size: 12px;
}

.kcf-text-button {
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}

.kcf-text-italic {
    font-style: italic;
}

.kcf-text-normalcase {
    text-transform: none;
}

@media screen and (min-width: 760px) {
}

@media screen and (max-width: 375px) {
    .kcf-text-display4 {
        font-size: 112px;
    }

    .kcf-text-display3 {
        font-size: 56px;
    }

    .kcf-text-display2 {
        font-size: 45px;
    }

    .kcf-text-display1 {
        font-size: 34px;
    }

    .kcf-text-headline {
        font-size: 24px;
    }

    .kcf-text-title {
        font-size: 18px;
    }

    .kcf-text-subhead {
        font-size: 15px;
    }

    .kcf-text-body {
        font-size: 13px;
    }

    .kcf-text-caption {
        font-size: 11px;
    }

    .kcf-text-button {
        font-size: 13px;
        text-transform: uppercase;
        cursor: pointer;
    }
}

.mdl-layout__obfuscator.is-visible {
    z-index: 3000;
}

:not(.is-small-screen).is-upgraded.mdl-layout--fixed-drawer > .mdl-layout__header {
    margin-left: 0px;
    width: 100%;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),local('MaterialIcons-Regular'),url(../fonts/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

@media screen and (min-width: 481px) {
    .kcf-header {
        width: 420px !important;
    }

    .kcf-main {
        position: static !important;
        z-index: inherit;
    }

    .kcf-drawer-container {
        height: 100% !important;
    }

    .kcf-panel {
        width: 420px !important;
    }

    .kcf-panel[id='001-050'] {
        width: calc(100% - 420px) !important;
        display: block !important;
        position: absolute;
        top: 0px;
        left: 420px;
        height:100%;
    }

    .kcf-panel[id='001-050'].short {
        width: calc(100% - 420px) !important;
        display: block !important;
        position: absolute;
        top: 0px;
        left: 420px;
        height:65% !important;
    }

    .kcf-panel[id='001-050'] canvas::after {
        /*border:0px;*/
    }

    .kcf-panel[id='001-060'] {
        width: calc(100% - 420px) !important;
        display: block !important;
        position: absolute;
        bottom: 0px;
        left: 420px;
        height:35% !important;
    }

    .kcf-panel[id='001-060'] div.chart {
        height:236px;
        min-height:236px;
    }

    .kcf-panel[id='001-150'] {
        height: calc(100% - 56px) !important;
    }

    .kcf-panel[id='001-070'] {
        height: calc(100% - 56px) !important;
    }

    .kcf-panel[id='001-075'] {
        height: calc(100% - 56px) !important;
    }

    .kcf-panel-390 {
        height: calc(100% - 56px) !important;
    }

    .kcf-panel[id='001-140'] {
        width: calc(100% - 0px) !important;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1000;
    }

        .kcf-panel[id='001-140'] > section.kcf-section-140-05 > table > tbody > tr > td {
            top: 56px !important;
            width: 100%;
        }

            .kcf-panel[id='001-140'] > section.kcf-section-140-05 > table > tbody > tr > td > img {
                top: -56px !important;
                width: 100% !important;
                max-height: 90%;
                object-fit: contain;
            }

            .kcf-panel[id='001-140'] > section.kcf-section-140-05 > table > tbody > tr > td > iframe {
                top: -56px !important;
                width: 100% !important;
                max-height: 90%;
            }

            .kcf-panel[id='001-140'] > section.kcf-section-140-05 > table > tbody > tr > td > div {
                bottom: 16px !important;
                right: 24px;
                width: 100% !important;
                position: absolute;
                display: initial;
                text-align: right
            }

    div[id='001-140-001'] {
        width: calc(100% - 0px) !important;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3000;
    }

        div[id='001-140-001'] .mdl-layout-title {
            width: 100% !important;
        }

        div[id='001-140-001'] > button:nth-child(4) {
            position: absolute;
            top: 16px;
            right: 56px;
        }

        div[id='001-140-001'] > button:nth-child(5) {
            position: absolute;
            top: 16px;
            right: 100px;
        }

        div[id='001-140-001'] > button:nth-child(6) {
            position: absolute;
            top: 16px;
            right: 148px;
        }

        div[id='001-140-001'] > button:nth-child(7) {
            position: absolute;
            top: 16px;
            right: 16px;
        }

    .kcf-message-middle[data-sid='001-140'] {
        width: 100% !important;
    }

    .kcf-panel[id='001-030'], .kcf-panel[id='001-110'], .kcf-panel[id='001-250'], .kcf-panel[id='001-300'], .kcf-panel[id='001-305'], .kcf-panel[id='001-340'], .kcf-panel[id='001-480'], .kcf-panel[id='001-680'] {
        height: calc(100% - 64px) !important;
        width: 372px !important;
    }

        .kcf-panel[id='T001-020'] > section.kcf-section-030-01, .kcf-panel[id='001-030'] > section.kcf-section-030-01, .kcf-panel[id='001-110'] > section.kcf-section-110-01, .kcf-panel[id='001-250'] > section.kcf-section-250-01, .kcf-panel[id='001-300'] > section.kcf-section-250-01, .kcf-panel[id='001-305'] > section.kcf-section-250-01, .kcf-panel[id='001-340'] > section.kcf-section-110-01, .kcf-panel[id='001-480'] > section.kcf-section-250-01, .kcf-panel[id='001-680'] > section.kcf-section-250-01 {
            margin-right: 0px !important;
        }

    .kcf-panel[id='001-200'] > section.kcf-section-020-03 .mdl-list {
        width: 420px;
        height: calc(100% - 128px);
    }

    .kcf-panel[id='001-290'] > section.kcf-section-200-03 .mdl-list {
        width: 420px !important;
    }

    .kcf-panel[id='001-600'] > section.kcf-section-200-03 .mdl-list {
        width: 420px !important;
    }

    .kcf-panel[id='001-700'] > section.kcf-section-200-03 .mdl-list {
        width: 420px !important;
    }

    .kcf-section-020-10 > div {
        width: 420px !important;
    }

    .kcf-section-020-04 button, .kcf-section-200-04 button {
        right: calc(100% - 436px) !important;
    }

    .kcf-section-030-01, .kcf-section-030-02, .kcf-section-210-01, .kcf-section-250-01, .kcf-section-190-01, .kcf-section-190-02, .kcf-section-110-01, .kcf-section-710-02 {
        width: auto !important;
        margin-right: 44px !important;
    }

    .kcf-section-080-01 > div:nth-child(1), .kcf-section-080-02 > div:nth-child(1) {
        right: calc(100% - 404px) !important;
    }

    .kcf-section-140-05 > table > tbody > tr > td {
        height: auto !important;
    }

    .kcf-section-220-01 > div:nth-child(1), .kcf-section-220-02 > div:nth-child(1) {
        right: calc(100% - 404px) !important;
    }

    .kcf-section-050-04 {
        display: none !important;
    }

    .kcf-section-050-02 > div > button:nth-child(1) {
        display: none !important;
    }

    .kcf-section-050-02 > div {
        left: auto !important;
        padding-left: 0px !important;
    }

    div[id='001-080'] .kcf-section-080-01 > div[class='shortwidth']:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-080'] .kcf-section-080-01 > div[class='shortwidth'] + button {
        right: calc(100% - 404px) !important;
    }

    div[id='001-080'] .kcf-section-080-01 > div[class='shortwidth showcase']:nth-child(1) {
        right: calc(100% - 320px) !important;
    }

    div[id='001-080'] .kcf-section-080-01 > div[class='shortwidth showcase'] + button + button {
        right: calc(100% - 404px) !important;
    }

        div[id='001-080'] .kcf-section-080-01 > div[class='shortwidth showcase'] + button + button + button {
            right: calc(100% - 368px) !important;
        }

    div[id='001-510'] .kcf-section-080-01 > div[class='shortwidth']:nth-child(1) {
        right: calc(100% - 348px) !important;
    }

    div[id='001-510'] .kcf-section-080-01 > div[class='fullwidth']:nth-child(1) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-510'] .kcf-section-080-01 > div[class='shortwidth']:nth-child(2) {
        right: calc(100% - 348px) !important;
    }

    div[id='001-510'] .kcf-section-080-01 > div[class='fullwidth']:nth-child(2) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-450-002'] .kcf-section-080-01 > div[class='shortwidth']:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-450-002'] .kcf-section-080-01 > div[class='fullwidth']:nth-child(1) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-650-002'] .kcf-section-080-01 > div[class='shortwidth']:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-650-002'] .kcf-section-080-01 > div[class='fullwidth']:nth-child(1) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-700-001'] .kcf-section-080-01 > div[class='shortwidth']:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-700-001'] .kcf-section-080-01 > div[class='fullwidth']:nth-child(1) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-730-001'] .kcf-section-080-01 > div[class='shortwidth']:nth-child(1) {
        right: calc(100% - 308px) !important;
    }

    div[id='001-730-001'] .kcf-section-080-01 > div[class='fullwidth']:nth-child(1) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-130-002'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-130-002'] .kcf-section-080-01 > button {
        right: calc(100% - 404px) !important;
    }

    div[id='001-130-003'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-130-003'] .kcf-section-080-01 > button {
        right: calc(100% - 404px) !important;
    }

    div[id='001-330-001'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 254px) !important;
    }

    div[id='001-330-001'] .kcf-section-080-01 > button:nth-child(2) {
        right: calc(100% - 348px) !important;
    }

    div[id='001-330-001'] .kcf-section-080-01 > button:nth-child(3) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-330-002'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-330-002'] .kcf-section-080-01 > button {
        right: calc(100% - 404px) !important;
    }

    div[id='001-440-001'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 254px) !important;
    }

    div[id='001-440-001'] .kcf-section-080-01 > button:nth-child(2) {
        left: 264px;
    }

    div[id='001-440-001'] .kcf-section-080-01 > button:nth-child(3) {
        left: 348px;
    }

    div[id='001-440-002'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-440-002'] .kcf-section-080-01 > button {
        right: calc(100% - 404px) !important;
    }

    div[id='001-450-002'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-450-002'] .kcf-section-080-01 > button:nth-child(2) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-510'] .kcf-section-080-01 > button:nth-child(2) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-510'] .kcf-section-080-01 > button:nth-child(3) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-650-002'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-650-002'] .kcf-section-080-01 > button:nth-child(2) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-700-001'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-700-001'] .kcf-section-080-01 > button:nth-child(2) {
        right: calc(100% - 404px) !important;
    }

    div[id='001-730-001'] .kcf-section-080-01 > div:nth-child(1) {
        right: calc(100% - 324px) !important;
    }

    div[id='001-730-001'] .kcf-section-080-01 > button:nth-child(2) {
        right: calc(100% - 404px) !important;
    }

    .kcf-message-bottom {
        width: 420px !important;
        position: absolute;
        bottom: 0px;
    }

        .kcf-message-bottom > div.kcf-section-020-03, .kcf-message-bottom > div.kcf-section-150-04 {
            width: 420px !important;
            background-color: #fff !important;
            text-align: left !important;
        }

        .kcf-message-bottom > div.kcf-section-040-09 {
            background-color: #fff !important;
            text-align: left !important;
            height: 84px !important;
        }

        .kcf-message-bottom > div.kcf-section-150-03 {
            background-color: #fff !important;
            text-align: left !important;
        }

            .kcf-message-bottom > div.kcf-section-150-03:nth-child(1) {
                padding-top: 12px;
            }

        .kcf-message-bottom > div.kcf-section-150-05 > div {
            background-color: #fff !important;
            text-align: left !important;
            width: auto;
        }

        .kcf-message-bottom > div.kcf-section-020-03 {
            box-shadow: -0px -4px 68px rgba(0,0,0,0.37);
        }

    .kcf-message-middle > div.kcf-section-150-03 {
        background-color: #fff !important;
        text-align: left !important;
    }

        .kcf-message-middle > div.kcf-section-150-03:nth-child(1) {
            padding-top: 12px;
        }

    .kcf-message-middle > div.kcf-section-150-05 > div {
        background-color: #fff !important;
        text-align: left !important;
        width: auto;
    }

    .kcf-message-middle {
        width: 420px !important;
        left: calc(50% - 210px);
    }

    .kcf-panel[id='001-200'] > section.kcf-section-020-03, .kcf-panel[id='001-020'] > section.kcf-section-020-03, .kcf-panel[id='001-080'] > section.kcf-section-020-03, .kcf-panel[id='001-090'] > section.kcf-section-020-03, .kcf-panel[id='001-130'] > section.kcf-section-020-03, .kcf-panel[id='001-330'] > section.kcf-section-020-03, .kcf-panel[id='001-440'] > section.kcf-section-020-03, .kcf-panel[id='001-450'] > section.kcf-section-450-03, .kcf-panel[id='001-170'] > section.kcf-section-020-03, .kcf-panel[id='001-350'] > section.kcf-section-020-03, .kcf-panel[id='001-510'] > section.kcf-section-020-03, .kcf-panel[id='001-560'] > section.kcf-section-020-03, .kcf-panel[id='001-580'] > section.kcf-section-020-03, .kcf-panel[id='001-600'] > section.kcf-section-020-03, .kcf-panel[id='001-650'] > section.kcf-section-450-03, .kcf-panel[id='001-720'] > section.kcf-section-720-01, .kcf-panel[id='001-730'] > section.kcf-section-720-01 {
        height: 100%;
    }

        .kcf-section-020-03 .mdl-list, .kcf-panel[id='001-080'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-090'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-130'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-330'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-440'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-450'] > section.kcf-section-450-03 .mdl-list, .kcf-panel[id='001-270'] > section.kcf-section-200-03 .mdl-list, .kcf-panel[id='001-280'] > section.kcf-section-200-03 .mdl-list, .kcf-panel[id='001-040'] > div > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-510'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-650'] > section.kcf-section-450-03 .mdl-list, .kcf-panel[id='001-040'] > section.kcf-section-720-01 .mdl-list, .kcf-panel[id='001-720'] > section.kcf-section-720-01 .mdl-list, .kcf-panel[id='001-730'] > section.kcf-section-720-01 .mdl-list {
            position: static !important;
            overflow-y: auto;
        }

    .kcf-panel[id='001-580'] > section.kcf-section-040-08 {
        width: 100%;
    }

    .kcf-panel[id='001-580'] {
        height: calc(100% - 16px) !important;
    }

    div[id='001-860-001'] {
        width: calc(100% - 0px) !important;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2000;
    }

        div[id='001-860-001'] .mdl-layout-title {
            width: 100% !important;
        }

    .kcf-panel[id='001-860'] {
        width: calc(100% - 0px) !important;
        position: absolute;
        top: 54px;
        left: 0px;
        z-index: 2000;
    }

        .kcf-panel[id='001-860'] section.kcf-section-450-03 > div.mdl-list {
            height: calc(100% - 88px);
        }

        .kcf-panel[id='001-860'] .kcf-section-020-10 {
            height: 56px;
            display: none;
        }

            .kcf-panel[id='001-860'] .kcf-section-020-10 > div {
                width: 100% !important;
                background-color: #0288D1 !important;
                height: 56px;
            }

                .kcf-panel[id='001-860'] .kcf-section-020-10 > div span, .kcf-panel[id='001-860'] .kcf-section-020-10 > div button {
                    color: #fff !important;
                    opacity: 0.87 !important;
                }

    .kcf-message-bottom[data-sid='001-860'] {
        left: calc(50% - 220px) !important;
        bottom: 24px !important;
    }

        .kcf-message-bottom[data-sid='001-860'] div.mdl-list__item {
        }

    div[id='001-890-001'] {
        width: calc(100% - 0px) !important;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2000;
    }

        div[id='001-890-001'] .mdl-layout-title {
            width: 100% !important;
        }

    .kcf-panel[id='001-890'] {
        width: calc(100% - 0px) !important;
        position: absolute;
        top: 54px;
        left: 0px;
        z-index: 2000;
    }

        .kcf-panel[id='001-890'] section.kcf-section-450-03 > div.mdl-list {
            height: calc(100% - 88px);
        }

        .kcf-panel[id='001-890'] .kcf-section-020-10 {
            height: 56px;
            display: none;
        }

            .kcf-panel[id='001-890'] .kcf-section-020-10 > div {
                width: 100% !important;
                background-color: #0288D1 !important;
                height: 56px;
            }

                .kcf-panel[id='001-890'] .kcf-section-020-10 > div span, .kcf-panel[id='001-890'] .kcf-section-020-10 > div button {
                    color: #fff !important;
                    opacity: 0.87 !important;
                }

    .kcf-footer {
        display: none;
        height: 0px;
    }

    #deviceTag {
        font-family: desktop;
    }
}

@media screen and (min-width: 768px) {
    .kcf-panel[id='001-860'] section.kcf-section-450-03 div.kcf-calendar span.calendar-left {
        float: none;
        width: auto;
    }

    .kcf-panel[id='001-860'] section.kcf-section-450-03 div.kcf-calendar span.calendar-right {
        float: none;
        width: auto;
    }

    .kcf-panel[id='001-890'] section.kcf-section-450-03 div.kcf-calendar span.calendar-left {
        float: none;
        width: auto;
    }

    .kcf-panel[id='001-890'] section.kcf-section-450-03 div.kcf-calendar span.calendar-right {
        float: none;
        width: auto;
    }
}

@media screen and (min-width: 948px) {
    .kcf-message-bottom {
        position: absolute !important;
        top: auto !important;
        left: calc(50% - 210px) !important;
        right: auto !important;
        bottom: 24px !important;
        width: calc(100%-420px) !important;
        text-align: center !important;
    }

        .kcf-message-bottom > div.kcf-section-020-03, .kcf-message-bottom > div.kcf-section-150-03, .kcf-message-bottom > div.kcf-section-150-04, .kcf-message-bottom > div.kcf-section-150-05 {
            background-color: #fff !important;
            text-align: left !important;
        }

        .kcf-message-bottom > div.kcf-section-040-09 {
            background-color: #fff !important;
            text-align: left !important;
            height: 84px !important;
        }

    .kcf-message-middle > div.kcf-section-150-03, .kcf-message-middle > div.kcf-section-150-05 {
        background-color: #fff !important;
        text-align: left !important;
    }

}

@media screen and (max-width: 480px) {
    #deviceTag {
        font-family: mobile;
    }

    .kcf-section-050-04 {
        display: normal !important;
    }
}

.kcf-app-loader {
    overflow: hidden;
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.kcf-app-loader > div:nth-child(1) {
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 20%;
    width: 100%;
}

.kcf-app-loader > div:nth-child(1) > img {
    width: 348px;
    /*height: 156px*/
}

.kcf-app-loader > div:nth-child(1) > p {
    padding-top: 24px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 400;
}

.kcf-app-loader > div:nth-child(1) > p > span {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    opacity: 0.9;
}

.kcf-app-loader > div:nth-child(1) > p > span.right {
    opacity: 0.5;
}

.kcf-app-loader > div:nth-child(2) {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
}

.kcf-app-loader > div:nth-child(2) > p {
    font-size: 60px;
    min-width: 100px;
}

.kcf-app-loader > div:nth-child(2) > p span {
    font-size: 90px;
    color: #fff;
    padding: 10px;
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.kcf-app-loader > div:nth-child(2) > p span:nth-child(2) {
    animation-delay: .2s;
}

.kcf-app-loader > div:nth-child(2) > p span:nth-child(3) {
    animation-delay: .4s;
}



.kcf-map-loader > div > p {
    font-size: 60px;
    color:rgba(0,0,0,0.54);
    min-width: 100px;
}

.kcf-map-loader > div > p span {
    font-size: 90px;
    color: #fff;
    padding: 10px;
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.kcf-map-loader > div > p span:nth-child(2) {
    animation-delay: .2s;
}

.kcf-map-loader > div > p span:nth-child(3) {
    animation-delay: .4s;
}


@keyframes blink {
    0% {
        opacity: .2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }
}

.mdl-textfield__error {
    position: absolute;
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible;
    position: relative;
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    visibility: hidden;
}

.kcf-main {
    overflow: hidden;
    height: 100%;
}

.kcf-scroll-touch-on {
    -webkit-overflow-scrolling: touch;
}

.kcf-scroll-touch-off {
    -webkit-overflow-scrolling: auto;
}

.kcf-scroll-touch-on img, .kcf-scroll-touch-on i, .kcf-scroll-touch-on span[class='starRating'] {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

.kcf-header[data-class='short-width'] {
}

.kcf-header[data-class='full-width'] {
    width: 100% !important;
}

.kcf-header-row--no-display {
    visibility: hidden;
    height: 0px;
    min-height: 0px;
    max-height: 0px;
}

.kcf-sublist--no-display {
    height: 0px;
    visibility: hidden;
}

.kcf-subheader {
    font: Roboto Medium;
    font-weight: 500;
    font-size: 14px;
    line-height: 48px;
    padding-left: 16px;
}

.kcf-clear {
    clear: both;
}

.kcf-textfield {
    width: 100%;
}

.kcf-header .mdl-layout__drawer-button > i {
    color: #ffffff;
    padding-top: 11px;
}

.kcf-header {
    box-shadow: none;
    z-index: 2000;
}

    .kcf-header .mdl-layout__header-row .mdl-layout-title {
        color: #ffffff;
        font-size: 20px;
        font-weight: 500;
    }

.kcf-header-020 button {
    color: #fff;
}

.kcf-header-020 span {
    padding-left: 24px;
}

.kcf-panel {
    display: none;
    height: 100%;
}

.kcf-header-140-001 {
    background-color: #000000;
}

.kcf-div--display {
    display: initial;
}

.kcf-div--no-display {
    display: none !important;
}

.kcf-section--display {
    visibility: visible;
}

.kcf-section--no-display {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
    display: none;
}

.kcf-element--no-display {
    visibility: hidden;
    height: 0px;
}

.kcf-mdl-list-item--no-display {
    display: none !important;
}

.kcf-menu-item--no-display {
    height: 0px !important;
    visibility: hidden !important;
    padding: 0px !important;
}

.kcf-button--no-display {
    display: none !important;
}

.kcf-button--disable {
    opacity: 0.42;
}

    .kcf-button--disable > span.kcf-text-button {
        cursor: default !important;
    }

.kcf-list-page-button--disable {
    opacity: 0.37;
}

.kcf-drawer-container {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 200px;
    z-index: 4000;
}

.kcf-drawer {
    border: none;
}

.kcf-drawer--display {
    visibility: visible;
}

.kcf-drawer--no-display {
    visibility: hidden;
    height: 0px;
}

.kcf-drawer-item--select {
    color: #0288D1 !important;
}

.kcf-drawer .mdl-menu__container {
    z-index: -1;
}

.kcf-drawer .kcf-navigation {
    z-index: -2;
}

.kcf-drawer .mdl-menu .mdl-menu__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.kcf-drawer > header.kcf-header-home {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    padding-top: 4px;
    width: 100%;
    background: url('../images/background/Design_image1.jpg') center top no-repeat;
    background-size: 425%;
    display: block;
    height: auto;
}

    .kcf-drawer > header.kcf-header-home > img {
        width: 48px;
        height: 48px;
        border-radius: 24px;
        margin-bottom: 8px;
    }

    .kcf-drawer > header.kcf-header-home > div:nth-child(1) {
        width: 100%;
        position: relative;
        height: 40px;
    }

        .kcf-drawer > header.kcf-header-home > div:nth-child(1) > button {
            font-weight: 500;
            font-size: 16px;
            color: #ffffff;
            opacity: 0.87;
            margin-left: -8px;
        }

        .kcf-drawer > header.kcf-header-home > div:nth-child(1) > span:nth-child(2) {
            font-weight: 500;
            font-size: 12px;
            color: #ffffff;
            opacity: 0.87;
            position: absolute;
            top: 8px;
            right: 0px;
        }

    .kcf-drawer > header.kcf-header-home > div:nth-child(3).showInstallBanner {
        height: 42px;
    }

    .kcf-drawer > header.kcf-header-home > div:nth-child(3).hideInstallBanner {
        height: 34px;
    }

.kcf-drawer > div:nth-child(2).showInstallBanner {
    height: calc(100% - 172px);
}

.kcf-drawer > div:nth-child(2).hideInstallBanner {
    height: calc(100% - 150px);
}

.kcf-drawer > header.kcf-header-home > div:nth-child(3) > div:nth-child(1) {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
}

    .kcf-drawer > header.kcf-header-home > div:nth-child(3) > div:nth-child(1) > span {
        padding-right: 4px;
    }

.kcf-drawer > header.kcf-header-home > div:nth-child(3) > div:nth-child(2) {
    font-weight: 400;
    font-size: 12px;
    padding-top: 4px;
    color: #ffffff;
    opacity: 0.87;
}

.kcf-drawer > header.kcf-header-map {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    padding-top: 4px;
    width: 100%;
    background: #0288D1;
    display: block;
    height: auto;
}

    .kcf-drawer > header.kcf-header-map > div:nth-child(1) {
        width: 100%;
        position: relative;
        height: 40px;
    }

        .kcf-drawer > header.kcf-header-map > div:nth-child(1) > span:nth-child(2) {
            font-weight: 500;
            font-size: 12px;
            color: #ffffff;
            opacity: 0.87;
            position: absolute;
            top: 8px;
            right: 0px;
        }

    .kcf-drawer > header.kcf-header-map > div:nth-child(2) > span:nth-child(1) {
        font-weight: 400;
        font-size: 24px;
        color: #ffffff;
        display: block;
    }

    .kcf-drawer > header.kcf-header-map > div:nth-child(2) > span:nth-child(2) {
        font-weight: 100;
        font-size: 34px;
        color: #ffffff;
        opacity: 0.87;
        display: block;
    }

.kcf-drawer > header.kcf-header-home > div:nth-child(5), .kcf-drawer > header.kcf-header-home > div:nth-child(6) {
    font-size: 12px;
    opacity: 0.87;
    display: block;
    margin: -16px;
    position: relative;
    background: #FFE756;
    height: 48px;
}

    .kcf-drawer > header.kcf-header-home > div:nth-child(5) > span {
        font-size: 12px;
        opacity: 0.87;
        position: relative;
        top: 10px;
        left: 92px;
        bottom: 4px;
        width: 96px;
        display: block;
    }

    .kcf-drawer > header.kcf-header-home > div:nth-child(6) > span {
        font-size: 12px;
        opacity: 0.87;
        position: relative;
        top: 4px;
        left: 16px;
        bottom: 4px;
        width: 172px;
        display: block;
    }

        .kcf-drawer > header.kcf-header-home > div:nth-child(6) > span:nth-child(2) {
            top: 1px;
        }

        .kcf-drawer > header.kcf-header-home > div:nth-child(6) > span:nth-child(1) > img {
            height: 22px;
            padding-left: 4px;
            padding-right: 2px;
            padding-bottom: 4px;
        }

    .kcf-drawer > header.kcf-header-home > div:nth-child(5) > button {
        font-size: 12px;
        color: #fff;
        opacity: 0.87;
        position: absolute;
        top: 10px;
        left: 16px;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        background-color: #0288D1;
    }

.kcf-drawer > div {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    height: calc(100% - 150px);
    position: absolute;
    left: 0px;
    right: 0px;
}

    .kcf-drawer > div > nav {
        background-color: transparent !important;
    }

.kcf-drawer .mdl-navigation .mdl-navigation__link {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: #000000;
    opacity: 0.87;
}

    .kcf-drawer .mdl-navigation .mdl-navigation__link:hover {
        color: #FF6D00;
        cursor: pointer;
    }

    .kcf-drawer .mdl-navigation .mdl-navigation__link i.material-icons {
        font-size: 24px;
        margin-right: 32px;
        opacity: 0.54;
    }

    .kcf-drawer .mdl-navigation .mdl-navigation__link:hover i.material-icons {
        color: #000000;
        opacity: 0.87;
    }

.kcf-drawer .kcf-section-720-01 {
    position: relative;
}

    .kcf-drawer .kcf-section-720-01 .mdl-list {
        position: relative;
    }

    .kcf-drawer .kcf-section-720-01 > div > ul > li {
        padding: 8px;
    }

        .kcf-drawer .kcf-section-720-01 > div > ul > li > span {
            float: none !important;
            margin: 0px !important;
        }

    .kcf-drawer .kcf-section-720-01 .mdl-card {
        width: calc(100% - 32px);
    }

.kcf-drawer[id='drawer-001-050'] > button:nth-child(3) {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.kcf-content {
    max-width: 1080px;
}

.kcf-content-mask {
    z-index: 2500;
    position: absolute;
    align-items: stretch;
    background-color: #000000;
    height: 100%;
    width: 100%;
    opacity: 0.54;
    visibility: visible;
    top: 0px;
    height: 100% !important;
}

.kcf-content-mask--no-display {
    position: absolute;
    visibility: hidden;
    height: 0px;
}

.kcf-message--no-display {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

.kcf-message-top, .kcf-message-bottom {
    z-index: 3000;
    height: 0px;
    width: 100%;
}

    .kcf-message-top > div.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-message-middle > div.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-message-bottom > div.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider {
        margin-left: 0px !important;
    }

.kcf-message-bottom {
    padding-top: 4px !important;
}

.kcf-message-middle {
    position: absolute;
    z-index: 3000;
    height: 0px;
    width: 100%;
}

.kcf-message-loader {
    position: absolute;
    z-index: 3000;
    height: 5px;
    width: 100%;
}

.mdl-progress {
    width: 100%;
}

.kcf-panel[id='001-010'] {
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

/*  CARD LAYOUT */
.kcf-panel[id='001-010'] .mdl-card {
    min-height:0px;
}

.kcf-panel[id='001-010'] > div > section.kcf-section-010-01, 
.kcf-panel[id='001-010'] > div > section.kcf-section-010-02,
.kcf-panel[id='001-010'] > div > section.kcf-section-010-03 {
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.kcf-section-010-01 > div, 
.kcf-section-010-02 > div,
.kcf-section-010-03 > div {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.kcf-section-010-01 > div > div:nth-child(1) {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 48%;
    background: #fff;
}

.kcf-section-010-01 > div > div:nth-child(3) {
    width: 48%;
    background: #fff;
}

.kcf-section-010-02 > div > div:nth-child(1) {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 36%;
    background: #fff;
}

.kcf-section-010-02 > div > div:nth-child(3) {
    width: 60%;
    background: #fff;
}

.kcf-section-010-03 > div > div:nth-child(1) {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 48%;
    background: #fff;
}

.kcf-section-010-03 > div > div:nth-child(3) {
    width: 48%;
    background: #fff;
}


/* CARD CONTENTS */
.kcf-section-010-01 .mdl-card {
    height:164px;
}

.kcf-section-010-02 > div > div:nth-child(1).mdl-card {
    height:244px;
}

.kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-body > span:nth-child(2) {
    font-size: 112px;
    color: #FD4DFF;
    position:absolute;
    top:4px;
    right:4px;
    line-height:112px;
}

.kcf-section-010-02 > div > div:nth-child(3) > div.mdl-card {
    width: 100%;
    height:116px;
}

.kcf-section-010-02 > div > div:nth-child(3) > div.mdl-card .kcf-kpi-header > span:nth-child(1) {
    color: rgba(0,0,0,0.54);
}

.kcf-section-010-02 > div > div:nth-child(3) > div.mdl-card .kcf-kpi-header > span:nth-child(2) > span:nth-child(1) {
    font-size:22px;
}

.kcf-section-010-02 > div > div:nth-child(3) > div.mdl-card .kcf-kpi-header > span:nth-child(2) > span:nth-child(2) {
    font-size:18px;
}

.kcf-section-010-02 > div > div:nth-child(3) > div:nth-child(2).mdl-card {
    margin-top:12px;
}

.kcf-section-010-02 > div > div:nth-child(3) > div.mdl-card .kcf-kpi-body {
    height: 76px;
    line-height: 76px;
    font-size:48px;
}

.kcf-section-010-02 > div > div:nth-child(3) > div.mdl-card .kcf-kpi-body > span > span:nth-child(1) {
    
}

.kcf-section-010-02 > div > div:nth-child(3) > div.mdl-card .kcf-kpi-body > span > span:nth-child(2) {
    
}

.kcf-section-010-02 > div > div:nth-child(3) > div:nth-child(1) .kcf-kpi-body > span:nth-child(2) {
    font-size: 112px;
    color: #FF0000;
    position:absolute;
    top:-16px;
    right:4px;
}

.kcf-section-010-02 > div > div:nth-child(3) > div:nth-child(2) .kcf-kpi-body > span:nth-child(2) {
    font-size: 112px;
    color: #FF7F00;
    position:absolute;
    top:-16px;
    right:4px;
}

.kcf-section-010-02 > div > div:nth-child(3) > div:nth-child(2) .kcf-kpi-body > span:nth-child(3) {
    font-size: 112px;
    color: #95EA5B;
    position:absolute;
    top:-16px;
    right:12px;
}


.kcf-panel[id='001-010'] .kcf-kpi-header {
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
    color: rgba(0,0,0,0.87);
    background-color: rgba(0,0,0,0.1);
    height: 28px;
    padding: 6px;
    padding-left: 12px;
    vertical-align: middle;
    text-align:center;
}

.kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-header {
    height:64px;
    padding-left:0px;
    text-align:center;
}

.kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-header > span:nth-child(1) {
    color:rgba(0,0,0,0.54);
}

.kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-header > span:nth-child(2) {
    display:block;
    line-height:38px;
}

.kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-header > span:nth-child(2) > span:nth-child(1) {
    font-size:22px;
}

.kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-body {
    line-height: 140px;
    height: 140px;
}

.kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-body > span > span:nth-child(1) {
    font-size:64px;
}

.kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-footer {
    /* height: 54px;*/
}


.kcf-panel[id='001-010'] .kcf-kpi-body {
    font-size: 54px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(0,0,0,0.64);
    height: 88px;
    line-height: 88px;
    text-align: center;
    vertical-align:middle;
}

.kcf-panel[id='001-010'] .kcf-kpi-body > span > span:nth-child(1) {
}

.kcf-panel[id='001-010'] .kcf-kpi-body > span > span:nth-child(2) {
    padding-left: 4px;
    font-size: 16px;
    opacity: 0.82;
    font-weight: 300;
}

.kcf-panel[id='001-010'] .kcf-kpi-footer {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: rgba(0,0,0,0.72);
    background-color: rgba(0,0,0,0.02);
    height: 36px;
    line-height: 36px;
    bottom: 0px;
    position: absolute;
    width: 100%;
    padding-left: 12px;
}

.kcf-panel[id='001-010'] .kcf-kpi-footer > span:nth-child(2) {
    position:absolute;
    right:16px;
    opacity:0.54;
}

.kcf-panel[id='001-010'] .kcf-kpi-footer > span:nth-child(2) > button > i {
    font-size:22px;
}


.kcf-panel[id='001-010'] .kcf-section-010-02 > div > div:nth-child(1) .kcf-kpi-header {

}

.kcf-panel[id='001-010'] .kcf-section-010-02 > div > div:nth-child(3) .kcf-kpi-footer {
    background-color: rgba(0,0,0,0.0);
}

.kcf-section-010-03 .mdl-card {
    height:164px;
}

.kcf-section-010-03 > div > div:nth-child(1) .kcf-kpi-body > span > span:nth-child(1),
.kcf-section-010-03 > div > div:nth-child(3) .kcf-kpi-body > span > span:nth-child(1) {
    font-size:48px;
}





.kcf-section-040-06 div:nth-child(2) {
    padding-bottom: 4px;
    padding-top: 0px;
}

.kcf-section-040-06 div:nth-child(2) > div > ul > li {
    display: inline;
    list-style-type: none;
    padding-right: 8px;
}

.kcf-section-040-06 div:nth-child(2) img {
    height: 80px;
    margin: 0px;
}



div[id='001-020-001'] > label:nth-child(4), div[id='001-020-001'] > button:nth-child(5), div[id='001-020-001'] > button:nth-child(6) {
    border-radius: 0%;
    margin-left: 8px;
}

div[id='001-020-001'] > button:nth-child(1) {
    border-radius: 0%;
}

.kcf-section-020-01 {
    background: url('../images/ProjectTracker/Engineering/water_image1.jpg') center top no-repeat;
    background-size: cover;
    height: 88px;
    position: relative;
}

    .kcf-section-020-01 > div:nth-child(1) {
        position: absolute;
        bottom: 0px;
        padding: 12px;
        padding-left: 24px;
        width: 100%;
        background: rgba(0, 0, 0, 0.1);
        color: #fff;
    }

    .kcf-section-020-01 > button {
        position: absolute;
        bottom: -25px;
        right: 25px;
    }

.kcf-section-020-02 {
    width: 100%;
}

    .kcf-section-020-02 .mdl-tabs__tab-bar {
        width: 100%;
        border-bottom: 0px;
    }

        .kcf-section-020-02 .mdl-tabs__tab-bar .mdl-tabs__tab {
            width: 33.5%;
            min-width: 15%;
            color: #ffffff;
            opacity: 0.7;
            font-weight: 500;
            font-size: 14px;
            padding: 0 0px 0 0px;
        }

    .kcf-section-020-02 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
        color: #ffffff;
        opacity: 1.0;
    }

        .kcf-section-020-02 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active.left {
        }

        .kcf-section-020-02 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active.right {
        }

        .kcf-section-020-02 .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
            height: 6px;
            background: #FFFF00;
        }

    .kcf-section-020-02 .mdl-tabs.is-upgraded .mdl-tabs__tab-bar[data-style='two-tabs'] .mdl-tabs__tab {
        width: 50% !important;
    }

        .kcf-section-020-02 .mdl-tabs.is-upgraded .mdl-tabs__tab-bar[data-style='two-tabs'] .mdl-tabs__tab:nth-child(3), .kcf-section-020-02 .mdl-tabs.is-upgraded .mdl-tabs__tab-bar[data-style='two-tabs'] .mdl-tabs__tab:nth-child(4) {
            display: none;
        }

    .kcf-section-020-02 .mdl-tabs.is-upgraded .mdl-tabs__tab-bar[data-style='four-tabs'] .mdl-tabs__tab {
        width: 25% !important;
    }

    .kcf-section-020-02 .mdl-tabs__tab-bar .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
        color: #FFD180;
    }

.kcf-section-020-03 .mdl-list, .kcf-section-450-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 170px);
    height: -moz-calc(100% - 170px);
    height: -webkit-calc(100% - 170px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
}

.kcf-section-020-03 .kcf-list-short {
    height: calc(100% - 188px);
    height: -moz-calc(100% - 188px);
    height: -webkit-calc(100% - 188px);
}

.kcf-section-450-03 .kcf-list-short {
    height: calc(100% - 132px);
    height: -moz-calc(100% - 132px);
    height: -webkit-calc(100% - 132px);
}

.kcf-section-020-03 .mdl-list > ul > li > span > div:hover {
    background: rgba(236, 239, 241,0.37);
    cursor: pointer;
}

.kcf-section-450-03 .mdl-list > ul > li > span > div:hover {
    cursor: pointer;
}

.kcf-section-020-03 > .mdl-list > ul, .kcf-section-450-03 > .mdl-list > ul {
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

    .kcf-section-020-03 > .mdl-list > ul > li, .kcf-section-450-03 > .mdl-list > ul > li {
        width: 100%;
        padding: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

        .kcf-section-020-03 > .mdl-list > ul > li > .mdl-list__item, .kcf-section-450-03 > .mdl-list > ul > li > .mdl-list__item {
            width: 100%;
            padding-top: 0px;
            padding-bottom: 0px;
            height: 72px;
        }

.kcf-section-020-03 .mdl-list__item-primary-content .mdl-list__item-avatar {
    height: 100%;
    text-indent: -999px !important;
}

.kcf-section-020-03 .mdl-list__item-primary-content {
    position: relative;
    top: -28px;
}

.kcf-section-020-03 .mdl-list__item-primary-content > span {
    float: left;
    position: absolute;
    top: 0;
    padding-left: 8px;
}

    .kcf-section-020-03 .mdl-list__item-primary-content > span:nth-child(1) > span:nth-child(2) {
        font-size: 8px;
        font-weight: 500;
        color: #000000;
        opacity: 0.37;
        width: 48px;
        display: block;
        padding-top: 6px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .kcf-section-020-03 .mdl-list__item-primary-content > span:nth-child(1) > span:nth-child(3) {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 9px;
        font-weight: 600;
        background-color: rgba(212,175,55,1);
        height: 16px;
        width: 16px;
        line-height: 16px;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        border: solid 2px #fff;
    }

        .kcf-section-020-03 .mdl-list__item-primary-content > span:nth-child(1) > span:nth-child(3) > span {
            background: url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==");
            background-size: 80%;
            background-repeat: no-repeat;
            position: absolute;
            top: 4px;
            left: 4px;
            height: 10px;
            width: 10px;
        }

    .kcf-section-020-03 .mdl-list__item-primary-content > span:nth-child(1) > span:nth-child(4) {
        position: absolute;
        top: 2px;
        left: 58px;
        background-color: rgba(149, 234, 91,1);
        height: 10px;
        width: 10px;
        line-height: 10px;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        border: solid 0px #fff;
    }

.kcf-section-020-03 .mdl-list__item-primary-content > div {
    margin-left: 72px;
    position: absolute;
    right: 52px;
    top: 0px;
    left: 0px;
}

.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(1) {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.15px;
    opacity: 0.87;
    padding-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kcf-panel[id='001-735'] .kcf-section-020-03 .mdl-list__item-primary-content > div:nth-child(2) > div:nth-child(2) {
    height: 36px;
    white-space: normal !important;
}

.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2), .kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(3), .kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(4) {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    opacity: 0.54;
    letter-spacing: 0.15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: translate3d(0,0,0);
}

.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(4) {
    display: none;
}

.kcf-section-020-03 .mdl-list__item-primary-content .mdl-list__item-avatar {
    background: url(../images/icons/avatar-general.svg) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 600% 1700%;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-transform: translate3d(0,0,0);
    background-position: 100% 56.25%;
}

.kcf-section-020-03 .mdl-list__item-secondary-content {
    min-height: 56px;
    position: relative;
    padding-right: 16px;
}

    .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1) {
        display: block;
        width: 40px;
        height: 10px;
        vertical-align: bottom;
        position: absolute;
        right: 8px;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: translate3d(0,0,0);
    }

    .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(2) > i {
        color: #000000;
        opacity: 0.24;
        position: absolute;
        top: 20px;
        right: 0px;
        -webkit-transform: translate3d(0,0,0);
    }

    .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(3) {
        position: absolute;
        top: 48px;
        right: 4px;
        opacity: 0.74;
    }

        .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(3) > i {
            font-size: 18px;
            color: #0288d1 !important;
        }

        .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(3) > span {
            position: absolute;
            top: -8px;
            right: 12px;
            font-size: 9px;
            font-weight: 600;
            background-color: rgba(255,89,145,1);
            height: 16px;
            width: 16px;
            line-height: 16px;
            text-align: center;
            border-radius: 50%;
            color: #fff;
            border: solid 2px #fff;
        }

    .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1):not(old) > input {
        margin-right: -100%;
        opacity: 0;
    }

    .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1):not(old) > label {
        display: block;
        float: right;
        position: relative;
        background: url('../images/ProjectTracker/star-off.svg');
        background-size: contain;
        -webkit-transform: translate3d(0,0,0);
    }

        .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1):not(old) > label:before {
            content: '';
            display: block;
            width: 0.85em;
            height: 0.85em;
            background: url('../images/ProjectTracker/star-on.svg');
            background-size: contain;
            opacity: 0;
            transition: opacity 0.2s linear;
            -webkit-transform: translate3d(0,0,0);
        }

    .kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1):not(old) > :checked ~ label:before {
        opacity: 1;
    }

.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider {
    margin-left: 88px;
}

.kcf-section-020-03-01 .mdl-list__item-secondary-content > span:nth-child(1) {
    display: none;
    width: 0px;
}

.kcf-section-020-03-01 .mdl-list__item-primary-content > div {
    right: 0px;
}

    .kcf-section-020-03-01 .mdl-list__item-primary-content > div > div:nth-child(2) {
        display: none;
    }

    .kcf-section-020-03-01 .mdl-list__item-primary-content > div > div:nth-child(3) {
        opacity: 0.72;
        line-height: 20px;
    }

    .kcf-section-020-03-01 .mdl-list__item-primary-content > div > div:nth-child(4) {
        display: inherit !important;
        opacity: 0.42;
        line-height: 20px;
    }

.kcf-section-020-03-02 .mdl-list__item-secondary-content > span:nth-child(1) {
    display: none;
    width: 0px;
}

.kcf-section-020-03-02 .mdl-list__item-primary-content > div {
    right: 0px;
}

    .kcf-section-020-03-02 .mdl-list__item-primary-content > div > div:nth-child(2) {
        opacity: 0.72;
        line-height: 20px;
    }

    .kcf-section-020-03-02 .mdl-list__item-primary-content > div > div:nth-child(3) {
        display: none;
    }

    .kcf-section-020-03-02 .mdl-list__item-primary-content > div > div:nth-child(4) {
        display: inherit !important;
        opacity: 0.42;
        line-height: 20px;
    }

.kcf-section-020-04 button {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    margin-right: 38px;
    margin-bottom: 20px;
    z-index: 900;
}

.kcf-section-020-05 > div:nth-child(1) {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    line-height: 42px;
}

    .kcf-section-020-05 > div:nth-child(1) > span {
        width: calc(100% - 92px);
        overflow: hidden;
        white-space: nowrap;
        display: block;
        text-overflow: ellipsis;
    }

    .kcf-section-020-05 > div:nth-child(1) > button {
        position: absolute;
        color: rgba(0,0,0,0.38);
        top: 4px;
        right: 16px;
        padding-top: 0px;
        padding-right: 0px;
    }

.kcf-section-020-05 > div:nth-child(2) {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    padding-bottom: 0px;
    line-height: 20px;
    visibility: visible;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 96px);
}

    .kcf-section-020-05 > div:nth-child(2).hide {
        padding-right: 16px;
        padding-left: 16px;
        position: relative;
        padding-bottom: 0px;
        line-height: 0px;
        height: 0px;
        visibility: hidden;
    }

.kcf-section-020-05 > div:nth-child(3) {
    position: relative;
    padding-top: 8px;
    padding-bottom: 6px;
    height: 18px;
}

    .kcf-section-020-05 > div:nth-child(3) > span:nth-child(1) {
        position: absolute;
        left: 16px;
        text-align: left;
    }

    .kcf-section-020-05 > div:nth-child(3) > span:nth-child(2) {
        position: absolute;
        width: 210px;
        text-align: center;
        right: calc(50% - 105px);
        font-weight: 500;
        font-size: 14px;
        opacity: 0.72;
    }

    .kcf-section-020-05 > div:nth-child(3) > span:nth-child(3) {
        position: absolute;
        right: 16px;
        text-align: right;
    }

.kcf-section-020-10 {
    z-index: 3000;
}

    .kcf-section-020-10 > div {
        width: 100%;
        text-align: center;
        position: absolute;
        display: block;
        left: 0px;
        right: 0px;
        bottom: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: rgba(0,0,0,0.08)
    }

        .kcf-section-020-10 > div > button {
            margin-left: 0px;
            color: #000000;
            opacity: 0.87;
            -ms-flex: 0 1 auto;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            margin-left: 34px;
            margin-right: 34px;
        }

.kcf-panel[id='001-020'] > div:nth-child(6) {
    overflow-y: scroll;
    height: calc(100% - 48px);
}

    .kcf-panel[id='001-020'] > div:nth-child(6) > section.kcf-section-010-01, .kcf-panel[id='001-020'] > div:nth-child(6) > section.kcf-section-010-02, .kcf-panel[id='001-020'] > div:nth-child(6) > section.kcf-section-010-03, .kcf-panel[id='001-020'] > div:nth-child(6) > section.kcf-section-010-04 {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

.kcf-panel[id='001-020'] > section.kcf-section-020-03 .mdl-list__item-avatar,
.kcf-panel[id='001-200'] > section.kcf-section-020-03 .mdl-list__item-avatar {
    display: block;
}

.kcf-panel[id='001-030'] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

.kcf-section-030-01, .kcf-section-030-02 {
    width: 100%;
}

    .kcf-section-030-01 > div, .kcf-section-030-02 > div {
        width: 100%;
    }

    .kcf-section-030-01 > label, .kcf-section-030-02 > label {
        line-height: 48px;
        font-size: 14px;
        font-weight: 500;
    }

.kcf-panel[id='001-030'] {
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
}

    .kcf-panel[id='001-030'] .mdl-textfield {
        padding-bottom: 8px;
    }

    .kcf-panel[id='001-030'] .mdl-textfield__input {
        color: rgba(0,0,0,0.87);
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 400;
    }

    .kcf-panel[id='001-030'] .mdl-textfield .mdl-textfield__label:after {
        bottom: 8px;
    }

    .kcf-panel[id='001-030'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-030'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label {
        color: rgba(0,0,0,0.54);
        font-size: 12px;
        font-weight: 400;
    }

.kcf-section-030-01 div > i {
    float: right;
    margin-top: -40px;
    color: rgba(0,0,0,0.4)
}

.kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(1), .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(1), .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(1) {
    float: left;
    padding: 0px;
    min-width: 60px;
    width: 45%;
}

.kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(2), .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(2), .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(2) {
    float: left;
    padding: 0px;
    padding-left: 0px;
    min-width: 10px;
    width: 55%;
}

    .kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(2) > div > i, .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(2) > div > i, .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(2) > div > i {
        float: right;
        margin-top: -40px;
        color: rgba(0,0,0,0.4)
    }

.kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(1) .mdl-textfield__input, .kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(1) .mdl-textfield__label, .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(1) .mdl-textfield__input, .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(1) .mdl-textfield__label, .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(1) .mdl-textfield__input, .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(1) .mdl-textfield__label {
    width: 100%;
}

.kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(2) .mdl-textfield__input, .kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(2) .mdl-textfield__label, .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(2) .mdl-textfield__input, .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(2) .mdl-textfield__label, .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(2) .mdl-textfield__input, .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(2) .mdl-textfield__label {
    width: 100%;
}

    .kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-030-01 > div > div:nth-child(1) > span:nth-child(2) .mdl-textfield__label:after, .kcf-section-030-01 > div > div:nth-child(2) > span:nth-child(2) .mdl-textfield__label:after, .kcf-section-030-01 > div > div:nth-child(3) > span:nth-child(2) .mdl-textfield__label:after, .kcf-section-030-01 > div > div:nth-child(5) > span:nth-child(1) .mdl-textfield__label:after {
        height: 0px;
    }

.kcf-layout-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
    min-height: 56px;
}

.kcf-section-030-01 > div > div:nth-child(4), .kcf-section-030-01 > div > div:nth-child(7) {
    margin-bottom: 16px;
}

.kcf-section-030-01 > div > div:nth-child(8), .kcf-section-030-01 > div > div:nth-child(13), .kcf-section-030-01 > div > div:nth-child(16) {
    margin-right: 8px;
}

    .kcf-section-030-01 > div > div:nth-child(8) > span:nth-child(3) > input, .kcf-section-030-01 > div > div:nth-child(13) > span:nth-child(3) > input, .kcf-section-030-01 > div > div:nth-child(16) > span:nth-child(3) > input {
        text-align: right;
        width: 40px;
    }

    .kcf-section-030-01 > div > div:nth-child(8) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(8) > span:nth-child(3), .kcf-section-030-01 > div > div:nth-child(9) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(9) > label:nth-child(3), .kcf-section-030-01 > div > div:nth-child(10) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(10) > label:nth-child(3), .kcf-section-030-01 > div > div:nth-child(11) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(11) > label:nth-child(3), .kcf-section-030-01 > div > div:nth-child(12) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(12) > label:nth-child(3), .kcf-section-030-01 > div > div:nth-child(13) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(13) > span:nth-child(3), .kcf-section-030-01 > div > div:nth-child(14) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(14) > label:nth-child(3), .kcf-section-030-01 > div > div:nth-child(15) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(15) > label:nth-child(3), .kcf-section-030-01 > div > div:nth-child(16) > label:nth-child(1), .kcf-section-030-01 > div > div:nth-child(16) > span:nth-child(3) {
        display: inline;
        width: auto;
    }

.kcf-section-030-01 > div > div > label[for='textfield-30'] > span {
    position: absolute;
    margin-left: 8px;
    margin-top: 5px;
    background-color: rgba(149, 234, 91,1);
    height: 10px;
    width: 10px;
    line-height: 10px;
    border-radius: 50%;
    color: #fff;
    border: solid 0px #fff;
}

.kcf-section-030-01 > div > div > label[for='textfield-31'] > span {
    position: absolute;
    margin-left: 8px;
    font-size: 9px;
    font-weight: 600;
    background-color: rgba(212,175,55,1);
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    border: solid 2px #fff;
}

    .kcf-section-030-01 > div > div > label[for='textfield-31'] > span > span {
        background: url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==");
        background-size: 80%;
        background-repeat: no-repeat;
        position: absolute;
        top: 4px;
        left: 4px;
        height: 10px;
        width: 10px;
    }

.kcf-panel[id='001-040'] {
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

    .kcf-panel[id='001-040'] > button:nth-child(1) {
        top: 20px;
        left: 24px;
        color: #fff;
        z-index: 100;
        max-width: 32px;
        background-color: rgb(255,64,129);
    }

    .kcf-panel[id='001-040'] > div {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        -webkit-overflow-scrolling: auto;
    }

.kcf-section-040-01 {
    height: 216px;
    position: relative;
    z-index: 0;
}

.kcf-section-040-01 > div:nth-child(1) {
position: absolute;
top: 12px;
right: 16px;
left: 16px;
height: 48px;
background-color: rgba(255,255,255,0.87);
}

.kcf-section-040-01 > div:nth-child(1) > div:nth-child(1) > button:nth-child(2), 
.kcf-section-040-01 > div:nth-child(1) > div:nth-child(1) > button:nth-child(3) {
    position: absolute;
    top: 8px;
    right: 0px;
    color: rgba(0, 0, 0, 0.54);
    z-index: 0;
    max-width: 32px;
    border-radius: 0%;
}

.kcf-section-040-01 > div:nth-child(1) > div:nth-child(1) {
    width: 100%;
    height: 48px;
    position: relative;
    max-width: calc(100% - 48px);
}

.kcf-section-040-01 > div:nth-child(1) > div:nth-child(1) > span:nth-child(1) {
    position: absolute;
    top: 8px;
    left: 52px;
    line-height: 34px;
    font-size: 22px;
    min-width: calc(100% - 160px);
    overflow: hidden;
    max-height: 34px;
}

.kcf-section-040-01 > span:nth-child(2) {
    right: 20px;
    height: 14px;
    line-height: 18px;
    top: 68px;
    font-size: 16px;
    position: absolute;
    color: rgba(255, 255, 255, 0.87) !important;
}

.kcf-section-040-01 > div:nth-child(1) > button:nth-child(2) {
    position: absolute;
    color: rgba(0,0,0,0.38);
    top: 8px;
    right: 40px;
    padding: 0 12px;
    height:32px;
    line-height:32px;
}

.kcf-section-040-01 > div:nth-child(1) > button:nth-child(3) {
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgba(0, 0, 0, 0.74);
    z-index: 0;
    max-width: 32px;
    border-radius: 0%;
}

.kcf-section-040-01 > div:nth-child(1) > div:nth-child(5) {
    position: absolute;
    top: 8px;
    right: 48px;
    color: rgba(0, 0, 0, 0.72) !important;
    line-height: 34px;
    font-size: 12px;
}

.kcf-section-040-01 > button:nth-child(3) {
    position: absolute;
    bottom: -24px;
    right: 20px;
    z-index: 99;
}

.kcf-section-040-01 > button:nth-child(3) > span {
    line-height: 30px;
}

.kcf-section-040-01 > div:nth-child(4) {
    position: absolute;
    bottom: 0;
    padding: 12px;
    padding-left: 24px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.kcf-section-040-01 > div:nth-child(4) > div:nth-child(3) {
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 12px;
    padding-right: 56px;
    opacity: 0.64 !important;
}

.kcf-section-040-01 > div:nth-child(4) > div:nth-child(4) {
    position: absolute;
    top: 24px;
    right: 0px;
    padding-top: 12px;
    padding-right: 56px;
    color: rgba(255,255,255,0.72);
    font-size: 11px;
}

.kcf-section-040-01 > div:nth-child(7) {
    left: 26px;
    top: 68px;
    position: absolute;
    opacity: 0.87;
}

.kcf-section-040-01 > div:nth-child(7) > span:nth-child(1) {
    position: absolute;
    font-size: 9px;
    font-weight: 600;
    background-color: rgba(212,175,55,1);
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    border: solid 2px #fff;
}

.kcf-section-040-01 > div:nth-child(7) > span:nth-child(1) > span {
    background: url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==");
    background-size: 80%;
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    left: 4px;
    height: 10px;
    width: 10px;
}

.kcf-section-040-01 > div:nth-child(7) > span:nth-child(2) {
    position: absolute;
    top: 2px;
    left: 26px;
    line-height: 18px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.87) !important;
}

.kcf-section-040-01 > div:nth-child(5), .kcf-section-040-01 > div:nth-child(6) {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-transform: none !important;
}

.kcf-section-040-01 > div:nth-child(6) {
    z-index: -2;
}

.kcf-section-040-01 > button:nth-child(99999) {
    position: absolute;
    top: 82px;
    right: 16px;
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0%;
}

.kcf-section-040-02 {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 16px 24px 20px;
    color: rgb(255,255,255);
    -webkit-transform: none !important;
    position: relative;
}

    .kcf-section-040-02 > div {
        text-align: left;
        color: white;
        overflow: hidden;
        white-space: nowrap;
    }

        .kcf-section-040-02 > div > div:nth-child(1) {
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: calc(100% - 104px);
        }

        .kcf-section-040-02 > div > div:nth-child(2), .kcf-section-040-02 > div > div:nth-child(3), .kcf-section-040-02 > div > div:nth-child(4) {
            margin-top: 6px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: calc(100% - 48px);
        }

        .kcf-section-040-02 > div > div:nth-child(2) {
            margin-bottom: 8px;
        }

    .kcf-section-040-02 > button {
        position: absolute;
        right: 64px;
        z-index: 99;
        top: -30px;
        width: 64px;
        height: 64px;
        max-width: 64px;
    }

        .kcf-section-040-02 > button > span:nth-child(1) {
            font-size: 18px;
            display: block;
            line-height: 18px;
            padding-top: 2px;
            font-weight: 500;
        }

        .kcf-section-040-02 > button > span:nth-child(2) {
            font-size: 8px;
            display: block;
            line-height: 8px;
            letter-spacing: 3px;
            padding-top: 1px;
            opacity: 0.87;
            padding-left: 2px;
        }

    .kcf-section-040-02 > span:nth-child(3) {
        position: absolute;
        right: 68px;
        z-index: 99;
        bottom: 8px;
        line-height: 12px;
    }

    .kcf-section-040-02 > span:nth-child(4) {
        position: absolute;
        right: 106px;
        bottom: 10px;
        background-color: rgba(149, 234, 91,1);
        height: 10px;
        width: 10px;
        line-height: 12px;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        border: solid 0px #fff;
    }

.kcf-section-040-03 > div {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    border-bottom-color: rgb(230, 230, 230);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    white-space: nowrap;
}

    .kcf-section-040-03 > div > div {
        width: 100%;
        -webkit-flex-basis: 0%;
        -webkit-flex-grow: 1;
        -webkit-flex-shrink: 1;
        flex-basis: 0%;
        flex-grow: 1;
        flex-shrink: 1;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-top: 0px;
        position: relative;
        text-align: left;
    }

        .kcf-section-040-03 > div > div .mdl-button {
            height: 54px;
            width: 25%;
            text-align: center;
            line-height: 24px;
            padding: 0 0px;
        }

        .kcf-section-040-03 > div > div > button.disable {
            opacity: 0.54 !important;
        }

.kcf-section-040-03.no-share > div > div .mdl-button {
    height: 54px;
    width: 33%;
    text-align: center;
    line-height: 24px;
    padding: 0 0px;
}

    .kcf-section-040-03.no-share > div > div .mdl-button:nth-child(3) {
        display: none;
    }

.kcf-section-040-03 > div > div .mdl-button > i {
    line-height: 24px;
}

.kcf-section-040-03 > div > div .mdl-button > img {
    height: 24px;
    width: 24px;
    text-indent: -999px;
}

.kcf-section-040-03 > div > div .mdl-button > span {
    line-height: 22px;
}

.kcf-section-040-03 > div > div .mdl-button > span {
    display: block;
}

.kcf-section-040-03 > div > div button:nth-child(2) {
    position: relative;
}

.kcf-section-040-03 > div:nth-child(1) > div button:nth-child(2) > span:nth-child(3) {
    display: block;
    width: 24px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    font-size: 8px;
    font-weight: 600;
    background-color: rgba(255,89,145, 1);
    position: absolute;
    top: -1px;
    right: 18px;
    border: 2px solid #fff;
    border-radius: 20%;
}

.kcf-section-040-05 {
    padding-right: 16px;
    padding-left: 24px;
    text-align: left;
    border-top-color: rgb(230, 230, 230);
    border-top-style: solid;
    border-top-width: 1px;
    position: relative;
}

    .kcf-section-040-05 div:nth-child(1) {
        position: relative;
        z-index: 10;
    }

        .kcf-section-040-05 div:nth-child(1) > div:nth-child(1) {
            padding-top: 16px;
            padding-bottom: 0px;
            text-align: left;
            white-space: nowrap;
            text-align: left;
            overflow-y: hidden;
            position: relative;
        }

            .kcf-section-040-05 div:nth-child(1) > div:nth-child(1) > span.extendheight {
                max-height: 300px;
            }

    .kcf-section-040-05 > div:nth-child(1) > div:nth-child(1) > span, .kcf-section-040-05 > div:nth-child(1) > span {
        font-family: Roboto,Arial,sans-serif;
        color: rgba(0,0,0,0.87);
        font-style: italic;
        line-height: 20px;
        text-align: left;
        white-space: normal;
        display: block;
        width: 90%;
        max-height: 60px;
    }

        .kcf-section-040-05 > div:nth-child(1) > span:nth-child(2) {
            margin-bottom: 16px;
        }

            .kcf-section-040-05 > div:nth-child(1) > span:nth-child(2) > span:nth-child(2) {
                width: calc(100% - 116px);
                position: absolute;
                left: 56px;
                top: 0px;
                overflow: hidden;
                max-height: 36px;
            }

    .kcf-section-040-05 > div:nth-child(1) > span {
        color: rgba(0,0,0,0.54);
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .kcf-section-040-05 > div:nth-child(1) > label:nth-child(3) {
        position: absolute;
        top: 12px;
        right: 0px;
        color: rgba(0,0,0,0.54);
        z-index: 10;
    }

    .kcf-section-040-05 > div:nth-child(1) > span:nth-child(2) {
        position: relative;
        width: 100%;
    }

        .kcf-section-040-05 > div:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
            font-weight: 500;
            font-style: normal;
            padding-right: 8px;
        }

        .kcf-section-040-05 > div:nth-child(1) > span:nth-child(2) > span:nth-child(3) {
            position: absolute;
            top: 0px;
            right: 0px;
            color: rgb(255,64,129) !important;
            height: 22px;
            line-height: 20px;
            min-width: 56px;
            text-transform: none;
            padding: 0 0px;
            opacity: 0.72 !important;
            font-weight: 400 !important;
        }

            .kcf-section-040-05 > div:nth-child(1) > span:nth-child(2) > span:nth-child(3):hover {
                cursor: pointer;
            }

                .kcf-section-040-05 > div:nth-child(1) > span:nth-child(2) > span:nth-child(3):hover > span {
                    opacity: 1.0 !important;
                }

    .kcf-section-040-05 div:nth-child(2) {
        padding-top: 0px;
        padding-bottom: 12px;
        text-align: left;
        white-space: nowrap;
        position: relative;
        z-index: 10;
    }

        .kcf-section-040-05 div:nth-child(2) > .mdl-list {
            margin: 0px;
            padding: 0px;
            text-align: left;
            list-style: none;
        }

    .kcf-section-040-05 > div:nth-child(2) > ul > li {
        color: rgba(0,0,0,0.87);
        padding: 0px;
        padding-bottom: 8px;
        width: 100%;
    }

        .kcf-section-040-05 > div:nth-child(2) > ul > li:hover {
            background-color: transparent;
        }

    .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item {
        line-height: 24px;
        min-height: 20px;
        letter-spacing: normal;
        padding-top: 8px;
    }

        .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span:nth-child(2) {
            height: 22px;
            line-height: 20px;
            min-width: 42px;
            text-transform: none;
            padding: 0px 8px 0px 8px;
            opacity: 0.72 !important;
            font-weight: 400 !important;
        }

        .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span[data-eid='040-07-020']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span[data-eid='040-03-030']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-05-013 xxx']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > span[data-eid='040-05-013 xxx']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-03-010']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > span[data-eid='040-03-010']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-05-010']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > span[data-eid='040-05-010']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-05-011']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > span[data-eid='040-05-011']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-05-012']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > span[data-eid='040-05-012']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-05-014']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > span[data-eid='040-05-014']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-05-015']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > span[data-eid='040-05-015']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span[data-eid='040-03-110']:hover, .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-01-020']:hover {
            cursor: pointer;
        }

        .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-01-020']:hover {
        }

        .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > i[data-eid='040-05-013 xxx'] {
            color: rgba(255,89,145,0.87) !important;
        }

        .kcf-section-040-05 div:nth-child(2) > ul > .mdl-list__item > span > span[data-eid='040-05-013 xxx'] {
            padding-right: 8px;
        }

    .kcf-section-040-05 div:nth-child(2) > ul > li .mdl-list__item-icon {
        color: rgb(66, 133, 244);
    }

    .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(1) .mdl-list__item-primary-content {
        width: 100%;
        position: relative;
    }

        .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(1) .mdl-list__item-primary-content > i {
            position: absolute;
            top: 4px;
            left: 0px;
        }

    .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(1) > span > span {
        position: relative;
        width: calc(100% - 56px);
        display: block;
        white-space: normal;
        top: 0px;
        left: 56px;
    }

        .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(1) > span > span > span {
            display: block;
            width: calc(100% - 8px);
            line-height: 24px;
        }

    .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(3), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(6), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(7) {
        position: relative;
    }

        .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(3) > span:nth-child(1), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(6) > span:nth-child(1), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(7) > span:nth-child(1) {
            position: relative;
            width: calc(100% - 92px);
            padding-top:4px;
        }

            .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(3) > span:nth-child(1) > i, .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(6) > span:nth-child(1) > i, .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(7) > span:nth-child(1) > i {
                position: absolute;
                top: 4px;
                left: 0px;
            }

            .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(3) > span:nth-child(1) > i {
                color: rgb(255,64,129) !important;
            }

            .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(3) > span:nth-child(1) > span, .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(6) > span:nth-child(1) > span, .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(7) > span:nth-child(1) > span {
                position: relative;
                top: 0px;
                left: 56px;
                width: calc(100% - 124px);
                display: block;
                white-space: normal;
                overflow: hidden;
            }

            .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(3) > span:nth-child(1) > span {
                width: calc(100% - 154px) !important;
            }

        .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(3) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(6) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(7) > span:nth-child(2) {
            position: absolute;
            top: 10px;
            right: 0px;
        }

    .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(5) > span:nth-child(1) > span:nth-child(3) {
        padding: 4px;
    }

    .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(5) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(6) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(7) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(8) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(9) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(10) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(11) > span:nth-child(1) > span:nth-child(3), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(12) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2) {
        padding-left: 6px;
        opacity: 0.72;
    }

    .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(5) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(6) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(7) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(8) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(9) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(10) > span:nth-child(1) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(11) > span:nth-child(1) > span:nth-child(2), .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(12) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
        font-weight: 500;
        opacity: 1.0;
    }

    .kcf-section-040-05 div:nth-child(2) > ul > li:nth-child(10) > span:nth-child(1) > span:nth-child(2) {
        padding-right: 6px;
    }

    .kcf-section-040-05 div:nth-child(2) > ul > li[id='trackerManager_040-05-C015'] {
        background-color: rgba(0,0,0,0.08);
        width: auto;
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 16px;
    }

    .kcf-section-040-05 div:nth-child(3) {
        background-color: rgba(255,255,255,0.14);
        z-index: 0;
        position: absolute;
        width: 100%;
        top: 0px;
        bottom: 0px;
        text-align: center;
    }

        .kcf-section-040-05 div:nth-child(3) > div:nth-child(1) {
            font-size: 70px;
            font-weight: 700;
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            display: block;
            color: rgba(0,0,0,0.07);
            top: 108px;
            left: -16px;
        }

.kcf-section-040-06 {
    border-top-color: rgb(230, 230, 230);
    border-top-style: solid;
    border-top-width: 1px;
}

    .kcf-section-040-06 > div:nth-child(1) {
        color: rgba(0,0,0,0.54);
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 24px;
        padding-left: 24px;
        position: relative;
    }

        .kcf-section-040-06 > div:nth-child(1) > button {
            color: rgba(0,0,0,0.54);
            position: absolute;
            right: 12px;
            padding-top: 0px;
            padding-right: 4px;
        }

            .kcf-section-040-06 > div:nth-child(1) > button > i {
                margin-bottom: 4px;
            }

        .kcf-section-040-06 > div:nth-child(1) > span {
            line-height: 32px;
        }

    .kcf-section-040-06 div:nth-child(2) {
        padding-bottom: 4px;
        padding-top: 0px;
    }

        .kcf-section-040-06 div:nth-child(2) > div > ul {
            margin-left: -16px;
            margin-top: 0px;
            padding-top: 8px;
            white-space: nowrap;
        }

            .kcf-section-040-06 div:nth-child(2) > div > ul > li {
                display: inline;
                list-style-type: none;
                padding-right: 8px;
            }

    .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul {
        margin-left: -16px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        white-space: nowrap;
        overflow-x: hidden;
        width: 420px;
    }

        .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul > li {
            position: relative;
            float: left;
            padding-right: 12px;
            padding-top: 4px;
            padding-bottom: 8px;
        }

            .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span {
                position: relative;
                float: left;
            }

                .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > div:nth-child(1) {
                    position: absolute;
                    width: 80px;
                    height: 100%;
                    display: inline;
                    z-index: 200;
                    color: #fff;
                }

                    .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > div:nth-child(1):hover {
                        cursor: pointer;
                    }

                    .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > div:nth-child(1) > div:nth-child(1) {
                        position: absolute;
                        top: 0px;
                        left: 6px;
                        font-size: 10px;
                        width: 68px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        margin-top: -2px;
                    }

                    .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > div:nth-child(1) > div:nth-child(2) {
                        position: absolute;
                        bottom: 0px;
                        right: 0px;
                        font-size: 10px;
                        opacity: 0.87;
                        padding-bottom: 0px;
                        width: 76px;
                        height: 20px;
                        line-height: 20px;
                        padding-right: 4px;
                        text-align: right;
                        background-color: rgba(0,0,0,0.37);
                    }

    .kcf-section-040-06 div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > img:nth-child(2), .kcf-section-040-06 div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > div:nth-child(2), .kcf-section-040-06 div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > div:nth-child(3) {
        height: 100%;
        width: 80px;
        z-index: 100;
        position: absolute;
        left: 0px;
        display: inline;
        padding-bottom: 0px;
    }

    .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > div:nth-child(4) {
        position: absolute;
        left: 0px;
        width: 80px;
        height: 100%;
        display: inline;
        background-color: rgba(0,0,0,0.2);
        z-index: 50;
    }

    .kcf-section-040-06 > div:nth-child(2) > div[data-class='photo-strip'] > ul > li > span > div:nth-child(5) {
        left: 0px;
        width: 80px;
        height: 80px;
        display: block;
        background: url("../images/icons/movie_icon_default_large.jpg") 0% 0%;
        background-size: cover;
    }

.kcf-section-040-07 {
    border-top-color: rgb(230, 230, 230);
    border-top-style: solid;
    border-top-width: 1px;
}

    .kcf-section-040-07 > div:nth-child(1) > button > i, .kcf-section-040-08 > div:nth-child(1) > button > i {
        margin-bottom: 4px;
    }

    .kcf-section-040-07 > div:nth-child(1) {
        color: rgba(0,0,0,0.54);
        padding-top: 4px;
        padding-bottom: 0px;
        padding-right: 24px;
        padding-left: 24px;
        position: relative;
    }

        .kcf-section-040-07 > div:nth-child(1) > button {
            color: rgba(0,0,0,0.54);
            position: absolute;
            right: 12px;
            padding-top: 0px;
            padding-right: 4px;
        }

        .kcf-section-040-07 > div:nth-child(1) > span {
            line-height: 32px;
        }

    .kcf-section-040-07 > div:nth-child(2) {
        padding-top: 12px;
        padding-bottom: 24px;
        padding-right: 24px;
        padding-left: 24px;
    }

        .kcf-section-040-07 > div:nth-child(2) > div {
            width: 100%;
        }

        .kcf-section-040-07 > div:nth-child(2) .mdl-card {
            width: 48%;
            min-width: 148px;
        }

    .kcf-section-040-07 div:nth-child(2) > div > div.mdl-layout-spacer {
        min-width: 16px;
    }

    .kcf-section-040-07 div:nth-child(2) > div > div.mdl-card > div[name=budget] {
        color: #fff;
        background: url('../images/ProjectTracker/Engineering/Financial_Image1.jpg') bottom right 15% no-repeat rgba(0, 0, 0, 0.3);
    }

    .kcf-section-040-07 div:nth-child(2) > div > div.mdl-card > div[name=milestones] {
        color: #000000;
        background: url('../images/ProjectTracker/Engineering/Schedule_Image1.jpg') bottom right 15% no-repeat rgba(0, 0, 0, 0.3);
    }

    .kcf-section-040-07 div:nth-child(2) > div > div.mdl-card > div:nth-child(2) {
        padding-bottom: 12px;
    }

        .kcf-section-040-07 div:nth-child(2) > div > div.mdl-card > div:nth-child(2) h2 {
            line-height: 0px;
            white-space: nowrap;
        }

        .kcf-section-040-07 div:nth-child(2) > div > div.mdl-card > div:nth-child(2) h4 {
            white-space: nowrap;
        }

    .kcf-section-040-07 .kcf-section-720-01 {
        margin-top: -8px;
        margin-bottom: 8px;
    }

        .kcf-section-040-07 .kcf-section-720-01 .mdl-list {
            position: relative !important;
            padding-left: 8px;
        }

            .kcf-section-040-07 .kcf-section-720-01 .mdl-list button[data-eid='720-01-040'] {
                display: none;
            }

        .kcf-section-040-07 .kcf-section-720-01 > div > ul > li > span {
            width: calc(50% - 28px);
        }

.kcf-section-040-08 {
    border-top-color: rgb(230, 230, 230);
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: -1px;
}

    .kcf-section-040-08 > div:nth-child(1) {
        color: rgba(0,0,0,0.54);
        padding-top: 4px;
        padding-bottom: 0px;
        padding-right: 24px;
        padding-left: 24px;
        position: relative;
    }

        .kcf-section-040-08 > div:nth-child(1) > button {
            color: rgba(0,0,0,0.54);
            position: absolute;
            right: 12px;
            padding-top: 0px;
            padding-right: 4px;
        }

        .kcf-section-040-08 > div:nth-child(1) > span {
            line-height: 32px;
        }

    .kcf-section-040-08 > div:nth-child(2) > ul {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
    }

        .kcf-section-040-08 > div:nth-child(2) > ul > li .mdl-menu__item--full-bleed-divider {
            margin-left: 88px;
        }

    .kcf-section-040-08 > div:nth-child(2) .mdl-list {
        width: 100%;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        list-style: none;
    }

    .kcf-section-040-08 > div:nth-child(2) > ul > li > .mdl-list__item {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 72px;
    }

    .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-primary-content {
        position: relative;
    }

        .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-primary-content > span {
            float: left;
            position: absolute;
            top: 0;
        }

            .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-primary-content > span > span {
                float: left;
                background: url(../images/ProjectTracker/sample3.jpg) no-repeat;
                width: 56px;
                height: 56px;
                background-size: 500% 100%;
            }

        .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-primary-content > div {
            margin-left: 72px;
        }

            .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-primary-content > div > div:nth-child(1) {
                font-size: 16px;
                font-weight: 500;
                letter-spacing: 0.15px;
                opacity: 0.87;
                padding-bottom: 4px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-primary-content > div > div:nth-child(2), .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-primary-content > div > div:nth-child(3) {
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
                opacity: 0.54;
                letter-spacing: 0.15px;
                white-space: normal;
            }

                .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-primary-content > div > div:nth-child(3) > span:nth-child(3) {
                    background: url(../images/ProjectTracker/man0005-002.gif) no-repeat;
                    width: 72px;
                    height: 24px;
                    color: transparent;
                    min-width: 88px;
                    background-size: 100% 100%;
                }

    .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-secondary-content {
        min-height: 56px;
        position: relative;
    }

        .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-secondary-content > div {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.15px;
            opacity: 0.54;
            position: absolute;
            top: 0;
            right: 0px;
            white-space: nowrap;
        }

        .kcf-section-040-08 > div:nth-child(2) .mdl-list__item-secondary-content > span > i {
            color: #000000;
            opacity: 0.24;
            position: absolute;
            top: 20px;
            right: 0px;
        }

.kcf-section-040-09 {
    background-color: #fff;
    padding-top: 4px;
    padding-left: 16px;
    padding-right: 16px;
    border-top: 4px solid rgba(0, 0, 0, 0.24);
    z-index: 3000;
}

    .kcf-section-040-09 > div:nth-child(1) {
        color: rgba(0,0,0,0.54);
        padding-bottom: 8px;
        padding-top: 4px;
        position: relative;
    }

        .kcf-section-040-09 > div:nth-child(1) > button:nth-child(3) {
            color: rgba(0,0,0,0.54);
            position: absolute;
            right: 0px;
            padding-top: 0px;
            padding-right: 0px;
        }

        .kcf-section-040-09 > div:nth-child(1) > i {
            padding-right: 8px;
            padding-top: 4px;
        }

        .kcf-section-040-09 > div:nth-child(1) > span {
            position: absolute;
            line-height: 32px;
        }

    .kcf-section-040-09 div:nth-child(2) {
        padding-bottom: 0px;
        padding-top: 0px;
    }

        .kcf-section-040-09 div:nth-child(2) > input {
            border: 1px solid rgba(0,0,0, 0.12);
            font-weight: 500;
            font-size: 14px;
            width: 100%;
            display: block;
            user-select: text;
        }

.kcf-section-040-10 {
    background-color: #fff;
    padding: 8px;
    padding-left: 16px;
    padding-right: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 3000;
}

    .kcf-section-040-10 > button {
        margin-left: 0px;
        color: #000000;
        opacity: 0.87;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .kcf-section-040-10 > input {
        border: 1px solid rgba(0,0,0, 0.12);
        font-weight: 500;
        font-size: 14px;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 0px;
        width: 100%;
        display: block;
        user-select: text;
    }

        .kcf-section-040-10 > input:hover {
        }

.kcf-section-040-11 {
    padding-top: 8px;
}

.kcf-panel[id='001-050'] {
    width: 100%;
    height: 99.9%;                  /* Fix to prevent black border showing on map when user clicks map view */
    background-color: #f7eddc;
    overflow: hidden;
}

.kcf-panel[id='001-050'].short {
    width: 100%;
    background-color: #f7eddc;
    overflow: hidden;
    height:70%;
}

.kcf-panel[id='001-050'] #logoDiv {
    padding: 14px !important;
    background-size:90% !important;
    background-color:#2189c3  !important;
    background-position-y:center !important;
    width: 120px !important;
    background: url('../images/logo/carollo.png') center top no-repeat;
    opacity:0.72 !important;
}

.kcf-panel[id='001-050'] .esri-view-root {
    z-index: 500;
}

.kcf-panel[id='001-050'] .esri-legend {
    width: 172px !important;
}

.kcf-panel[id='001-050'] .esri-legend--stacked,
.kcf-panel[id='001-050'] .esri-legend--stacked  .esri-legend--card__section {
    min-width: 172px !important;
}


.kcf-panel[id='001-050'] .esri-legend__layer-caption,
.kcf-panel[id='001-050'] .esri-legend--card__layer-caption {
    display:none;
}

.kcf-panel[id='001-050'] .esri-legend__service-label,
.kcf-panel[id='001-050'] .esri-legend--card__carousel-title {
    line-height:20px;
    padding-bottom:2px;
}

.kcf-panel[id='001-050'] .esri-zoom,
.kcf-panel[id='001-050'] .esri-search {
    margin-top: 54px;
}

.kcf-panel[id='001-050'] > div.map {
    height: 100%;
    width: 100%;
    background-color: #f7eddc;
    z-index: 10;
    position: absolute;
    overflow: hidden;
    top: 0px;
}

.kcf-section-050-04 > button {
    position: absolute;
    top: 74px;
    left: 24px;
    color: #fff;
    max-width: 32px;
    background-color: rgb(255,64,129);
    z-index: 1000;
}

.kcf-section-050-05 > span {
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 1000;
}

.kcf-message-bottom > div.kcf-section-020-03 > .mdl-list > ul {
    margin-top: 0px;
}

.kcf-message-bottom > div.kcf-section-020-03 .mdl-list__item[data-eid="050-04-010"] {
    border-top-color: rgb(230, 230, 230);
    border-top-style: solid;
    border-top-width: 1px;
}

.kcf-section-050-01 > div {
    z-index: 1000;
    background-color: #fff;
    padding: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 12px;
    left: 16px;
    right: 16px;
    min-width: 248px;
}

    .kcf-section-050-01 > div > button, .kcf-section-050-01 > div > label {
        margin-left: 0px;
        color: #000000;
        opacity: 0.87;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .kcf-section-050-01 > div > input:nth-child(2) {
        color: #000000;
        opacity: 0.54;
        font-weight: 500;
        margin-left: 8px;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 0px;
    }

.kcf-section-050-02 {
    height: 64px;
    visibility: visible;
}

    .kcf-section-050-02 > div {
        z-index: 1000;
        background-color: #fff;
        padding: 8px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 72px;
        right: 16px;
        min-width: 248px;
    }

        .kcf-section-050-02 > div > button:nth-child(3) {
            margin-left: 16px;
            color: #000000;
            opacity: 0.87;
            -ms-flex: 0 1 auto;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 72px;
            border-radius: 0%;
            background: rgba(0,0,0, 0.12);
        }

        .kcf-section-050-02 > div > span:nth-child(2) {
            border: 1px solid;
            border-color: rgba(0,0,0, 0.37);
            opacity: 0.87;
            margin-left: 24px;
            margin-left: 16px;
            display: block;
        }

            .kcf-section-050-02 > div > span:nth-child(2) > button {
                margin-left: 0px;
                margin-right: 0px;
                color: #000000;
                opacity: 0.87;
                border-radius: 0%;
                min-width: 48px;
                height: 34px;
            }

.kcf-section-050-02-button-on {
    background-color: rgba(0,0,0, 0.24);
}

.kcf-section-050-02 > div > span:nth-child(2) > button:nth-child(1) > i {
    color: #0000FF;
}

.kcf-section-050-02 > div > span:nth-child(2) > button:nth-child(2) > i {
    color: #008000;
}

.kcf-section-050-02 > div > span:nth-child(2) > button:nth-child(3) > i {
    color: #FF0000;
}

.kcf-section-050-03 button {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    margin-right: 32px;
    margin-bottom: 24px;
    z-index: 20;
}

.kcf-panel[id='001-060'] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.kcf-panel[id='001-060'].hide {
    display:none;
}

.kcf-panel[id='001-060'] > div:nth-child(1) {
    color: rgba(0,0,0,0.54);
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 24px;
    padding-left: 24px;
    position: relative;
    border-top: 1px solid;
    border-top-color: rgba(0,0,0,0.14) !important;
    margin-top: 4px;
}

.kcf-panel[id='001-060'] > div:nth-child(1) > span {
    line-height: 32px;
}

.kcf-panel[id='001-060'] > div:nth-child(1) > button {
    color: rgba(0,0,0,0.54);
    position: absolute;
    right: 12px;
    padding-top: 0px;
    padding-right: 4px;
}


.kcf-panel[id='001-391'], .kcf-panel[id='001-410'], .kcf-panel[id='001-430'], .kcf-panel[id='001-465'], .kcf-panel-390 {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

.kcf-panel[id='001-430'], .kcf-panel[id='001-465'] {
    height: calc(100% - 56px) !important;
}

.kcf-section-060-01 .mdl-list, .kcf-section-060-02 .mdl-list {
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

.mdl-list__item, .kcf-panel[id='001-410'] .mdl-list__item, .kcf-panel[id='001-430'] .mdl-list__item, .kcf-panel[id='001-465'] .mdl-list__item, .kcf-panel-390 .mdl-list__item {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
}

.mdl-list__item:hover, .kcf-panel[id='001-410'] .mdl-list__item:hover, .kcf-panel[id='001-430'] .mdl-list__item:hover, .kcf-panel[id='001-465'] .mdl-list__item:hover, .kcf-panel-390 .mdl-list__item:hover {
    background: rgba(236, 239, 241,0.37);
    cursor: pointer;
}

.mdl-list__item-secondary-action > i, .kcf-panel[id='001-410'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-430'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-465'] .mdl-list__item-secondary-action > i, .kcf-panel-390 .mdl-list__item-secondary-action > i {
    color: #000000;
    opacity: 0.37;
}

.kcf-section-060-02 .mdl-list__item-avatar {
    background: url(../images/icons/avatar-general.svg) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 600% 1700%;
    box-sizing: border-box;
    border-radius: 50%;
}

    .kcf-section-060-02 .mdl-list__item-avatar[id=infrastructure] {
        background-position: 40% 56.25%;
        background-color: #D0D206;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=management] {
        background-position: 40% 99.9%;
        background-color: #FFF109;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=general] {
        background-position: 60% 37.5%;
        background-color: #FF6A00;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=building] {
        background-position: 20% 0%;
        background-color: #C3AD65;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=energy] {
        background-position: 100% 6.25%;
        background-color: #EC7474;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=environment] {
        background-position: 60% 100%;
        background-color: #95EA5B;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=industry] {
        background-position: 60% 25%;
        background-color: #A98B8B;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=mining] {
        background-position: 100% 50%;
        background-color: #DBD121;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=recreation] {
        background-position: 60% 75%;
        background-color: #00B050;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=technology] {
        background-position: 80% 100%;
        background-color: #FD4DFF;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=telecommunication] {
        background-position: 0% 87.5%;
        background-color: #62D1E1;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=transport] {
        background-position: 60% 0%;
        background-color: #EF45A3;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=waste] {
        background-position: 40% 75%;
        background-color: #BEAF94;
    }

    .kcf-section-060-02 .mdl-list__item-avatar[id=water] {
        background-position: 0% 0%;
        background-color: #3699F8;
    }

.kcf-panel-390 .kcf-section-060-02 .mdl-list__item-avatar {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    text-align: center;
    display: block;
    background: center;
    font-size: 20px;
    color: #000000;
}

.kcf-section-060-02__sublist, .kcf-section-390-02__sublist, .kcf-section-410-02__sublist {
    height: auto;
    visibility: visible;
    opacity: 0.54;
}

    .kcf-section-060-02__sublist li.mdl-list__item, .kcf-section-390-02__sublist li.mdl-list__item, .kcf-section-410-02__sublist li.mdl-list__item {
        height: 1px;
        border-top: solid 1px;
        border-color: rgba(0,0,0, 0.12);
        margin-left: 64px;
    }

        .kcf-section-060-02__sublist li.mdl-list__item:hover, .kcf-section-390-02__sublist li.mdl-list__item:hover, .kcf-section-410-02__sublist li.mdl-list__item:hover {
            background: rgba(236, 239, 241,0.54);
            cursor: pointer;
        }

    .kcf-section-060-02__sublist .mdl-list__item-primary-content, .kcf-section-390-02__sublist .mdl-list__item-primary-content, .kcf-section-410-02__sublist .mdl-list__item-primary-content {
        padding-left: 0px;
    }

.kcf-panel[id='001-070'], .kcf-panel[id='001-075'] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

    .kcf-panel[id='001-070'] .mdl-list__item, .kcf-panel[id='001-075'] .mdl-list__item {
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 16px;
        padding-right: 16px;
        min-height: 56px;
    }

        .kcf-panel[id='001-070'] .mdl-list__item:hover, .kcf-panel[id='001-075'] .mdl-list__item:hover {
            background: rgba(236, 239, 241,0.37);
            cursor: pointer;
        }

    .kcf-panel[id='001-070'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-075'] .mdl-list__item-secondary-action > i {
        color: #000000;
        opacity: 0.37;
    }

.kcf-panel[id='001-080'] {
    width: 100%;
    height: 100%;
}

.kcf-section-080-01 {
    min-height: 64px;
    background-color: #0288D1;
    padding-top: 16px;
}

.kcf-section-080-02 {
    min-height: 40px;
    background-color: #0288D1;
    padding-top: 0px;
}

    .kcf-section-080-01 > div:nth-child(1), .kcf-section-080-02 > div:nth-child(1) {
        z-index: 1000;
        background-color: #fff;
        padding: 8px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 16px;
        left: 16px;
        right: 16px;
    }

        .kcf-section-080-01 > div:nth-child(1).fullwidth {
            right: 16px;
        }

div[id='001-450-002'] .kcf-section-080-01 > div[class='fullwidth'] + button, div[id='001-650-002'] .kcf-section-080-01 > div[class='fullwidth'] + button, div[id='001-730-001'] .kcf-section-080-01 > div[class='fullwidth'] + button, div[id='001-700-001'] .kcf-section-080-01 > div[class='fullwidth'] + button {
    display: none;
}

.kcf-section-080-01 > div:nth-child(1).shortwidth {
    right: 108px;
}

.kcf-section-080-01 > div:nth-child(1).showcase {
    right: 104px !important;
}

.kcf-section-080-01 > button:nth-child(2), .kcf-section-080-01 > button:nth-child(3), .kcf-section-080-01 > button:nth-child(4) {
    position: absolute;
    right: 16px;
    top: 24px;
    color: #fff;
}

.kcf-section-080-01 > button:nth-child(4) {
    right: 54px;
    border-radius: 0% !important;
}

.kcf-section-080-02 > div:nth-child(1) {
    top: 8px;
}

.kcf-section-080-01 > div:nth-child(1) > button:nth-child(1), .kcf-section-080-01 > div:nth-child(1) > button:nth-child(3), .kcf-section-080-01 > div:nth-child(1) > label {
    margin-left: 0px;
    color: #000000;
    opacity: 0.87;
    -ms-flex: 0 1 auto;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.kcf-section-080-01 > div:nth-child(1) > input:nth-child(2) {
    color: #000000;
    opacity: 0.54;
    font-weight: 500;
    margin-left: 8px;
    margin-right: 8px;
    -ms-flex: 0 1 auto;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 0px;
    min-width: 40px;
}

.kcf-section-080-02 > div:nth-child(1) {
    z-index: 1000;
    background-color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 64px;
    left: 16px;
    right: 16px;
    border-top: 1px solid;
    border-top-color: rgba(0,0,0, 0.12);
    max-height: 36px;
}

    .kcf-section-080-02 > div:nth-child(1) > input {
        font-size: 14px;
        color: #000000;
        opacity: 0.54;
        font-weight: 500;
        margin-left: 8px;
        margin-right: 8px;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 0px;
    }

    .kcf-section-080-02 > div:nth-child(1) > button {
        color: #000000;
        opacity: 0.54;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .kcf-section-080-02 > div:nth-child(1) > label {
        color: #000000;
        opacity: 0.54;
        margin-right: 8px;
    }

.kcf-section-080-03 > div:nth-child(1) {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    line-height: 48px;
}

.kcf-panel[id='001-130'] > .kcf-section-080-03 > div:nth-child(1) {
    line-height: 48px;
}

.kcf-section-080-03 > div:nth-child(1) > button {
    position: absolute;
    color: rgba(0,0,0,0.38);
    top: 4px;
    right: 16px;
    padding-top: 0px;
    padding-right: 0px;
}

.kcf-panel[id='001-450'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3), .kcf-panel[id='001-650'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3), .kcf-panel[id='001-600'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3), .kcf-panel[id='001-720'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3), .kcf-panel[id='001-730'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3), .kcf-panel[id='001-860'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3), .kcf-panel[id='001-890'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3) {
    text-align: right;
    line-height: 16px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.kcf-panel[id='001-730'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3) {
    position: relative;
}

    .kcf-panel[id='001-730'] > .kcf-section-080-03 > div:nth-child(1) > div:nth-child(3) > span:nth-child(1) {
        position: absolute;
        left: 0px;
    }

.kcf-panel[id='001-720'] > .kcf-section-080-03 > div:nth-child(1) > span:nth-child(4), .kcf-panel[id='001-730'] > .kcf-section-080-03 > div:nth-child(1) > span:nth-child(4) {
    position: absolute;
    bottom: 0px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(0,0,0,0.54);
    text-align: left;
    line-height: 16px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.kcf-panel[id='001-600'] > .kcf-section-080-03 > div:nth-child(1) > span:nth-child(1) {
    padding-left: 28px;
}

    .kcf-panel[id='001-600'] > .kcf-section-080-03 > div:nth-child(1) > span:nth-child(1).hide-button {
        padding-left: 0px;
    }

.kcf-panel[id='001-600'] > .kcf-section-080-03 > div:nth-child(1) > button:nth-child(4) {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(0,0,0,0.37);
    text-align: left;
}

.kcf-section-080-03 > div:nth-child(2) {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    padding-bottom: 4px;
    line-height: 16px;
    visibility: visible;
}

    .kcf-section-080-03 > div:nth-child(2).hide {
        padding-right: 16px;
        padding-left: 16px;
        position: relative;
        padding-bottom: 0px;
        line-height: 0px;
        height: 0px;
        visibility: hidden;
    }

.kcf-section-080-03 > div:nth-child(3) {
    padding-right: 24px;
    padding-left: 16px;
    position: relative;
    padding-bottom: 12px;
    visibility: visible;
    text-align: right;
}

.kcf-panel[id='001-720'] > .kcf-section-080-03 > div:nth-child(3) {
}

.kcf-panel[id='001-720'] > section.kcf-section-080-03 > div:nth-child(1) > div:nth-child(3) > span:nth-child(1) {
    position: absolute;
    left: 16px;
    font-weight: 400;
}

.kcf-panel[id='001-080'] > section.kcf-section-080-03 > div:nth-child(3), .kcf-panel[id='001-450'] > section.kcf-section-080-03 > div:nth-child(1) > div:nth-child(3) {
    position: relative;
    padding-top: 8px;
    padding-bottom: 6px;
    height: 18px;
}

    .kcf-panel[id='001-080'] > section.kcf-section-080-03 > div:nth-child(3) > span:nth-child(1) {
        position: absolute;
        left: 16px;
    }

    .kcf-panel[id='001-080'] > section.kcf-section-080-03 > div:nth-child(3) > span:nth-child(2) {
        position: absolute;
        right: 16px;
    }

    .kcf-panel[id='001-450'] > section.kcf-section-080-03 > div:nth-child(1) > div:nth-child(3) > span:nth-child(1) {
        position: absolute;
        left: 0px;
    }

    .kcf-panel[id='001-450'] > section.kcf-section-080-03 > div:nth-child(1) > div:nth-child(3) > span:nth-child(2) {
        position: absolute;
        right: 0px;
    }

.kcf-panel[id='001-080'] > section.kcf-section-020-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 208px);
    height: -moz-calc(100% - 208px);
    height: -webkit-calc(100% - 208px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
}

.kcf-panel[id='001-080'] > section.kcf-section-020-03 .kcf-list-short {
    height: calc(100% - 228px);
    height: -moz-calc(100% - 228px);
    height: -webkit-calc(100% - 228px);
}

.kcf-panel[id='001-090'] > section.kcf-section-020-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 176px);
    height: -moz-calc(100% - 176px);
    height: -webkit-calc(100% - 176px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
}

.kcf-panel[id='001-090'] > section.kcf-section-020-03 .kcf-list-short {
    height: calc(100% - 156px);
    height: -moz-calc(100% - 156px);
    height: -webkit-calc(100% - 156px);
}

.kcf-panel[id='001-110'], .kcf-panel[id='001-340'] {
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
    height: calc(100% - 8px);
    height: -moz-calc(100% - 8px);
    height: -webkit-calc(100% - 8px);
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

    .kcf-panel[id='001-110'] .mdl-textfield, .kcf-panel[id='001-340'] .mdl-textfield {
        padding-bottom: 8px;
    }

    .kcf-panel[id='001-110'] .mdl-textfield__input, .kcf-panel[id='001-340'] .mdl-textfield__input {
        color: rgba(0,0,0,0.87);
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 400;
        outline: 0px;
        padding-right: 28px;
        box-sizing: border-box;
        text-overflow: ellipsis;
    }

    .kcf-panel[id='001-110'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-340'] .mdl-textfield .mdl-textfield__label:after {
        bottom: 8px;
    }

    .kcf-panel[id='001-110'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-110'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-340'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-340'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label {
        color: rgba(0,0,0,0.37);
        font-size: 12px;
        font-weight: 400;
    }

.kcf-section-110-01 > div:nth-child(1) {
    margin-bottom: 8px;
    margin-bottom: 16px;
}

    .kcf-section-110-01 > div:nth-child(1) .mdl-textfield__input {
        font-size: 20px;
        color: rgba(0,0,0,0.87);
        width: 100%;
    }

        .kcf-section-110-01 > div:nth-child(1) .mdl-textfield__input::-ms-clear {
            display: none;
        }

.kcf-section-110-01 > div:nth-child(2) > .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(3) > .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(2) > .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(3) > .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(4) > .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(5) > .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(6) > .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(4) > .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(5) > .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(6) > .mdl-textfield__label {
    width: 100%;
}

.kcf-section-110-01 div > i {
    float: right;
    margin-top: -40px;
    color: rgba(0,0,0,0.4)
}

.kcf-section-110-01 > div:nth-child(7) > span:nth-child(1), .kcf-section-110-01 > div:nth-child(8) > span:nth-child(1), .kcf-section-110-01 > div:nth-child(9) > span:nth-child(1), .kcf-section-110-01 > div:nth-child(10) > span:nth-child(1), .kcf-section-110-01 > div:nth-child(11) > span:nth-child(1) {
    float: left;
    padding: 0px;
    min-width: 60px;
    width: 55%;
}

.kcf-section-110-01 > div:nth-child(7) > span:nth-child(2), .kcf-section-110-01 > div:nth-child(8) > span:nth-child(2), .kcf-section-110-01 > div:nth-child(9) > span:nth-child(2), .kcf-section-110-01 > div:nth-child(10) > span:nth-child(2), .kcf-section-110-01 > div:nth-child(11) > span:nth-child(2) {
    float: left;
    padding: 0px;
    padding-left: 0px;
    min-width: 10px;
    width: 45%;
}

.kcf-section-110-01 > div:nth-child(12), .kcf-section-110-01 > div:nth-child(13), .kcf-section-110-01 > div:nth-child(14), .kcf-section-110-01 > div:nth-child(16), .kcf-section-110-01 > div:nth-child(17), .kcf-section-110-01 > div:nth-child(18), .kcf-section-110-01 > div:nth-child(19) {
    margin-bottom: 8px;
    margin-bottom: 4px;
}

    .kcf-section-110-01 > div:nth-child(12) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(13) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(14) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(16) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(17) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(18) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(19) .mdl-textfield__input {
        color: rgba(0,0,0,0.87);
        width: 100%;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 20px;
        letter-spacing: 0.2px;
    }

.kcf-section-110-01 > div:nth-child(7) > span:nth-child(2) > div > i {
    float: right;
    margin-top: -40px;
    color: rgba(0,0,0,0.4)
}

.kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(2) .mdl-textfield__input:focus, .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(5) .mdl-textfield__input:focus {
    color: transparent;
    text-shadow: 0 0 0 gray;
    outline: none;
}

.kcf-section-110-01 > div:nth-child(7) > span:nth-child(1) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(7) > span:nth-child(1) .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(8) > span:nth-child(1) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(8) > span:nth-child(1) .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(9) > span:nth-child(1) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(9) > span:nth-child(1) .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(10) > span:nth-child(1) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(10) > span:nth-child(1) .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(11) > span:nth-child(1) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(11) > span:nth-child(1) .mdl-textfield__label {
    width: 85%;
}

.kcf-section-110-01 > div:nth-child(7) > span:nth-child(2) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(7) > span:nth-child(2) .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(8) > span:nth-child(2) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(8) > span:nth-child(2) .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(9) > span:nth-child(2) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(9) > span:nth-child(2) .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(10) > span:nth-child(2) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(10) > span:nth-child(2) .mdl-textfield__label, .kcf-section-110-01 > div:nth-child(11) > span:nth-child(2) .mdl-textfield__input, .kcf-section-110-01 > div:nth-child(11) > span:nth-child(2) .mdl-textfield__label {
    width: 100%;
}

    .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(2) .mdl-textfield__label:after, .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(3) .mdl-textfield__label:after, .kcf-section-110-01 > div:nth-child(4) .mdl-textfield__label:after, .kcf-section-110-01 > div:nth-child(5) .mdl-textfield__label:after, .kcf-section-110-01 > div:nth-child(7) > span:nth-child(2) .mdl-textfield__label:after {
        height: 0px;
    }

.kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(7) > span:nth-child(1) {
    padding-bottom: 24px;
}

.kcf-section-110-01 > div:nth-child(15) {
    margin-top: 8px;
}

    .kcf-section-110-01 > div:nth-child(15) .mdl-textfield__input {
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 20px;
        letter-spacing: 0.2px;
    }

    .kcf-section-110-01 > div:nth-child(15) > label.mdl-switch {
        width: auto;
    }

.kcf-section-110-01 > div:nth-child(20), .kcf-section-110-01 > div:nth-child(21), .kcf-section-110-01 > div:nth-child(22), .kcf-section-110-01 > div:nth-child(23), .kcf-section-110-01 > div:nth-child(24), .kcf-section-110-01 > div:nth-child(25) {
    padding-top: 8px;
}

    .kcf-section-110-01 > div:nth-child(20) > label:nth-child(3), .kcf-section-110-01 > div:nth-child(21) > label:nth-child(3), .kcf-section-110-01 > div:nth-child(22) > label:nth-child(3), .kcf-section-110-01 > div:nth-child(23) > label:nth-child(3), .kcf-section-110-01 > div:nth-child(24) > label:nth-child(3), .kcf-section-110-01 > div:nth-child(25) > label:nth-child(3) {
        width: 0px;
    }

.kcf-section-110-01 > div:nth-child(26), .kcf-section-110-01 > div:nth-child(27), .kcf-section-110-01 > div:nth-child(28), .kcf-section-110-01 > div:nth-child(29) {
    padding-top: 16px;
}

    .kcf-section-110-01 > div:nth-child(26) .mdl-list__item-avatar {
        width: auto;
        min-width: 72px;
        max-width: 288px;
        max-height: 72px;
        height: 72px;
        box-sizing: border-box;
        border-radius: 0%;
        border: 2px solid #B3E5FC;
        margin-top: 8px;
    }

        .kcf-section-110-01 > div:nth-child(26) .mdl-list__item-avatar:hover {
            border: 2px solid #FFFF00;
            cursor: pointer;
        }

.kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(26), .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(27), .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(28), .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(29) {
    padding-top: 8px;
}

    .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(26) > label:nth-child(3), .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(27) > label:nth-child(3), .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(28) > label:nth-child(3), .kcf-panel[id='001-110'] .kcf-section-110-01 > div:nth-child(29) > label:nth-child(3) {
        width: 0px;
    }

.kcf-panel[id='001-340'] .kcf-section-110-01 > div:nth-child(11) .mdl-textfield__input {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: rgba(0,0,0,0.87);
}

.kcf-panel[id='001-160'] .kcf-section-110-01 > div:nth-child(5), .kcf-panel[id='001-165'] .kcf-section-110-01 > div:nth-child(5) {
    width: 100% !important;
    padding-top: 8px;
}

    .kcf-panel[id='001-160'] .kcf-section-110-01 > div:nth-child(5) > p, .kcf-panel[id='001-165'] .kcf-section-110-01 > div:nth-child(5) > p {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0,0,0,0.54);
        line-height: 20px;
        letter-spacing: 0.2px;
    }

        .kcf-panel[id='001-160'] .kcf-section-110-01 > div:nth-child(5) > p > a, .kcf-panel[id='001-165'] .kcf-section-110-01 > div:nth-child(5) > p > a {
            font-size: 14px;
            font-weight: 600;
            color: rgba(0,0,0,0.72);
            line-height: 20px;
            letter-spacing: 0.2px;
        }

.kcf-panel[id='001-340'] .kcf-section-110-01 > div:nth-child(21), .kcf-panel[id='001-340'] .kcf-section-110-01 > div:nth-child(22), .kcf-panel[id='001-340'] .kcf-section-110-01 > div:nth-child(23), .kcf-panel[id='001-340'] .kcf-section-110-01 > div:nth-child(24) {
    display: none;
}

.kcf-panel[id='001-120'], .kcf-panel[id='001-125'] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

.kcf-section-120-01 .mdl-list, .kcf-section-120-02 .mdl-list {
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

.kcf-panel[id='001-120'] .mdl-list__item, .kcf-panel[id='001-125'] .mdl-list__item {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
}

    .kcf-panel[id='001-120'] .mdl-list__item:hover, .kcf-panel[id='001-125'] .mdl-list__item:hover {
        background: rgba(236, 239, 241,0.37);
        cursor: pointer;
    }

.kcf-panel[id='001-120'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-125'] .mdl-list__item-secondary-action > i {
    color: #000000;
    opacity: 0.37;
}

.kcf-section-120-01 .mdl-list__item-avatar {
    background: url(../images/icons/avatar-general.svg) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 600% 1700%;
    box-sizing: border-box;
    border-radius: 50%;
}

    .kcf-section-120-01 .mdl-list__item-avatar[id=analytics] {
        background-position: 80% 100%;
        background-color: #EF45A3;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=multiple] {
        background-position: 40% 56.25%;
        background-color: #D0D206;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=general] {
        background-position: 40% 56.25%;
        background-color: #D0D206;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=management] {
        background-position: 40% 99.9%;
        background-color: #FFF109;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=marketing] {
        background-position: 0% 93.75%;
        background-color: #85FFF9;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=financial] {
        background-position: 0% 31.25%;
        background-color: #B6FF6F;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=legal] {
        background-position: 40% 56.25%;
        background-color: #FBB073;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=contract] {
        background-position: 0% 93.75%;
        background-color: #85FFF9;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=concept] {
        background-position: 0% 93.75%;
        background-color: #85FFF9;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=planning] {
        background-position: 20% 93.75%;
        background-color: #97D2FF;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=inspection] {
        background-position: 60% 18.75%;
        background-color: #DEABDF;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=design] {
        background-position: 40% 93.75%;
        background-color: #DEA900;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=construction] {
        background-position: 100% 100%;
        background-color: #7EFA7E;
    }

    .kcf-section-120-01 .mdl-list__item-avatar[id=operation] {
        background-position: 100% 93.75%;
        background-color: #E2714E;
    }

.kcf-section-120-01__sublist {
    height: auto;
    visibility: visible;
    opacity: 0.54;
}

    .kcf-section-120-01__sublist li.mdl-list__item {
        height: 1px;
        border-top: solid 1px;
        border-color: rgba(0,0,0, 0.12);
        margin-left: 64px;
    }

        .kcf-section-120-01__sublist li.mdl-list__item:hover {
            background: rgba(236, 239, 241,0.54);
            cursor: pointer;
        }

    .kcf-section-120-01__sublist .mdl-list__item-primary-content {
        padding-left: 0px;
    }

div[id='001-130-001'], div[id='001-130-002'], div[id='001-130-003'], div[id='001-330-001'], div[id='001-440-001'], div[id='001-450-002'], div[id='001-650-002'], div[id='001-700-001'], div[id='001-730-001'] {
    height: 76px;
}

div[id='001-450-003'], div[id='001-650-003'] {
    height: 100%;
    display: block;
}

.kcf-panel[id='001-130'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-330'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-440'] > section.kcf-section-020-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 96px);
    height: -moz-calc(100% - 96px);
    height: -webkit-calc(100% - 96px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
}

div[id='001-450-002'] .kcf-section-080-01, div[id='001-450-003'] .kcf-section-080-01, div[id='001-650-002'] .kcf-section-080-01, div[id='001-650-003'] .kcf-section-080-01, div[id='001-700-001'] .kcf-section-080-01 {
    padding-top: 12px;
}

    div[id='001-130-001'] .kcf-section-080-01 > div, div[id='001-330-001'] .kcf-section-080-01 > div, div[id='001-440-001'] .kcf-section-080-01 > div, div[id='001-450-001'] .kcf-section-080-01 > div, div[id='001-450-002'] .kcf-section-080-01 > div, div[id='001-650-001'] .kcf-section-080-01 > div, div[id='001-650-002'] .kcf-section-080-01 > div, div[id='001-700-001'] .kcf-section-080-01 > div, div[id='001-730-001'] .kcf-section-080-01 > div {
        padding: 6px;
    }

div[id='001-130-002'] .kcf-section-080-01 > button, div[id='001-130-003'] .kcf-section-080-01 > button {
    position: absolute;
    right: 8px;
    top: 20px;
    z-index: 1000 !important;
}

div[id='001-330-001'] .kcf-section-080-01 > button:nth-child(2), div[id='001-440-001'] .kcf-section-080-01 > button:nth-child(2) {
    position: absolute;
    right: 72px;
    top: 20px;
    z-index: 1000 !important;
}

div[id='001-450-002'] .kcf-section-080-01 > button:nth-child(2), div[id='001-650-002'] .kcf-section-080-01 > button:nth-child(2), div[id='001-700-001'] .kcf-section-080-01 > button:nth-child(2), div[id='001-730-001'] .kcf-section-080-01 > button:nth-child(2) {
    position: absolute;
    right: 16px;
    top: 20px;
    z-index: 1000 !important;
}

div[id='001-330-001'] .kcf-section-080-01 > button:nth-child(3), div[id='001-440-001'] .kcf-section-080-01 > button:nth-child(3), div[id='001-450-002'] .kcf-section-080-01 > button:nth-child(3), div[id='001-650-002'] .kcf-section-080-01 > button:nth-child(3), div[id='001-700-001'] .kcf-section-080-01 > button:nth-child(3) {
    position: absolute;
    right: 8px;
    top: 20px;
    z-index: 1000 !important;
}

div[id='001-130-002'] .kcf-section-080-01 > div, div[id='001-130-003'] .kcf-section-080-01 > div {
    right: 88px;
    padding: 6px;
}

div[id='001-330-001'] .kcf-section-080-01 > div, div[id='001-440-001'] .kcf-section-080-01 > div {
    right: 164px;
    padding: 6px;
}

div[id='001-450-002'] .kcf-section-080-01 > div, div[id='001-650-002'] .kcf-section-080-01 > div, div[id='001-700-001'] .kcf-section-080-01 > div {
    right: 96px;
    padding: 6px;
}

div[id='001-450-002'] > .kcf-section-080-02 > div:nth-child(1), div[id='001-450-003'] > .kcf-section-080-02 > div:nth-child(1), div[id='001-650-002'] > .kcf-section-080-02 > div:nth-child(1), div[id='001-650-003'] > .kcf-section-080-02 > div:nth-child(1), div[id='001-700-001'] > .kcf-section-080-02 > div:nth-child(1) {
    margin-top: -4px;
}

div[id='001-450-002'].mdl-layout__header-row, div[id='001-650-002'].mdl-layout__header-row {
    height: 100% !important;
    display: block;
    min-height: 76px;
}

.kcf-panel[id='001-140'] {
    width: 100%;
    height: 100%;
}

.kcf-section-140-05 > table {
    border-spacing: 0px;
}

    .kcf-section-140-05 > table > tbody > tr > td {
        bottom: 0px;
        top: 0px;
        position: absolute;
        left: 0px;
        right: 0px;
        background-color: #000000;
    }

        .kcf-section-140-05 > table > tbody > tr > td > img {
            width: 100%;
            margin: auto;
            position: absolute;
            top: -56px;
            bottom: 0px;
        }

        .kcf-section-140-05 > table > tbody > tr > td > iframe {
            margin: auto;
            position: absolute;
            top: -56px;
            bottom: 0px;
            border-width: 0px;
        }

.kcf-section-140-03 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    margin-left: calc(50% - 180px);
    margin-right: calc(50% - 180px);
}

    .kcf-section-140-03 > div:nth-child(1), .kcf-section-140-03 > div:nth-child(3) {
        background: url(../images/blank.gif) no-repeat;
        width: 100%;
        background-size: 100% 100%;
        flex: 1;
    }

    .kcf-section-140-03 > div:nth-child(4) {
        min-height: 48px;
        max-height: 48px;
    }

    .kcf-section-140-03 > span.mdl-card {
        width: 100%;
        z-index: 2000;
        padding: 0px;
        min-height: 124px;
    }

        .kcf-section-140-03 > span.mdl-card > div {
            color: #fff;
            border: 0px;
        }

            .kcf-section-140-03 > span.mdl-card > div:nth-child(1) {
                padding: 16px;
                padding-bottom: 0px;
                padding-top: 8px;
            }

                .kcf-section-140-03 > span.mdl-card > div:nth-child(1) > h2 {
                    line-height: 28px;
                    padding-bottom: 8px;
                    padding-top: 10px;
                    width: 75%;
                }

                .kcf-section-140-03 > span.mdl-card > div:nth-child(1) > button {
                    top: 16px;
                    right: 16px;
                    position: absolute;
                    color: #000000;
                    opacity: 0.54;
                }

            .kcf-section-140-03 > span.mdl-card > div:nth-child(2) {
                padding-left: 16px;
                padding-right: 16px;
                padding-top: 0px;
                padding-bottom: 48px;
            }

                .kcf-section-140-03 > span.mdl-card > div:nth-child(2) > img {
                    position: relative;
                    top: 0px;
                    left: calc(50% - 120px);
                }

            .kcf-section-140-03 > span.mdl-card > div:nth-child(3) {
                padding: 8px;
                bottom: 0px;
                right: 0px;
                position: absolute;
            }

                .kcf-section-140-03 > span.mdl-card > div:nth-child(3) > a {
                    padding: 0 4px;
                    min-width: 52px;
                }

                .kcf-section-140-03 > span.mdl-card > div:nth-child(3) > p {
                    font-size: 14px;
                    color: #000000;
                    opacity: 0.72;
                    width: 100%;
                    padding-bottom: 0px;
                    padding-left: 16px;
                }

            .kcf-section-140-03 > span.mdl-card > div > h2 {
                line-height: none;
                margin: 0px;
            }

div[id='001-040-10-007-01'].kcf-section-140-03 > span.mdl-card > div:nth-child(2) {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
}

div[id='001-040-10-007-01'].kcf-section-140-03 > span.mdl-card > div:nth-child(3) {
    padding: 8px;
    bottom: 0px;
    right: 0px;
    padding-top: 0px;
    position: relative;
}

.kcf-panel[id='001-150'] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

.kcf-section-150-01 {
    margin: 0px;
    padding: 0px;
    padding-left: 14px;
    padding-right: 14px;
}

    .kcf-section-150-01 > div > ul {
        width: 100%;
        padding: 0px;
        list-style: none;
    }

        .kcf-section-150-01 > div > ul > li {
            display: inline;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            box-sizing: border-box;
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            align-self: stretch;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .kcf-section-150-01 > div > ul > li > span {
                position: relative;
                float: left;
                width: 48%;
                margin: 4px;
                overflow-x: hidden;
            }

                .kcf-section-150-01 > div > ul > li > span > img {
                    height: 200px;
                    margin: 0px;
                }

                .kcf-section-150-01 > div > ul > li > span > div {
                    position: relative;
                }

    .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span {
        position: relative;
    }

        .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span > div:nth-child(1) {
            position: absolute;
            width: 200px;
            height: 100%;
            display: inline;
            z-index: 200;
            color: #fff;
        }

            .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span > div:nth-child(1):hover {
                cursor: pointer;
            }

            .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span > div:nth-child(1) > div:nth-child(1) {
                position: absolute;
                top: 0px;
                left: 0px;
                font-size: 12px;
                font-weight: 500;
                color: rgba(255,255,255,0.87);
                padding-left: 8px;
                padding-top: 2px;
                width: 200px;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 22px;
                background-color: rgba(0,0,0,0.14);
            }

            .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span > div:nth-child(1) > div:nth-child(2) {
                position: absolute;
                bottom: 0px;
                right: 0px;
                left: 0px;
                font-size: 12px;
                opacity: 0.42;
                padding-bottom: 0px;
                overflow: hidden;
                height: 24px;
                text-align: left;
                white-space: nowrap;
                background-color: #000;
                padding-left: 8px;
                padding-right: 8px;
                text-overflow: ellipsis;
            }

        .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span > div:nth-child(2) {
            height: 100%;
            width: 200px;
            z-index: 100;
            position: absolute;
            left: 0px;
            display: inline;
            padding-bottom: 0px;
        }

        .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span > div:nth-child(3) {
            height: 100%;
            width: 200px;
            z-index: 100;
            position: absolute;
            left: 0px;
            display: inline;
            padding-bottom: 0px;
        }

        .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span > div:nth-child(4) {
            position: absolute;
            left: 0px;
            width: 200px;
            height: 100%;
            display: inline;
            background-color: rgba(0,0,0,0.2);
            z-index: 50;
        }

        .kcf-section-150-01 > div[data-class='photo-gallery'] > ul > li > span > div:nth-child(5) {
            left: 0px;
            width: 200px;
            height: 200px;
            display: block;
            background: url("../images/icons/movie_icon_default_large.jpg") 0% 0%;
            background-size: cover;
        }

    .kcf-section-150-01 > div > ul > li > span > span {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
    }

.kcf-section-150-03, .kcf-section-150-05 > div, .kcf-section-720-02 {
    background-color: #fff;
    padding: 8px;
    padding-left: 16px;
    padding-right: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 4px solid rgba(0, 0, 0, 0.24);
    z-index: 3000;
}

    .kcf-section-150-05 > div:nth-child(1) {
        width: 100%;
    }

.kcf-section-720-02 {
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    border: 0px;
}

    .kcf-section-150-03 > button, .kcf-section-150-05 > div:nth-child(1) > button, .kcf-section-720-02 > button {
        margin-left: 0px;
        color: #000000;
        opacity: 0.87;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .kcf-section-720-02 > button[data-eid='040-10-090']:hover {
            background-color: transparent;
            cursor: default;
        }

        .kcf-section-720-02 > button:hover {
            background-color: transparent;
        }

        .kcf-section-720-02 > button > i {
            font-size: 20px;
        }

    .kcf-section-150-03 > span, .kcf-section-150-05 > div:nth-child(1) > span, .kcf-section-720-02 > span {
        font-weight: 500;
        padding-top: 8px;
        padding-left: 24px;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 0px;
        width: 100%;
        display: block;
    }

    .kcf-section-720-02 > span {
        font-weight: 400;
        padding-top: 4px;
        padding-left: 8px;
        text-align: left;
    }

        .kcf-section-150-03 > span:hover, .kcf-section-720-02 > span:hover {
            cursor: pointer;
        }

div.kcf-section-150-03:hover, div.kcf-section-150-05:hover > div, div.kcf-section-720-02:hover {
    background: rgb(236, 239, 241) !important;
}

.kcf-section-150-05 > div {
    border-top: 0px !important;
}

    .kcf-section-150-05 > div:nth-child(2) {
        padding-top: 0px;
        padding-bottom: 16px;
    }

        .kcf-section-150-05 > div:nth-child(2) > input {
            border: 1px solid rgba(0, 0, 0, 0.12);
            font-weight: 500;
            font-size: 14px;
            width: 100%;
            display: block;
            user-select: text;
            padding-top: 6px;
            padding-bottom: 6px;
        }

.kcf-section-150-04 > div:nth-child(2) {
    background-color: #fff;
    padding: 8px;
    padding-left: 16px;
    padding-right: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .kcf-section-150-04 > div:nth-child(2) > button {
        margin-left: 0px;
        color: #000000;
        opacity: 0.87;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .kcf-section-150-04 > div:nth-child(2) > span {
        padding-top: 8px;
        padding-left: 0px;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 0px;
        display: block;
        width: 100%;
    }

        .kcf-section-150-04 > div:nth-child(2) > span > span:nth-child(1) {
            padding-left: 24px;
            display: inline;
        }

        .kcf-section-150-04 > div:nth-child(2) > span > span:nth-child(2) {
            padding-left: 0px;
            display: inline;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.kcf-section-150-04 > div:nth-child(1) {
    width: 100%;
}

.kcf-section-150-06 {
    background-color: #fff;
}

    .kcf-section-150-06 > div {
        display: block;
        width: calc(100% - 32px);
        margin-top: -16px;
        line-height: 18px;
    }

.kcf-panel[id='001-160'] {
}

.kcf-section-160-01 {
}

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list, .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list, .kcf-panel[id='001-910'] > section.kcf-section-020-03 .mdl-list {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
    left: 0px;
    right: 0px;
}

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list {
    position: relative;
}

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-relate .mdl-list {
    position: relative;
}

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-tech .mdl-list {
    height: auto;
}

.kcf-panel[id='001-170'] > section.kcf-section-020-03 .kcf-list-short, .kcf-panel[id='001-350'] > section.kcf-section-020-03 .kcf-list-short, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .kcf-list-short, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .kcf-list-short, .kcf-panel[id='001-600'] > section.kcf-section-020-03 .kcf-list-short, .kcf-panel[id='001-735'] > section.kcf-section-020-03 .kcf-list-short, .kcf-panel[id='001-910'] > section.kcf-section-020-03 .kcf-list-short {
    height: calc(100% - 156px);
    height: -moz-calc(100% - 156px);
    height: -webkit-calc(100% - 156px);
}

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news > .mdl-list > ul > li > .mdl-list__item, .kcf-panel[id='001-170'] > section.kcf-section-020-03 > .mdl-list > ul > li > .mdl-list__item, .kcf-panel[id='001-350'] > section.kcf-section-020-03 > .mdl-list > ul > li > .mdl-list__item, .kcf-panel[id='001-560'] > section.kcf-section-020-03 > .mdl-list > ul > li > .mdl-list__item, .kcf-panel[id='001-580'] > section.kcf-section-020-03 > .mdl-list > ul > li > .mdl-list__item, .kcf-panel[id='001-600'] > section.kcf-section-020-03 > .mdl-list > ul > li > .mdl-list__item, .kcf-panel[id='001-735'] > section.kcf-section-020-03 > .mdl-list > ul > li > .mdl-list__item, .kcf-panel[id='001-910'] > section.kcf-section-020-03 > .mdl-list > ul > li > .mdl-list__item {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 72px;
    min-height: 84px;
}

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news > .mdl-list__item-avatar, .kcf-panel[id='001-170'] > section.kcf-section-020-03 > .mdl-list__item-avatar, .kcf-panel[id='001-350'] > section.kcf-section-020-03 > .mdl-list__item-avatar, .kcf-panel[id='001-560'] > section.kcf-section-020-03 > .mdl-list__item-avatar, .kcf-panel[id='001-580'] > section.kcf-section-020-03 > .mdl-list__item-avatar, .kcf-panel[id='001-600'] > section.kcf-section-020-03 > .mdl-list__item-avatar, .kcf-panel[id='001-910'] > section.kcf-section-020-03 > .mdl-list__item-avatar, .kcf-panel[id='001-735'] > section.kcf-section-020-03 > .mdl-list__item-avatar {
    height: 100%;
}

.kcf-panel[id='001-170'] .kcf-section-020-03 .mdl-list__item-primary-content .mdl-list__item-avatar, .kcf-panel[id='001-040'] .kcf-section-020-03.project-news .mdl-list__item-primary-content .mdl-list__item-avatar, .kcf-panel[id='001-560'] .kcf-section-020-03 .mdl-list__item-primary-content .mdl-list__item-avatar, .kcf-panel[id='001-580'] .kcf-section-020-03 .mdl-list__item-primary-content .mdl-list__item-avatar, .kcf-panel[id='001-600'] .kcf-section-020-03 .mdl-list__item-primary-content .mdl-list__item-avatar, .kcf-panel[id='001-735'] .kcf-section-020-03 .mdl-list__item-primary-content .mdl-list__item-avatar {
    border-width: 1px;
    border-color: rgba(0,0,0,0.18);
    border-style: solid;
}

.kcf-panel[id='001-580'] > section:nth-child(3) > .kcf-section-020-03 .mdl-list__item-primary-content .mdl-list__item-avatar {
    border-width: 0px;
}

.kcf-panel[id='001-350'] > section.kcf-section-020-03 > .mdl-list__item-avatar, .kcf-panel[id='001-910'] > section.kcf-section-020-03 > .mdl-list__item-avatar {
    background: url(../images/icons/avatar-general.svg) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 600% 1700%;
    box-sizing: border-box;
    border-radius: 50%;
}

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-primary-content, .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-primary-content, .kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list__item-primary-content, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-primary-content, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-primary-content, .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-primary-content, .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-primary-content, .kcf-panel[id='001-910'] > section.kcf-section-020-03 .mdl-list__item-primary-content {
    position: relative;
}

    .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-primary-content > span, .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-relate .mdl-list__item-primary-content > span, .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-tech .mdl-list__item-primary-content > span, .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-primary-content > span, .kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list__item-primary-content > span, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-primary-content > span, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-primary-content > span, .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-primary-content > span, .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-primary-content > span, .kcf-panel[id='001-910'] > section.kcf-section-020-03 .mdl-list__item-primary-content > span {
    }

    .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-primary-content > div, .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div, .kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div, .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div, .kcf-panel[id='001-910'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div {
        margin-left: 72px;
        left: 0px;
        right: 32px;
    }

    .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div {
        margin-left: 72px;
        left: 0px;
        right: 48px;
    }

        .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-primary-content > div > div:nth-child(1), .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(1), .kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(1), .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(1), .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(1), .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(1), .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(1), .kcf-panel[id='001-910'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(1) {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.15px;
            opacity: 0.87;
            padding-bottom: 4px;
        }

        .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-primary-content > div > div:nth-child(2), .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2), .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2), .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2), .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2), .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2) {
            position: absolute;
            overflow: hidden;
            max-height: 36px;
            white-space: normal;
            width: 100%;
            word-wrap: break-word;
        }

            .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-primary-content > div > div:nth-child(2) > p, .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2) > p {
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
                letter-spacing: 0.15px;
                display: inline;
            }

            .kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2) > p, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2) > p, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2) > p, .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2) > p, .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2) > p, .kcf-panel[id='001-910'] > section.kcf-section-020-03 .mdl-list__item-primary-content > div > div:nth-child(2) > p {
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
                opacity: 0.72;
                letter-spacing: 0.15px;
                display: inline;
            }

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-secondary-content, .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-secondary-content, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-secondary-content, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-secondary-content, .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-secondary-content, .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-secondary-content {
    min-height: 48px;
    position: relative;
    padding-right: 16px;
    text-align: right;
    top: -4px;
}

.kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list__item-secondary-content, .kcf-panel[id='001-910'] > section.kcf-section-020-03 .mdl-list__item-secondary-content {
    position: relative;
    padding-right: 16px;
    text-align: right;
}

    .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-secondary-content > span:nth-child(2) > i, .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(2) > i, .kcf-panel[id='001-350'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(2) > i, .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(2) > i, .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(2) > i, .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(2) > i, .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(2) > i, .kcf-panel[id='001-910'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(2) > i {
        color: #000000;
        opacity: 0.24;
        position: absolute;
        top: 22px;
        right: 4px;
    }

.kcf-panel[id='001-080'] section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1), .kcf-panel[id='001-020'] section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1), .kcf-panel[id='001-200'] section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1), .kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news .mdl-list__item-secondary-content > span:nth-child(1), .kcf-panel[id='001-170'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1), .kcf-panel[id='001-560'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1), .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1), .kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1), .kcf-panel[id='001-735'] > section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(1) {
    display: block;
    width: 72px;
    height: 14px;
    vertical-align: bottom;
    position: absolute;
    right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 12px;
    font-weight: 400;
    opacity: 0.54;
    letter-spacing: 0.1px;
    text-align: right;
}

.kcf-panel[id='001-080'] section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(3), .kcf-panel[id='001-020'] section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(3), .kcf-panel[id='001-200'] section.kcf-section-020-03 .mdl-list__item-secondary-content > span:nth-child(3) {
    display: block;
    width: 72px;
    height: 14px;
    vertical-align: bottom;
    position: absolute;
    right: 8px;
    bottom: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 12px;
    font-weight: 400;
    opacity: 0.54;
    letter-spacing: 0.1px;
    text-align: right;
}

.kcf-panel[id='001-040'] > div > section.kcf-section-020-03.project-news > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-panel[id='001-170'] > section.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-panel[id='001-350'] > section.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-panel[id='001-560'] > section.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-panel[id='001-580'] > section.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-panel[id='001-600'] > section.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-panel[id='001-735'] > section.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider, .kcf-panel[id='001-910'] > section.kcf-section-020-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider {
    margin-left: 88px;
}

.kcf-panel[id='001-180'], .kcf-panel[id='001-360'], .kcf-panel[id='001-570'], .kcf-panel[id='001-710'], .kcf-panel[id='001-800'], .kcf-panel[id='001-850'], .kcf-panel[id='001-880'], .kcf-panel[id='001-160'], .kcf-panel[id='001-165'] {
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
}

    .kcf-panel[id='001-180'] .mdl-textfield, .kcf-panel[id='001-360'] .mdl-textfield, .kcf-panel[id='001-570'] .mdl-textfield, .kcf-panel[id='001-710'] .mdl-textfield, .kcf-panel[id='001-800'] .mdl-textfield, .kcf-panel[id='001-850'] .mdl-textfield, .kcf-panel[id='001-880'] .mdl-textfield, .kcf-panel[id='001-160'] .mdl-textfield, .kcf-panel[id='001-165'] .mdl-textfield {
        padding-bottom: 8px;
    }

    .kcf-panel[id='001-180'] .mdl-textfield__input, .kcf-panel[id='001-360'] .mdl-textfield__input, .kcf-panel[id='001-570'] .mdl-textfield__input, .kcf-panel[id='001-710'] .mdl-textfield__input, .kcf-panel[id='001-800'] .mdl-textfield__input, .kcf-panel[id='001-850'] .mdl-textfield__input, .kcf-panel[id='001-880'] .mdl-textfield__input, .kcf-panel[id='001-160'] .mdl-textfield__input, .kcf-panel[id='001-165'] .mdl-textfield__input {
        color: rgba(0,0,0,0.87);
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 400;
    }

    .kcf-panel[id='001-180'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-360'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-570'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-710'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-800'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-850'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-880'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-160'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-165'] .mdl-textfield .mdl-textfield__label:after {
        bottom: 8px;
    }

    .kcf-panel[id='001-180'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-180'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-360'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-360'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-570'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-570'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-710'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-710'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-800'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-800'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-850'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-850'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-880'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-880'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-160'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-160'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-165'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-165'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label {
        color: rgba(0,0,0,0.37);
        font-size: 12px;
        font-weight: 400;
    }

    .kcf-panel[id='001-180'] .kcf-section-110-01 {
        height: 100%;
    }

        .kcf-panel[id='001-180'] .kcf-section-110-01 > div:nth-child(3) {
            height: calc(100% - 116px);
            padding: 0 0;
            padding-bottom: 8px;
        }

            .kcf-panel[id='001-180'] .kcf-section-110-01 > div:nth-child(3) > textarea {
                width: 100%;
                height: calc(100% - 16px);
                font-family: arial;
                font-size: 14px;
                line-height: 18px;
                opacity: 0.87;
                letter-spacing: 0.2px;
            }

    .kcf-panel[id='001-570'] .kcf-section-110-01 > div:nth-child(5) {
        margin-top: 32px;
    }

        .kcf-panel[id='001-570'] .kcf-section-110-01 > div:nth-child(5) > label:nth-child(1), .kcf-panel[id='001-570'] .kcf-section-110-01 > div:nth-child(6) > label:nth-child(1) {
            display: inline;
            width: auto;
        }

        .kcf-panel[id='001-570'] .kcf-section-110-01 > div:nth-child(5) > label:nth-child(3), .kcf-panel[id='001-570'] .kcf-section-110-01 > div:nth-child(6) > label:nth-child(3) {
            width: 0px;
        }

div[data-editor_id='trackerManager_180-01-E005'] .jodit-popup__content {
    width: 116px;
}

    div[data-editor_id='trackerManager_180-01-E005'] .jodit-popup__content span[role='listitem'] .jodit-toolbar-button__button {
        height: 32px;
        min-height: 22px;
    }

    div[data-editor_id='trackerManager_180-01-E005'] .jodit-popup__content span[role='listitem'] > button > span:nth-child(2) {
        justify-content: flex-start;
        font-size: 12px;
    }

.kcf-panel[id='001-190'], .kcf-panel[id='001-370'], .kcf-panel[id='001-580'], .kcf-panel[id='001-500'], .kcf-panel[id='001-590'], .kcf-panel[id='001-770'] {
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
}

    .kcf-panel[id='001-580'] .kcf-section-040-08, .kcf-panel[id='001-590'] .kcf-section-040-08 {
        padding-top: 0px !important;
        margin-left: -24px;
        margin-right: -24px;
    }

    .kcf-panel[id='001-580'] .kcf-section-020-03, .kcf-panel[id='001-590'] .kcf-section-020-03 {
        margin-left: -24px;
        margin-right: 24px;
    }

.kcf-section-190-01 {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 84px;
    position: relative;
    margin-top: 8px;
}

    .kcf-section-190-01 > span {
        float: left;
        position: absolute;
        top: 0;
    }

        .kcf-section-190-01 > span > span:nth-child(2) {
            font-size: 8px;
            font-weight: 500;
            color: #000000;
            opacity: 0.37;
            line-height: 18px;
            position: absolute;
            left: 22px;
            bottom: -18px;
        }

.kcf-panel[id='001-580'] > section.kcf-section-190-01 > span > span:nth-child(2) {
    position: static;
    display: block;
    width: 64px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kcf-section-190-01 > div {
    margin-left: 92px;
}

.kcf-panel[id='001-580'] > section.kcf-section-190-01 > div {
    margin-left: 84px;
}

.kcf-section-190-01 > div > div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .kcf-section-190-01 > div > div:nth-child(1) {
        letter-spacing: 0.15px;
        padding-bottom: 4px;
    }

    .kcf-section-190-01 > div > div:nth-child(2) {
        line-height: 18px;
        letter-spacing: 0.15px;
    }

    .kcf-section-190-01 > div > div:nth-child(3) {
        line-height: 18px;
        padding-top: 4px;
    }

    .kcf-section-190-01 > div > div:nth-child(4) {
        line-height: 18px;
        padding-top: 4px;
        opacity: 0.72;
        font-weight: 500;
    }

        .kcf-section-190-01 > div > div:nth-child(4) > span:nth-child(1) {
            opacity: 0.37;
            font-weight: 400;
        }

.kcf-section-190-01 > span > img {
    width: 72px;
    height: 72px;
    box-sizing: border-box;
    border-radius: 50%;
    border-width: 1px;
    border-color: #e4e3e3;
    border-style: solid;
    text-indent: -999px;
}

.kcf-panel[id='001-580'] > section.kcf-section-190-01 > span > img {
    width: 64px !important;
    height: 64px !important;
}

.kcf-panel[id='001-370'] > section.kcf-section-190-01 > span > img {
    background: url(../images/icons/avatar-general.svg) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 600% 1700%;
    box-sizing: border-box;
    border-radius: 50%;
}

.kcf-section-190-02 {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 0px;
    position: relative;
}

.kcf-panel[id='001-580'] > section.kcf-section-190-02 {
    padding-top: 16px !important;
}

.kcf-section-190-02 > div:nth-child(1) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 16px);
}

.kcf-panel[id='001-580'] > section.kcf-section-190-02 > div:nth-child(1) > span:nth-child(1) {
    display: block;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.72;
    padding-bottom: 4px;
    width: calc(100% - 16px);
}

.kcf-panel[id='001-580'] > section.kcf-section-190-02 > div:nth-child(1) > span:nth-child(2) {
    width: auto !important;
}

.kcf-section-190-02 > div:nth-child(3) {
    padding-top: 8px;
    word-wrap: break-word;
}

.kcf-section-190-03 {
    height: 96px;
}

.kcf-panel[id='001-580'] div.kcf-section-020-03 div.mdl-list__item {
    border-top-color: rgb(230, 230, 230);
    border-top-width: 1px;
    border-top-style: solid;
}

.kcf-section-200-01 {
    background: url('../images/ProjectTracker/Engineering/water_image1.jpg') center top no-repeat;
    background-size: cover;
    height: 88px;
    position: relative;
}

    .kcf-section-200-01 > div:nth-child(1) {
        position: absolute;
        bottom: 0px;
        padding: 12px;
        padding-left: 24px;
        width: 100%;
        background: rgba(0, 0, 0, 0.1);
        color: #fff;
    }

    .kcf-section-200-01 > button {
        position: absolute;
        bottom: -25px;
        right: 25px;
    }

.kcf-section-200-02 {
    width: 100%;
}

.kcf-section-200-03 {
    height: 100%;
    position: relative;
}

    .kcf-section-200-03 .mdl-list {
        display: block;
        width: 100%;
        height: calc(100% - 48px);
        height: -moz-calc(100% - 48px);
        height: -webkit-calc(100% - 48px);
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        position: absolute;
        overflow-y: auto;
    }

    .kcf-section-200-03 .kcf-list-short {
        height: calc(100% - 80px);
        height: -moz-calc(100% - 80px);
        height: -webkit-calc(100% - 80px);
    }

    .kcf-section-200-03 .mdl-list > ul > li > span > div:hover {
        background: rgba(236, 239, 241,0.37);
        cursor: pointer;
    }

    .kcf-section-200-03 > .mdl-list > ul {
        width: 100%;
        padding: 0px;
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        list-style: none;
        border: 0px solid orange;
    }

        .kcf-section-200-03 > .mdl-list > ul > li {
            width: 100%;
            padding: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            border: 0px solid blue;
        }

            .kcf-section-200-03 > .mdl-list > ul > li > .mdl-list__item {
                width: 100%;
                padding-top: 0px;
                padding-bottom: 0px;
                height: 64px;
                border: 0px solid red;
            }

    .kcf-section-200-03 .mdl-list__item-primary-content .mdl-list__item-avatar {
        position: absolute;
        left: 8px;
        width: 48px;
        height: 48px;
        box-sizing: border-box;
        border-radius: 50%;
        border-width: 1px;
        border-color: #e4e3e3;
        border-style: solid;
        text-indent: -999px;
    }

    .kcf-section-200-03 .mdl-list__item-primary-content {
        position: relative;
        top: -28px;
    }

        .kcf-section-200-03 .mdl-list__item-primary-content > span {
            float: left;
            position: absolute;
            top: 0;
        }

        .kcf-section-200-03 .mdl-list__item-primary-content > div {
            margin-left: 72px;
            position: absolute;
            right: 48px;
            top: 0px;
            left: 0px;
        }

            .kcf-section-200-03 .mdl-list__item-primary-content > div > div:nth-child(1) {
                font-size: 16px;
                font-weight: 500;
                letter-spacing: 0.15px;
                opacity: 0.87;
                padding-bottom: 4px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .kcf-section-200-03 .mdl-list__item-primary-content > div > div:nth-child(2), .kcf-section-200-03 .mdl-list__item-primary-content > div > div:nth-child(3) {
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
                opacity: 0.54;
                letter-spacing: 0.15px;
                overflow: hidden;
                text-overflow: ellipsis;
                max-height: 36px;
                white-space: nowrap;
            }

    .kcf-section-200-03 .mdl-list__item-secondary-content {
        min-height: 56px;
        position: relative;
        padding-right: 16px;
    }

        .kcf-section-200-03 .mdl-list__item-secondary-content > span:nth-child(2) > i {
            color: #000000;
            opacity: 0.24;
            position: absolute;
            top: 20px;
            right: 0px;
        }

        .kcf-section-200-03 .mdl-list__item-secondary-content > span:nth-child(1) {
            display: block;
            height: 14px;
            vertical-align: bottom;
            position: absolute;
            right: 8px;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            opacity: 0.54;
            letter-spacing: 0.15px;
            width: 150px;
            text-align: right;
        }

    .kcf-section-200-03 > .mdl-list ul > li div.mdl-menu__item--full-bleed-divider {
        margin-left: 88px;
    }

.kcf-section-200-04 button {
    position: fixed;
    display: block;
    right: 0;
    bottom: 0;
    margin-right: 32px;
    margin-bottom: 88px;
    z-index: 900;
}

.kcf-section-200-05 > div:nth-child(1) {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    line-height: 48px;
}

.kcf-section-200-05 > div:nth-child(1) > button {
    position: absolute;
    color: rgba(0,0,0,0.38);
    top: 4px;
    right: 16px;
    padding-top: 0px;
    padding-right: 0px;
}

.kcf-section-200-05 > div:nth-child(2) {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    padding-bottom: 16px;
    line-height: 16px;
    visibility: visible;
}

.kcf-section-200-05 > div:nth-child(2).hide {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    padding-bottom: 0px;
    line-height: 0px;
    height: 0px;
    visibility: hidden;
}

.kcf-section-200-05 > div:nth-child(3) {
    position: relative;
    padding-top: 8px;
    padding-bottom: 6px;
    height: 18px;
}

.kcf-section-200-05 > div:nth-child(3) > span:nth-child(1) {
    position: absolute;
    left: 16px;
    top:-4px;
    text-align: left;
    font-size:24px;
}

.kcf-section-200-05 > div:nth-child(3) > span:nth-child(2) {
    position: absolute;
    width: 210px;
    text-align: center;
    right: calc(50% - 105px);
    font-weight: 500;
    font-size: 14px;
    opacity: 0.72;
}

.kcf-section-200-05 > div:nth-child(3) > span:nth-child(3) {
    position: absolute;
    right: 16px;
    text-align: right;
}


.kcf-panel[id='001-210'], .kcf-panel[id='001-460'], .kcf-panel[id='001-550'], .kcf-panel[id='001-660'], .kcf-panel[id='001-610'], .kcf-panel[id='001-740'], .kcf-panel[id='001-790'], .kcf-panel[id='001-870'] {
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.kcf-section-210-01, .kcf-section-210-02 {
    width: 100%;
}

    .kcf-section-210-01 > div, .kcf-section-210-02 > div {
        width: 100%;
    }

    .kcf-section-210-01 > label, .kcf-section-210-02 > label {
        line-height: 48px;
        font-size: 14px;
        font-weight: 500;
    }

.kcf-panel[id='001-210'] .mdl-textfield, .kcf-panel[id='001-460'] .mdl-textfield, .kcf-panel[id='001-550'] .mdl-textfield, .kcf-panel[id='001-660'] .mdl-textfield, .kcf-panel[id='001-610'] .mdl-textfield, .kcf-panel[id='001-740'] .mdl-textfield, .kcf-panel[id='001-790'] .mdl-textfield, .kcf-panel[id='001-870'] .mdl-textfield {
    padding-bottom: 8px;
}

.kcf-panel[id='001-210'] .mdl-textfield__input, .kcf-panel[id='001-460'] .mdl-textfield__input, .kcf-panel[id='001-550'] .mdl-textfield__input, .kcf-panel[id='001-660'] .mdl-textfield__input, .kcf-panel[id='001-610'] .mdl-textfield__input, .kcf-panel[id='001-740'] .mdl-textfield__input, .kcf-panel[id='001-790'] .mdl-textfield__input, .kcf-panel[id='001-870'] .mdl-textfield__input {
    color: rgba(0,0,0,0.87);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.kcf-panel[id='001-210'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-460'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-550'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-660'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-610'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-740'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-790'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-870'] .mdl-textfield .mdl-textfield__label:after {
    bottom: 8px;
}

.kcf-panel[id='001-210'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-210'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-460'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-460'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-550'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-550'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-660'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-660'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-610'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-610'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-740'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-740'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-790'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-790'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-870'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-870'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label {
    color: rgba(0,0,0,0.54);
    font-size: 12px;
    font-weight: 400;
}

.kcf-panel[id='001-460'] .kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(1) {
    width: 100% !important;
}

    .kcf-panel[id='001-460'] .kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(1) .mdl-textfield__input, .kcf-panel[id='001-460'] .kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(1) .mdl-textfield__label {
        width: 100% !important;
    }

.kcf-section-210-01 div > i {
    float: right;
    margin-top: -40px;
    color: rgba(0,0,0,0.4)
}

.kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(1) {
    float: left;
    padding: 0px;
    min-width: 60px;
    width: 40%;
}

.kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(2) {
    float: left;
    padding: 0px;
    padding-left: 0px;
    min-width: 10px;
    width: 60%;
}

.kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(2) > div > i {
    float: right;
    margin-top: -40px;
    color: rgba(0,0,0,0.4)
}

.kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(1) .mdl-textfield__input, .kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(1) .mdl-textfield__label {
    width: 80%;
}

.kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(2) .mdl-textfield__input, .kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(2) .mdl-textfield__label {
    width: 100%;
}

.kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-210-01 > div > div:nth-child(1) > span:nth-child(2) .mdl-textfield__label:after {
    height: 0px;
}

.kcf-layout-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
    min-height: 56px;
}

.kcf-section-210-01 > div > div:nth-child(4) {
    margin-bottom: 16px;
}

.kcf-panel[id='001-740'] .kcf-section-210-01 > div > div:nth-child(4) {
    margin-bottom: 0px;
}

.kcf-panel[id='001-740'] .kcf-section-210-01 > div > div:nth-child(6) {
    margin-top: 16px;
}

.kcf-section-210-01 > div > div:nth-child(6), .kcf-section-210-01 > div > div:nth-child(9) {
    margin-right: 8px;
}

.kcf-panel[id='001-460'] .kcf-section-210-01 > div > div:nth-child(6), .kcf-panel[id='001-550'] .kcf-section-210-01 > div > div:nth-child(6), .kcf-panel[id='001-660'] .kcf-section-210-01 > div > div:nth-child(6), .kcf-panel[id='001-610'] .kcf-section-210-01 > div > div:nth-child(6), .kcf-panel[id='001-790'] .kcf-section-210-01 > div > div:nth-child(6), .kcf-panel[id='001-870'] .kcf-section-210-01 > div > div:nth-child(6) {
    margin-top: 16px;
}

.kcf-section-210-01 > div > div:nth-child(6) > label:nth-child(1), .kcf-section-210-01 > div > div:nth-child(6) > span:nth-child(3), .kcf-section-210-01 > div > div:nth-child(7) > label:nth-child(1), .kcf-section-210-01 > div > div:nth-child(7) > label:nth-child(3), .kcf-section-210-01 > div > div:nth-child(8) > label:nth-child(1), .kcf-section-210-01 > div > div:nth-child(8) > label:nth-child(3), .kcf-section-210-01 > div > div:nth-child(9) > label:nth-child(1), .kcf-section-210-01 > div > div:nth-child(9) > span:nth-child(3), .kcf-section-210-01 > div > div:nth-child(10) > label:nth-child(1), .kcf-section-210-01 > div > div:nth-child(10) > label:nth-child(3) {
    display: inline;
    width: auto;
}


.kcf-section-210-01 > div > div:nth-child(5) > span:nth-child(3) {
    width: 0px;
    padding-right: 40px;
}

.kcf-section-210-01 > div > div:nth-child(6) > span:nth-child(3) > input, .kcf-section-210-01 > div > div:nth-child(9) > span:nth-child(3) > input {
    text-align: right;
    width: 40px;
}

.kcf-section-210-01 > div > div:nth-child(7) > label:nth-child(3), .kcf-section-210-01 > div > div:nth-child(8) > label:nth-child(3), .kcf-section-210-01 > div > div:nth-child(10) > label:nth-child(3) {
    width: 0px;
}

.kcf-section-210-01 > div > div:nth-child(11) {
    margin-right:8px;
}
.kcf-section-210-01 > div > div:nth-child(11) > label:nth-child(1),
.kcf-section-210-01 > div > div:nth-child(11) > span:nth-child(3) {
    display: inline;
    width: auto;
}

.kcf-section-210-01 > div > div:nth-child(11) > label:nth-child(1), .kcf-section-210-01 > div > div:nth-child(11) > span:nth-child(3) {
    display: inline;
    width: auto;
}

.kcf-section-210-01 > div > div:nth-child(11) > span:nth-child(3) > input {
    text-align: right;
    width: 40px;
}

.kcf-panel[id='001-220'] {
    width: 100%;
    height: 100%;
}

.kcf-section-220-01 {
    min-height: 64px;
    background-color: #0288D1;
    padding-top: 16px;
}

.kcf-section-220-02 {
    min-height: 40px;
    background-color: #0288D1;
    padding-top: 0px;
}

    .kcf-section-220-01 > div:nth-child(1), .kcf-section-220-02 > div:nth-child(1) {
        z-index: 1000;
        background-color: #fff;
        padding: 8px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 16px;
        left: 16px;
        right: 16px;
    }

    .kcf-section-220-02 > div:nth-child(1) {
        top: 8px;
    }

.kcf-section-220-01 > div:nth-child(1) > button:nth-child(1), .kcf-section-220-01 > div:nth-child(1) > button:nth-child(3), .kcf-section-220-01 > div:nth-child(1) > label {
    margin-left: 0px;
    color: #000000;
    opacity: 0.87;
    -ms-flex: 0 1 auto;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.kcf-section-220-01 > div:nth-child(1) > input:nth-child(2) {
    color: #000000;
    opacity: 0.54;
    font-weight: 500;
    margin-left: 8px;
    -ms-flex: 0 1 auto;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 0px;
}

.kcf-section-220-02 > div:nth-child(1) {
    z-index: 1000;
    background-color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 64px;
    left: 16px;
    right: 16px;
    border-top: 1px solid;
    border-top-color: rgba(0,0,0, 0.12);
    max-height: 36px;
}

    .kcf-section-220-02 > div:nth-child(1) > input {
        font-size: 14px;
        color: #000000;
        opacity: 0.54;
        font-weight: 500;
        margin-left: 8px;
        margin-right: 8px;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-bottom: 0px;
    }

    .kcf-section-220-02 > div:nth-child(1) > button {
        color: #000000;
        opacity: 0.54;
        -ms-flex: 0 1 auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .kcf-section-220-02 > div:nth-child(1) > label {
        color: #000000;
        opacity: 0.54;
        margin-right: 8px;
    }

.kcf-section-220-03 > div:nth-child(1) {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    line-height: 48px;
}

    .kcf-section-220-03 > div:nth-child(1) > button {
        position: absolute;
        color: rgba(0,0,0,0.38);
        top: 4px;
        right: 16px;
        padding-top: 0px;
        padding-right: 0px;
    }

.kcf-section-220-03 > div:nth-child(2) {
    padding-right: 16px;
    padding-left: 16px;
    position: relative;
    padding-bottom: 16px;
    line-height: 16px;
    visibility: visible;
}

    .kcf-section-220-03 > div:nth-child(2).hide {
        padding-right: 16px;
        padding-left: 16px;
        position: relative;
        padding-bottom: 0px;
        line-height: 0px;
        height: 0px;
        visibility: hidden;
    }

.kcf-panel[id='001-220'] > section.kcf-section-200-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 124px);
    height: -moz-calc(100% - 124px);
    height: -webkit-calc(100% - 124px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow-y: auto;
}

.kcf-panel[id='001-220'] > section.kcf-section-200-03 .kcf-list-short {
    height: calc(100% - 156px);
    height: -moz-calc(100% - 156px);
    height: -webkit-calc(100% - 156px);
}

.kcf-section-230-01 .mdl-list, .kcf-section-230-02 .mdl-list {
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

.kcf-panel[id='001-230'] .mdl-list__item, .kcf-panel[id='001-455'] .mdl-list__item, .kcf-panel[id='001-470'] .mdl-list__item, .kcf-panel[id='001-475'] .mdl-list__item, .kcf-panel[id='001-490'] .mdl-list__item, .kcf-panel[id='001-492'] .mdl-list__item, .kcf-panel[id='001-495'] .mdl-list__item, .kcf-panel[id='001-520'] .mdl-list__item, .kcf-panel[id='001-530'] .mdl-list__item, .kcf-panel[id='001-620'] .mdl-list__item, .kcf-panel[id='001-670'] .mdl-list__item, .kcf-panel[id='001-675'] .mdl-list__item, .kcf-panel[id='001-676'] .mdl-list__item, .kcf-panel[id='001-677'] .mdl-list__item, .kcf-panel[id='001-690'] .mdl-list__item, .kcf-panel[id='001-695'] .mdl-list__item, .kcf-panel[id='001-750'] .mdl-list__item, .kcf-panel[id='001-760'] .mdl-list__item {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
}

    .kcf-panel[id='001-230'] .mdl-list__item:hover, .kcf-panel[id='001-455'] .mdl-list__item:hover, .kcf-panel[id='001-470'] .mdl-list__item:hover, .kcf-panel[id='001-475'] .mdl-list__item:hover, .kcf-panel[id='001-490'] .mdl-list__item:hover, .kcf-panel[id='001-492'] .mdl-list__item:hover, .kcf-panel[id='001-495'] .mdl-list__item:hover, .kcf-panel[id='001-520'] .mdl-list__item:hover, .kcf-panel[id='001-530'] .mdl-list__item:hover, .kcf-panel[id='001-620'] .mdl-list__item:hover, .kcf-panel[id='001-670'] .mdl-list__item:hover, .kcf-panel[id='001-675'] .mdl-list__item:hover, .kcf-panel[id='001-676'] .mdl-list__item:hover, .kcf-panel[id='001-677'] .mdl-list__item:hover, .kcf-panel[id='001-690'] .mdl-list__item:hover, .kcf-panel[id='001-695'] .mdl-list__item:hover, .kcf-panel[id='001-750'] .mdl-list__item:hover, .kcf-panel[id='001-760'] .mdl-list__item:hover {
        background: rgba(236, 239, 241,0.37);
        cursor: pointer;
    }

.kcf-panel[id='001-230'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-455'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-470'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-475'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-490'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-492'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-495'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-520'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-530'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-620'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-670'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-675'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-676'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-677'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-690'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-695'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-750'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-760'] .mdl-list__item-secondary-action > i {
    color: #000000;
    opacity: 0.37;
}

.kcf-section-230-01 .mdl-list__item-avatar {
    background: url(../images/icons/avatar-general.svg) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 600% 1700%;
    box-sizing: border-box;
    border-radius: 50%;
}

.kcf-panel[id='001-520'] .kcf-section-230-01 .mdl-list__item-avatar {
    background-image: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    position: absolute;
}

.kcf-panel[id='001-520'] .kcf-section-230-01 .mdl-list__item {
    min-height: 64px;
}

.kcf-panel[id='001-520'] .kcf-section-230-01 .mdl-list__item-primary-content {
    position: relative;
    top: 4px;
    left: 8px;
    min-height: 56px;
}

    .kcf-panel[id='001-520'] .kcf-section-230-01 .mdl-list__item-primary-content > span:nth-child(1) {
        position: absolute;
        top: 0px;
    }

    .kcf-panel[id='001-520'] .kcf-section-230-01 .mdl-list__item-primary-content > span:nth-child(2) {
        margin-left: 72px;
        position: absolute;
        right: 48px;
        top: 16px;
        left: 0px;
    }

.kcf-panel[id='001-520'] .kcf-section-230-01 .mdl-list__item-secondary-action {
    position: relative;
    min-height: 24px;
    padding-right: 16px;
}

    .kcf-panel[id='001-520'] .kcf-section-230-01 .mdl-list__item-secondary-action > i {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.kcf-section-230-01 .mdl-list__item-avatar[id=vendorsyrinix] {
    background-position: 100% 62.5%;
    background-color: #EC7474;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=vendortrimble] {
    background-position: 100% 62.5%;
    background-color: #DEA900;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=vendornighthawk] {
    background-position: 100% 62.5%;
    background-color: #95EA5B;
}




.kcf-section-230-01 .mdl-list__item-avatar[id=technologygroup] {
    background-position: 80% 100%;
    background-color: #FD4DFF;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=personalgroup] {
    background-position: 20% 100%;
    background-color: #95EA5B;
}



.kcf-section-230-01 .mdl-list__item-avatar[id=publicgroup] {
    background-position: 60% 100%;
    background-color: #00B0F0;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=favgroup] {
    background-position: 0% 93.75%;
    background-color: #DEA900;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=projectgroup] {
    background-position: 60% 37.5%;
    background-color: #95EA5B;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=globalgroup] {
    background-position: 0% 100%;
    background-color: #95EA5B;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=showcasegroup] {
    background-position: 0% 93.75%;
    background-color: #FFD700;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=utilitygroup] {
    background-position: 60% 31.25%;
    background-color: #FD4DFF;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=blue] {
    background-color: #62D1E1;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=green] {
    background-color: #95EA5B;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=grey] {
    background-color: #A98B8B;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=white] {
    background-color: rgba(0,0,0,0.12);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=latest] {
    background-position: 100% 50%;
    background-color: #EC7474;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=lasthour] {
    background-position: 40% 100%;
    background-color: #DEA900;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=lastday] {
    background-position: 60% 100%;
    background-color: #00B0F0;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=lasttwodays] {
    background-position: 20% 43.75%;
    background-color: #91E191;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=lastweek] {
    background-position: 20% 43.75%;
    background-color: #91E191;
}




.kcf-section-230-01 .mdl-list__item-avatar[id=nongovernment] {
    background-position: 0% 100%;
    background-color: #D9ACDA;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=utility] {
    background-position: 40% 87.5%;
    background-color: #F0A0A0;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=vendor] {
    background-position: 100% 81.25%;
    background-color: #D1CF4F;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=management] {
    background-position: 20% 100%;
    background-color: #EC7474;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=recruiting] {
    background-position: 40% 100%;
    background-color: #DEA900;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=bids] {
    background-position: 60% 100%;
    background-color: #00B0F0;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=community] {
    background-position: 20% 43.75%;
    background-color: #91E191;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=resume] {
    background-position: 0% 93.75%;
    background-color: #E9EC00;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=technical] {
    background-position: 0% 100%;
    background-color: #D9ACDA;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=marketing] {
    background-position: 80% 81.25%;
    background-color: #ADFFAD;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=showcase] {
    background-position: 0% 93.75%;
    background-color: #FFD700;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=inbox] {
    background-position: 40% 100%;
    background-color: #EC7474;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=outbox] {
    background-position: 20% 100%;
    background-color: #DEA900;
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-ebe] {
    background-position: 40% 100%;
    background-color: rgba(239, 69, 163, 1);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-elbe] {
    background-position: 40% 100%;
    background-color: rgba(239, 69, 163, 0.8);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-mbe] {
    background-position: 40% 100%;
    background-color: rgba(239, 69, 163, 0.6);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-wbe] {
    background-position: 40% 100%;
    background-color: rgba(239, 69, 163, 0.4);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-dbe] {
    background-position: 40% 100%;
    background-color: rgba(239, 69, 163, 0.2);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-dvbe] {
    background-position: 40% 100%;
    background-color: rgba(219, 209, 33, 0.4);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-obe] {
    background-position: 40% 100%;
    background-color: rgba(219, 209, 33, 0.6);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-sbe] {
    background-position: 40% 100%;
    background-color: rgba(219, 209, 33, 0.8);
}

.kcf-section-230-01 .mdl-list__item-avatar[id=business-slbe] {
    background-position: 40% 100%;
    background-color: rgba(219, 209, 33, 1);
}

.kcf-section-230-01__sublist, .kcf-section-670-01__sublist {
    height: auto;
    visibility: visible;
    opacity: 0.54;
}

    .kcf-section-230-01__sublist li.mdl-list__item, .kcf-section-670-01__sublist li.mdl-list__item {
        height: 1px;
        border-top: solid 1px;
        border-color: rgba(0,0,0, 0.12);
        margin-left: 64px;
    }

        .kcf-section-230-01__sublist li.mdl-list__item:hover, .kcf-section-670-01__sublist li.mdl-list__item:hover {
            background: rgba(236, 239, 241,0.54);
            cursor: pointer;
        }

    .kcf-section-230-01__sublist .mdl-list__item-primary-content, .kcf-section-670-01__sublist .mdl-list__item-primary-content {
        padding-left: 0px;
    }

.kcf-panel[id='001-250'], .kcf-panel[id='001-300'], .kcf-panel[id='001-305'], .kcf-panel[id='001-480'], .kcf-panel[id='001-680'] {
    padding-top: 8px;
    padding-left: 24px;
    padding-right: 24px;
    height: calc(100% - 8px);
    height: -moz-calc(100% - 8px);
    height: -webkit-calc(100% - 8px);
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

    .kcf-panel[id='001-250'] .mdl-textfield, .kcf-panel[id='001-300'] .mdl-textfield, .kcf-panel[id='001-305'] .mdl-textfield, .kcf-panel[id='001-480'] .mdl-textfield, .kcf-panel[id='001-680'] .mdl-textfield {
        padding-bottom: 8px;
    }

    .kcf-panel[id='001-250'] .mdl-textfield__input, .kcf-panel[id='001-300'] .mdl-textfield__input, .kcf-panel[id='001-305'] .mdl-textfield__input, .kcf-panel[id='001-480'] .mdl-textfield__input, .kcf-panel[id='001-680'] .mdl-textfield__input {
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 20px;
        letter-spacing: 0.2px;
    }

    .kcf-panel[id='001-250'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-300'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-305'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-480'] .mdl-textfield .mdl-textfield__label:after, .kcf-panel[id='001-680'] .mdl-textfield .mdl-textfield__label:after {
        bottom: 8px;
    }

    .kcf-panel[id='001-250'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-250'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-300'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-300'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-305'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-305'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-480'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-480'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-680'] .is-focused.mdl-textfield--floating-label .mdl-textfield__label, .kcf-panel[id='001-680'] .is-dirty.mdl-textfield--floating-label .mdl-textfield__label {
        color: rgba(0,0,0,0.37);
        font-size: 12px;
        font-weight: 400;
    }

.kcf-section-250-01 > div:nth-child(1) {
    margin-top: 20px;
    margin-bottom: 16px;
    position: relative;
}

    .kcf-section-250-01 > div:nth-child(1) .mdl-list__item-avatar {
        position: absolute;
        width: 120px;
        height: 120px;
        box-sizing: border-box;
        border-radius: 50%;
        border-width: 1px;
        border-color: #e4e3e3;
        border-style: solid;
    }

    .kcf-section-250-01 > div:nth-child(1) > span:nth-child(1) > img {
        text-indent: -999px;
    }

    .kcf-section-250-01 > div:nth-child(1) .mdl-list__item-avatar:hover {
        border: 2px solid #FFFF00;
        cursor: pointer;
    }

    .kcf-section-250-01 > div:nth-child(1) .mdl-list__item-avatar-hide {
        position: absolute;
        border-width: 1px !important;
        background-color: rgba(255,255,255,0.64);
        z-index: 1000;
        text-align: center;
        vertical-align: middle;
    }

        .kcf-section-250-01 > div:nth-child(1) .mdl-list__item-avatar-hide > span {
            font-size: 18px;
            font-weight: 700;
            color: rgba(0,0,0,0.64);
            position: absolute;
            top: 50px;
            left: 18px;
        }

    .kcf-section-250-01 > div:nth-child(1) > span {
        float: left;
        position: absolute;
        top: 0;
    }

    .kcf-section-250-01 > div:nth-child(1) > div {
        margin-left: 148px;
    }

        .kcf-section-250-01 > div:nth-child(1) > div > div:nth-child(1) {
            padding-bottom: 4px;
        }

        .kcf-section-250-01 > div:nth-child(1) > div > div:nth-child(2) {
        }

    .kcf-section-250-01 > div:nth-child(1) .mdl-textfield__input {
        font-size: 22px !important;
        color: rgba(0,0,0,0.87);
        width: 100%;
        line-height: 30px !important;
        letter-spacing: 0.3px;
    }

.kcf-section-250-01 > div:nth-child(2) > .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(311) > .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(2) > .mdl-textfield__label, .kcf-section-250-01 > div:nth-child(311) > .mdl-textfield__label {
    width: 100%;
}

.kcf-section-250-01 > div > i {
    float: right;
    margin-top: -40px;
    color: rgba(0,0,0,0.4)
}

.kcf-section-250-01 > div:nth-child(3) > span:nth-child(1), .kcf-section-250-01 > div:nth-child(4) > span:nth-child(1), .kcf-section-250-01 > div:nth-child(5) > span:nth-child(1), .kcf-section-250-01 > div:nth-child(6) > span:nth-child(1), .kcf-section-250-01 > div:nth-child(8) > span:nth-child(1) {
    float: left;
    padding: 0px;
    min-width: 60px;
    width: 55%;
}

.kcf-section-250-01 > div:nth-child(3) > span:nth-child(2), .kcf-section-250-01 > div:nth-child(4) > span:nth-child(2), .kcf-section-250-01 > div:nth-child(5) > span:nth-child(2), .kcf-section-250-01 > div:nth-child(6) > span:nth-child(2), .kcf-section-250-01 > div:nth-child(8) > span:nth-child(2) {
    float: left;
    padding: 0px;
    padding-left: 0px;
    min-width: 10px;
    width: 45%;
}

    .kcf-section-250-01 > div:nth-child(3) > span:nth-child(2) > div > i, .kcf-section-250-01 > div:nth-child(4) > span:nth-child(2) > div > i, .kcf-section-250-01 > div:nth-child(5) > span:nth-child(2) > div > i, .kcf-section-250-01 > div:nth-child(8) > span:nth-child(2) > div > i {
        float: right;
        margin-top: -40px;
        color: rgba(0,0,0,0.4)
    }

.kcf-section-250-01 > div:nth-child(2) .mdl-textfield__input:focus {
    color: transparent;
    text-shadow: 0 0 0 gray;
    outline: none;
}

.kcf-section-250-01 > div:nth-child(3) > span:nth-child(1) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(3) > span:nth-child(1) .mdl-textfield__label, .kcf-section-250-01 > div:nth-child(4) > span:nth-child(1) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(4) > span:nth-child(1) .mdl-textfield__label, .kcf-section-250-01 > div:nth-child(5) > span:nth-child(1) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(5) > span:nth-child(1) .mdl-textfield__label, .kcf-section-250-01 > div:nth-child(8) > span:nth-child(1) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(8) > span:nth-child(1) .mdl-textfield__label {
    width: 85%;
}

.kcf-section-250-01 > div:nth-child(3) > span:nth-child(2) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(3) > span:nth-child(2) .mdl-textfield__label, .kcf-section-250-01 > div:nth-child(4) > span:nth-child(2) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(4) > span:nth-child(2) .mdl-textfield__label, .kcf-section-250-01 > div:nth-child(5) > span:nth-child(2) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(5) > span:nth-child(2) .mdl-textfield__label, .kcf-section-250-01 > div:nth-child(8) > span:nth-child(2) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(8) > span:nth-child(2) .mdl-textfield__label {
    width: 100%;
}

.kcf-section-250-01 > div:nth-child(6) > span:nth-child(1) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(6) > span:nth-child(1) .mdl-textfield__label {
    width: 75%;
}

.kcf-section-250-01 > div:nth-child(6) > span:nth-child(2) .mdl-textfield__input, .kcf-section-250-01 > div:nth-child(6) > span:nth-child(2) .mdl-textfield__label {
    width: 100%;
}

.kcf-section-250-01 > div:nth-child(2) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(3) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(4) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(5) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(8) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(9) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(3) > span:nth-child(2) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(4) > span:nth-child(2) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(5) > span:nth-child(2) .mdl-textfield__label:after, .kcf-section-250-01 > div:nth-child(8) > span:nth-child(2) .mdl-textfield__label:after {
    height: 0px;
}

.kcf-section-250-01 > div:nth-child(7), .kcf-panel[id='001-300'] .kcf-section-250-01 > div:nth-child(14) {
    padding-top: 16px;
}

    .kcf-section-250-01 > div:nth-child(7) > label:nth-child(3), .kcf-panel[id='001-300'] .kcf-section-250-01 > div:nth-child(14) > label:nth-child(3) {
        width: 0px;
    }

.kcf-section-250-01 > div:nth-child(9) > span:nth-child(1) {
    float: left;
    padding: 0px;
    min-width: 60px;
    width: 100%;
}

    .kcf-section-250-01 > div:nth-child(9) > span:nth-child(1) > div > i {
        float: right;
        margin-top: -40px;
        color: rgba(0,0,0,0.4)
    }

    .kcf-section-250-01 > div:nth-child(9) > span:nth-child(1) .mdl-textfield__label {
        width: 95%;
    }

.kcf-panel[id='001-250'] .kcf-section-250-01 > div:nth-child(6) .mdl-textfield__input {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: rgba(0,0,0,0.87);
}

.kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(1) .mdl-list__item-avatar {
    width: 96px;
    height: 96px;
}

.kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(1) .mdl-list__item-avatar-hide > span {
    font-size: 16px;
    top: 40px;
    left: 10px;
}

.kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(1) > div {
    margin-left: 116px;
}

.kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(1) .mdl-textfield__input {
    font-size: 20px;
    color: rgba(0,0,0,1);
    padding-right: 8px;
    width: calc(100% - 8px);
    opacity: 0.72 !important;
}

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(13) > span, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(13) > span {
    border: 2px solid #B3E5FC;
    background-color: rgba(0,0,0,0.1);
    display: block;
    margin-top: 32px;
    text-align: center;
    height: 48px;
    line-height: 48px;
}

    .kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(13) > span:hover, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(13) > span:hover {
        border: 2px solid #FFFF00;
        cursor: pointer;
    }

    .kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(13) > span > span, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(13) > span > span {
    }

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(13) .mdl-list__item-avatar, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(13) .mdl-list__item-avatar {
    width: auto;
    height: 48px;
    box-sizing: border-box;
    border-radius: 0%;
    float: left;
}

    .kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(13) .mdl-list__item-avatar[src*='blank'] {
        width: 0px;
    }

    .kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(13) .mdl-list__item-avatar:not([src*='blank']) + span {
        font-size: 0px;
    }

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(13) > div:nth-child(3) {
    clear: both;
    visibility: hidden;
}

.kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(13) .mdl-list__item-avatar[src*='blank'] {
    width: 0px;
}

.kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(13) .mdl-list__item-avatar:not([src*='blank']) + span {
    font-size: 0px;
}

.kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(13) > div:nth-child(3) {
    clear: both;
    visibility: hidden;
}

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(13) > label, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(13) > label {
    font-size: 12px;
    top: 30px;
}

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(18) .mdl-textfield__input, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(18) .mdl-textfield__input {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: rgba(0,0,0,0.87);
}

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(1), .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(1) {
    float: left;
    padding: 0px;
    min-width: 60px;
    width: 55%;
}

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(2), .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(2) {
    float: left;
    padding: 0px;
    padding-left: 0px;
    min-width: 10px;
    width: 45%;
}

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(1) .mdl-textfield__input, .kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(1) .mdl-textfield__label, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(1) .mdl-textfield__input, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(1) .mdl-textfield__label {
    width: 75%;
}

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(2) .mdl-textfield__input, .kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(2) .mdl-textfield__label, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(2) .mdl-textfield__input, .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(18) > span:nth-child(2) .mdl-textfield__label {
    width: 100%;
}

.kcf-panel[id='001-480'] .kcf-section-250-01 > div:nth-child(18), .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(18) {
    margin-bottom: 64px;
}

.kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(9) {
    padding-top: 8px;
}

    .kcf-panel[id='001-680'] .kcf-section-250-01 > div:nth-child(9) > label:nth-child(3) {
        width: 0px;
    }

.kcf-panel[id='001-305'] .kcf-section-250-01 > div:nth-child(15) > span:nth-child(1) {
    float: left;
    padding: 0px;
    min-width: 60px;
    width: 55%;
}

.kcf-panel[id='001-305'] .kcf-section-250-01 > div:nth-child(15) > span:nth-child(2) {
    float: left;
    padding: 0px;
    padding-left: 0px;
    min-width: 10px;
    width: 45%;
}

.kcf-panel[id='001-260'], .kcf-panel[id='001-262'], .kcf-panel[id='001-263'], .kcf-panel[id='001-265'] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.kcf-section-260-01 .mdl-list, .kcf-section-260-02 .mdl-list {
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

.kcf-panel[id='001-260'] .mdl-list__item, .kcf-panel[id='001-262'] .mdl-list__item, .kcf-panel[id='001-263'] .mdl-list__item, .kcf-panel[id='001-265'] .mdl-list__item {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
}

    .kcf-panel[id='001-260'] .mdl-list__item:hover, .kcf-panel[id='001-262'] .mdl-list__item:hover, .kcf-panel[id='001-263'] .mdl-list__item:hover, .kcf-panel[id='001-265'] .mdl-list__item:hover {
        background: rgba(236, 239, 241,0.37);
        cursor: pointer;
    }

.kcf-panel[id='001-260'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-262'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-263'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-265'] .mdl-list__item-secondary-action > i {
    color: #000000;
    opacity: 0.37;
}

.kcf-section-260-01 .mdl-list__item-avatar {
    background: url(../images/icons/avatar-general.svg) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 600% 1700%;
    box-sizing: border-box;
    border-radius: 50%;
}

    .kcf-section-260-01 .mdl-list__item-avatar[id=personal] {
        background-position: 20% 100%;
        background-color: #EC7474;
    }

    .kcf-section-260-01 .mdl-list__item-avatar[id=group] {
        background-position: 40% 100%;
        background-color: #DEA900;
    }

    .kcf-section-260-01 .mdl-list__item-avatar[id=public] {
        background-position: 60% 100%;
        background-color: #00B0F0;
    }

    .kcf-section-260-01 .mdl-list__item-avatar[id=shared] {
        background-position: 20% 43.75%;
        background-color: #91E191;
    }

    .kcf-section-260-01 .mdl-list__item-avatar[id=global] {
        background-position: 0% 100%;
        background-color: #95EA5B;
    }

.kcf-section-260-01__sublist {
    height: auto;
    visibility: visible;
    opacity: 0.54;
}

    .kcf-section-260-01__sublist li.mdl-list__item {
        height: 1px;
        border-top: solid 1px;
        border-color: rgba(0,0,0, 0.12);
        margin-left: 64px;
    }

        .kcf-section-260-01__sublist li.mdl-list__item:hover {
            background: rgba(236, 239, 241,0.54);
            cursor: pointer;
        }

    .kcf-section-260-01__sublist .mdl-list__item-primary-content {
        padding-left: 0px;
    }

.kcf-panel[id='001-290'] > section.kcf-section-200-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 176px);
    height: -moz-calc(100% - 176px);
    height: -webkit-calc(100% - 176px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow-y: auto;
}

.kcf-panel[id='001-290'] > section.kcf-section-200-03 .kcf-list-short {
    height: calc(100% - 208px);
    height: -moz-calc(100% - 208px);
    height: -webkit-calc(100% - 208px);
}

.kcf-panel[id='001-700'] > section.kcf-section-200-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 96px);
    height: -moz-calc(100% - 96px);
    height: -webkit-calc(100% - 96px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow-y: auto;
}

.kcf-panel[id='001-700'] > section.kcf-section-200-03 .kcf-list-short {
    height: calc(100% - 128px);
    height: -moz-calc(100% - 128px);
    height: -webkit-calc(100% - 128px);
}

.kcf-section-300-01 {
    border-top: 0px;
}

.kcf-section-310-01 .mdl-list, .kcf-section-310-02 .mdl-list {
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

.kcf-panel[id='001-310'] .mdl-list__item, .kcf-panel[id='001-780'] .mdl-list__item {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 56px;
}

    .kcf-panel[id='001-310'] .mdl-list__item:hover, .kcf-panel[id='001-315'] .mdl-list__item:hover, .kcf-panel[id='001-715'] .mdl-list__item:hover, .kcf-panel[id='001-320'] .mdl-list__item:hover, .kcf-panel[id='001-780'] .mdl-list__item:hover {
        background: rgba(236, 239, 241,0.37);
        cursor: pointer;
    }

.kcf-panel[id='001-310'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-315'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-715'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-320'] .mdl-list__item-secondary-action > i, .kcf-panel[id='001-780'] .mdl-list__item-secondary-action > i {
    color: #000000;
    opacity: 0.37;
}

.kcf-section-310-01 .mdl-list__item-avatar {
    background: url(../images/icons/avatar-general.svg) no-repeat;
    width: 48px;
    height: 48px;
    background-size: 600% 1700%;
    box-sizing: border-box;
    border-radius: 50%;
}

    .kcf-section-310-01 .mdl-list__item-avatar[id=request] {
        background-position: 100% 56.25%;
        background-color: #84D95C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=guest] {
        background-position: 100% 56.25%;
        background-color: #84D95C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=viewer] {
        background-position: 100% 56.25%;
        background-color: #84D95C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=member] {
        background-position: 100% 56.25%;
        background-color: #0288D1;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=editor] {
        background-position: 100% 56.25%;
        background-color: #F3C40C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=manager] {
        background-position: 100% 56.25%;
        background-color: #EC7474;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=admin] {
        background-position: 100% 56.25%;
        background-color: #DD01B1;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=owner] {
        background-position: 100% 56.25%;
        background-color: #F3C40C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=blocked] {
        background-position: 100% 56.25%;
        background-color: #F14242;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=review] {
        background-position: 100% 56.25%;
        background-color: #F3C40C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=appForm] {
        background-position: 100% 56.25%;
        background-color: #F14242;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=imageres-low] {
        background-position: 60% 18.75%;
        background-color: #85FFF9;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=imageres-medium] {
        background-position: 60% 18.75%;
        background-color: #DEA900;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=imageres-high] {
        background-position: 60% 18.75%;
        background-color: #F3C40C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=imageres-full] {
        background-position: 60% 18.75%;
        background-color: #EC7474;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=email-signup] {
        background-position: 20% 93.75%;
        background-color: #84D95C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=email-features] {
        background-position: 20% 93.75%;
        background-color: #F3C40C;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=email-pricing] {
        background-position: 20% 93.75%;
        background-color: #0288D1;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=email-support] {
        background-position: 20% 93.75%;
        background-color: #F14242;
    }

    .kcf-section-310-01 .mdl-list__item-avatar[id=email-other] {
        background-position: 20% 93.75%;
        background-color: #DD01B1;
    }

.kcf-section-310-01__sublist, .kcf-section-780-01__sublist {
    height: auto;
    visibility: visible;
    opacity: 0.54;
}

    .kcf-section-310-01__sublist li.mdl-list__item, .kcf-section-780-01__sublist li.mdl-list__item {
        height: 1px;
        border-top: solid 1px;
        border-color: rgba(0,0,0, 0.12);
        margin-left: 64px;
    }

        .kcf-section-310-01__sublist li.mdl-list__item:hover, .kcf-section-780-01__sublist li.mdl-list__item:hover {
            background: rgba(236, 239, 241,0.54);
            cursor: pointer;
        }

    .kcf-section-310-01__sublist .mdl-list__item-primary-content, .kcf-section-780-01__sublist .mdl-list__item-primary-content {
        padding-left: 0px;
    }

.kcf-section-360-01 > div:nth-child(1) {
    margin-bottom: 8px;
    margin-bottom: 16px;
}

    .kcf-section-360-01 > div:nth-child(1) .mdl-textfield__input {
        font-size: 24px;
        color: rgba(0,0,0,0.87);
        width: 100%;
    }

.kcf-section-360-01 > div:nth-child(2) > .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(2) > .mdl-textfield__label {
    width: 100%;
}

.kcf-section-360-01 > div:nth-child(3) > span:nth-child(1), .kcf-section-360-01 > div:nth-child(4) > span:nth-child(1), .kcf-section-360-01 > div:nth-child(5) > span:nth-child(1), .kcf-section-360-01 > div:nth-child(6) > span:nth-child(1) {
    float: left;
    padding: 0px;
    min-width: 60px;
    width: 60%;
}

.kcf-section-360-01 > div:nth-child(3) > span:nth-child(2), .kcf-section-360-01 > div:nth-child(4) > span:nth-child(2), .kcf-section-360-01 > div:nth-child(5) > span:nth-child(2), .kcf-section-360-01 > div:nth-child(6) > span:nth-child(2) {
    float: left;
    padding: 0px;
    padding-left: 0px;
    min-width: 10px;
    width: 40%;
}

    .kcf-section-360-01 > div:nth-child(2) > span:nth-child(1) > div > i, .kcf-section-360-01 > div:nth-child(3) > span:nth-child(2) > div > i, .kcf-section-360-01 > div:nth-child(4) > span:nth-child(2) > div > i {
        float: right;
        margin-top: -40px;
        color: rgba(0,0,0,0.4)
    }

.kcf-section-360-01 > div:nth-child(2) .mdl-textfield__input:focus {
    color: transparent;
    text-shadow: 0 0 0 gray;
    outline: none;
}

.kcf-section-360-01 > div:nth-child(3) > span:nth-child(1) .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(3) > span:nth-child(1) .mdl-textfield__label, .kcf-section-360-01 > div:nth-child(4) > span:nth-child(1) .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(4) > span:nth-child(1) .mdl-textfield__label {
    width: 85%;
}

.kcf-section-360-01 > div:nth-child(3) > span:nth-child(2) .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(3) > span:nth-child(2) .mdl-textfield__label, .kcf-section-360-01 > div:nth-child(4) > span:nth-child(2) .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(4) > span:nth-child(2) .mdl-textfield__label {
    width: 100%;
}

.kcf-section-360-01 > div:nth-child(5) > span:nth-child(1) .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(5) > span:nth-child(1) .mdl-textfield__label, .kcf-section-360-01 > div:nth-child(6) > span:nth-child(1) .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(6) > span:nth-child(1) .mdl-textfield__label {
    width: 85%;
}

.kcf-section-360-01 > div:nth-child(5) > span:nth-child(2) .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(5) > span:nth-child(2) .mdl-textfield__label, .kcf-section-360-01 > div:nth-child(6) > span:nth-child(2) .mdl-textfield__input, .kcf-section-360-01 > div:nth-child(6) > span:nth-child(2) .mdl-textfield__label {
    width: 100%;
}

.kcf-section-360-01 > div:nth-child(2) .mdl-textfield__label:after, .kcf-section-360-01 > div:nth-child(3) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-360-01 > div:nth-child(4) > span:nth-child(1) .mdl-textfield__label:after, .kcf-section-360-01 > div:nth-child(3) > span:nth-child(2) .mdl-textfield__label:after, .kcf-section-360-01 > div:nth-child(4) > span:nth-child(2) .mdl-textfield__label:after {
    height: 0px;
}

.kcf-section-360-01 > div:nth-child(8) {
    margin-top: 8px;
}

.kcf-section-360-01 > div:nth-child(10) {
    padding-top: 8px;
}

    .kcf-section-360-01 > div:nth-child(10) > label:nth-child(3) {
        width: 0px;
    }

.kcf-panel[id='001-380'] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
}

    .kcf-panel[id='001-380'] .mdl-list__item {
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 16px;
        padding-right: 16px;
        min-height: 56px;
    }

        .kcf-panel[id='001-380'] .mdl-list__item:hover {
            background: rgba(236, 239, 241,0.37);
            cursor: pointer;
        }

    .kcf-panel[id='001-380'] .mdl-list__item-secondary-action > i {
        color: #000000;
        opacity: 0.37;
    }

.kcf-panel[id='001-400'] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

    .kcf-panel[id='001-400'] > section {
        padding-top: 16px;
    }

        .kcf-panel[id='001-400'] > section > div {
            border-bottom-width: 0px;
            height: 80px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .kcf-panel[id='001-400'] > section.kcf-section-040-03 > div > div .mdl-button {
            height: 72px;
            width: 33%;
        }

        .kcf-panel[id='001-400'] > section.kcf-section-040-03 > div > div > button i.material-icons {
            line-height: 40px;
            font-size: 36px;
        }

        .kcf-panel[id='001-400'] > section.kcf-section-040-03 > div:nth-child(1) > div button:nth-child(2) > span:nth-child(3) {
            top: 4px;
            right: 32px;
        }

.kcf-section-430-01 {
}

    .kcf-section-430-01 .mdl-list {
        width: 100%;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        list-style: none;
    }

    .kcf-section-430-01 .mdl-list__item-avatar {
        width: 48px;
        height: 48px;
        box-sizing: border-box;
        border-radius: 50%;
    }

    .kcf-section-430-01 .mdl-list__item-primary-content > span:nth-child(1) {
        width: 48px;
        height: 48px;
        line-height: 48px;
        border-radius: 50%;
        text-align: center;
        display: block;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=AL] {
        background-color: #ff0000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=AK] {
        background-color: #B3E5FC;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=AZ] {
        background-color: #6c7abb;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=AR] {
        background-color: #1c9722;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=CA] {
        background-color: #ffd700;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=CO] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=CT] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=DE] {
        background-color: #71a1a0;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=FL] {
        background-color: #ff7f00;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=GA] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=HI] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=ID] {
        background-color: #ff0000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=IL] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=IN] {
        background-color: #5e5eff;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=IA] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=KS] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=KY] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=LA] {
        background-color: #5e5eff;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=ME] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=MD] {
        background-color: #ff0000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=MA] {
        background-color: #5e5eff;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=MI] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=MN] {
        background-color: #be4cbe;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=MS] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=MO] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=MT] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=NE] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=NV] {
        background-color: #c0c0c0;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=NH] {
        background-color: #ffa500;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=NJ] {
        background-color: #f0dc82;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=NM] {
        background-color: #ff0000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=NY] {
        background-color: #ffd700;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=NC] {
        background-color: #ff0000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=ND] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=OH] {
        background-color: #ff0000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=OK] {
        background-color: #008000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=OR] {
        background-color: #ffd700;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=PA] {
        background-color: #5e5eff;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=RI] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=SC] {
        background-color: #669ec1;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=SD] {
        background-color: #ffd700;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=TN] {
        background-color: #ff7f00;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=TX] {
        background-color: #5e5eff;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=UT] {
        background-color: #ffff00;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=VT] {
        background-color: #008000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=VA] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=VA] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=WA] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=WV] {
        background-color: #cfb53b;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=WI] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=WY] {
        background-color: #a52a2a;
    }

    .kcf-section-430-01 .mdl-list__item-primary-content > span:nth-child(2) {
        padding-left: 24px;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=None] {
        background-color: #ff0000;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=Dr] {
        background-color: #B3E5FC;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=Miss] {
        background-color: #6c7abb;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=Mr] {
        background-color: #1c9722;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=Mrs] {
        background-color: #ffd700;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=Ms] {
        background-color: #55e1ea;
    }

    .kcf-section-430-01 .kcf-default-avatar[id=Prof] {
        background-color: #71a1a0;
    }

.kcf-section-450-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 120px);
    height: -moz-calc(100% - 120px);
    height: -webkit-calc(100% - 120px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
}

    .kcf-section-450-03 .mdl-list .mdl-card {
        margin: 16px;
        width: calc(100% - 32px);
        min-height: initial;
        min-height: auto;
        position: relative;
        background-color: rgba(2,136,209,0.05);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.4), 0 1px 5px 0 rgba(0, 0, 0, 0.4);
    }

        .kcf-section-450-03 .mdl-list .mdl-card[data-style*='Blue'] {
            background-color: rgba(2,136,209,0.05);
        }

            .kcf-section-450-03 .mdl-list .mdl-card[data-style*='Blue'] .mdl-card__title {
                background-color: rgba(2,136,209, 0.3);
            }

        .kcf-section-450-03 .mdl-list .mdl-card[data-style*='Green'] {
            background-color: rgba(149,234,91, 0.1);
        }

            .kcf-section-450-03 .mdl-list .mdl-card[data-style*='Green'] .mdl-card__title {
                background-color: rgba(149,234,91, 0.3);
            }

        .kcf-section-450-03 .mdl-list .mdl-card[data-style*='Grey'] {
            background-color: rgba(169,139,139, 0.1);
        }

            .kcf-section-450-03 .mdl-list .mdl-card[data-style*='Grey'] .mdl-card__title {
                background-color: rgba(169,139,139, 0.3);
            }

        .kcf-section-450-03 .mdl-list .mdl-card[data-style*='White'] {
            background-color: rgba(251,251,251, 1.0);
        }

            .kcf-section-450-03 .mdl-list .mdl-card[data-style*='White'] .mdl-card__title {
                background-color: rgba(251,251,251, 1.0);
                border-bottom-style: solid;
                border-bottom-width: 1.5px;
                border-bottom-color: rgba(0,0,0,0.2);
            }

            .kcf-section-450-03 .mdl-list .mdl-card[data-style*='White'] .buscard-right {
            }

.kcf-section-450-03 > .mdl-list > ul {
    margin-top: 0px !important;
}

.kcf-section-450-03 .mdl-list table {
    border-spacing: 0px;
}

.kcf-section-450-03 .mdl-list .mdl-card:hover {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4), 0 4px 3px -1px rgba(0, 0, 0, 0.6), 0 2px 6px 0 rgba(0, 0, 0, 0.6);
    cursor: default;
}

    .kcf-section-450-03 .mdl-list .mdl-card:hover > span:nth-child(2) {
    }

.kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(1) {
    height: 164px;
    width: 132px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    top: 0px;
    left: 0px;
}

    .kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(1) > img {
        height: 48px;
        width: 48px;
        position: absolute;
        top: 12px;
        left: 12px;
        border-radius: 50%;
        z-index: 1000;
    }

        .kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(1) > img[src*='blank'] {
            display: none;
        }

    .kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(1) > div:nth-child(2)[data-style='hidden'] + img {
        display: none;
    }

.kcf-section-450-03 .mdl-list .buscard-left {
    position: relative;
    bottom: 0px;
    width: 133px;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

    .kcf-section-450-03 .mdl-list .buscard-left > div:nth-child(1) {
        font-size: 16px;
        font-weight: 300;
        position: absolute;
        bottom: 54px;
        right: 8px;
        text-align: right;
        line-height: 20px;
    }

    .kcf-section-450-03 .mdl-list .buscard-left > div:nth-child(2) {
        font-size: 30px;
        font-weight: 400;
        position: absolute;
        bottom: 20px;
        right: 8px;
    }

div[id='001-650'] .kcf-section-450-03 .mdl-list .buscard-left > div:nth-child(3) {
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    top: 4px;
    right: 8px;
    opacity: 0.87;
    letter-spacing: 0.5px;
}

div[id='001-650'] .kcf-section-450-03 .mdl-list .buscard-left > div:nth-child(4) {
    font-size: 8px;
    font-weight: 400;
    position: absolute;
    top: 22px;
    right: 8px;
    opacity: 0.72;
    letter-spacing: 0.5px;
}

.kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(2) {
    margin: 0px;
    padding: 0px;
}

.kcf-section-450-03 .mdl-list .buscard-right {
    width: calc(100% - 164px);
    position: absolute;
    top: 0px;
    bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
}

    .kcf-section-450-03 .mdl-list .buscard-right > span, .kcf-section-450-03 .mdl-list .buscard-right > div {
        display: block;
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
        color: #000000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.kcf-section-450-03 .mdl-list .buscard-right {
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
    opacity: 0.74;
}

    .kcf-section-450-03 .mdl-list .buscard-right > img:nth-child(1) {
        font-size: 14px;
        font-weight: 300;
        opacity: 0.87;
        height: 28px;
        padding-top: 8px;
        padding-bottom: 0px;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > span:nth-child(2) {
        font-size: 14px;
        font-weight: 400;
        opacity: 1.0;
        line-height: 20px;
        padding-top: 12px;
        padding-bottom: 0px;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > span:nth-child(3) {
        font-size: 20px;
        font-weight: 500;
        opacity: 1.0;
        line-height: 22px;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > span:nth-child(4) {
        font-size: 12px;
        font-weight: 400;
        opacity: 0.74;
        line-height: 14px;
        padding-top: 4px;
        padding-bottom: 0px;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > span:nth-child(5) {
        font-size: 12px;
        font-weight: 500;
        opacity: 0.87;
        line-height: 16px;
        padding-top: 14px;
        padding-bottom: 0px;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > div:nth-child(6) {
        font-size: 11px;
        font-weight: 500;
        opacity: 0.74;
        line-height: 14px;
        padding-top: 6px;
        padding-bottom: 0px;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > div:nth-child(7) {
        font-size: 11px;
        font-weight: 500;
        opacity: 0.74;
        line-height: 14px;
        padding-top: 4px;
        padding-bottom: 0px;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > img:nth-child(1)[src*='blank'] {
        display: none;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > img:nth-child(1):not([src*='blank']) + span {
        display: none;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > div:nth-child(6) > span:nth-child(1)[data-style='empty'] + span {
        display: none;
    }

    .kcf-section-450-03 .mdl-list .buscard-right > div:nth-child(7) > span:nth-child(1)[data-style='empty'] + span {
        display: none;
    }

.kcf-section-450-03 .mdl-list .mdl-card > table > tbody > tr > td[data-style='empty-name']:nth-child(2) .buscard-right > span:nth-child(2) {
    font-size: 20px;
    font-weight: 500;
    padding-top: 16px;
    white-space: normal;
    line-height: 24px;
    margin-bottom: -8px;
}

div[id='001-650'] .kcf-section-450-03 .mdl-list .buscard-right > span:nth-child(1) {
    font-size: 18px;
    font-weight: 500;
    opacity: 0.87;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 0px;
    white-space: normal;
    max-height: 48px;
}

div[id='001-650'] .kcf-section-450-03 .mdl-list .buscard-right > div:nth-child(2) {
    font-size: 12px;
    font-weight: 500;
    opacity: 0.72;
    line-height: 14px;
    letter-spacing: 1.5px;
    padding-top: 6px;
    white-space: nowrap;
}

div[id='001-650'] .kcf-section-450-03 .mdl-list .buscard-right > span:nth-child(3) {
    font-size: 12px;
    font-weight: 400;
    opacity: 0.72;
    line-height: 16px;
    padding-top: 12px;
    padding-bottom: 0px;
    white-space: normal;
    max-height: 32px;
    letter-spacing: 0.5px
}

div[id='001-650'] .kcf-section-450-03 .mdl-list .buscard-right > div:nth-child(4) {
    font-size: 10px;
    font-weight: 500;
    opacity: 0.54;
    line-height: 12px;
    letter-spacing: 0.3px;
    position: absolute;
    top: 140px;
    white-space: nowrap;
}

section[id='001-040-10-004-01'].kcf-section-450-03 .mdl-list .buscard-right > span:nth-child(2) {
    width: calc(100% - 24px);
}

.kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) {
    display: block;
    text-align: right;
    padding: 4px;
    padding-right: 8px;
    background-color: rgba(0,0,0,0.05);
}

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > a {
        padding: 0 8px;
        height: 32px;
        line-height: 32px;
        min-width: 64px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(1) {
        text-align: left;
        position: absolute;
        left: 8px;
        padding-top: 2px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) {
        text-align: right;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(1) > button[data-eid='450-03-100'] {
        padding: 0 8px;
        opacity: 0.54;
        margin-right: 12px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > button[data-eid='450-03-050'] {
        padding: 0 8px;
        min-width: 64px;
    }

        .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > button[data-eid='450-03-050'] > img {
            width: 20px;
            height: 20px;
            margin-bottom: 4px;
            margin-right: 2px;
            text-indent: -999px;
        }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='450-03-020'] {
        min-width: 34px;
        padding: 0 6px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='450-03-080'] {
        min-width: 36px;
        padding: 0 8px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='450-03-030'] {
        min-width: 64px;
        padding: 0 6px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(1) > span:nth-child(1) > button[data-eid='650-03-050'] {
        padding: 0 8px;
        opacity: 0.54;
        margin-right: 12px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(1) > span:nth-child(2) > button[data-eid='650-03-110'] {
        padding: 0 8px;
        opacity: 0.54;
        margin-right: 12px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(1) > span:nth-child(3) > button[data-eid='650-03-180'] {
        padding: 0 8px;
        opacity: 0.54;
        margin-right: 12px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(1) > span:nth-child(4) > button[data-eid='650-03-120'] {
        padding: 0 8px;
        opacity: 0.54;
        margin-right: 12px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='650-03-120'] {
        min-width: 34px;
        padding: 0 6px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='650-03-130'] {
        min-width: 42px;
        padding: 0 6px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='650-03-140'] {
        min-width: 64px;
        padding: 0 6px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='650-03-150'] {
        min-width: 34px;
        padding: 0 6px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='650-03-160'] {
        min-width: 54px;
        padding: 0 6px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='650-03-170'] {
        min-width: 34px;
        padding: 0 6px;
    }

    .kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(3) > span:nth-child(2) > a[data-eid='650-03-190'] {
        min-width: 34px;
        padding: 0 6px;
    }

.kcf-section-450-03 .mdl-list .mdl-card > a:nth-child(3) {
    position: absolute;
    bottom: 62px;
    right: 8px;
    color: rgba(0,0,0,0.38);
}

.kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(2) {
    position: absolute;
    top: 128px;
    right: 8px;
    opacity: 0.72 !important;
}

.kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(2) > div:nth-child(1) > div:nth-child(1) > img.custom-title:not([data-style*='blank']) {
    width: auto;
    height: 36px;
}

    .kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(2) > div:nth-child(1) > div:nth-child(1) > img.custom-title:not([data-style*='blank']) + span.default-title {
        padding-left: 8px;
    }

        .kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(2) > div:nth-child(1) > div:nth-child(1) > img.custom-title:not([data-style*='blank']) + span.default-title > img {
        }

.kcf-section-450-03 .mdl-list table > tbody > tr > td:nth-child(2) > div:nth-child(1) > div:nth-child(1) > span.default-title > span:nth-child(2) {
    padding-left: 12px;
}

section[id='001-040-10-004-01'].kcf-section-450-03 .mdl-list {
    position: static !important;
    overflow-y: auto;
}

    section[id='001-040-10-004-01'].kcf-section-450-03 .mdl-list .mdl-card {
        background-color: rgb(255, 255, 255) !important;
        width: 354px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4), 0 4px 3px -1px rgba(0, 0, 0, 0.6), 0 2px 6px 0 rgba(0, 0, 0, 0.6);
        cursor: default;
    }

        section[id='001-040-10-004-01'].kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(2) {
            border-radius: 0%;
        }

        section[id='001-040-10-004-01'].kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(4) {
            position: absolute;
            top: 8px;
            right: 8px;
            height: 28px;
            min-width: 28px;
            width: 28px;
        }

            section[id='001-040-10-004-01'].kcf-section-450-03 .mdl-list .mdl-card > span:nth-child(4) > i {
                font-size: 20px;
            }

.kcf-panel[id='001-510'] > section.kcf-section-020-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 176px);
    height: -moz-calc(100% - 176px);
    height: -webkit-calc(100% - 176px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
}

.kcf-panel[id='001-510'] > section.kcf-section-020-03 .kcf-list-short {
    height: calc(100% - 156px);
    height: -moz-calc(100% - 156px);
    height: -webkit-calc(100% - 156px);
}

.kcf-panel[id='001-510'] > .kcf-section-080-03 > div:nth-child(1) > span:nth-child(2) {
    position: absolute;
    color: rgba(0,0,0,0.38);
    top: 4px;
    right: 16px;
    padding-top: 0px;
    padding-right: 0px;
}

.kcf-panel[id='001-510'] > .kcf-section-080-03 > div:nth-child(1) {
    max-height: 64px;
    min-height: 40px;
    line-height: 28px;
    white-space: normal;
    overflow: hidden;
    padding-top: 8px;
}

.kcf-section-500-03 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}

    .kcf-section-500-03 > div:nth-child(1), .kcf-section-500-03 > div:nth-child(3) {
        background: url(../images/blank.gif) no-repeat;
        width: 100%;
        background-size: 100% 100%;
        flex: 1;
    }

    .kcf-section-500-03 > div:nth-child(4) {
        min-height: 48px;
        max-height: 48px;
    }

.kcf-section-500-02 {
    position: absolute;
    top: 0;
    left: 0;
    align-items: stretch;
    background-color: #000000;
    z-index: 1000;
    height: 100%;
    width: 100%;
    opacity: 0.54;
}

.kcf-section-500-03 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 20%;
    margin-right: 20%;
}

    .kcf-section-500-03 > div > span.mdl-card {
        width: 60%;
        z-index: 2000;
    }

        .kcf-section-500-03 > div > span.mdl-card > div[name=budget] {
            color: #fff;
            background: url('../images/ProjectTracker/Engineering/Financial_Image1.jpg') bottom right 15% no-repeat rgba(0, 0, 0, 0.3);
        }

        .kcf-section-500-03 > div > span.mdl-card > div:nth-child(2) {
            padding-bottom: 12px;
        }

            .kcf-section-500-03 > div > span.mdl-card > div:nth-child(2) h2 {
                line-height: 0px;
            }

.kcf-panel[id='001-580'] {
    height: calc(100% - 24px);
    position: relative;
}

    .kcf-panel[id='001-580'] .kcf-section-040-08 > div {
        padding-top: 8px;
        height: 44px;
    }

        .kcf-panel[id='001-580'] .kcf-section-040-08 > div > button {
            background-color: rgba(255,64,129,0.87);
            color: rgb(255, 255, 255);
            right: 24px;
            padding-right: 16px;
        }

    .kcf-panel[id='001-580'] > section.kcf-section-020-03 .mdl-list {
        display: block;
        width: 100%;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        position: absolute;
        overflow-y: auto;
    }

.kcf-panel[id='001-600'] > section.kcf-section-020-03 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 120px);
    height: -moz-calc(100% - 120px);
    height: -webkit-calc(100% - 120px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
}

.kcf-panel[id='001-600'] .mdl-list__item-secondary-content > span:nth-child(3) {
    display: block;
    width: 22px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    font-size: 8px;
    font-weight: 600;
    background-color: rgba(255,89,145, 1);
    position: relative;
    border-radius: 20%;
    top: -1px;
    right: 66px;
    text-align: center;
}

.kcf-section-710-02 {
    margin-top: 16px;
}

    .kcf-section-710-02 > div:nth-child(1) {
        padding-top: 8px;
    }

        .kcf-section-710-02 > div:nth-child(1) > label:nth-child(3) {
            width: 0px;
        }

    .kcf-section-710-02 > div:nth-child(3) {
        color: rgba(0,0,0,0.54);
        padding-top: 8px;
    }

.kcf-section-720-01 {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.kcf-panel[id='001-720'] .kcf-section-080-03 {
}

.kcf-section-720-01 .mdl-list {
    display: block;
    width: 100%;
    height: calc(100% - 120px);
    height: -moz-calc(100% - 120px);
    height: -webkit-calc(100% - 120px);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
}

.kcf-section-720-01 > .mdl-list > ul {
    width: 100%;
    padding: 8px;
    margin: 0px;
    margin-top: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

    .kcf-section-720-01 > .mdl-list > ul > li {
        width: 100%;
        padding: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.kcf-section-720-01 > div > ul > li > span {
    position: relative;
    float: left;
    width: calc(50% - 24px);
    margin: 8px;
}

    .kcf-section-720-01 > div > ul > li > span > div {
        width: 100%;
        background: rgba(2, 136, 209, 0.64);
        background: #fff;
        min-height: 172px;
    }

.kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div {
    min-height: 148px;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) {
    height: calc(100% - 144px);
}

    .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1).shortheight {
        height: calc(100% - 144px);
    }

    .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 64px;
        color: #fff;
        z-index: 1000;
    }

.kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) {
    height: 52px;
}

.kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) {
    height: 52px;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(1)[data-display='true'], .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(4)[data-display='true'] {
    display: block;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(1)[data-display='false'], .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(4)[data-display='false'] {
    display: none;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(1), .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(4) {
    position: absolute;
    top: 2px;
    right: 8px;
    font-size: 12px;
    font-weight: 300;
    color: rgba(255,255,255,0.87);
}

    .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a.mdl-button, .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(4) > a.mdl-button {
        color: rgba(255, 255, 255, 1);
        font-size: 11px;
        font-weight: 400;
        top: 6px;
        right: 0px;
        width: 24px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        padding: 0 0 0 0px;
        text-align: center;
        background-color: rgba(255,64,129,0.82);
        display: none;
    }

    .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(4) > a.mdl-button {
        display: block !important;
    }

        .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a.mdl-button > i, .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(4) > a.mdl-button > i {
            font-size: 22px;
        }

        .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a.mdl-button:hover, .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(4) > a.mdl-button:hover {
            background-color: rgba(255,64,129,1.0);
        }

.kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(1), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(1), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(4) {
    top: 0px !important;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    position: absolute;
    top: 32px;
    left: 8px;
    font-size: 20px;
    font-weight: 300;
    color: rgba(255,255,255,1.0);
}

.kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(2), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    top: 22px !important;
    left: 12px !important;
    width: calc(100% - 24px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
    position: absolute;
    top: 2px;
    left: 8px;
    font-size: 12px;
    font-weight: 300;
    color: rgba(255,255,255,0.87);
}

.kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(3), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(1) > div:nth-child(3) {
    top: 0px !important;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(2) {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0px;
    z-index: 500 !important;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(2), .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(3) {
    width: 100%;
    height: 64px;
    z-index: -2;
    font-size: 18px;
    font-weight: 400;
}

.kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(2), .kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(3) {
    height: 52px;
}

.kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(2), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(1) > div:nth-child(3) {
    height: 52px;
}

.kcf-section-720-01 > div > ul > li > span > div > section:nth-child(2) {
    position: relative;
    height: 136px;
}

.kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(2) {
    position: relative;
    height: 92px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

    .kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(2) > div:nth-child(1) {
        font-size: 12px;
        font-weight: 300;
        line-height: 18px;
        color: #000000;
        opacity: 0.74;
        letter-spacing: 0.25px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 4px;
        padding-top: 4px;
        max-height: 54px;
        white-space: normal;
    }

.kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(2) > div:nth-child(1), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(2) > div:nth-child(1) {
    overflow: hidden;
    height: 100%;
    text-overflow: ellipsis;
}

.kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) {
    position: relative;
    height: 92px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

    .kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) > div:nth-child(1), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) > div:nth-child(1) {
        font-size: 12px;
        font-weight: 300;
        line-height: 18px;
        color: #000000;
        opacity: 0.74;
        letter-spacing: 0.25px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 4px;
        max-height: 72px;
        white-space: normal;
    }

    .kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) > span:nth-child(2), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) > span:nth-child(2), .kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div > span:nth-child(3) {
        position: absolute;
        top: 126px;
        right: 8px;
        width: 28px;
        min-width: 28px;
        height: 28px;
    }

    .kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) > span:nth-child(2), .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) > span:nth-child(2) {
        top: 84px;
    }

        .kcf-panel[id='001-040'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) > span:nth-child(2) > i, .kcf-panel[id='001-720'] .kcf-section-720-01 > div > ul > li > span > div > section:nth-child(3) > span:nth-child(2) > i, .kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div > span:nth-child(3) > i {
            opacity: 0.54;
            width: 26px;
        }

.kcf-panel[id='001-720'] .kcf-section-720-01 div.mdl-list[data-kpi-menu='false'] button[data-eid='720-01-040'] {
    display: none;
}

.kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div > span:nth-child(4) {
    display: block;
    min-height: 72px;
    text-align: right;
    padding: 4px;
    padding-right: 12px;
    background-color: rgba(0,0,0,0.05);
}

    .kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div > span:nth-child(4) > div:nth-child(1) .mdl-list__item {
        display: block;
        height: 28px;
        text-align: left;
        padding: 4px;
        padding-left: 8px;
        padding-right: 8px;
        background-color: rgba(0,0,0,0.05);
    }

    .kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div > span:nth-child(4) > div:nth-child(1) .mdl-list__item-primary-content {
        font-size: 14px;
        font-weight: 400;
    }

    .kcf-panel[id='001-730'] .kcf-section-720-01 > div > ul > li > span > div > span:nth-child(4) > div:nth-child(1) .mdl-list__item-secondary-action {
    }

.kcf-panel[id='001-730'] .kcf-section-720-01 .mdl-list .mdl-card:hover {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4), 0 4px 3px -1px rgba(0, 0, 0, 0.6), 0 2px 6px 0 rgba(0, 0, 0, 0.6);
    cursor: default;
}

    .kcf-panel[id='001-730'] .kcf-section-720-01 .mdl-list .mdl-card:hover > span:nth-child(3) {
        background-color: rgba(0,0,0,0.1);
    }

.kcf-panel[id='001-720'] .kcf-section-720-01 .mdl-list .mdl-card .list32-clock {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 12px;
    color: #ffff00;
}

.kcf-panel[id='001-860'] {
    background-color: #fff;
}

    .kcf-panel[id='001-860'] .kcf-section-080-03 {
        height: 42px !important;
    }

        .kcf-panel[id='001-860'] .kcf-section-080-03 > div {
            line-height: 42px !important;
        }

    .kcf-panel[id='001-860'] .kcf-section-020-10 > div {
        position: relative !important;
        background-color: rgba(0, 0, 0, 0.07);
    }

    .kcf-panel[id='001-860'] .kcf-section-450-03 {
        height: 100%;
    }

        .kcf-panel[id='001-860'] .kcf-section-450-03 > div.mdl-list {
            position: relative;
            height: calc(100% - 40px);
        }

div[id='001-860-001'] section {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    width: calc(100% - 48px);
}

    div[id='001-860-001'] section > div > div {
        text-align: center;
    }

        div[id='001-860-001'] section > div > div > button {
            opacity: 0.80;
        }

        div[id='001-860-001'] section > div > div > span {
            padding-left: 24px;
            padding-right: 24px;
        }

div[id='001-860-001'] button:nth-child(4) {
    right: 54px;
}

.kcf-message-bottom[data-sid='001-860'] div.mdl-list__item {
}

.kcf-message-bottom[data-sid='001-860']:hover div.mdl-list__item {
}

.kcf-panel[id='001-890'] {
    background-color: #fff;
}

    .kcf-panel[id='001-890'] .kcf-section-080-03 {
        height: 42px !important;
    }

        .kcf-panel[id='001-890'] .kcf-section-080-03 > div {
            line-height: 42px !important;
        }

    .kcf-panel[id='001-890'] .kcf-section-020-10 > div {
        position: relative !important;
        background-color: rgba(0, 0, 0, 0.12);
    }

    .kcf-panel[id='001-890'] .kcf-section-450-03 {
        height: 100%;
    }

        .kcf-panel[id='001-890'] .kcf-section-450-03 > div.mdl-list {
            position: relative;
            height: calc(100% - 40px);
        }

div[id='001-890-001'] section {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    width: calc(100% - 48px);
}

    div[id='001-890-001'] section > div > div {
        text-align: center;
    }

        div[id='001-890-001'] section > div > div > button {
            opacity: 0.80;
        }

        div[id='001-890-001'] section > div > div > span {
            padding-left: 16px;
            padding-right: 16px;
        }

            div[id='001-890-001'] section > div > div > span > span {
                padding: 2px;
            }

div[id='001-890-001'] button:nth-child(4) {
    right: 54px;
}

.kcf-section-890-03 {
    margin: 0px;
    padding: 0px;
}

    .kcf-section-890-03 .mdl-list {
        display: block;
        width: 100%;
        height: calc(100% - 54px);
        height: -moz-calc(100% - 54px);
        height: -webkit-calc(100% - 54px);
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        position: absolute;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .kcf-section-890-03 > .mdl-list > ul {
        width: 100%;
        padding: 0px;
        margin: 0px;
        margin-top: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        list-style: none;
    }

        .kcf-section-890-03 > .mdl-list > ul > li {
            width: 100%;
            padding: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .kcf-section-890-03 .template-01, .kcf-section-890-03 .template-02 {
        color: #000000;
        font-family: "Roboto", "Helvetica", "Arial",sans-serif;
        font-weight: 300;
    }

        .kcf-section-890-03 .template-01 .section__content, .kcf-section-890-03 .template-02 .section__content {
        }

        .kcf-section-890-03 .template-01 .section__image, .kcf-section-890-03 .template-02 .section__image {
            width: 40%;
            margin-top: 0px;
        }

            .kcf-section-890-03 .template-01 .section__image > picture, .kcf-section-890-03 .template-02 .section__image > picture {
                position: relative;
            }

                .kcf-section-890-03 .template-01 .section__image > picture > div:nth-child(1)[data-style='No'] + div, .kcf-section-890-03 .template-02 .section__image > picture > div:nth-child(1)[data-style='No'] + div {
                    display: none !important;
                }

                .kcf-section-890-03 .template-01 .section__image > picture > div:nth-child(2), .kcf-section-890-03 .template-02 .section__image > picture > div:nth-child(2) {
                    position: absolute;
                    background-position: center !important;
                    display: inline-block !important;
                }

                .kcf-section-890-03 .template-01 .section__image > picture > div:nth-child(3), .kcf-section-890-03 .template-02 .section__image > picture > div:nth-child(3) {
                    background-position: center !important;
                    display: inline-block !important;
                }

        .kcf-section-890-03 .template-01 header > div:nth-child(1), .kcf-section-890-03 .template-02 header > div:nth-child(1) {
            max-height: 360px;
            line-height: normal;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 12;
        }

            .kcf-section-890-03 .template-01 header > div:nth-child(1) > div:nth-child(1), .kcf-section-890-03 .template-02 header > div:nth-child(1) > div:nth-child(1) {
                font-size: 22px;
                font-size: 1.4rem;
                font-weight: 300;
                line-height: 2.0rem;
                letter-spacing: normal;
                opacity: 0.87;
                margin-top: 28px;
            }

            .kcf-section-890-03 .template-01 header > div:nth-child(1) > div:nth-child(2), .kcf-section-890-03 .template-02 header > div:nth-child(1) > div:nth-child(2) {
                font-size: 34px;
                font-size: 2.2rem;
                line-height: 2.6rem;
                font-weight: 300;
                letter-spacing: normal;
                padding-top: 8px;
                opacity: 0.87;
            }

            .kcf-section-890-03 .template-01 header > div:nth-child(1) > div:nth-child(3), .kcf-section-890-03 .template-02 header > div:nth-child(1) > div:nth-child(3) {
                font-size: 18px;
                font-size: 1.2rem;
                font-weight: 300;
                line-height: 1.4rem;
                letter-spacing: normal;
                margin-top: 8px;
                position: relative;
                width: 100%;
                opacity: 0.87;
            }

                .kcf-section-890-03 .template-01 header > div:nth-child(1) > div:nth-child(3) > span:nth-child(1), .kcf-section-890-03 .template-02 header > div:nth-child(1) > div:nth-child(3) > span:nth-child(1) {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                }

                .kcf-section-890-03 .template-01 header > div:nth-child(1) > div:nth-child(3) > span:nth-child(2), .kcf-section-890-03 .template-02 header > div:nth-child(1) > div:nth-child(3) > span:nth-child(2) {
                    position: absolute;
                    right: 16px;
                    top: 0px;
                }

            .kcf-section-890-03 .template-01 header > div:nth-child(1) > p:nth-child(4), .kcf-section-890-03 .template-02 header > div:nth-child(1) > p:nth-child(4) {
                opacity: 0.72;
                font-size: 16px;
                font-size: 1rem;
                margin: 0 0 20px;
                margin: 0 0 1.25rem;
                font-weight: 300;
                line-height: 1.5rem;
                padding-top: 30px;
                max-height: calc(1.5rem * 9);
                white-space: normal;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 0px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 9;
            }

    .kcf-section-890-03 .template-01-text {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 70%;
        height: 1.5em;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
    }

    .kcf-section-890-03 .template-01 header > div:nth-child(2), .kcf-section-890-03 .template-02 header > div:nth-child(2) {
        text-align: right;
        direction: ltr;
        line-height: 36px;
        padding-right: 0px;
        width: 100%;
        padding-top: 4px;
        padding-bottom: 16px;
        position: relative;
    }

        .kcf-section-890-03 .template-01 header > div:nth-child(2) > div:nth-child(1), .kcf-section-890-03 .template-02 header > div:nth-child(2) > div:nth-child(1) {
            position: absolute;
            font-size: 16px;
            font-weight: 400;
            color: rgba(0,0,0,0.72);
            padding-top: 2px;
            width: calc(100% - 100px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-align: left;
        }

        .kcf-section-890-03 .template-01 header > div:nth-child(2) > button, .kcf-section-890-03 .template-02 header > div:nth-child(2) > button {
            padding-right: 4px;
            padding-left: 10px;
            opacity: 0.64;
        }

            .kcf-section-890-03 .template-01 header > div:nth-child(2) > button > i, .kcf-section-890-03 .template-02 header > div:nth-child(2) > button > i {
                margin-top: -2px;
            }

    .kcf-section-890-03 .template-01 .section__image div, .kcf-section-890-03 .template-02 .section__image div {
        width: 100%;
        height: 428px;
    }

@media only screen and (min-width: 36.0625rem) and (max-width: 47.9375rem) {
    .section__image {
        width: 30% !important;
    }

    .section__content {
        width: 60% !important;
    }
}

@media only screen and (max-width: 36rem) {
    .section__image {
        width: 100% !important;
    }

        .section__image div {
            width: 100% !important;
            height: 172px !important;
        }
}

.kcf-message-bottom[data-sid='001-400-100'] {
    bottom: 20px;
    height: auto !important;
    padding: 0px !important;
}

    .kcf-message-bottom[data-sid='001-400-100'] div.mdl-list__item {
        opacity: 0.87;
    }

    .kcf-message-bottom[data-sid='001-400-100'] div.kcf-section-140-03 {
    }

        .kcf-message-bottom[data-sid='001-400-100'] div.kcf-section-140-03 > span.mdl-card {
            text-align: left;
            height: 108px;
            min-height: 88px !important;
            box-shadow: none;
        }

            .kcf-message-bottom[data-sid='001-400-100'] div.kcf-section-140-03 > span.mdl-card > div:nth-child(2) img {
                height: 22px;
                padding-left: 2px;
                padding-right: 2px;
                padding-bottom: 4px;
            }

            .kcf-message-bottom[data-sid='001-400-100'] div.kcf-section-140-03 > span.mdl-card > div:nth-child(2) > div:nth-child(1) > p {
                margin-bottom: 0px;
            }

            .kcf-message-bottom[data-sid='001-400-100'] div.kcf-section-140-03 > span.mdl-card > div:nth-child(2) > div:nth-child(2) {
                color: rgba(0,0,0,0.87);
                text-align: center;
            }

.kcf-calendar {
    width: 100%;
}

    .kcf-calendar a {
        color: #8e352e;
        text-decoration: none;
    }

    .kcf-calendar ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .kcf-calendar li {
        display: block;
        float: left;
        width: 14.342%;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        margin-right: -1px;
        margin-bottom: -1px;
    }

    .kcf-calendar ul.weekdays {
        height: 40px;
        background: #ECEFF1;
    }

        .kcf-calendar ul.weekdays li {
            text-align: center;
            text-transform: uppercase;
            line-height: 18px;
            border: none !important;
            padding: 10px 6px;
            color: rgba(0,0,0,0.64);
            font-size: 12px;
            font-weight: 500;
        }

    .kcf-calendar .days li {
        height: 180px;
        overflow-y: hidden;
        position: relative;
    }

        .kcf-calendar .days li:hover {
        }

    .kcf-calendar .calendar-left {
        float: left;
    }

        .kcf-calendar .calendar-left > span:nth-child(2) {
            font-size: 12px;
            color: rgba(0,0,0,0.64);
        }

    .kcf-calendar .calendar-right {
        float: right;
        width: calc(100% - 72px);
    }

    .kcf-calendar .calendar-actions {
        position: absolute;
        bottom: 2px;
        right: 2px;
    }

        .kcf-calendar .calendar-actions > button {
            opacity: 0.54;
            font-size: 11px;
            height: 24px;
            min-width: 48px;
            padding: 0 4px;
            line-height: 24px;
        }

            .kcf-calendar .calendar-actions > button:hover {
                cursor: pointer;
            }

    .kcf-calendar .date {
        text-align: center;
        margin-bottom: 5px;
        padding: 4px;
        background: rgb(255,64,129);
        color: #fff;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        float: right;
        display: block;
    }

    .kcf-calendar .event {
        clear: both;
        display: block;
        font-size: 11px;
        border-radius: 4px;
        padding: 4px;
        margin-top: 0px;
        margin-bottom: 8px;
        line-height: 14px;
        background: #e4f2f2;
        border: 1px solid #b5dbdc;
        color: #009aaf;
        text-decoration: none;
        cursor: default;
    }

        .kcf-calendar .event:hover {
            cursor: pointer;
            border: 1px solid #69BCBD;
        }

    .kcf-calendar .event-desc {
        color: rgba(0,0,0,0.72);
        margin: 0px 0 2px 0;
        text-decoration: none;
        overflow: hidden;
        white-space: nowrap;
    }

    .kcf-calendar .event-city {
        font-size: 10px;
        margin: 0px 0 0px 0;
        text-decoration: none;
    }

    .kcf-calendar .other-month {
        background: #f5f5f5;
        color: #666;
    }

@media (max-width: 768px) {
    .kcf-calendar .weekdays, .kcf-calendar .other-month {
        display: none;
    }

    .kcf-calendar li {
        height: auto !important;
        border: 1px solid #ededed;
        width: 100%;
        padding: 10px;
        margin-bottom: -1px;
    }

    .kcf-calendar .date {
        float: none;
    }
}

.kcf-footer {
    padding: 8px 8px;
    min-height: 56px;
    z-index: 4000;
}

    .kcf-footer > div {
        width: 100%;
        padding-left: 2%;
    }

        .kcf-footer > div button {
            height: 56px;
            width: 32%;
            color: #fff;
            font-size: 24px;
        }

            .kcf-footer > div button > i {
                font-size: 36px;
            }

            .kcf-footer > div button > span {
                opacity: 0.54;
                display: block;
                color: white;
            }

.grid {
    list-style: none;
    margin: 0;
    padding: 0;
}

.grid__item {
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
}

.grid--rev {
    direction: rtl;
    text-align: left;
}

    .grid--rev > .grid__item {
        direction: ltr;
        text-align: left;
    }

.grid--full {
    margin-left: 0;
}

    .grid--full > .grid__item {
        padding-left: 0;
    }

.grid--right {
    text-align: right;
}

    .grid--right > .grid__item {
        text-align: left;
    }

.grid--center {
    text-align: center;
}

    .grid--center > .grid__item {
        text-align: left;
    }

.grid--middle > .grid__item {
    vertical-align: middle;
}

.grid--bottom > .grid__item {
    vertical-align: bottom;
}

.grid--narrow {
    margin-left: -10px;
}

    .grid--narrow > .grid__item {
        padding-left: 10px;
    }

.grid--wide {
    margin-left: -40px;
}

    .grid--wide > .grid__item {
        padding-left: 40px;
    }

.one-whole {
    width: 100%;
}

.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
    width: 50%;
}

.one-third, .two-sixths, .four-twelfths {
    width: 33.333%;
}

.two-thirds, .four-sixths, .eight-twelfths {
    width: 66.666%;
}

.one-quarter, .two-eighths, .three-twelfths {
    width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths {
    width: 75%;
}

.one-fifth, .two-tenths {
    width: 20%;
}

.two-fifths, .four-tenths {
    width: 40%;
}

.three-fifths, .six-tenths {
    width: 60%;
}

.four-fifths, .eight-tenths {
    width: 80%;
}

.one-sixth, .two-twelfths {
    width: 16.666%;
}

.five-sixths, .ten-twelfths {
    width: 83.333%;
}

.one-eighth {
    width: 12.5%;
}

.three-eighths {
    width: 37.5%;
}

.five-eighths {
    width: 62.5%;
}

.seven-eighths {
    width: 87.5%;
}

.one-tenth {
    width: 10%;
}

.three-tenths {
    width: 30%;
}

.seven-tenths {
    width: 70%;
}

.nine-tenths {
    width: 90%;
}

.one-twelfth {
    width: 8.333%;
}

.five-twelfths {
    width: 41.666%;
}

.seven-twelfths {
    width: 58.333%;
}

.eleven-twelfths {
    width: 91.666%;
}

@media only screen and (max-width: 480px) {
    .palm--one-whole {
        width: 100%;
    }

    .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
        width: 50%;
    }

    .palm--one-third, .palm--two-sixths, .palm--four-twelfths {
        width: 33.333%;
    }

    .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
        width: 66.666%;
    }

    .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
        width: 25%;
    }

    .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
        width: 75%;
    }

    .palm--one-fifth, .palm--two-tenths {
        width: 20%;
    }

    .palm--two-fifths, .palm--four-tenths {
        width: 40%;
    }

    .palm--three-fifths, .palm--six-tenths {
        width: 60%;
    }

    .palm--four-fifths, .palm--eight-tenths {
        width: 80%;
    }

    .palm--one-sixth, .palm--two-twelfths {
        width: 16.666%;
    }

    .palm--five-sixths, .palm--ten-twelfths {
        width: 83.333%;
    }

    .palm--one-eighth {
        width: 12.5%;
    }

    .palm--three-eighths {
        width: 37.5%;
    }

    .palm--five-eighths {
        width: 62.5%;
    }

    .palm--seven-eighths {
        width: 87.5%;
    }

    .palm--one-tenth {
        width: 10%;
    }

    .palm--three-tenths {
        width: 30%;
    }

    .palm--seven-tenths {
        width: 70%;
    }

    .palm--nine-tenths {
        width: 90%;
    }

    .palm--one-twelfth {
        width: 8.333%;
    }

    .palm--five-twelfths {
        width: 41.666%;
    }

    .palm--seven-twelfths {
        width: 58.333%;
    }

    .palm--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .lap--one-whole {
        width: 100%;
    }

    .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
        width: 50%;
    }

    .lap--one-third, .lap--two-sixths, .lap--four-twelfths {
        width: 33.333%;
    }

    .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
        width: 66.666%;
    }

    .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
        width: 25%;
    }

    .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
        width: 75%;
    }

    .lap--one-fifth, .lap--two-tenths {
        width: 20%;
    }

    .lap--two-fifths, .lap--four-tenths {
        width: 40%;
    }

    .lap--three-fifths, .lap--six-tenths {
        width: 60%;
    }

    .lap--four-fifths, .lap--eight-tenths {
        width: 80%;
    }

    .lap--one-sixth, .lap--two-twelfths {
        width: 16.666%;
    }

    .lap--five-sixths, .lap--ten-twelfths {
        width: 83.333%;
    }

    .lap--one-eighth {
        width: 12.5%;
    }

    .lap--three-eighths {
        width: 37.5%;
    }

    .lap--five-eighths {
        width: 62.5%;
    }

    .lap--seven-eighths {
        width: 87.5%;
    }

    .lap--one-tenth {
        width: 10%;
    }

    .lap--three-tenths {
        width: 30%;
    }

    .lap--seven-tenths {
        width: 70%;
    }

    .lap--nine-tenths {
        width: 90%;
    }

    .lap--one-twelfth {
        width: 8.333%;
    }

    .lap--five-twelfths {
        width: 41.666%;
    }

    .lap--seven-twelfths {
        width: 58.333%;
    }

    .lap--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (max-width: 1023px) {
    .portable--one-whole {
        width: 100%;
    }

    .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
        width: 50%;
    }

    .portable--one-third, .portable--two-sixths, .portable--four-twelfths {
        width: 33.333%;
    }

    .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
        width: 66.666%;
    }

    .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
        width: 25%;
    }

    .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
        width: 75%;
    }

    .portable--one-fifth, .portable--two-tenths {
        width: 20%;
    }

    .portable--two-fifths, .portable--four-tenths {
        width: 40%;
    }

    .portable--three-fifths, .portable--six-tenths {
        width: 60%;
    }

    .portable--four-fifths, .portable--eight-tenths {
        width: 80%;
    }

    .portable--one-sixth, .portable--two-twelfths {
        width: 16.666%;
    }

    .portable--five-sixths, .portable--ten-twelfths {
        width: 83.333%;
    }

    .portable--one-eighth {
        width: 12.5%;
    }

    .portable--three-eighths {
        width: 37.5%;
    }

    .portable--five-eighths {
        width: 62.5%;
    }

    .portable--seven-eighths {
        width: 87.5%;
    }

    .portable--one-tenth {
        width: 10%;
    }

    .portable--three-tenths {
        width: 30%;
    }

    .portable--seven-tenths {
        width: 70%;
    }

    .portable--nine-tenths {
        width: 90%;
    }

    .portable--one-twelfth {
        width: 8.333%;
    }

    .portable--five-twelfths {
        width: 41.666%;
    }

    .portable--seven-twelfths {
        width: 58.333%;
    }

    .portable--eleven-twelfths {
        width: 91.666%;
    }
}

@media only screen and (min-width: 1024px) {
    .desk--one-whole {
        width: 100%;
    }

    .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
        width: 50%;
    }

    .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
        width: 33.333%;
    }

    .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
        width: 66.666%;
    }

    .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
        width: 25%;
    }

    .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
        width: 75%;
    }

    .desk--one-fifth, .desk--two-tenths {
        width: 20%;
    }

    .desk--two-fifths, .desk--four-tenths {
        width: 40%;
    }

    .desk--three-fifths, .desk--six-tenths {
        width: 60%;
    }

    .desk--four-fifths, .desk--eight-tenths {
        width: 80%;
    }

    .desk--one-sixth, .desk--two-twelfths {
        width: 16.666%;
    }

    .desk--five-sixths, .desk--ten-twelfths {
        width: 83.333%;
    }

    .desk--one-eighth {
        width: 12.5%;
    }

    .desk--three-eighths {
        width: 37.5%;
    }

    .desk--five-eighths {
        width: 62.5%;
    }

    .desk--seven-eighths {
        width: 87.5%;
    }

    .desk--one-tenth {
        width: 10%;
    }

    .desk--three-tenths {
        width: 30%;
    }

    .desk--seven-tenths {
        width: 70%;
    }

    .desk--nine-tenths {
        width: 90%;
    }

    .desk--one-twelfth {
        width: 8.333%;
    }

    .desk--five-twelfths {
        width: 41.666%;
    }

    .desk--seven-twelfths {
        width: 58.333%;
    }

    .desk--eleven-twelfths {
        width: 91.666%;
    }
}

[class*="push--"] {
    position: relative;
}

.push--one-whole {
    left: 100%;
}

.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
    left: 50%;
}

.push--one-third, .push--two-sixths, .push--four-twelfths {
    left: 33.333%;
}

.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
    left: 66.666%;
}

.push--one-quarter, .push--two-eighths, .push--three-twelfths {
    left: 25%;
}

.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
    left: 75%;
}

.push--one-fifth, .push--two-tenths {
    left: 20%;
}

.push--two-fifths, .push--four-tenths {
    left: 40%;
}

.push--three-fifths, .push--six-tenths {
    left: 60%;
}

.push--four-fifths, .push--eight-tenths {
    left: 80%;
}

.push--one-sixth, .push--two-twelfths {
    left: 16.666%;
}

.push--five-sixths, .push--ten-twelfths {
    left: 83.333%;
}

.push--one-eighth {
    left: 12.5%;
}

.push--three-eighths {
    left: 37.5%;
}

.push--five-eighths {
    left: 62.5%;
}

.push--seven-eighths {
    left: 87.5%;
}

.push--one-tenth {
    left: 10%;
}

.push--three-tenths {
    left: 30%;
}

.push--seven-tenths {
    left: 70%;
}

.push--nine-tenths {
    left: 90%;
}

.push--one-twelfth {
    left: 8.333%;
}

.push--five-twelfths {
    left: 41.666%;
}

.push--seven-twelfths {
    left: 58.333%;
}

.push--eleven-twelfths {
    left: 91.666%;
}

@media only screen and (max-width: 480px) {
    .push--palm--one-whole {
        left: 100%;
    }

    .push--palm--one-half, .push--palm--two-quarters, .push--palm--three-sixths, .push--palm--four-eighths, .push--palm--five-tenths, .push--palm--six-twelfths {
        left: 50%;
    }

    .push--palm--one-third, .push--palm--two-sixths, .push--palm--four-twelfths {
        left: 33.333%;
    }

    .push--palm--two-thirds, .push--palm--four-sixths, .push--palm--eight-twelfths {
        left: 66.666%;
    }

    .push--palm--one-quarter, .push--palm--two-eighths, .push--palm--three-twelfths {
        left: 25%;
    }

    .push--palm--three-quarters, .push--palm--six-eighths, .push--palm--nine-twelfths {
        left: 75%;
    }

    .push--palm--one-fifth, .push--palm--two-tenths {
        left: 20%;
    }

    .push--palm--two-fifths, .push--palm--four-tenths {
        left: 40%;
    }

    .push--palm--three-fifths, .push--palm--six-tenths {
        left: 60%;
    }

    .push--palm--four-fifths, .push--palm--eight-tenths {
        left: 80%;
    }

    .push--palm--one-sixth, .push--palm--two-twelfths {
        left: 16.666%;
    }

    .push--palm--five-sixths, .push--palm--ten-twelfths {
        left: 83.333%;
    }

    .push--palm--one-eighth {
        left: 12.5%;
    }

    .push--palm--three-eighths {
        left: 37.5%;
    }

    .push--palm--five-eighths {
        left: 62.5%;
    }

    .push--palm--seven-eighths {
        left: 87.5%;
    }

    .push--palm--one-tenth {
        left: 10%;
    }

    .push--palm--three-tenths {
        left: 30%;
    }

    .push--palm--seven-tenths {
        left: 70%;
    }

    .push--palm--nine-tenths {
        left: 90%;
    }

    .push--palm--one-twelfth {
        left: 8.333%;
    }

    .push--palm--five-twelfths {
        left: 41.666%;
    }

    .push--palm--seven-twelfths {
        left: 58.333%;
    }

    .push--palm--eleven-twelfths {
        left: 91.666%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .push--lap--one-whole {
        left: 100%;
    }

    .push--lap--one-half, .push--lap--two-quarters, .push--lap--three-sixths, .push--lap--four-eighths, .push--lap--five-tenths, .push--lap--six-twelfths {
        left: 50%;
    }

    .push--lap--one-third, .push--lap--two-sixths, .push--lap--four-twelfths {
        left: 33.333%;
    }

    .push--lap--two-thirds, .push--lap--four-sixths, .push--lap--eight-twelfths {
        left: 66.666%;
    }

    .push--lap--one-quarter, .push--lap--two-eighths, .push--lap--three-twelfths {
        left: 25%;
    }

    .push--lap--three-quarters, .push--lap--six-eighths, .push--lap--nine-twelfths {
        left: 75%;
    }

    .push--lap--one-fifth, .push--lap--two-tenths {
        left: 20%;
    }

    .push--lap--two-fifths, .push--lap--four-tenths {
        left: 40%;
    }

    .push--lap--three-fifths, .push--lap--six-tenths {
        left: 60%;
    }

    .push--lap--four-fifths, .push--lap--eight-tenths {
        left: 80%;
    }

    .push--lap--one-sixth, .push--lap--two-twelfths {
        left: 16.666%;
    }

    .push--lap--five-sixths, .push--lap--ten-twelfths {
        left: 83.333%;
    }

    .push--lap--one-eighth {
        left: 12.5%;
    }

    .push--lap--three-eighths {
        left: 37.5%;
    }

    .push--lap--five-eighths {
        left: 62.5%;
    }

    .push--lap--seven-eighths {
        left: 87.5%;
    }

    .push--lap--one-tenth {
        left: 10%;
    }

    .push--lap--three-tenths {
        left: 30%;
    }

    .push--lap--seven-tenths {
        left: 70%;
    }

    .push--lap--nine-tenths {
        left: 90%;
    }

    .push--lap--one-twelfth {
        left: 8.333%;
    }

    .push--lap--five-twelfths {
        left: 41.666%;
    }

    .push--lap--seven-twelfths {
        left: 58.333%;
    }

    .push--lap--eleven-twelfths {
        left: 91.666%;
    }
}

@media only screen and (max-width: 1023px) {
    .push--portable--one-whole {
        left: 100%;
    }

    .push--portable--one-half, .push--portable--two-quarters, .push--portable--three-sixths, .push--portable--four-eighths, .push--portable--five-tenths, .push--portable--six-twelfths {
        left: 50%;
    }

    .push--portable--one-third, .push--portable--two-sixths, .push--portable--four-twelfths {
        left: 33.333%;
    }

    .push--portable--two-thirds, .push--portable--four-sixths, .push--portable--eight-twelfths {
        left: 66.666%;
    }

    .push--portable--one-quarter, .push--portable--two-eighths, .push--portable--three-twelfths {
        left: 25%;
    }

    .push--portable--three-quarters, .push--portable--six-eighths, .push--portable--nine-twelfths {
        left: 75%;
    }

    .push--portable--one-fifth, .push--portable--two-tenths {
        left: 20%;
    }

    .push--portable--two-fifths, .push--portable--four-tenths {
        left: 40%;
    }

    .push--portable--three-fifths, .push--portable--six-tenths {
        left: 60%;
    }

    .push--portable--four-fifths, .push--portable--eight-tenths {
        left: 80%;
    }

    .push--portable--one-sixth, .push--portable--two-twelfths {
        left: 16.666%;
    }

    .push--portable--five-sixths, .push--portable--ten-twelfths {
        left: 83.333%;
    }

    .push--portable--one-eighth {
        left: 12.5%;
    }

    .push--portable--three-eighths {
        left: 37.5%;
    }

    .push--portable--five-eighths {
        left: 62.5%;
    }

    .push--portable--seven-eighths {
        left: 87.5%;
    }

    .push--portable--one-tenth {
        left: 10%;
    }

    .push--portable--three-tenths {
        left: 30%;
    }

    .push--portable--seven-tenths {
        left: 70%;
    }

    .push--portable--nine-tenths {
        left: 90%;
    }

    .push--portable--one-twelfth {
        left: 8.333%;
    }

    .push--portable--five-twelfths {
        left: 41.666%;
    }

    .push--portable--seven-twelfths {
        left: 58.333%;
    }

    .push--portable--eleven-twelfths {
        left: 91.666%;
    }
}

@media only screen and (min-width: 1024px) {
    .push--desk--one-whole {
        left: 100%;
    }

    .push--desk--one-half, .push--desk--two-quarters, .push--desk--three-sixths, .push--desk--four-eighths, .push--desk--five-tenths, .push--desk--six-twelfths {
        left: 50%;
    }

    .push--desk--one-third, .push--desk--two-sixths, .push--desk--four-twelfths {
        left: 33.333%;
    }

    .push--desk--two-thirds, .push--desk--four-sixths, .push--desk--eight-twelfths {
        left: 66.666%;
    }

    .push--desk--one-quarter, .push--desk--two-eighths, .push--desk--three-twelfths {
        left: 25%;
    }

    .push--desk--three-quarters, .push--desk--six-eighths, .push--desk--nine-twelfths {
        left: 75%;
    }

    .push--desk--one-fifth, .push--desk--two-tenths {
        left: 20%;
    }

    .push--desk--two-fifths, .push--desk--four-tenths {
        left: 40%;
    }

    .push--desk--three-fifths, .push--desk--six-tenths {
        left: 60%;
    }

    .push--desk--four-fifths, .push--desk--eight-tenths {
        left: 80%;
    }

    .push--desk--one-sixth, .push--desk--two-twelfths {
        left: 16.666%;
    }

    .push--desk--five-sixths, .push--desk--ten-twelfths {
        left: 83.333%;
    }

    .push--desk--one-eighth {
        left: 12.5%;
    }

    .push--desk--three-eighths {
        left: 37.5%;
    }

    .push--desk--five-eighths {
        left: 62.5%;
    }

    .push--desk--seven-eighths {
        left: 87.5%;
    }

    .push--desk--one-tenth {
        left: 10%;
    }

    .push--desk--three-tenths {
        left: 30%;
    }

    .push--desk--seven-tenths {
        left: 70%;
    }

    .push--desk--nine-tenths {
        left: 90%;
    }

    .push--desk--one-twelfth {
        left: 8.333%;
    }

    .push--desk--five-twelfths {
        left: 41.666%;
    }

    .push--desk--seven-twelfths {
        left: 58.333%;
    }

    .push--desk--eleven-twelfths {
        left: 91.666%;
    }
}

[class*="pull--"] {
    position: relative;
}

.pull--one-whole {
    right: 100%;
}

.pull--one-half, .pull--two-quarters, .pull--three-sixths, .pull--four-eighths, .pull--five-tenths, .pull--six-twelfths {
    right: 50%;
}

.pull--one-third, .pull--two-sixths, .pull--four-twelfths {
    right: 33.333%;
}

.pull--two-thirds, .pull--four-sixths, .pull--eight-twelfths {
    right: 66.666%;
}

.pull--one-quarter, .pull--two-eighths, .pull--three-twelfths {
    right: 25%;
}

.pull--three-quarters, .pull--six-eighths, .pull--nine-twelfths {
    right: 75%;
}

.pull--one-fifth, .pull--two-tenths {
    right: 20%;
}

.pull--two-fifths, .pull--four-tenths {
    right: 40%;
}

.pull--three-fifths, .pull--six-tenths {
    right: 60%;
}

.pull--four-fifths, .pull--eight-tenths {
    right: 80%;
}

.pull--one-sixth, .pull--two-twelfths {
    right: 16.666%;
}

.pull--five-sixths, .pull--ten-twelfths {
    right: 83.333%;
}

.pull--one-eighth {
    right: 12.5%;
}

.pull--three-eighths {
    right: 37.5%;
}

.pull--five-eighths {
    right: 62.5%;
}

.pull--seven-eighths {
    right: 87.5%;
}

.pull--one-tenth {
    right: 10%;
}

.pull--three-tenths {
    right: 30%;
}

.pull--seven-tenths {
    right: 70%;
}

.pull--nine-tenths {
    right: 90%;
}

.pull--one-twelfth {
    right: 8.333%;
}

.pull--five-twelfths {
    right: 41.666%;
}

.pull--seven-twelfths {
    right: 58.333%;
}

.pull--eleven-twelfths {
    right: 91.666%;
}

@media only screen and (max-width: 480px) {
    .pull--palm--one-whole {
        right: 100%;
    }

    .pull--palm--one-half, .pull--palm--two-quarters, .pull--palm--three-sixths, .pull--palm--four-eighths, .pull--palm--five-tenths, .pull--palm--six-twelfths {
        right: 50%;
    }

    .pull--palm--one-third, .pull--palm--two-sixths, .pull--palm--four-twelfths {
        right: 33.333%;
    }

    .pull--palm--two-thirds, .pull--palm--four-sixths, .pull--palm--eight-twelfths {
        right: 66.666%;
    }

    .pull--palm--one-quarter, .pull--palm--two-eighths, .pull--palm--three-twelfths {
        right: 25%;
    }

    .pull--palm--three-quarters, .pull--palm--six-eighths, .pull--palm--nine-twelfths {
        right: 75%;
    }

    .pull--palm--one-fifth, .pull--palm--two-tenths {
        right: 20%;
    }

    .pull--palm--two-fifths, .pull--palm--four-tenths {
        right: 40%;
    }

    .pull--palm--three-fifths, .pull--palm--six-tenths {
        right: 60%;
    }

    .pull--palm--four-fifths, .pull--palm--eight-tenths {
        right: 80%;
    }

    .pull--palm--one-sixth, .pull--palm--two-twelfths {
        right: 16.666%;
    }

    .pull--palm--five-sixths, .pull--palm--ten-twelfths {
        right: 83.333%;
    }

    .pull--palm--one-eighth {
        right: 12.5%;
    }

    .pull--palm--three-eighths {
        right: 37.5%;
    }

    .pull--palm--five-eighths {
        right: 62.5%;
    }

    .pull--palm--seven-eighths {
        right: 87.5%;
    }

    .pull--palm--one-tenth {
        right: 10%;
    }

    .pull--palm--three-tenths {
        right: 30%;
    }

    .pull--palm--seven-tenths {
        right: 70%;
    }

    .pull--palm--nine-tenths {
        right: 90%;
    }

    .pull--palm--one-twelfth {
        right: 8.333%;
    }

    .pull--palm--five-twelfths {
        right: 41.666%;
    }

    .pull--palm--seven-twelfths {
        right: 58.333%;
    }

    .pull--palm--eleven-twelfths {
        right: 91.666%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .pull--lap--one-whole {
        right: 100%;
    }

    .pull--lap--one-half, .pull--lap--two-quarters, .pull--lap--three-sixths, .pull--lap--four-eighths, .pull--lap--five-tenths, .pull--lap--six-twelfths {
        right: 50%;
    }

    .pull--lap--one-third, .pull--lap--two-sixths, .pull--lap--four-twelfths {
        right: 33.333%;
    }

    .pull--lap--two-thirds, .pull--lap--four-sixths, .pull--lap--eight-twelfths {
        right: 66.666%;
    }

    .pull--lap--one-quarter, .pull--lap--two-eighths, .pull--lap--three-twelfths {
        right: 25%;
    }

    .pull--lap--three-quarters, .pull--lap--six-eighths, .pull--lap--nine-twelfths {
        right: 75%;
    }

    .pull--lap--one-fifth, .pull--lap--two-tenths {
        right: 20%;
    }

    .pull--lap--two-fifths, .pull--lap--four-tenths {
        right: 40%;
    }

    .pull--lap--three-fifths, .pull--lap--six-tenths {
        right: 60%;
    }

    .pull--lap--four-fifths, .pull--lap--eight-tenths {
        right: 80%;
    }

    .pull--lap--one-sixth, .pull--lap--two-twelfths {
        right: 16.666%;
    }

    .pull--lap--five-sixths, .pull--lap--ten-twelfths {
        right: 83.333%;
    }

    .pull--lap--one-eighth {
        right: 12.5%;
    }

    .pull--lap--three-eighths {
        right: 37.5%;
    }

    .pull--lap--five-eighths {
        right: 62.5%;
    }

    .pull--lap--seven-eighths {
        right: 87.5%;
    }

    .pull--lap--one-tenth {
        right: 10%;
    }

    .pull--lap--three-tenths {
        right: 30%;
    }

    .pull--lap--seven-tenths {
        right: 70%;
    }

    .pull--lap--nine-tenths {
        right: 90%;
    }

    .pull--lap--one-twelfth {
        right: 8.333%;
    }

    .pull--lap--five-twelfths {
        right: 41.666%;
    }

    .pull--lap--seven-twelfths {
        right: 58.333%;
    }

    .pull--lap--eleven-twelfths {
        right: 91.666%;
    }
}

@media only screen and (max-width: 1023px) {
    .pull--portable--one-whole {
        right: 100%;
    }

    .pull--portable--one-half, .pull--portable--two-quarters, .pull--portable--three-sixths, .pull--portable--four-eighths, .pull--portable--five-tenths, .pull--portable--six-twelfths {
        right: 50%;
    }

    .pull--portable--one-third, .pull--portable--two-sixths, .pull--portable--four-twelfths {
        right: 33.333%;
    }

    .pull--portable--two-thirds, .pull--portable--four-sixths, .pull--portable--eight-twelfths {
        right: 66.666%;
    }

    .pull--portable--one-quarter, .pull--portable--two-eighths, .pull--portable--three-twelfths {
        right: 25%;
    }

    .pull--portable--three-quarters, .pull--portable--six-eighths, .pull--portable--nine-twelfths {
        right: 75%;
    }

    .pull--portable--one-fifth, .pull--portable--two-tenths {
        right: 20%;
    }

    .pull--portable--two-fifths, .pull--portable--four-tenths {
        right: 40%;
    }

    .pull--portable--three-fifths, .pull--portable--six-tenths {
        right: 60%;
    }

    .pull--portable--four-fifths, .pull--portable--eight-tenths {
        right: 80%;
    }

    .pull--portable--one-sixth, .pull--portable--two-twelfths {
        right: 16.666%;
    }

    .pull--portable--five-sixths, .pull--portable--ten-twelfths {
        right: 83.333%;
    }

    .pull--portable--one-eighth {
        right: 12.5%;
    }

    .pull--portable--three-eighths {
        right: 37.5%;
    }

    .pull--portable--five-eighths {
        right: 62.5%;
    }

    .pull--portable--seven-eighths {
        right: 87.5%;
    }

    .pull--portable--one-tenth {
        right: 10%;
    }

    .pull--portable--three-tenths {
        right: 30%;
    }

    .pull--portable--seven-tenths {
        right: 70%;
    }

    .pull--portable--nine-tenths {
        right: 90%;
    }

    .pull--portable--one-twelfth {
        right: 8.333%;
    }

    .pull--portable--five-twelfths {
        right: 41.666%;
    }

    .pull--portable--seven-twelfths {
        right: 58.333%;
    }

    .pull--portable--eleven-twelfths {
        right: 91.666%;
    }
}

@media only screen and (min-width: 1024px) {
    .pull--desk--one-whole {
        right: 100%;
    }

    .pull--desk--one-half, .pull--desk--two-quarters, .pull--desk--three-sixths, .pull--desk--four-eighths, .pull--desk--five-tenths, .pull--desk--six-twelfths {
        right: 50%;
    }

    .pull--desk--one-third, .pull--desk--two-sixths, .pull--desk--four-twelfths {
        right: 33.333%;
    }

    .pull--desk--two-thirds, .pull--desk--four-sixths, .pull--desk--eight-twelfths {
        right: 66.666%;
    }

    .pull--desk--one-quarter, .pull--desk--two-eighths, .pull--desk--three-twelfths {
        right: 25%;
    }

    .pull--desk--three-quarters, .pull--desk--six-eighths, .pull--desk--nine-twelfths {
        right: 75%;
    }

    .pull--desk--one-fifth, .pull--desk--two-tenths {
        right: 20%;
    }

    .pull--desk--two-fifths, .pull--desk--four-tenths {
        right: 40%;
    }

    .pull--desk--three-fifths, .pull--desk--six-tenths {
        right: 60%;
    }

    .pull--desk--four-fifths, .pull--desk--eight-tenths {
        right: 80%;
    }

    .pull--desk--one-sixth, .pull--desk--two-twelfths {
        right: 16.666%;
    }

    .pull--desk--five-sixths, .pull--desk--ten-twelfths {
        right: 83.333%;
    }

    .pull--desk--one-eighth {
        right: 12.5%;
    }

    .pull--desk--three-eighths {
        right: 37.5%;
    }

    .pull--desk--five-eighths {
        right: 62.5%;
    }

    .pull--desk--seven-eighths {
        right: 87.5%;
    }

    .pull--desk--one-tenth {
        right: 10%;
    }

    .pull--desk--three-tenths {
        right: 30%;
    }

    .pull--desk--seven-tenths {
        right: 70%;
    }

    .pull--desk--nine-tenths {
        right: 90%;
    }

    .pull--desk--one-twelfth {
        right: 8.333%;
    }

    .pull--desk--five-twelfths {
        right: 41.666%;
    }

    .pull--desk--seven-twelfths {
        right: 58.333%;
    }

    .pull--desk--eleven-twelfths {
        right: 91.666%;
    }
}

.panel {
    max-width: 980px;
    max-width: 61.25rem;
    margin: 0 auto;
}

.section {
    background: #fff;
    padding: 22px 22px 0;
    padding: 1.375rem 1.375rem 0;
}

@media only screen and (min-width: 64rem) {
    .section {
        padding: 0px 20px;
        padding: 0rem 1.25rem;
    }

        .section.section-01, .section.section-03 {
            padding-top: 32px;
            padding-top: 2.125rem;
            padding-bottom: 1.425rem !important;
        }
}

@media only screen and (min-width: 48.0625rem) and (max-width: 63.9375rem) {
    .section {
        padding: 0px 20px;
        padding: 0rem 1.25rem;
    }

        .section.section-01, .section.section-03 {
            padding-top: 20px;
            padding-top: 1.125rem;
            padding-bottom: 1.125rem !important;
        }
}

.section__title {
    color: #444;
    margin: 1.0rem 0 !important;
}

.section__image {
    margin-top: 1em;
    text-align: center;
}

@media only screen and (min-width: 64rem) {
    .section__image {
        margin: 0;
    }
}

@media only screen and (min-width: 48rem) {
    .section__image {
        text-align: left;
    }
}

.section__image img {
    display: inline-block;
}

@media only screen and (max-width: 30rem) {
    .section__image img {
        max-width: 100%;
    }
}

@media only screen and (min-width: 48rem) {
    .section__image img {
        margin: 0;
        max-width: 100%;
    }
}

.section.section--align-image-bottom {
    padding-bottom: 0;
}

@media only screen and (min-width: 64rem) {
    .section.section--align-image-bottom .section__content {
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 48.0625rem) and (max-width: 63.9375rem) {
    .section.section--align-image-bottom .section__content {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 30rem) {
    .section.section--align-image-bottom .section__content {
        margin-bottom: 0;
    }
}
/*@media only screen and (min-width: 48rem) { */

.section--rev .grid {
    direction: rtl;
    text-align: left;
}

    .section--rev .grid > .grid__item {
        direction: ltr;
        text-align: left;
    }

.section--text-left .section__image {
    text-align: center;
}

@media only screen and (min-width: 48rem) {
    .section--text-left .section__image {
        text-align: right;
    }
}

.section--grey {
    background-color: #f6f6f6;
}

@media only screen and (min-width: 48.0625rem) and (max-width: 63.9375rem) {
    .section-01 .section__image img {
        max-width: 150%;
        margin-left: -40%;
    }
}

@media only screen and (min-width: 64rem) {
    .section-01 .section__image img {
        max-width: 130%;
        margin-left: -20%;
    }
}