.md-button.md-fab.md-mini {
    padding: 4px;
}
    .md-fab md-icon {
        width: 32px;
        height: 32px;
    }
.md-button.md-fab.md-primary md-icon{
    fill:white;
    color:white;
}

.md-button .md-clear {
    background-color: white;
}
    .md-button .md-clear md-icon {
        fill: #666;
        color: #666;
    }
    .md-button.md-clear:hover{
        background-color: #eee !important;
    }
    .md-button .md-clear:hover md-icon {
        fill: white;
        color:white;
    }

.form-edit-parent {
    padding: 16px;
    margin: 16px;
}

.form-edit-close-btn {
    margin: 0px;
    position: fixed;
    right: -12px;
    top: -12px;
    padding: 8px;
}

    .form-edit-close-btn md-icon {
        margin: 0px !important;
        fill: #dddddd;
        color: #dddddd;
    }


    .form-edit-close-btn:hover {
        background-color:#dddddd !important;
    }
        .form-edit-close-btn:hover md-icon {
            fill: white;
            color: white;
        }

.form-edit-delete-btn {
    margin: 0px;
    position: fixed;
    right: 40px;
    top: -12px;
    padding: 8px;
    background-color: #F44336 !important;
}

    .form-edit-delete-btn md-icon {
        margin: 0px !important;
        fill: white;
        color: white;
    }


    .form-edit-delete-btn:hover {
        background-color: #dddddd !important;
    }

        .form-edit-delete-btn:hover md-icon {
            fill: white;
            color: white;
        }




.form-edit-container {
    font-family: Roboto,Arial,sans-serif;
}

    .form-edit-container input.large-input {
        color: #3c4043;
        font-size: 22px;
    }
    .form-edit-container textarea {
        background-color: rgb(238, 238, 238);

        line-height: 18px;
        font-size: 12px;
    }



    .form-edit-container .actions {
        margin: 16px -16px 0px -16px;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        /* border-top: solid 1px rgba(0, 0, 0, 0.12); */
        /* margin-top: 0px; */
        background-color: #ededed;
        /* margin-top: -70px;*/
    }

    .form-edit-container md-input-container {
        margin: 8px 16px 8px 16px;
    }



md-icon {
    fill: #888888;
    color: #888888;
}
    md-icon.highlight {
        fill: rgb(33,150,243);
        color: rgb(33,150,243);
    }
    md-icon.highlight-light {
        fill: rgb(145, 208, 255);
        color: rgb(145, 208, 255);
    }


@media (max-width: 480px) {
    .form-edit-container md-icon {
        display: none;
    }

    .form-edit-parent {
        padding: 4px 0px 4px 0px;
        margin: 0;
    }

    .form-edit-container .actions {
        margin: 16px -1px -2px -2px;
    }
}
@media (max-width: 320px) {
    .form-edit-container md-icon {
        display: none;
    }

    .form-edit-parent {
        padding: 0px 0px 0px 0px;
        margin: 0;
    }

    .form-edit-container .actions {
        margin: 16px -1px -2px -2px;
    }
}



md-select.highlight-light {
    background-color:rgb(234, 246, 255);
}

.md-icon-button + .md-datepicker-input-container {
    margin-left: 0px;
}
.dt-ic-right .md-icon-button + .md-datepicker-input-container {
    float: left;
    margin-top: 7px;
}
.dt-ic-left .md-icon-button + .md-datepicker-input-container {
    float: right;
    margin-top: 7px;
}
.dt-ic-none .md-datepicker-button {
    display: none;
}

.dt-ic-over .md-datepicker-triangle-button {
    display: none;
}
.dt-ic-over .md-icon-button + .md-datepicker-input-container {
    float: left;
    margin-top: 7px;
}
.dt-ic-over .md-datepicker-button {
    position: absolute;
    right: -14px;
    top: -3px;
}

.md-datepicker-input-container {
    border-bottom: none 0px;
}
md-input-container.md-input-focused .md-input {
    border-bottom-width: 2px;
    padding-bottom: 2px;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    color: #666666;
    background-color: white;
}
.header-toolbar {
    position: relative;
    z-index: 2;
}
md-toolbar{
    z-index:auto;
}
.dt-time {
    /*position: fixed;
    top: 50%;
    left: 50%;*/
    /*width: 35em;
    height: 35em;*/
    /*margin-top: -9em; set to a negative number 1/2 of your height
   margin-left: -15em; set to a negative number 1/2 of your width*/
    background-color: white;
}

app-cal{

}
.calPage cal {
    height: calc(100vh - 118px);
}




.dt-time-header {
    height: 40px; min-height:40px;
    text-align: center;
    padding: 0;
    border: none;
    box-sizing: content-box;
    font-weight: 400;
    background: rgba(158,158,158,0.32);
    color: rgba(0,0,0,0.87);
    line-height: 40px;
    font-weight: 400;
    font-size: 14px;
}

.dt-time > div:nth-child(2) {
    border-bottom: 1px solid rgb(245,245,245);
    padding: 16px;
}

    .dt-time > div:nth-child(3) {
        
        padding: 16px;
    }

        .dt-time > div:nth-child(2) > div > div, .dt-time > div:nth-child(3) > div > div {
            /*border: solid 1px black;*/
            border-collapse: collapse;
            text-align: center;
            vertical-align: middle;
            line-height: 44px;
            border-radius: 50%;
            width: 44px;
            height: 44px;
            margin: 2px;
            outline: none;
        }

            .dt-time > div:nth-child(2) > div > div:nth-child(1):not(.selected), .dt-time > div:nth-child(2) > div > div:nth-child(12):not(.selected) {
                background-color: #f5f5f5;
            }

            .dt-time > div:nth-child(3) > div > div:nth-child(1):not(.selected), .dt-time > div:nth-child(3) > div > div:nth-child(15):not(.selected) {
                background-color: #f5f5f5;
            }

            .dt-time > div:nth-child(2) > div > div:not(.selected):hover {
                background-color: lightgray;
            }

    .dt-time > div:nth-child(3) > div > div:not(.selected):hover {
        background-color: lightgray;
    }
    .dt-time .selected {
        background: rgb(33,150,243);
        color: rgb(255,255,255);
    }



.dt-timeRecord-container md-input-container {
    margin-bottom: 4px;
    margin-top: 28px;
}


tt-record {

}

.tt-timeRecord-placeholder {    
    background-color:white;
}

.tt-timeRecord {
    background-color: white;
    padding-top: 36px;
    padding-left: 16px;
    border-radius: 2px;
    padding-bottom: 0px;
    padding-right: 16px;
    border-left: solid 1px #c0c4e8;
}

@media (max-width: 480px) {
    .tt-timeRecord {
        padding:2px;
        border:none;
    }
    .dt-timeRecord-container md-icon {
        display:none;
    }
}


    .tt-timeRecord > div > md-input-container {
        padding: 8px;
        margin-top: 16px;
    }

    .tt-timeRecord > div > md-input-container > label {
        padding-left: 16px !important;
    }

    .tt-timeRecord .md-errors-spacer {
        min-height: 10px;
    }

    .tt-timeRecord-more {
    }

.tt-timeRecord-lable {
    position: fixed;
    border-bottom-right-radius: 12px;
    top: 0px;
    left: 0px;
    padding: 12px;
    z-index: 2;
    min-width: 70px;
    text-align: center;
}

.tt-timeRecord-ontime .tt-timeRecord-lable {
    background-color: forestgreen;
    color: white;
}

.tt-timeRecord-offtime .tt-timeRecord-lable {
    background-color: #F44336;
    color: white;
}


    .tt-timeRecord .tt-timeRecord-simpleView {
        display: none;
    }


@media (max-width: 480px) {

    .tt-timeRecord > div > md-input-container {
        padding: 6px;
        margin-top: 16px;
    }

    tt-record {
        width: auto;
    }
    .tt-timeRecord-lable {
        position: relative;
        float: right;
        /* width: 60px; */
        /* height: 60px; */
        /* margin-right: 0px; */
        /* margin-left: -60px; */
        /* top: -24px; */
        /* left: 16px; */
        /* border-bottom-left-radius: 60px; */
        /* border-top-right-radius: 6px; */
        font-size: 10px;
        /* padding-top: 16px; */
        text-align: center;
        padding-left: 12px;
    }
}

    app-duration {
        border-bottom: solid 1px rgba(0, 0, 0, 0.12);
        background-color: white;
        display: block;
        width: 90px;
        height: 30px;
        margin-left: 6px;
        border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    }

@media (max-width: 480px) {

    app-duration {
        width: 60px;
    }

}


    /* color of toolbars in dialogs */
    md-dialog md-toolbar .md-toolbar-tools {
        font-size: 24px;
        background-color: #03A9F4;
        color: white;
    }

        md-dialog md-toolbar .md-toolbar-tools svg {
            fill: white;
            color: white;
        }

    md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon.newsort, md-toolbar:not(.md-menu-toolbar) md-icon {
        padding: 4px;
    }

        md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon.newsort, md-toolbar:not(.md-menu-toolbar) md-icon.newsort {
            fill: white;
            color: white;
        }

            md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon.newsort:hover, md-toolbar:not(.md-menu-toolbar) md-icon.newsort:hover {
                fill: #666666;
                color: #666666;
            }


    .md-toolbar-tools {
        font-size: 12px;
        line-height: 24px;
    }

        .md-toolbar-tools input {
            font-size: 12px;
            color: #666666;
        }

    md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, md-toolbar:not(.md-menu-toolbar) md-icon {
        fill: #666666;
        color: #666666;
    }

    .md-datepicker-input {
        font-size: 12px;
    }

    md-toolbar md-select-value > span > div > div > md-icon {
        padding-right: 8px;
    }

    md-select-menu md-option {
        line-height: 24px;
    }

        md-select-menu md-option > div > div > md-icon {
            padding-right: 8px;
        }


    button, input, select, textarea, label {
        font-size: 12px;
    }
    /*.md-datepicker-input-mask {
    overflow: hidden;    
}
.md-datepicker-calendar-pane {
    margin-top: 20px;
    background-color: white;
}*/
    body {
        font-size: 12px;
    }

    .hide {
        display: none !important;
    }

    .md-button {
        text-transform: none;
    }

    .md-btn-delete md-icon {
        fill: #607D8B;
    }

    .no-padding {
        padding: 0 !important;
    }

    .no-margin {
        margin: 0 !important;
    }

    .tor-project-card {
        background-color: white;
        margin: 4px
    }

    .invalid-days-count {
        top: -5px;
        position: relative;
        left: 20px;
        background: black;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        line-height: 22px;
    }

    .no-bottom-margin {
        margin-bottom: 0 !important;
    }

    @media print {
        .no-print, .no-print * {
            display: none !important;
        }
    }

    @media screen {
        .no-screen, .no-screen * {
            display: none !important;
        }
    }


    .ng-animate.no-animate {
        transition: 0s none;
        -webkit-transition: 0s none;
        animation: 0s none;
        -webkit-animation: 0s none;
    }

    img.profile {
        border-radius: 50%;
        max-width: 34px;
        max-height: 34px;
    }

    img.profilepreview {
        max-width: 100px;
        max-height: 100px;
    }

    .app-photoUpload {
        max-width: 100px;
        max-height: 100px;
        background-size: 100px;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        border: solid 1px lightgray;
    }

        .app-photoUpload span {
            display: block;
            position: fixed;
            text-align: center;
            margin-top: 30px;
            margin-left: 10px;
            margin-right: 10px;
            color: #656565;
            width: 80px;
        }

        .app-photoUpload > input[type="file"] {
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            cursor: pointer;
            display: block;
        }

    .user-info {
    }

        .user-info h2, .user-info .roles {
            padding-left: 12px;
        }

        .user-info .role {
            display: inline-block;
            padding: 6px;
            border-left: dashed 2px lightgray;
            margin: 6px;
        }


    md-menu-item > .md-button .material-icons {
        margin: auto 16px auto 0;
        color: rgba(0,0,0,0.54);
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
        fill: currentColor;
        height: 24px;
        width: 24px;
        min-height: 24px;
        min-width: 24px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        _border: solid 1px black;
    }

    h4 {
        line-height: 35px;
        margin-top: 0;
    }

    .grid {
        width: 800px;
        height: 250px;
    }

    .app-center {
        text-align: center;
    }

    .app-panel {
        margin: 4px;
    }

    .app-toolbar {
        background-color: lightgray;
        padding: 4px;
    }

    .app-list {
    }

    .app-list-item {
        /*border-bottom: 1px dashed darkgrey;*/
        padding-left: 8px;
    }

    .app-mini-mini {
        line-height: 30px !important;
        width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        min-width: 30px !important;
        margin: 4px;
    }

        .app-mini-mini > md-icon {
            min-height: 20px;
            min-width: 20px;
            height: 20px;
            width: 20px;
        }

    .app-warning {
        background-color: #f66865;
    }

    .md-button.md-default-theme.md-fab.app-warning,
    .md-button.md-fab.app-warning {
        background-color: #f66865;
    }

        .md-button.md-default-theme.md-fab.app-warning:not([disabled]):hover,
        .md-button.md-fab.app-warning:not([disabled]):hover {
            background-color: #E53935;
        }

    .md-dialog-content.md-dialog-content-app {
        padding: 0;
    }

        .md-dialog-content.md-dialog-content-app h2 {
            padding: 16px;
            background-color: rgb(33,150,243);
            color: white;
        }

        .md-dialog-content.md-dialog-content-app p {
            padding: 16px;
            text-align: center;
        }



    label:not(.md-no-float):not(.md-container-ignore) {
        margin-bottom: -1px;
    }

    .app-repeater {
        border-bottom: solid 1px #f2f2f2;
        padding: 2px;
    }

    .app-circle-small {
        font-size: 9px;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: block;
        padding-top: 4px;
        text-align: center;
    }

    .white-app {
        background-color: #FFFFFF;
        color: #428bca;
        border: solid 1px black;
    }

    .red {
        background-color: #f66865;
        color: white;
    }

    .green {
        background-color: #3ce535;
        color: white;
    }

    .blue-app {
        background-color: #428bca;
        color: white;
    }

    .orange {
        background-color: #ff823a;
        color: white;
    }

    .no-xmargin {
        margin-left: 0;
        margin-right: 0;
    }

    .no-border {
        border: none 0px;
    }

    .config-form {
        margin: 16px 16px 16px 16px;
    }

    .config-section {
        background-color: #b3bcc3;
    }

        .config-section h4 {
            margin-top: 8px;
            padding-left: 16px;
            color: white;
        }

        .config-section + div {
            border: #b3bcc3 solid 1px;
            margin-bottom: 16px;
            padding-left: 16px;
            padding-right: 16px;
            padding-bottom: 16px;
        }

    .config-column-container {
        margin-top: 16px;
    }

    .config-column {
        background-color: #a0a0a0;
        padding-left: 16px;
        padding-right: 16px;
        color: white;
    }

        .config-column md-icon {
            color: white !important;
        }

        .config-column h4 {
            margin-top: 8px;
            font-size: 16px;
            color: white;
        }

        .config-column input {
            color: white;
        }

        .config-column + div {
            border: #a0a0a0 solid 1px;
            padding-left: 16px;
            padding-right: 16px;
        }

    .config-column-mappings {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 16px;
        color: #666;
    }

    .app-text-hl {
        font-size: 21px;
        color: #333;
    }

    .app-toolbar-label {
        margin-top: 5px;
        display: block;
        border-bottom: solid 1px lightgray;
        padding-bottom: 4px;
        white-space: nowrap;
    }

    .app-toolbar-label-dark {
        color: white;
        margin-top: 5px;
        display: block;
        /*border-bottom: solid 1px lightgray;*/
        padding-bottom: 4px;
        white-space: nowrap;
    }

    .app-toolbar-sm-label-dark {
        top: -44px;
        color: white;
        font-size: 9px;
    }

    .app-fileUpload > input[type="file"] {
        /*position: absolute;*/
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 20;
        display: block;
    }

    .app-fileUpload {
        height: 40px;
        width: 40px;
        border-radius: 1px;
        background-color: rgb(33,150,243);
        border-radius: 50%;
        background-image: url(../../images/file.png);
        background-position: center;
        background-size: 30px;
        background-repeat: no-repeat;
        /*-khtml-opacity: .50;
    -moz-opacity: .50;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
    opacity: .50;*/
    }

    .app-fileUploadTooltip {
        /* text-align: center; */
        /* display: block; */
        color: #d9534f;
        /* padding-top: 50px; */
        font-size: 22px;
        /* top: 0px; */
        position: absolute;
        left: 90px;
        top: 135px;
    }

























    .menuButton {
        font-size: 20px;
    }

    .md-open-menu-container {
        z-index: 10000 !important;
    }

    .md-toast {
        margin-top: 44px !important;
        z-index: 10005 !important;
    }

    md-toast {
        margin-top: 44px !important;
        z-index: 10005 !important;
    }


    md-dialog .md-dialog-content {
        /*padding: 0;*/
    }


    md-select-menu:not(.md-overflow) md-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    md-option {
        height: 30px;
    }

    .md-select-menu-container md-select-menu md-content md-option {
        border-bottom: 1px dashed lightgray;
    }

        .md-select-menu-container md-select-menu md-content md-option:last-child {
            border-bottom: none;
        }



    .ui-grid-cell-contents {
        font-size: 12px;
    }

    div.ui-grid-cell-contents.invalid {
        box-shadow: inset 0px 0px 3px 1px #ff5555;
    }


    .md-input-container-fix md-input-container {
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }

    .md-input-container-fix .md-errors-spacer {
        min-height: auto;
    }

    .md-input-container-fix md-divider {
        margin-bottom: 10px;
        margin-top: 6px;
    }




    .md-input-container-no-margin-bottom md-input-container {
        margin-bottom: 0 !important;
    }

    .md-input-container-no-margin-bottom .md-errors-spacer {
        min-height: auto;
    }

    .md-input-container-no-margin-top md-input-container {
        margin-top: 0 !important;
    }

    .md-input-container-no-margin-top .md-errors-spacer {
        min-height: auto;
    }

    .reduce-margin-top md-switch {
        margin-top: 8px;
    }

    .reduce-margin-top md-input-container {
        margin-top: 10px;
    }


    /*md-datepicker .md-datepicker-button {
    display: none !important;
}

.md-icon-button + .md-datepicker-input-container {
    margin-left: 0 !important;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: 84px !important;
}

md-content.md-docs-dark-theme {
    color: rgba(255,255,255,1.0) !important;
    background-color: rgb(48,48,48);
}

.md-docs-dark-theme .md-datepicker-input {
    color: rgba(255,255,255,1.0) !important;
    font-size: 12px;
}

.md-docs-dark-theme .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
    color: rgba(255,255,255,1.0) !important;
}


md-input-container.md-docs-dark-theme:not(.md-input-invalid).md-input-has-value label {
    color: rgba(255,255,255,1.0);
}


.md-docs-dark-theme .md-datepicker-expand-triangle {
    border-top-color: white;
}

    .md-docs-dark-theme .md-datepicker-expand-triangle:hover {
        border-top-color: white;
    }*/

    .tt-dialog-contet {
        min-width: 610px;
        min-height: 360px;
    }

    @media (max-width: 480px) {
        .tt-dialog-contet {
            min-width: 440px;
        }
    }

    @media (max-width: 320px) {
        .tt-dialog-contet {
            min-width: 240px;
        }
    }

    .md-datepicker-weekday {
        display: inline-block;
        padding-bottom: 0;
        margin-top: 6px;
        font-size: 12px;
        vertical-align: top;
        /*border-bottom-width: 1px;
    border-bottom-style: solid;*/
        position: relative;
        width: auto;
    }

    /*.tt-dialog-contet input, md-select-value, textarea {
    border:#a4a4a4 1px solid !important ;
    background-color: rgb(255, 255, 227) !important;
}

.tt-dialog-contet md-datepicker-input md-input {
    padding: 15px;
}*/

    /*.timeH, .timeM {
    border: 1px solid !important;
    background-color: rgb(255, 255, 227) !important;
    text-align: center;
}*/

    /*calendar intervals*/
    .ci-none {
        font-size: smaller;
    }

    .ci-d {
    }

    .ci-w {
    }

    .ci-m {
        font-weight: bold;
    }

    .ci-q {
    }

    .ci-y {
    }

    .ci-past {
        color: #707070;
    }

    .ci-now {
        color: #428bca;
    }

    .ci-future {
        color: #f35858;
    }

    .md-input-container-label {
        position: absolute;
        bottom: 100%;
        left: 0;
        right: auto;
        font-size: 12px;
        top: -48px;
        color: gray;
    }

    md-sidenav,
    md-sidenav.md-locked-open,
    md-sidenav.md-closed.md-locked-open-add-active {
        min-width: 85px !important;
        width: 85vw !important;
        max-width: 85px !important;
    }

    .md-button.md-default-theme.md-fab, .md-button.md-fab {
        background-color: white;
    }

    .app-menu {
        /*background-color: #1a1a1a*/
        background-color: white;
    }

        .app-menu.md-toolbar-tools {
            height: auto !important;
        }

            .app-menu.md-toolbar-tools button {
                font-size: 16px;
            }

            .app-menu.md-toolbar-tools .md-fab {
                height: 32px;
                width: 32px;
                padding: 0;
                min-height: 32px;
            }

                .app-menu.md-toolbar-tools .md-fab md-icon {
                    height: 22px;
                    min-height: 22px;
                }

                .app-menu.md-toolbar-tools .md-fab span {
                    line-height: 20px;
                    font-size: 14px;
                    display: block;
                }

            .app-menu.md-toolbar-tools h1 a {
                font-size: 16px;
            }


    md-sidenav-toolbar {
        position: fixed;
        display: block;
        /*height: 90px;*/
        overflow: hidden;
        width: 100%;
        background-color: #cccccc; /*#0d5a80;*/
        color: white;
    }

        md-sidenav-toolbar h4 {
            line-height: 50px;
        }

    md-sidenav-toolbar-option {
        padding-left: 16px;
        padding-right: 16px;
    }

        md-sidenav-toolbar-option md-input-container {
            padding-top: 0;
            margin: 0;
            margin-left: 4px !important;
            margin-right: 4px !important;
        }

    md-sidenav-content {
        font-family: Roboto,'Segoe UI';
        height: calc(100% - 104px);
        position: absolute;
        overflow: auto;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
    }

        md-sidenav-content md-list {
            padding: 8px 8px 8px 8px;
        }

            md-sidenav-content md-list md-sidenav-content-item-edit {
                min-height: 80px;
            }

                md-sidenav-content md-list md-sidenav-content-item-edit section {
                    width: 100%;
                }

                    md-sidenav-content md-list md-sidenav-content-item-edit section:nth-child(2) {
                        padding-right: 4px;
                        padding-bottom: 4px;
                        /*height:10px;*/
                    }

    .app-btn-note-save {
        /*position: relative;
            top: -45px;
            right: 0;*/
        float: right;
    }

    md-sidenav-content md-list md-sidenav-content-item-edit section md-input-container {
        width: 100%;
        padding: 8px;
        min-height: 80px;
        margin-bottom: 0;
    }

        md-sidenav-content md-list md-sidenav-content-item-edit section md-input-container label {
            padding-left: 8px !important;
        }

    md-sidenav-content md-list md-sidenav-content-item-edit section textarea {
        font-family: 'Segoe UI';
        font-size: 12px;
        line-height: 20px !important;
        width: 100%;
        margin: 0;
        padding-top: 8px;
    }

    md-sidenav-content md-list md-sidenav-content-item-edit section md-input-container .md-errors-spacer {
        min-height: 0;
        min-width: 0;
    }

    md-sidenav-content md-list md-sidenav-content-item-list {
        margin-bottom: 8px;
        margin-top: 10px;
        padding: 0;
        display: block;
    }

    .t-item-contaier {
        border-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 12px;
    }

    md-sidenav-content-item-list-title {
        /*background-color: #5aa1c4;
    color:white;*/
        padding: 2px;
        display: block;
        padding-left: 4px;
    }

        md-sidenav-content-item-list-title strong {
            line-height: 35px;
        }

    .md-mini-mini {
        height: 30px !important;
        width: 30px !important;
        min-height: 30px !important;
        min-width: 30px !important;
        line-height: 30px !important;
        margin: 2px;
    }

        .md-mini-mini md-icon {
            line-height: 20px;
            height: 20px;
            width: 20px;
            min-height: 20px;
            min-width: 20px;
            margin-left: 0;
            margin-bottom: -1px;
        }

    .md-fab.md-mini-mini md-icon {
        height: 16px;
        width: 16px;
        min-height: 16px;
        min-width: 16px;
        line-height: 16px;
    }

    .md-fab.md-mini-mini md-icon {
        width: 12px;
        height: 12px;
    }

    .md-fab.md-fab-light {
        background-color: rgb(130,177,255);
    }

    .md-fab.md-square {
        border-radius: 4px;
    }


    md-input-container .md-char-counter, md-input-container .md-input-message-animation {
        font-size: 8px;
        line-height: 10px;
        padding-top: 2px;
    }


    md-sidenav-content-item {
        display: block;
        border-radius: 8px;
    }

    md-sidenav-content-item-list-content {
        padding: 8px;
        display: block;
    }

    md-list md-sidenav-content-item:nth-child(odd) {
        /*background-color: #d8e2e6;*/
    }


    /* on page toolbar customization - start */
    .md-toolbar-gray {
        background-color: rgb(218, 225, 230) !important;
        padding-top: 0;
        min-height: 64px;
        height: 64px;
        margin-top: 0;
        margin-bottom: 0;
    }

        .md-toolbar-gray section {
            /*margin-top: 8px;*/
        }


        .md-toolbar-gray md-input-container {
            font-size: 12px;
            /*margin-bottom: -14px;*/
        }

            .md-toolbar-gray md-input-container input {
                color: black;
                border-bottom-color: rgba(0,0,0,0.12);
            }

                .md-toolbar-gray md-input-container input:focus {
                    color: black;
                    border-bottom-color: rgba(0,0,0,0.12) !important;
                }


    md-autocomplete-container {
        display: inline-block;
    }

    md-autocomplete {
        background-color: transparent;
    }

        md-autocomplete md-autocomplete-wrap {
            box-shadow: none;
        }

        md-autocomplete .md-whiteframe-1dp, .md-whiteframe-z1 {
            box-shadow: none;
        }

    .md-toolbar-gray md-autocomplete-container {
        font-size: 14px;
        margin-bottom: -14px;
    }

        .md-toolbar-gray md-autocomplete-container input {
            color: black;
            border-bottom-color: rgba(0,0,0,0.12);
            background-color: transparent !important;
        }

            .md-toolbar-gray md-autocomplete-container input:focus {
                color: black;
                border-bottom-color: rgba(0,0,0,0.12) !important;
                background-color: transparent !important;
            }

        .md-toolbar-gray md-autocomplete-container label {
            padding-left: 3px;
            padding-right: 0;
            color: rgba(0,0,0,0.54);
            margin-bottom: -1px;
            bottom: 100%;
            left: auto;
            right: auto;
            font-size: 11px;
            top: auto;
            display: inline;
        }

    .md-toolbar-gray .md-input-focused label {
        color: rgba(0, 0, 0, 0.541176) !important;
    }

    .md-toolbar-gray .md-input-container-option {
        /*margin-bottom: 11px;*/
        margin-top: 18px;
    }

        .md-toolbar-gray .md-input-container-option input:focus {
            color: black;
            border-bottom-color: rgba(0,0,0,0.12) !important;
        }

        .md-toolbar-gray .md-input-container-option md-select-value {
            border-bottom-color: rgba(0,0,0,0.12) !important;
        }

        .md-toolbar-gray .md-input-container-option .md-text {
            color: black;
        }




    .md-toolbar-gray md-autocomplete-container > md-autocomplete {
        background-color: transparent;
        border: none;
        padding-left: 0;
        margin-left: 0;
    }

        .md-toolbar-gray md-autocomplete-container > md-autocomplete > md-autocomplete-wrap {
            box-shadow: none;
            height: 30px;
        }

            .md-toolbar-gray md-autocomplete-container > md-autocomplete > md-autocomplete-wrap > input {
                padding-left: 0;
                padding-right: 0;
                height: 30px;
                border-bottom: solid 1px rgba(0, 0, 0, 0.12);
            }




    /* on page toolbar customization - end */




    /* on page toolbar customization - start */
    .md-toolbar-blue {
        background-color: #333 !important;
        min-height: 66px;
    }

        .md-toolbar-blue section {
            margin-top: 8px;
        }


        .md-toolbar-blue md-input-container {
            color: white;
            font-size: 14px;
            margin-bottom: -14px;
        }

            .md-toolbar-blue md-input-container input {
                color: white;
                border-bottom-color: rgba(0,0,0,0.12);
            }

                .md-toolbar-blue md-input-container input:focus {
                    color: #428bca;
                    border-bottom-color: rgba(0,0,0,0.12) !important;
                }

        .md-toolbar-blue label {
            color: white !important;
        }


        .md-toolbar-blue .md-input-focused label {
            color: #428bca !important;
        }



        .md-toolbar-blue .md-input-container-option {
            margin-bottom: 11px;
        }

            .md-toolbar-blue .md-input-container-option input:focus {
                color: #428bca;
                border-bottom-color: rgba(0,0,0,0.12) !important;
            }

            .md-toolbar-blue .md-input-container-option md-select-value {
                border-bottom-color: rgba(0,0,0,0.12) !important;
            }

            .md-toolbar-blue .md-input-container-option .md-text {
                color: white;
            }

    /* on page toolbar customization - end */





    .md-toolbar-pages {
        padding-top: 6px;
        min-height: 50px;
        background-color: rgb(250, 250, 250) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

        .md-toolbar-pages section {
            color: #333;
            font-size: 14px;
        }

            .md-toolbar-pages section span {
                color: #333;
                font-size: 14px;
                padding-top: 8px;
            }

            .md-toolbar-pages section .md-button {
                min-width: 20px;
            }



    md-card md-card-header, md-card-content, md-card-actions {
        _padding: 12px;
    }

    /*md-card md-card-header {
    height: 100px;
}*/

    md-toolbar-input-container {
        margin-top: -10px;
    }

    .md-meniu-button {
        margin-top: 5px !important;
        border: solid 1px !important;
        height: 30px;
        background-color: lightgray;
        border-color: darkgray !important;
        color: black;
        text-transform: none;
        margin-left: 5px;
        margin-right: 5px;
    }

        .md-meniu-button span {
            color: black;
        }



    /* http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns */
    /* centered columns styles */
    .row-centered {
        text-align: center;
    }

    .col-centered {
        display: inline-block;
        float: none;
        /* reset the text-align */
        text-align: left;
        /* inline-block space fix */
        margin-right: -4px;
    }

    .col-fixed {
        /* custom width */
        width: 320px;
    }

    .col-min {
        /* custom min width */
        min-width: 320px;
    }

    .col-max {
        /* custom max width */
        max-width: 320px;
    }

    hr {
        border-bottom: #b10000 1px solid;
    }

    .view-input {
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #333;
        /*word-break: break-all;
    word-wrap: break-word;*/
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .header-title {
        border-bottom: #b10000 1px solid;
        margin-bottom: 15px;
    }

    input[type="number"] {
        max-width: 50px;
    }

    .form-group {
        margin-bottom: 0;
    }

    .opportunityStatus {
        border-radius: 4px;
        padding: 2px;
    }

    .status-padding {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: white;
        background-color: red;
    }

    label {
        font-weight: normal;
    }

    .off {
        text-decoration: line-through;
        color: #a4a4a4 !important;
    }

    .top-buffer {
        margin-top: 10px;
    }

    .movietable tr td:nth-child(2) {
        width: 150px;
    }

    .movietable tr:nth-child(1) td {
        border-top: none;
    }

    a.nodecoration {
        text-decoration: none;
    }

    .upload {
        background-color: #5bc0de;
        border-color: #46b8da;
        color: white;
        height: 100px;
        vertical-align: middle;
        width: 100%;
    }

    .fileItem {
        white-space: nowrap;
        width: 100%;
        font-size: 9pt;
        padding: 4px;
        border: solid 1px #dddddd;
        margin-bottom: 4px;
    }

    .candidate-name-active {
        color: white;
        font-size: 16px;
    }

    .md-btn-round-small {
        min-height: 44px;
        min-width: 44px;
        border-radius: 22px;
    }


    .loader {
        position: fixed;
        top: 50px;
        background-color: red;
        z-index: 100000;
        width: 100%;
        height: 5px;
    }

    .flyover .mask {
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background: black;
        z-index: 1049;
    }

    .form-control {
        font-size: 12px;
    }

    input[type=checkbox].form-control {
        width: 20px;
        height: 20px;
        margin: 8px;
    }

    .btn-lg {
        height: 30px;
        padding: 8px;
        font-size: 12px;
        border-radius: 4px;
    }

    .btn-sm {
        height: 20px;
        padding: 8px;
        font-size: 12px;
        border-radius: 4px;
        line-height: 3px;
    }

    btn-disabled {
        color: #f5f5f5;
        background-color: #a4a4a4;
        border-color: #333
    }

    .nav-second {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .nav-second-row {
        padding-left: 12px;
        padding-right: 12px;
    }

    .nav-second h3 {
        margin-top: 0;
        margin-bottom: 8px;
        display: block;
        color: #428bca;
    }

    .candidate-row {
        border: 1px solid white;
        border-radius: 4px;
        padding: 2px;
    }

        .candidate-row:hover {
            background-color: #eff7f9;
            border-collapse: collapse;
            border: 1px solid #428bca;
            border-radius: 4px;
            padding: 2px;
        }

    .candidate-search-result-area {
        _background-color: #eff7f9;
        overflow-y: scroll;
        height: 100%;
        width: 100%;
        border: 1px solid darkgray;
        _border-radius: 6px;
        _padding: 4px;
    }

    .candidate-search-input-clear {
        position: absolute;
        top: 4px;
        right: 0;
        height: 30px;
        width: 30px;
        line-height: 15px;
    }

    .border {
        border: solid 1px black;
    }

    .candidatetable td div {
        padding-left: 8px;
    }

    .cand-assgn {
        border-top: none 1px;
        padding: 8px 16px 4px 16px;
        background-color: #dddddd;
        margin-bottom: 7px;
    }

        .cand-assgn > div {
            font-size: 17px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .cand-assgn input[type="button"] {
            background-color: white;
            border: solid 1px gray;
            border-radius: 2px;
            width: 30px;
            height: 30px;
            color: gray !important;
        }

        .cand-assgn .big-card-container {
            width: 30px;
            height: 30px;
        }

    .w100 {
        width: 100% !important;
    }

    .w50 {
        width: 49% !important;
    }

    .h100 {
        height: 100% !important;
    }

    .nav-second .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding: 4px 0 4px 0;
    }

    .files {
        overflow: hidden; /* might need to declare special case for filenames, this will prevent overflowing for now */
    }

    .fileUpload > input[type="file"] {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 20;
        display: block;
    }

    .fileUpload {
        height: 140px;
        border: 2px dashed #d9534f;
        border-radius: 10px;
        background-image: url(../../images/file.png);
        background-position: center;
        background-size: 132px;
        background-repeat: no-repeat;
        /*-khtml-opacity: .50;
    -moz-opacity: .50;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
    opacity: .50;*/
    }

    .fileUploadTooltip {
        /* text-align: center; */
        /* display: block; */
        color: #d9534f;
        /* padding-top: 50px; */
        font-size: 22px;
        /* top: 0px; */
        position: absolute;
        left: 90px;
        top: 135px;
    }


    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
        .modal-body {
            margin-left: 50px;
            margin-right: 50px;
        }

        /* toolbar */
        md-toolbar > div {
            /*padding-left:0 !important;
        padding-right:0  !important;*/
        }

        md-toolbar h1 {
            display: none;
        }
    }

    @media only screen and (max-width: 1024px) {
        .modal-body {
            margin: 50px;
        }
    }

    @media only screen and (max-width: 1500px) {
        .modal-body {
            margin: 200px;
        }
    }

    @media only screen and (min-width: 1501px) {
        .modal-body {
            margin-left: 400px !important;
            margin-right: 400px !important;
        }
    }

    /*.row div {
    border:solid 1px black;
}*/
    .candidate-icon {
        height: 40px;
        margin-right: 8px;
        /* padding-right: 16px; */
        /* padding-left: 16px; */
        border-radius: 50%;
        border: solid 1px #428bca;
    }

    .candidate-f-id {
        width: 50px !important;
    }

    .candidate-f-input {
        width: 100px !important;
    }

    .candidate-f-input-lg {
        width: 250px !important;
    }

    .candidate-name {
        font-weight: normal;
        font-size: 16px;
        color: white;
        padding-bottom: 6px;
    }

    .candidate-title {
        font-weight: normal;
        font-size: 12px !important;
        color: #ccc !important;
        padding-bottom: 6px;
    }

    .candidate-contact {
        font-size: 12px;
        line-height: 15px;
    }

        .candidate-contact div {
            font-size: 12px;
            padding: 0;
            margin: 0;
            line-height: 15px;
        }

        .candidate-contact span {
            font-size: 12px;
            padding: 0;
            margin: 0;
            line-height: 15px;
        }

        .candidate-contact div label {
            font-size: 12px;
            padding: 0;
            margin: 0;
            line-height: 15px;
            min-width: 50px;
            display: inline-block;
        }

    .inline {
    }

    .inline-record {
        padding: 0;
        margin: 0;
        height: 22px;
    }

    .inline-item {
        height: 20px;
        display: block;
        font-size: 9pt;
        line-height: 12px;
        /*border: #ccc solid 1px;*/
        border-radius: 4px;
        padding: 2px;
        width: 100%;
    }

    .inline-buttons {
        position: relative;
        top: -21px;
        right: 0;
        float: right;
    }

    .inline-button-edit {
        padding: 0;
        width: 30px;
    }

        .inline-button-edit > span {
            top: 0;
        }







    .author-icon {
        height: 40px;
        padding-right: 16px;
        padding-left: 16px;
        border-radius: 50%;
    }


    .modal-dialog-title {
        background-color: #5bc0de;
        border-color: #46b8da;
        margin-top: 4px;
        /* margin-left: 0px; */
        /* margin-right: 3px; */
        padding: 8px;
    }

        .modal-dialog-title div {
            color: white;
            font-size: 20px;
        }

    .view-content {
        /*margin-top: 100px;*/
    }

    .history-list-container {
        overflow-y: auto;
        padding-left: 8px;
        padding-right: 8px;
    }

    @media only screen and (max-width: 750px) {
        .view-content {
            margin-top: 20px !important;
        }

        .history-list-container {
        }
    }



    .history-authors {
        background-color: #5bc0de;
        border-color: #46b8da;
    }


    .history-input-container {
        padding-left: 8px;
        padding-right: 8px;
    }

    .history-content {
        font-size: 10pt;
    }

    .candidateCard {
        cursor: default !important;
        padding: 2px 2px 2px 2px;
    }

        .candidateCard .acronym {
            color: white;
            padding: 2px;
            border-radius: 25px;
            width: 28px;
            height: 28px;
            line-height: 26px;
            text-align: center;
            float: left;
        }

    .card-id {
        float: right;
    }

    .card-acronym {
        background-color: #2a58ab;
    }

    .card-acronym1 {
        background-color: #3aab2a;
    }

    .card-acronym2 {
        background-color: #ab422a;
    }

    .candidateCard .cand-info {
        display: block;
        margin-left: 8px;
    }

    .card-info {
        color: #0f1346;
    }

    .card-info1 {
        color: #16460f;
    }

    .card-info2 {
        color: #46140f;
    }

    .candidateCard .cand-info-sm {
        font-size: 12px;
        display: inline;
    }

    .candidateCard .cand-info-sm-lbl {
        font-size: 12px;
        display: inline;
    }

    .candidateCard .card-name {
        font-size: 18px;
    }

    .card-namefalse {
        text-decoration: line-through;
    }

    .candidateCard .card-contact {
        font-size: 12px;
    }

    .card-title {
        font-size: 12px;
        color: #969696;
        /* margin-left: 36px; */
        font-weight: bold;
        display: block;
    }

    .card-skills {
        font-size: 10px;
        color: #9a9a9a;
        padding-left: 36px;
        white-space: normal;
        display: block;
        margin-top: 8px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .status-good {
        background-color: #5cb85c;
        color: white;
    }

    .status-good-lbc {
        border-left-color: #5cb85c;
    }

    .status-bad {
        background-color: orangered;
        color: white;
    }

    .status-bad-lbc {
        border-left-color: orangered;
    }

    .status-warning {
        background-color: #ff823a;
        color: white;
    }

    .status-warning-lbc {
        border-left-color: #ff823a;
    }

    .status-neutral {
        color: black;
        background-color: white;
    }

    .status-neutral-lbc {
        border-left-color: black;
    }

    .status-pending {
        background-color: #5bc0de;
        color: white;
    }

    .status-pending-lbc {
        border-left-color: #5bc0de;
    }


    .item-title {
    }

    .item-metadata {
        font-size: 9pt;
        margin-left: 24px;
        color: #bfbfbf;
        min-height: 22px;
    }

    .md-autocomplete-suggestions-container .md-autocomplete-suggestions li {
        line-height: inherit;
        height: auto;
    }

    .autocomplete-custom-template li {
        border-bottom: 1px solid #ccc;
        height: auto;
        padding-top: 8px;
        padding-bottom: 8px;
        white-space: normal;
    }

        .autocomplete-custom-template li:last-child {
            border-bottom-width: 0;
        }

    .autocomplete-custom-template .item-title,
    .autocomplete-custom-template .item-metadata {
        display: block;
        line-height: 2;
    }

        .autocomplete-custom-template .item-title md-icon {
            height: 18px;
            width: 18px;
        }

        .autocomplete-custom-template .item-title img {
            height: 18px;
            width: 18px;
        }


    .md-autocomplete-suggestions-container.md-default-theme li .highlight, .md-autocomplete-suggestions-container li .highlight {
        color: #ab422a;
    }

    md-item-custom-template > div:nth-of-type(1) {
    }

        md-item-custom-template > div:nth-of-type(1) div:nth-of-type(1) {
            display: inline-block;
            vertical-align: middle;
        }

        md-item-custom-template > div:nth-of-type(1) div:nth-of-type(2) {
            display: inline-block;
            vertical-align: middle;
            margin-left: 8px;
        }

    .lm_8 {
        margin-left: 8px;
    }

    .vm {
        display: inline-block;
        vertical-align: middle;
    }

    .ic_bord {
        border: solid 1px lightblue;
    }

    .ic_24 {
        width: 24px;
        height: 24px;
        border-radius: 12px;
    }

    .ic_32 {
        width: 32px;
        height: 32px;
        border-radius: 16px;
    }

    .ic_jobrole {
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0OCA0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9Ikljb25zIj48Zz48cGF0aCBkPSJNMzUuNjUzMTIsMTYuOTk0ODJIMTIuMzQ2ODhjLTAuOTg5MDksMC0xLjc5MDksMC44MDE4Mi0xLjc5MDksMS43OTA5djMuNTE2NTRoMjYuODg4MDV2LTMuNTE2NTQgICAgQzM3LjQ0NDAzLDE3Ljc5NjY0LDM2LjY0MjIxLDE2Ljk5NDgyLDM1LjY1MzEyLDE2Ljk5NDgyeiIgc3R5bGU9ImZpbGw6I0Y0RjRGNDsiLz48cGF0aCBkPSJNMzcuNDQ0MDMsMjIuMzAyMjZIMTAuNTU1OTd2MTAuMTkzNjVjMCwxLjE2NzAzLDAuOTQ2MDYsMi4xMTMwOSwyLjExMzA5LDIuMTEzMDloMjIuNjYxODcgICAgYzEuMTY3MDMsMCwyLjExMzA5LTAuOTQ2MDYsMi4xMTMwOS0yLjExMzA5VjIyLjMwMjI2eiIgc3R5bGU9ImZpbGw6IzAwOTdEMzsiLz48Zz48cGF0aCBkPSIgICAgIE0zNS41ODAwNiwzNC42MDlIMTIuNDE5OTRjLTEuMDI5NDQsMC0xLjg2Mzk2LTAuODM0NTMtMS44NjM5Ni0xLjg2Mzk2VjE4Ljg1ODUxYzAtMS4wMjk0NCwwLjgzNDUyLTEuODYzOTYsMS44NjM5Ni0xLjg2Mzk2ICAgICBoMjMuMTYwMTNjMS4wMjk0NCwwLDEuODYzOTYsMC44MzQ1MiwxLjg2Mzk2LDEuODYzOTZ2MTMuODg2NTNDMzcuNDQ0MDMsMzMuNzc0NDgsMzYuNjA5NSwzNC42MDksMzUuNTgwMDYsMzQuNjA5eiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMwMzAzMDtzdHJva2Utd2lkdGg6MC43O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiLz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzAzMDMwO3N0cm9rZS13aWR0aDowLjc7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgeDE9IjEwLjY0MzE3IiB4Mj0iMzcuMzYzOTUiIHkxPSIyMi4zMDIyNiIgeTI9IjIyLjMwMjI2Ii8+PHBhdGggZD0iICAgICBNMTkuMjM2MTYsMTYuOTk0ODJWMTUuNzE1MmMwLTEuMjc5NjIsMS4wNDQ1OS0yLjMyNDIsMi4zMjQyLTIuMzI0Mmg1LjU1MzcyYzEuMjc5NjIsMCwyLjMyNDIxLDEuMDQ0NTksMi4zMjQyMSwyLjMyNDJ2MS4yNzk2MiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMwMzAzMDtzdHJva2Utd2lkdGg6MC43O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiLz48L2c+PGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMwMzAzMDtzdHJva2Utd2lkdGg6MC43O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHgxPSIxMi43Njc0NCIgeDI9IjEyLjc2NzQ0IiB5MT0iMjQuMTc1MjgiIHkyPSIyNy43MjYyOCIvPjxsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMzMDMwMzA7c3Ryb2tlLXdpZHRoOjAuNztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB4MT0iMTIuNzY3NDQiIHgyPSIxMi43Njc0NCIgeTE9IjI5LjI5MTEzIiB5Mj0iMzAuMjE0ODYiLz48L2c+PC9nPjwvc3ZnPg==');
    }


    .gPage-toolbar {
        padding-left: 16px;
        height: 26px;
        min-height: 30px;
        font-size: 14px;
        font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        line-height: 28px;
        margin-bottom: 6px;
        box-shadow: 2px 2px 2px #cccccc;
    }


    /*-----------------Page tabs -----------------------*/
    .page-tabs {
        min-height: 54px;
        border-bottom: solid 4px #428bca;
        height: 54px;
        padding-top: 0;
    }

        .page-tabs .md-tab {
            padding-top: 0;
            padding-bottom: 0;
            height: 41px;
            line-height: 41px;
            margin-top: 8px;
        }

    .list-toolbar {
        background-color: white !important;
        color: #6b6b6b !important;
        font-size: 12px;
        font-weight: 600;
        border-bottom: solid 1px lightgray;
        border-top: solid 1px lightgray;
        /*height: 50px;*/
        min-height: 50px;
    }

        .list-toolbar md-list {
            padding: 0;
        }

            .list-toolbar md-list md-listitem {
                border-bottom: none;
            }


    md-list-item:hover {
        background-color: #f5f5f5;
    }

    .list-toolbar md-list-item:hover {
        background-color: white;
    }

    md-listitem {
        border-bottom: dotted 1px lightgray;
        padding: 6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        min-height: 48px;
        height: auto;
    }

        md-listitem:hover {
            background-color: #f5f5f5;
        }

    .list-toolbar md-listitem:hover {
        background-color: white;
    }

    /* Small tabs -------------------------------------- Start */
    .md-small-list-container md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
        min-height: 40px !important;
        height: 40px !important;
    }

    .md-small-list-container .md-subheader .md-subheader-inner {
        margin-right: 0;
        margin-left: 0;
        padding: 10px 10px 10px 10px;
    }

    .md-small-list-container md-input-container {
        padding-bottom: 0 !important;
        /*border-bottom: dashed 1px #e6e6e6;*/
        margin-bottom: 0;
        padding-top: 0 !important;
        /*font-size:9pt;*/
    }

    .md-small-list-container > md-content {
        border: solid 1px darkgray;
        padding: 0;
        margin: 4px;
    }

        .md-small-list-container > md-content > md-toolbar {
            min-height: 40px;
        }

            .md-small-list-container > md-content > md-toolbar > .md-toolbar-tools {
                max-height: 40px;
            }


    .md-small-list-container md-pagination-wrapper {
        height: 35px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .md-small-list-container md-tabs-content-wrapper {
        top: 32px;
    }

    .md-small-tab-container {
        padding: 0;
        margin: 4px;
    }

        .md-small-tab-container > md-toolbar {
            min-height: 40px;
        }

            .md-small-tab-container > md-toolbar > .md-toolbar-tools {
                max-height: 40px;
            }

        .md-small-tab-container .md-subheader .md-subheader-inner {
            padding-left: 1px;
            padding-right: 1px;
        }

        .md-small-tab-container .md-subheader md-list-item {
            padding-left: 1px;
            padding-right: 1px;
        }
    /* Small tabs -------------------------------------- Finish */


    .item-inactive {
        color: rgb(221,44,0) !important;
    }

    .item-active {
    }

    .item-closed {
        color: lightgray;
    }

    .item-open {
        color: black;
    }

    .item-billable {
        /*color: rgb(21,101,192) !important;*/
    }

    .item-nonbillable {
        color: #b10000 !important;
    }


    md-list-item._md-button-wrap > div.md-button:first-child {
        padding: 0;
    }

    .md-tab {
        /*padding-top: 5px;*/
    }

    md-checkbox {
        margin-bottom: 0;
        margin-right: 0;
    }

    md-list-item.md-no-proxy, md-list-item .md-no-style {
        padding: 0;
    }


    .assoc-list md-icon {
        height: 20px;
        width: 20px;
        min-height: 20px;
        min-width: 20px;
    }

    .assoc-list .md-button.md-icon-button {
        height: 35px;
        padding: 0;
        width: 35px;
        margin: 0;
        min-width: 35px;
        min-height: 35px;
    }

    .text-nowrap {
        overflow: hidden;
        white-space: nowrap;
        overflow-y: hidden;
        width: 100%;
    }


    /*md-list-item, md-list-item .md-list-item-inner {
    min-height: 45px !important;
    height: 25px;
}*/
    md-switch {
        margin-bottom: 0;
    }

        md-switch > div > label {
            font-size: 10px;
        }

    .time-hl {
        background-color: rgb(33,150,243);
        width: 50px;
        text-align: center;
        font-size: 16px;
        color: white;
        padding: 4px 4px 4px 4px;
    }

    .date-hl {
    }

        .date-hl .md-datepicker-input-container {
            background-color: rgb(33,150,243);
            padding: 0;
        }

            .date-hl .md-datepicker-input-container > input {
                color: white;
                text-align: center;
                font-size: 16px;
            }

    .hide-validation-errors .md-errors-spacer {
        display: none;
    }


    .row1 {
        background-color: #f5f5f5 !important;
    }

    .row2 {
        background-color: #9a9a9a !important;
        color: white;
    }

    .md-select-menu-container {
        z-index: 10000;
    }

    .timer-list-item {
        border-bottom: dashed 1px lightgray;
    }

    .timer-blinker {
        animation-name: blinker;
        animation-duration: 1s;
        animation-timing-function: ease-in-ease-out;
        animation-iteration-count: infinite;
    }

    @-moz-keyframes blinker { /* Decimal not necessary, 0 and 1 is enough */
        0% {
            opacity: 1.0;
        }

        40% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.2
        }

        60% {
            opacity: 1.0;
        }

        100% {
            opacity: 1.0;
        }
    }

    @-webkit-keyframes blinker {
        0% {
            opacity: 1.0;
        }

        40% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.2
        }

        60% {
            opacity: 1.0;
        }

        100% {
            opacity: 1.0;
        }
    }

    @keyframes blinker {
        0% {
            opacity: 1.0;
        }

        40% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.2
        }

        60% {
            opacity: 1.0;
        }

        100% {
            opacity: 1.0;
        }
    }

    .timer-button-mini {
        max-width: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        min-width: 32px !important;
        padding: 0;
        margin: 0;
        margin: 18px 4px 18px 4px;
    }

        .timer-button-mini > img {
            position: center;
            position: relative;
            top: -3px;
        }

        .timer-button-mini .md-ripple-container {
            max-width: 32px !important;
            min-height: 32px !important;
            padding: 0;
            margin: 0;
        }

    .ui-grid-viewport {
        height: 100%;
    }

    .list-header {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .md-check-multiple-list-container {
    }

        .md-check-multiple-list-container md-checkbox {
            min-width: 175px;
            margin: 4px 4px 4px 4px;
        }

    .multiple-items-selection {
        min-width: 150px;
        max-width: 300px;
        white-space: nowrap;
        font-size: 14px;
        padding-top: 8px;
        overflow: hidden;
    }

        .multiple-items-selection input[type=button] {
            width: 28px;
            border: solid 1px darkgray;
        }

        .multiple-items-selection span {
            font-size: 12px;
            padding-left: 4px;
        }


    md-optgroup label {
        padding: 8px 16px 8px 16px;
        background-color: #9a9a9a;
        color: white;
    }

    .tt-container {
    }

    .tt-info {
        margin: 16px;
        padding: 8px;
    }

    .tt-container h2 {
        font-size: 24px;
        margin-top: 8px;
    }

    .tt-container h4 {
        font-size: 16px;
        color: #808080;
        margin-top: 0;
        margin-bottom: 0;
    }

    .tt-summary {
        border: solid 1px rgb(33,150,243);
        font-size: 12px;
        margin: 16px;
        width: calc(100% - 32px);
    }

        .tt-summary td {
            border: dotted 1px rgb(33,150,243);
        }

        .tt-summary .tt-w {
            border: dotted 1px #9a9a9a;
        }

        .tt-summary thead, .tt-summary tfoot {
            background-color: rgb(33,150,243) !important;
            color: white !important;
        }

            .tt-summary thead th, .tt-summary tfoot th {
                min-width: 34px;
            }

            .tt-summary thead .tt-w, .tt-summary tfoot .tt-w {
                background-color: rgb(246, 244, 152) !important;
                color: darkgray !important;
                min-width: 10px;
            }

            .tt-summary thead .tt-h-day, .tt-summary tfoot .tt-h-day {
                text-align: center;
                font-weight: normal;
            }

            .tt-summary tfoot th {
                padding: 4px 0 4px 0;
            }

        .tt-summary tbody {
            /*background-color: rgb(33,150,243);
        color: white;*/
        }

            .tt-summary tbody td {
                min-width: 34px;
            }

            .tt-summary tbody .tt-w {
                background-color: rgb(246, 244, 152);
                color: darkgray;
                min-width: 10px;
            }

            /* index */
            .tt-summary tbody tr td:first-child {
                text-align: center;
                font-weight: bold;
                background-color: rgb(33,150,243);
                color: white;
            }
            /* person */
            .tt-summary tbody tr td:nth-child(2) {
                text-align: left;
                font-weight: bold;
                padding: 4px;
            }

            .tt-summary tbody .tt-h-time {
                text-align: center;
                font-weight: normal;
            }

    .counter-corner {
        max-height: 50px;
        max-width: 50px !important;
        min-height: 50px;
        min-width: 50px;
        border-top-left-radius: 100%;
        background-color: rgba(240, 240, 240, 0.1);
        border: solid 1px rgb(220,220,220);
    }

        .counter-corner:hover {
            background-color: rgba(0, 0, 0, 0.1);
            border: solid 1px rgba(0, 0, 0, 0.1);
        }

    .opportunity-counter-corner {
        position: absolute;
        right: 8px;
        bottom: 12px;
    }

    .candidate-counter-corner {
        position: absolute;
        right: 13px;
        bottom: 47px;
    }

    .counter-corner > span {
        font-size: 17px;
        color: rgb(25, 25, 25);
        line-height: 40px;
        display: block;
        text-align: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .candidate-card-status {
        margin-left: 5px;
        height: 20px;
    }

    .opportunity-title {
    }

        .opportunity-title span {
            font-size: 20px !important;
        }


    .md-round {
        border-radius: 50%;
    }

    .md-white {
        background-color: white;
    }

    .md-crop-100x50 {
        width: 100px;
        overflow: hidden;
        height: 50px;
        line-height: 50px;
    }

    .md-card-info {
        max-height: 20px;
    }

    md-card-action {
        padding: 12px;
        font-family: 'Segoe UI';
    }

    md-icon-actions {
        display: inline-block;
        line-height: 20px;
        margin-top: -8px;
        margin-bottom: -8px;
    }

        md-icon-actions .md-button {
            min-width: 30px;
            min-height: 30px;
            margin: 0;
            padding: 0;
            line-height: 30px;
        }

    md-card-header {
        /*background-color:#c7dfea;*/
    }

    md-card-content {
        font-family: 'Segoe UI';
        font-size: 12px;
    }


    .md-toolbar-tools .md-errors-spacer {
        display: none;
    }

    .md-toolbar-gray .md-toolbar-tools md-card-avatar {
        width: 40px;
        height: 40px;
    }

        .md-toolbar-gray .md-toolbar-tools md-card-avatar img {
            width: 40px;
            height: 40px;
        }

    md-toolbar .md-toolbar-tools md-card-header-text {
        padding-left: 12px;
    }

        md-toolbar .md-toolbar-tools md-card-header-text h1 {
            font-family: 'Segoe UI';
            font-size: 18px;
            margin-top: 4px;
            margin-bottom: 4px;
        }

        md-toolbar .md-toolbar-tools md-card-header-text h2 {
            font-family: 'Segoe UI';
            font-size: 12px;
            color: #3d3d3d;
            margin-top: 0;
            margin-bottom: 4px;
        }

        md-toolbar .md-toolbar-tools md-card-header-text p {
            font-family: 'Segoe UI';
            font-size: 10px;
            color: #3d3d3d;
            margin-top: 0;
        }



    .big-card-container md-card {
    }

        .big-card-container md-card md-card-avatar {
            width: 60px;
            height: 60px;
            /*background-color: red;*/
        }

            .big-card-container md-card md-card-avatar img {
                width: 60px;
                height: 60px;
            }

        .big-card-container md-card md-card-header {
            color: #333;
            padding-right: 0;
        }

        .big-card-container md-card md-card-header-text {
            padding-left: 12px;
        }

            .big-card-container md-card md-card-header-text h1 {
                font-family: 'Segoe UI';
                font-size: 18px;
                margin-top: 0;
                margin-bottom: 0;
                line-height: 30px;
                padding: 2px 2px 6px 2px;
            }

            .big-card-container md-card md-card-header-text h2 {
                font-family: 'Segoe UI';
                font-size: 12px;
                color: #3d3d3d;
                margin-top: 0;
                margin-bottom: 4px;
            }

            .big-card-container md-card md-card-header-text p {
                font-family: 'Segoe UI';
                font-size: 10px;
                color: #3d3d3d;
                margin-top: 0;
            }

    .big-card-container md-subhead {
        line-height: 10px;
    }

    .big-card-container md-card md-card-header md-card-header-text .md-mini {
        min-width: 30px;
        margin: 0;
        padding: 0;
    }

    .big-card-container md-card md-card-action {
        /*background-color: #ddd;*/
    }


    .big-card-container md-card-actions.md-card-info {
        font-family: 'Segoe UI';
        font-size: 10px;
        padding-left: 12px;
        padding-right: 0;
        margin: 0;
    }

    .big-card-container md-card-action.md-card-info section {
        margin-top: -6px;
    }



    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
        .big-card-container md-card md-card-avatar {
            width: 40px;
            height: 40px;
            /*background-color: red;*/
        }

            .big-card-container md-card md-card-avatar img {
                width: 40px;
                height: 40px;
            }
    }

    @media only screen and (max-width: 1024px) {
    }

    @media only screen and (max-width: 1500px) {
    }

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


.clean md-select-value {
    border-bottom: none;
}

md-select-value {
    height: 26px;
}


    .md-form-adaptive {
    }

        .md-form-adaptive md-input-container {
            line-height: 24px;
        }

            .md-form-adaptive md-input-container input {
            }

    @media only screen and (min-width : 320px) and (max-width : 480px) {
        /* hide application name on the main toolbar */
        .app-menu.md-toolbar-tools h1 a {
            display: none;
        }

        /* shorter toolbar */
        .md-toolbar-gray {
            min-height: 54px;
            height: 54px;
        }



        .md-form-adaptive md-input-container {
            max-width: 100px;
        }

            .md-form-adaptive md-input-container input :not(md-datepicker-input) {
                width: 75px !important;
                overflow: hidden;
            }

        .md-form-adaptive .md-toolbar-gray section {
            margin-top: 18px;
        }
    }

    @media only screen and (min-width: 481px) and (max-width: 720px) {
        .md-form-adaptive md-input-container {
        }

            .md-form-adaptive md-input-container input :not(md-datepicker-input) {
                width: 100px;
                overflow: hidden;
            }

        .md-form-adaptive .md-toolbar-gray section {
            margin-top: 18px;
        }
    }

    @media only screen and (min-width: 720px) and (max-width: 1024px) {
        .md-form-adaptive md-input-container {
        }

            .md-form-adaptive md-input-container input :not(md-datepicker-input) {
                width: 150px;
                overflow: hidden;
            }

        .md-form-adaptive .md-toolbar-gray section {
            margin-top: 18px;
        }
    }


    @media only screen and (min-width: 1025px) and (max-width:1500px) {
        .md-form-adaptive md-input-container {
        }

            .md-form-adaptive md-input-container input :not(md-datepicker-input) {
                width: 175px;
                overflow: hidden;
            }

        .md-form-adaptive .md-toolbar-gray section {
            margin-top: 18px;
        }
    }

    @media only screen and (min-width:1501px) {
        .md-form-adaptive md-input-container {
        }

            .md-form-adaptive md-input-container input :not(md-datepicker-input) {
                width: 175px;
                overflow: hidden;
            }

        .md-form-adaptive .md-toolbar-gray section {
            margin-top: 18px;
        }
    }


    .icon-details {
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJNZW51XzFfIj48cGF0aCBkPSJNMSwxMGgzMGMwLjU1MiwwLDEtMC40NDgsMS0xYzAtMC41NTItMC40NDgtMS0xLTFIMUMwLjQ0OCw4LDAsOC40NDgsMCw5QzAsOS41NTIsMC40NDgsMTAsMSwxMHoiIGZpbGw9IiMxMjEzMTMiLz48cGF0aCBkPSJNMzEsMTVIMWMtMC41NTIsMC0xLDAuNDQ4LTEsMWMwLDAuNTUyLDAuNDQ4LDEsMSwxaDMwYzAuNTUyLDAsMS0wLjQ0OCwxLTFDMzIsMTUuNDQ4LDMxLjU1MiwxNSwzMSwxNXoiIGZpbGw9IiMxMjEzMTMiLz48cGF0aCBkPSJNMzEsMjJIMTFjLTAuNTUyLDAtMSwwLjQ0OC0xLDFzMC40NDgsMSwxLDFoMjBjMC41NTIsMCwxLTAuNDQ4LDEtMVMzMS41NTIsMjIsMzEsMjJ6IiBmaWxsPSIjMTIxMzEzIi8+PC9nPjxnLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjwvc3ZnPg==');
    }

    .btn-small {
        min-width: 50px;
        color: #888;
    }

    .btn-mid {
        min-width: 80px;
    }

    .btn-small-highligth {
        background-color: #e8f0fe;
        color: #1a73e8;
    }

    .btn-small-close {
        background-color: white;
        color: #888;
        float: right;
        position: absolute;
        top: 4px;
        right: 0px;
        border-radius: 15px;
        margin: 8px;
        width: 30px;
        padding: 8px;
        background-color: #e8f0fe38;
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgaWQ9InN2ZzgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDYuMzQ5OTk5OCA2LjM0OTk5OTgiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMgaWQ9ImRlZnMyIi8+PHBhdGggZD0ibSAwLjc2MzY3MzM2LDAuNTI3MzQzNzUgYSAwLjI2NDYwOTc4LDAuMjY0NjA5NzggMCAwIDAgLTAuMTU2MjUsMC40NTMxMjUwMSBMIDUuMzY5MTQyLDUuNzQ0MTQwNSBBIDAuMjY1MTY1MDQsMC4yNjUxNjUwNCAwIDEgMCA1Ljc0NDE0MjEsNS4zNjkxNDA3IEwgMC45ODA0NzAyNCwwLjYwNzQyMTg4IEEgMC4yNjQ2MDk3OCwwLjI2NDYwOTc4IDAgMCAwIDAuNzYzNjczMzYsMC41MjczNDM3NSBaIiBpZD0icGF0aDE4NTUiIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOm1lZGl1bTtsaW5lLWhlaWdodDpub3JtYWw7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtcG9zaXRpb246bm9ybWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJpYzpub3JtYWw7Zm9udC12YXJpYW50LWFsdGVybmF0ZXM6bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRiO2RpcmVjdGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1iYXNlbGluZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwMDAwO3NvbGlkLW9wYWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojMDAwMDFkO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjUyOTE2NjY0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDoyMDQuMDk0NDgyNDI7c3Ryb2tlLW9wYWNpdHk6MTtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIvPjxwYXRoIGQ9Ik0gNS41NTA3ODI3LDAuNTI3MzQzNzUgQSAwLjI2NDYwOTc4LDAuMjY0NjA5NzggMCAwIDAgNS4zNjkxNDIsMC42MDc0MjE4OCBMIDAuNjA3NDIzMzYsNS4zNjkxNDA3IEEgMC4yNjQ2MDk3OCwwLjI2NDYwOTc4IDAgMSAwIDAuOTgwNDcwMjQsNS43NDQxNDA1IEwgNS43NDQxNDIxLDAuOTgwNDY4NzYgQSAwLjI2NDYwOTc4LDAuMjY0NjA5NzggMCAwIDAgNS41NTA3ODI3LDAuNTI3MzQzNzUgWiIgaWQ9InBhdGgxODU3IiBzdHlsZT0iY29sb3I6IzAwMDAwMDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTptZWRpdW07bGluZS1oZWlnaHQ6bm9ybWFsO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO2NsaXAtcnVsZTpub256ZXJvO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO29wYWNpdHk6MTtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpsaW5lYXJSR0I7c29saWQtY29sb3I6IzAwMDAwMDtzb2xpZC1vcGFjaXR5OjE7dmVjdG9yLWVmZmVjdDpub25lO2ZpbGw6IzAwMDAxZDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC41MjkxNjY2NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MjA0LjA5NDQ4MjQyO3N0cm9rZS1vcGFjaXR5OjE7cGFpbnQtb3JkZXI6c3Ryb2tlIGZpbGwgbWFya2Vycztjb2xvci1yZW5kZXJpbmc6YXV0bztpbWFnZS1yZW5kZXJpbmc6YXV0bztzaGFwZS1yZW5kZXJpbmc6YXV0bzt0ZXh0LXJlbmRlcmluZzphdXRvO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiLz48L3N2Zz4=')
    }

        .btn-small-close:hover {
            background-color: #e8f0fe;
        }

        .btn-small-close span {
        }

        .btn-small-close .float-top-right {
            float: right;
            position: absolute;
            top: 0px;
            right: 0px;
        }

.btn-details {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.38);
    width: 100%;
    text-align: left;
    /*background-color: #eee;*/
    margin: 0;
    border-radius: 0px;
    height: 30px;
    font-size: 12px;
}

        .btn-details.selected {
            color: rgb(51, 51, 51);
        }

.md-button.btn-details {
    min-height: 30px;
    height: 30px;
     line-height: 30px;
        }

    .btn-group-section {
        margin-top: 24px;
        padding-top: 18px;
        border-top: dashed 1px lightgray;
    }

    .datepicker-hide-icon .md-datepicker-button {
        display: none;
    }

    .datepicker-hide-icon .md-datepicker-input-container {
        margin-left: 0px;
    }

    .btn-note {
        background-color: white;
        border-radius: 20px;
        margin: 4px;
        padding: 9px;
        width: 40px;
        height: 40px;
        /* https://www.iconfinder.com/icons/2199109/bubble_chat_communication_message_talk_icon  
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgxOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgODAgODEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGcgaWQ9IkxheWVyXzIiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBkPSJNNDQuOCw0LjZoLTkuN0MxOC44LDQuOSw1LjcsMTguNSw2LDM0LjljMC4zLDE2LDEzLjIsMjguOSwyOS4yLDI5LjJoMjcuNmwxMS44LDEyLjN2LTQyQzc0LjUsMTgsNjEuMiw0LjcsNDQuOCw0LjZ6ICAgICBNNzEuNiw2OC45TDY0LDYxLjFIMzUuMmMtMTQuOCwwLTI2LjctMTItMjYuNy0yNi43YzAtMTQuOCwxMi0yNi43LDI2LjctMjYuN2g5LjdjMTQuNywwLDI2LjcsMTIsMjYuNywyNi43VjY4Ljl6Ii8+PHJlY3QgaGVpZ2h0PSIzIiB3aWR0aD0iMzMuMSIgeD0iMjMuNSIgeT0iMjYiLz48cmVjdCBoZWlnaHQ9IjMiIHdpZHRoPSIzMy4xIiB4PSIyMy41IiB5PSIzNy43Ii8+PC9nPjwvZz48L3N2Zz4=')
}

    .btn-reminder {
        background-color: white;
        border-radius: 20px;
        margin: 4px;
        padding: 9px;
        width: 40px;
        height: 40px;
        /* https://www.iconfinder.com/icons/2199103/alert_bell_notification_ring_icon */
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwIDc4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNjAgNzgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGcgaWQ9IkxheWVyXzIiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBkPSJNNTQuMiw1NC40bC01LjEtNi4zYy0wLjUtMC43LTAuOC0xLjUtMC44LTIuNHYtMTNjMC04LjEtNS40LTE1LjMtMTMuMi0xNy41di01LjFjMC0yLjgtMi4zLTUtNS01cy01LDIuMy01LDV2NSAgICBjLTcuOSwyLjMtMTMuMyw5LjUtMTMuMiwxNy42djEzYzAsMC45LTAuMywxLjctMC44LDIuNGwtNS4xLDYuM2MtMC40LDAuNS0wLjcsMS4yLTAuNywxLjl2Ny45aDQ5Ljh2LTcuOSAgICBDNTQuOSw1NS42LDU0LjYsNTQuOSw1NC4yLDU0LjR6IE0yOCwxMC4xYzAtMS4xLDAuOS0yLDItMnMyLDAuOSwyLDJ2NC41Yy0xLjQtMC4yLTIuNy0wLjItNC4xLDBWMTAuMXogTTUxLjksNjEuMUg4LjF2LTQuOCAgICBsNS4xLTYuM2MxLTEuMiwxLjUtMi43LDEuNS00LjN2LTEzYzAtOC40LDYuOC0xNS4zLDE1LjMtMTUuM3MxNS4zLDYuOCwxNS4zLDE1LjN2MTNjMCwxLjYsMC41LDMuMSwxLjUsNC4zbDUuMSw2LjNWNjEuMXoiLz48cGF0aCBkPSJNMjgsMjAuOHYzYzYuMSwwLDExLjEsNSwxMS4xLDExLjFjMCwwLDAsMCwwLDBoM0M0Mi4xLDI3LjEsMzUuOCwyMC44LDI4LDIwLjhDMjgsMjAuOCwyOCwyMC44LDI4LDIwLjh6Ii8+PHBhdGggZD0iTTMwLDY5LjljLTIuOSwwLTUuMi0yLjMtNS4yLTUuMmgtM2MwLDQuNSwzLjcsOC4yLDguMiw4LjJjNC41LDAsOC4yLTMuNyw4LjItOC4yaC0zQzM1LjIsNjcuNiwzMi45LDY5LjksMzAsNjkuOXoiLz48L2c+PC9nPjwvc3ZnPg==');
    }

    .btn-event {
        background-color: white;
        border-radius: 20px;
        margin: 4px;
        padding: 9px;
        width: 40px;
        height: 40px;
        /* https://www.iconfinder.com/icons/2199108/calendar_date_day_event_schedule_icon */
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDc1OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgODAgNzUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGcgaWQ9IkxheWVyXzIiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBkPSJNNTMuNCwxMC40VjQuN2gtM3Y1LjdoLTguNVY0LjdoLTN2NS43aC05LjFWNC43aC0zdjUuN0g1LjR2NTkuOWg2OS4xVjEwLjRINTMuNHogTTI2LjgsMTMuNFYxOWgzdi01LjdIMzlWMTloM3YtNS43aDguNSAgICBWMTloM3YtNS43aDE4LjF2NDQuMkg4LjRWMTMuNEgyNi44eiBNOC40LDY3LjN2LTYuN2g2My4xdjYuN0w4LjQsNjcuM3oiLz48cmVjdCBoZWlnaHQ9IjUuNyIgd2lkdGg9IjUuNyIgeD0iMjIuNiIgeT0iMzAiLz48cmVjdCBoZWlnaHQ9IjUuNyIgd2lkdGg9IjUuNyIgeD0iMzcuMSIgeT0iMzAiLz48cmVjdCBoZWlnaHQ9IjUuNyIgd2lkdGg9IjUuNyIgeD0iNTEuNyIgeT0iMzAiLz48cmVjdCBoZWlnaHQ9IjUuNyIgd2lkdGg9IjUuNyIgeD0iMjIuNiIgeT0iNDQuNiIvPjxyZWN0IGhlaWdodD0iNS43IiB3aWR0aD0iNS43IiB4PSIzNy4xIiB5PSI0NC42Ii8+PHJlY3QgaGVpZ2h0PSI1LjciIHdpZHRoPSI1LjciIHg9IjUxLjciIHk9IjQ0LjYiLz48L2c+PC9nPjwvc3ZnPg==');
    }

    .btn-task {
        background-color: white;
        border-radius: 20px;
        margin: 4px;
        padding: 9px;
        width: 40px;
        height: 40px;
        /* https://www.iconfinder.com/icons/2199091/activity_feed_time_timeline_icon */
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDgwOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgODAgODAiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGcgaWQ9IkxheWVyXzIiPjxnIGlkPSJMYXllcl8zIj48cGF0aCBkPSJNNS40LDUuNHY2OS4xaDY5LjFWNS40SDUuNHogTTcxLjYsNzEuNkg4LjRWOC40aDYzLjFWNzEuNnoiLz48cmVjdCBoZWlnaHQ9IjkuNyIgd2lkdGg9IjkuNyIgeD0iMTYuNiIgeT0iMTYuNiIvPjxyZWN0IGhlaWdodD0iMyIgd2lkdGg9IjI5LjgiIHg9IjMzLjYiIHk9IjIwIi8+PHJlY3QgaGVpZ2h0PSIzIiB3aWR0aD0iNDYuOCIgeD0iMTYuNiIgeT0iMzQuMSIvPjxyZWN0IGhlaWdodD0iMyIgd2lkdGg9IjQ2LjgiIHg9IjE2LjYiIHk9IjQ0LjciLz48cmVjdCBoZWlnaHQ9IjguMiIgd2lkdGg9IjQ2LjciIHg9IjE2LjYiIHk9IjU1LjIiLz48L2c+PC9nPjwvc3ZnPg==');
    }

    /*TrackedEntityTypeId: 1 - Notes, 2 - Reminder, 3 - Events, 4 - Tasks */
    .track {
        width: 20px;
        height: 20px;
    }

    .track1 {
        width: 20px;
        height: 20px;
        /*https://www.iconfinder.com/icons/392521/bubble_chat_comment_message_talk_icon/ */
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IiAgIDY0OSwxMzcuOTk5IDY3NSwxMzcuOTk5IDY3NSwxNTUuOTk5IDY2MSwxNTUuOTk5ICAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IiAgIDY1MywxNTUuOTk5IDY0OSwxNTUuOTk5IDY0OSwxNDEuOTk5ICAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IiAgIDY2MSwxNTYgNjUzLDE2MiA2NTMsMTU2ICAiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvZz48cGF0aCBkPSJNMjksM0gzQzIuNDQ4LDMsMiwzLjQ0OCwyLDRjMCwwLjU1MiwwLjQ0OCwxLDEsMWgyNXYxNkgxNWMtMC4wNDEsMC0wLjA3NiwwLjAxOC0wLjExNiwwLjAyMyAgYy0wLjA2NywwLjAwOC0wLjEzLDAuMDE4LTAuMTk1LDAuMDM5Yy0wLjA2OCwwLjAyMi0wLjEyNywwLjA1My0wLjE4NywwLjA4OWMtMC4wMzMsMC4wMTktMC4wNzEsMC4wMjUtMC4xMDIsMC4wNDlMOCwyNnYtNCAgYzAsMCwwLDAsMCwwczAsMCwwLDBjMC0wLjU1My0wLjQ0OC0xLTEtMUg0VjhjMC0wLjU1Mi0wLjQ0OC0xLTEtMVMyLDcuNDQ4LDIsOFYyMmMwLDAuNTUzLDAuNDQ4LDEsMSwxaDN2NSAgYzAsMC4zNzksMC4yMTQsMC43MjUsMC41NTMsMC44OTVDNi42OTQsMjguOTY1LDYuODQ4LDI5LDcsMjljMC4yMTIsMCwwLjQyMy0wLjA2NywwLjYtMC4ybDcuNzMzLTUuOEgyOWMwLjU1MywwLDEtMC40NDcsMS0xVjQgIEMzMCwzLjQ0OCwyOS41NTMsMywyOSwzeiIvPjwvc3ZnPg==')
    }

    .track2 {
        width: 30px;
        height: 30px;
        /*https://www.iconfinder.com/icons/392523/bell_notification_remind_reminder_ring_ringing_schedule_sound_icon/ */
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yOC44NTcsMjUuNDg1TDI2LDIwLjcyM1YxNGMwLTUuMTc3LTMuOTU0LTkuNDQ2LTktOS45NDlWM2MwLTAuNTUyLTAuNDQ4LTEtMS0xcy0xLDAuNDQ4LTEsMXYyYzAsMC41NTIsMC40NDgsMSwxLDEgIGM0LjQxMSwwLDgsMy41ODksOCw4djdjMCwwLjE4MiwwLjA0OSwwLjM1OSwwLjE0MywwLjUxNUwyNi4yMzMsMjVINS43NjZsMi4wOTEtMy40ODVDNy45NTEsMjEuMzU5LDgsMjEuMTgyLDgsMjF2LTcgIGMwLTMuMDc5LDEuOC01LjkyLDQuNTg1LTcuMjM4YzAuNDk5LTAuMjM2LDAuNzEyLTAuODMyLDAuNDc2LTEuMzMyYy0wLjIzNi0wLjQ5OS0wLjgzMi0wLjcxMi0xLjMzMi0wLjQ3NiAgQzguMjQ5LDYuNjAxLDYsMTAuMTUxLDYsMTR2Ni43MjNsLTIuODU3LDQuNzYzYy0wLjE4NiwwLjMwOS0wLjE5LDAuNjkzLTAuMDEzLDEuMDA4QzMuMzA3LDI2LjgwNywzLjY0LDI3LDQsMjdoOC4xNDIgIGMwLjQ0NywxLjcyMSwyLDMsMy44NTgsM2MxLjg1OSwwLDMuNDExLTEuMjc5LDMuODU4LTNIMjhjMC4zNiwwLDAuNjkyLTAuMTkzLDAuODctMC41MDdDMjkuMDQ4LDI2LjE3OSwyOS4wNDMsMjUuNzk0LDI4Ljg1NywyNS40ODUgIHogTTE2LDI4Yy0wLjczNywwLTEuMzc1LTAuNDA1LTEuNzIyLTFoMy40NDNDMTcuMzc1LDI3LjU5NSwxNi43MzcsMjgsMTYsMjh6Ii8+PC9zdmc+');
        border-radius: 15px;
    }

    .track3 {
        width: 20px;
        height: 20px;
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2Rpc3BsYXk6bm9uZTt9DQoJLnN0MXtkaXNwbGF5OmlubGluZTt9DQoJLnN0MntmaWxsOiNCNkRDRkU7fQ0KCS5zdDN7ZmlsbDojNDc4OEM3O30NCgkuc3Q0e2ZpbGw6I0ZGRkZGRjt9DQoJLnN0NXtkaXNwbGF5OmlubGluZTtmaWxsOiM0Nzg4Qzc7fQ0KCS5zdDZ7ZmlsbDojRkNEMEUwO30NCgkuc3Q3e2ZpbGw6I0ZGNEQ4MTt9DQo8L3N0eWxlPg0KPGcgaWQ9Ik1hbGUiIGNsYXNzPSJzdDAiPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNC41LDM4LjVjMC4zLTYuMSw1LjMtMTEsMTEuNS0xMWg4YzYuMiwwLDExLjIsNC45LDExLjUsMTFINC41eiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyOGM1LjcsMCwxMC40LDQuNCwxMSwxMEg1YzAuNS01LjYsNS4yLTEwLDExLTEwSDI0IE0yNCwyN2gtOEM5LjQsMjcsNCwzMi40LDQsMzlsMCwwaDMybDAsMA0KCQkJCUMzNiwzMi40LDMwLjYsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yMCwzMC4zbC00LjcsM2wtMS42LTUuNWMwLjgtMC4yLDEuNS0wLjIsMi4zLTAuMmg4YzAuNywwLDEuNSwwLjEsMi4zLDAuMmwtMS42LDUuNUwyMCwzMC4zeiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyOGMwLjUsMCwxLjEsMCwxLjYsMC4xbC0xLjIsNC4zTDIwLjUsMzBMMjAsMjkuN0wxOS41LDMwbC0zLjksMi40bC0xLjItNC4zQzE0LjksMjgsMTUuNSwyOCwxNiwyOEgyNA0KCQkJCSBNMjQsMjdoLThjLTEsMC0yLDAuMS0yLjksMC40TDE1LDM0bDUtMy4xbDUsMy4xbDEuOS02LjZDMjYsMjcuMSwyNSwyNywyNCwyN0wyNCwyN3oiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPHBvbHlnb24gY2xhc3M9InN0NCIgcG9pbnRzPSIxNS41LDI3LjggMTUuNSwyMi41IDI0LjUsMjIuNSAyNC41LDI3LjggMjAsMzEuNCAJCSIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyM3Y0LjZsLTQsMy4ybC00LTMuMlYyM0gyNCBNMjUsMjJIMTV2Ni4xbDUsMy45bDUtMy45VjIyTDI1LDIyeiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDUiIHBvaW50cz0iMjIuNiwyOS42IDIwLDMwLjMgMTcuNCwyOS42IDE5LDMzIDE3LDM5IDIzLDM5IDIxLDMzIAkiLz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjcuMSwxOS4yYy0xLjMsMC0yLjQtMS4xLTIuNC0yLjRzMS4xLTIuNCwyLjQtMi40YzIsMCwyLjQsMC41LDIuNCwxLjRDMjkuNSwxNy4zLDI4LjMsMTkuMiwyNy4xLDE5LjJ6DQoJCQkJIE0xMi45LDE5LjJjLTEuMiwwLTIuNC0xLjktMi40LTMuM2MwLTAuOSwwLjQtMS40LDIuNC0xLjRjMS4zLDAsMi40LDEuMSwyLjQsMi40UzE0LjIsMTkuMiwxMi45LDE5LjJ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjcuMSwxNWMxLjksMCwxLjksMC41LDEuOSwwLjljMCwxLjItMSwyLjgtMS45LDIuOGMtMSwwLTEuOS0wLjgtMS45LTEuOUMyNS4zLDE1LjgsMjYuMSwxNSwyNy4xLDE1DQoJCQkJIE0xMi45LDE1YzEsMCwxLjksMC44LDEuOSwxLjlzLTAuOCwxLjktMS45LDEuOWMtMC44LDAtMS45LTEuNi0xLjktMi44QzExLDE1LjUsMTEsMTUsMTIuOSwxNSBNMjcuMSwxNGMtMS42LDAtMi45LDEuMy0yLjksMi45DQoJCQkJYzAsMS42LDEuMywyLjksMi45LDIuOWMxLjYsMCwyLjktMi4yLDIuOS0zLjhDMzAsMTQuMywyOC43LDE0LDI3LjEsMTRMMjcuMSwxNHogTTEyLjksMTRjLTEuNiwwLTIuOSwwLjMtMi45LDEuOQ0KCQkJCXMxLjMsMy44LDIuOSwzLjhzMi45LTEuMywyLjktMi45UzE0LjQsMTQsMTIuOSwxNEwxMi45LDE0eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMCwyNi41Yy0wLjYsMC0xLjItMC4yLTEuNi0wLjZsLTAuMS0wLjFsLTAuMSwwYy0zLjMtMC44LTUuNy0zLjgtNS43LTcuM1Y5LjJjMC0xLjgsMS41LTMuMywzLjMtMy4zaDguNA0KCQkJCWMxLjgsMCwzLjMsMS41LDMuMywzLjN2OS4zYzAsMy40LTIuMyw2LjQtNS43LDcuM2wtMC4xLDBsLTAuMSwwLjFDMjEuMiwyNi4zLDIwLjYsMjYuNSwyMCwyNi41eiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LjIsNi40YzEuNiwwLDIuOCwxLjMsMi44LDIuOHY5LjNjMCwzLjItMi4yLDYtNS4zLDYuOGwtMC4yLDAuMWwtMC4yLDAuMkMyMSwyNS43LDIwLjYsMjYsMjAsMjYNCgkJCQlzLTEtMC4zLTEuMy0wLjVsLTAuMi0wLjJsLTAuMi0wLjFjLTMuMS0wLjgtNS4zLTMuNi01LjMtNi44VjkuMmMwLTEuNiwxLjMtMi44LDIuOC0yLjhIMjQuMiBNMjQuMiw1LjRoLTguNA0KCQkJCWMtMi4xLDAtMy44LDEuNy0zLjgsMy44djkuM2MwLDMuNywyLjYsNi45LDYsNy43YzAuNSwwLjUsMS4yLDAuOCwyLDAuOHMxLjQtMC4zLDItMC44YzMuNS0wLjksNi00LDYtNy43VjkuMg0KCQkJCUMyOCw3LjEsMjYuMyw1LjQsMjQuMiw1LjRMMjQuMiw1LjR6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNy41LDE3LjVWMTRjMC0zLjYtMy01LjYtMy4yLTUuN2wtMC40LTAuM2wtMC4zLDAuNGMtMC4xLDAuMS0yLjEsMi45LTYuNSwyLjljLTEuMSwwLTQuNiwwLTQuNiwzLjZ2Mi41DQoJCQloLTAuMmMtMC40LTEtMS44LTQuMy0xLjgtNy4yYzAtNS4zLDMuNi04LjgsOS04LjhjMy44LDAsNSwyLjYsNSwyLjdsMC4xLDAuM2wwLjMsMGMyLjEsMCw0LjUsMS40LDQuNSw1LjVjMCwyLjYtMS40LDYuNC0xLjgsNy41DQoJCQlIMjcuNXoiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTkuNSwyQzIzLDIsMjQsNC4zLDI0LjEsNC40TDI0LjMsNUgyNWMxLjgsMCw0LDEuMyw0LDVjMCwxLjUtMC41LDMuNS0xLDVWMTRjMC0zLjktMy4zLTYtMy40LTYuMWwtMC44LTAuNQ0KCQkJCWwtMC41LDAuOGMwLDAtMS45LDIuNy02LjEsMi43Yy0zLjQsMC01LjEsMS40LTUuMSw0LjF2MC4zYy0wLjUtMS40LTEtMy4zLTEtNUMxMSw1LjMsMTQuNCwyLDE5LjUsMiBNMTkuNSwxQzEzLjcsMSwxMCw1LDEwLDEwLjMNCgkJCQljMCwzLjUsMiw3LjcsMiw3LjdoMWMwLDAsMC0yLDAtM2MwLTIuNywyLTMuMSw0LjEtMy4xYzQuNywwLDYuOS0zLjEsNi45LTMuMVMyNywxMC42LDI3LDE0YzAsMS4xLDAsNCwwLDRoMWMwLDAsMi00LjgsMi04DQoJCQkJYzAtNC41LTIuOS02LTUtNkMyNSw0LDIzLjcsMSwxOS41LDFMMTkuNSwxeiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IkZlbWFsZSI+DQoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTQuNSwzOC41YzAuMy02LjEsNS4zLTExLDExLjUtMTFoOGM2LjIsMCwxMS4yLDQuOSwxMS41LDExSDQuNXoiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDI4YzUuNywwLDEwLjQsNC40LDExLDEwSDVjMC41LTUuNiw1LjItMTAsMTEtMTBIMjQgTTI0LDI3aC04QzkuNCwyNyw0LDMyLjQsNCwzOWwwLDBoMzJsMCwwDQoJCQlDMzYsMzIuNCwzMC42LDI3LDI0LDI3TDI0LDI3eiIvPg0KCTwvZz4NCgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjAsMzAuM2wtNC43LDNsLTEuNi01LjVjMC44LTAuMiwxLjUtMC4yLDIuMy0wLjJoOGMwLjcsMCwxLjUsMC4xLDIuMywwLjJsLTEuNiw1LjVMMjAsMzAuM3oiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDI4YzAuNSwwLDEuMSwwLDEuNiwwLjFsLTEuMiw0LjNMMjAuNSwzMEwyMCwyOS43TDE5LjUsMzBsLTMuOSwyLjRsLTEuMi00LjNDMTQuOSwyOCwxNS41LDI4LDE2LDI4SDI0DQoJCQkgTTI0LDI3aC04Yy0xLDAtMiwwLjEtMi45LDAuNEwxNSwzNGw1LTMuMWw1LDMuMWwxLjktNi42QzI2LDI3LjEsMjUsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjE1LjUsMjcuOCAxNS41LDIyLjUgMjQuNSwyMi41IDI0LjUsMjcuOCAyMCwzMS40IAkJIi8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDIzdjQuNmwtNCwzLjJsLTQtMy4yVjIzSDI0IE0yNSwyMkgxNXY2LjFsNSwzLjlsNS0zLjlWMjJMMjUsMjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPHBvbHlnb24gY2xhc3M9InN0NyIgcG9pbnRzPSIyMi42LDI5LjYgMjAsMzAuMyAxNy40LDI5LjYgMTksMzMgMTcsMzkgMjMsMzkgMjEsMzMgCSIvPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMCwyNS4zYy0wLjYsMC0xLjItMC4yLTEuNi0wLjZsLTAuMS0wLjFsLTAuMSwwYy0zLjMtMC45LTUuNy0zLjktNS43LTcuNFY3LjhjMC0xLjksMS41LTMuNCwzLjMtMy40aDguNA0KCQkJCWMxLjgsMCwzLjMsMS41LDMuMywzLjR2OS40YzAsMy41LTIuMyw2LjUtNS43LDcuNGwtMC4xLDBsLTAuMSwwLjFDMjEuMiwyNS4xLDIwLjYsMjUuMywyMCwyNS4zeiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LjIsNUMyNS43LDUsMjcsNi4yLDI3LDcuOHY5LjRjMCwzLjItMi4yLDYuMS01LjMsNi45bC0wLjIsMC4xbC0wLjIsMC4yYy0wLjMsMC4yLTAuNywwLjUtMS4zLDAuNQ0KCQkJCXMtMS0wLjMtMS4zLTAuNWwtMC4yLTAuMmwtMC4yLTAuMWMtMy4xLTAuOC01LjMtMy42LTUuMy02LjlWNy44QzEzLDYuMiwxNC4zLDUsMTUuOCw1SDI0LjIgTTI0LjIsMy45aC04LjQNCgkJCQljLTIuMSwwLTMuOCwxLjctMy44LDMuOXY5LjRjMCwzLjgsMi42LDcsNiw3LjhjMC41LDAuNSwxLjIsMC44LDIsMC44czEuNC0wLjMsMi0wLjhjMy41LTAuOSw2LTQuMSw2LTcuOFY3LjgNCgkJCQlDMjgsNS43LDI2LjMsMy45LDI0LjIsMy45TDI0LjIsMy45eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0yOCwyNS4zYy0xLjgsMC0zLjQtMC45LTQuMy0xLjVjMS0wLjcsMi44LTIuMywyLjgtNS40di00LjhjMC0yLjQtMi4xLTQuMy0yLjItNC40bC0wLjQtMC40bC0wLjMsMC41DQoJCWMwLDAtMi4xLDMuMi02LjYsMy44Yy0yLjQsMC4zLTMuNCwyLjEtMy40LDMuN3YxLjVjMCwzLjIsMS43LDQuOCwyLjgsNS40Yy0wLjksMC42LTIuNSwxLjUtNC4zLDEuNWMtMS44LDAtMy40LTAuOS00LjItMS41DQoJCWMwLjktMC43LDIuNC0yLjMsMi40LTQuNWMwLTAuOS0wLjItMS45LTAuNC0zYy0wLjItMS4yLTAuNC0yLjQtMC40LTMuN0M5LjUsNC4xLDE0LjksMSwxOS41LDFjMy44LDAsNSwyLjcsNSwyLjdsMC4xLDAuM0gyNQ0KCQljMy41LDAsNS41LDIuOCw1LjUsNy42YzAsMS40LTAuMywyLjktMC41LDQuM2MtMC4yLDEuNC0wLjUsMi43LTAuNSwzLjhjMCwxLjksMS41LDIuOSwyLjYsMy4zQzMxLjQsMjMuOSwyOS45LDI1LjMsMjgsMjUuM3oiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTE5LjUsMS41YzMuNCwwLDQuNSwyLjMsNC42LDIuNGwwLjMsMC42SDI1YzMuMiwwLDUsMi41LDUsNy4xYzAsMS4zLTAuMywyLjgtMC41LDQuMg0KCQkJYy0wLjIsMS40LTAuNSwyLjctMC41LDMuOWMwLDEuOCwxLjEsMi45LDIuMywzLjVjLTAuNywwLjctMS45LDEuNi0zLjMsMS42Yy0xLjMsMC0yLjUtMC41LTMuNC0xYzEuMS0wLjksMi40LTIuNiwyLjQtNS40di00LjgNCgkJCWMwLTIuNy0yLjMtNC43LTIuNC00LjdsLTAuOS0wLjdsLTAuNiwwLjljLTAuMSwwLjEtMiwzLTYuMywzLjZDMTQuMiwxMywxMywxNS4xLDEzLDE2Ljl2MS41YzAsMi45LDEuMyw0LjUsMi4zLDUuNA0KCQkJYy0wLjksMC41LTIuMSwxLTMuMywxYy0xLjMsMC0yLjUtMC42LTMuMy0xLjFjMC45LTAuOSwyLjEtMi40LDIuMS00LjRjMC0xLTAuMi0yLTAuNC0zLjFjLTAuMi0xLjItMC40LTIuMy0wLjQtMy42DQoJCQlDMTAsNC40LDE1LjEsMS41LDE5LjUsMS41IE0xOS41LDAuNUMxNC4yLDAuNSw5LDQuMyw5LDEyLjdjMCwyLjUsMC44LDQuNywwLjgsNi43YzAsMi44LTIuOCw0LjUtMi44LDQuNXMyLjMsMiw1LDINCgkJCWMyLjgsMCw1LjItMi4xLDUuMi0yLjFzLTMuMi0xLTMuMi01LjRjMC0wLjYsMC0wLjYsMC0xLjVjMC0xLjQsMC45LTIuOSwzLTMuMmM0LjgtMC43LDctNC4xLDctNC4xczIsMS43LDIsNGMwLDEuMSwwLDMsMCw0LjgNCgkJCWMwLDQuMi0zLjIsNS40LTMuMiw1LjRzMi40LDIuMSw1LjIsMi4xYzMsMCw1LTMsNS0zcy0zLTAuNS0zLTNjMC0yLjIsMS01LjQsMS04LjFjMC01LjgtMi44LTguMS02LTguMUMyNSwzLjYsMjMuNywwLjUsMTkuNSwwLjUNCgkJCUwxOS41LDAuNXoiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iTmV1dHJhbCIgY2xhc3M9InN0MCI+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00LjUsMzguNWMwLjMtNi4xLDUuMy0xMSwxMS41LTExaDhjNi4yLDAsMTEuMiw0LjksMTEuNSwxMUg0LjV6Ii8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDI4YzUuNywwLDEwLjQsNC40LDExLDEwSDVjMC41LTUuNiw1LjItMTAsMTEtMTBIMjQgTTI0LDI3aC04QzkuNCwyNyw0LDMyLjQsNCwzOWwwLDBoMzJsMCwwDQoJCQkJQzM2LDMyLjQsMzAuNiwyNywyNCwyN0wyNCwyN3oiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwLDMwLjNsLTQuNywzbC0xLjYtNS41YzAuOC0wLjIsMS41LTAuMiwyLjMtMC4yaDhjMC43LDAsMS41LDAuMSwyLjMsMC4ybC0xLjYsNS41TDIwLDMwLjN6Ii8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDI4YzAuNSwwLDEuMSwwLDEuNiwwLjFsLTEuMiw0LjNMMjAuNSwzMEwyMCwyOS43TDE5LjUsMzBsLTMuOSwyLjRsLTEuMi00LjNDMTQuOSwyOCwxNS41LDI4LDE2LDI4SDI0DQoJCQkJIE0yNCwyN2gtOGMtMSwwLTIsMC4xLTIuOSwwLjRMMTUsMzRsNS0zLjFsNSwzLjFsMS45LTYuNkMyNiwyNy4xLDI1LDI3LDI0LDI3TDI0LDI3eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjE1LjUsMjcuOCAxNS41LDIyLjUgMjQuNSwyMi41IDI0LjUsMjcuOCAyMCwzMS40IAkJIi8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDIzdjQuNmwtNCwzLjJsLTQtMy4yVjIzSDI0IE0yNSwyMkgxNXY2LjFsNSwzLjlsNS0zLjlWMjJMMjUsMjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPHBvbHlnb24gY2xhc3M9InN0NSIgcG9pbnRzPSIyMi42LDI5LjYgMjAsMzAuMyAxNy40LDI5LjYgMTksMzMgMTcsMzkgMjMsMzkgMjEsMzMgCSIvPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yNi42LDE5LjJjLTEuMywwLTIuNC0xLjEtMi40LTIuNHMxLjEtMi40LDIuNC0yLjRjMiwwLDIuNCwwLjUsMi40LDEuNEMyOSwxNy4zLDI3LjgsMTkuMiwyNi42LDE5LjJ6DQoJCQkJIE0xMy40LDE5LjJjLTEuMiwwLTIuNC0xLjktMi40LTMuM2MwLTAuOSwwLjQtMS40LDIuNC0xLjRjMS4zLDAsMi40LDEuMSwyLjQsMi40UzE0LjcsMTkuMiwxMy40LDE5LjJ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjYuNiwxNWMxLjksMCwxLjksMC41LDEuOSwwLjljMCwxLjItMSwyLjgtMS45LDIuOGMtMSwwLTEuOS0wLjgtMS45LTEuOUMyNC44LDE1LjgsMjUuNiwxNSwyNi42LDE1DQoJCQkJIE0xMy40LDE1YzEsMCwxLjksMC44LDEuOSwxLjlzLTAuOCwxLjktMS45LDEuOWMtMC44LDAtMS45LTEuNi0xLjktMi44QzExLjUsMTUuNSwxMS41LDE1LDEzLjQsMTUgTTI2LjYsMTQNCgkJCQljLTEuNiwwLTIuOSwxLjMtMi45LDIuOWMwLDEuNiwxLjMsMi45LDIuOSwyLjljMS42LDAsMi45LTIuMiwyLjktMy44QzI5LjUsMTQuMywyOC4yLDE0LDI2LjYsMTRMMjYuNiwxNHogTTEzLjQsMTQNCgkJCQljLTEuNiwwLTIuOSwwLjMtMi45LDEuOXMxLjMsMy44LDIuOSwzLjhzMi45LTEuMywyLjktMi45UzE0LjksMTQsMTMuNCwxNEwxMy40LDE0eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTIuNSwxMi40djYuMWMwLDMuNCwyLjMsNi40LDUuNyw3LjNsMC4xLDBsMC4xLDAuMWMwLjUsMC40LDEsMC42LDEuNiwwLjZzMS4yLTAuMiwxLjYtMC42bDAuMS0wLjFsMC4xLDANCgkJCWMzLjMtMC44LDUuNy0zLjgsNS43LTcuM3YtNi4xSDEyLjV6Ii8+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjcsMTIuNHY2LjFjMCwzLjItMi4yLDYtNS4zLDYuOGwtMC4yLDAuMWwtMC4yLDAuMkMyMSwyNS43LDIwLjYsMjYsMjAsMjZzLTEtMC4zLTEuMy0wLjVsLTAuMi0wLjJsLTAuMi0wLjENCgkJCWMtMy4xLTAuOC01LjMtMy42LTUuMy02Ljh2LTYuMWgtMXY2LjFjMCwzLjcsMi42LDYuOSw2LDcuN2MwLjUsMC41LDEuMiwwLjgsMiwwLjhzMS40LTAuMywyLTAuOGMzLjUtMC45LDYtNCw2LTcuN3YtNi4xSDI3eiIvPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTMsMTl2LTYuMWMwLTMuMiwyLjItNiw1LjMtNi44YzAsMCwwLjctMC4yLDEuNy0wLjJjMSwwLDEuNywwLjIsMS43LDAuMmMzLjEsMC44LDUuMywzLjYsNS4zLDYuOFYxOWgxDQoJCQkJdi02LjFjMC0zLjctMi42LTYuOS02LTcuN2MtMC41LTAuMS0xLjEtMC4yLTItMC4yYy0wLjksMC0xLjQsMC4xLTIsMC4yYy0zLjUsMC45LTYsNC02LDcuN1YxOUgxM3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K') /*../../images/set/femalepink.svg*/;
    }

    .track4 {
        width: 20px;
        height: 20px;
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2Rpc3BsYXk6bm9uZTt9DQoJLnN0MXtkaXNwbGF5OmlubGluZTt9DQoJLnN0MntmaWxsOiNCNkRDRkU7fQ0KCS5zdDN7ZmlsbDojNDc4OEM3O30NCgkuc3Q0e2ZpbGw6I0ZGRkZGRjt9DQoJLnN0NXtkaXNwbGF5OmlubGluZTtmaWxsOiM0Nzg4Qzc7fQ0KCS5zdDZ7ZmlsbDojRkNEMEUwO30NCgkuc3Q3e2ZpbGw6I0ZGNEQ4MTt9DQo8L3N0eWxlPg0KPGcgaWQ9Ik1hbGUiIGNsYXNzPSJzdDAiPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNC41LDM4LjVjMC4zLTYuMSw1LjMtMTEsMTEuNS0xMWg4YzYuMiwwLDExLjIsNC45LDExLjUsMTFINC41eiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyOGM1LjcsMCwxMC40LDQuNCwxMSwxMEg1YzAuNS01LjYsNS4yLTEwLDExLTEwSDI0IE0yNCwyN2gtOEM5LjQsMjcsNCwzMi40LDQsMzlsMCwwaDMybDAsMA0KCQkJCUMzNiwzMi40LDMwLjYsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yMCwzMC4zbC00LjcsM2wtMS42LTUuNWMwLjgtMC4yLDEuNS0wLjIsMi4zLTAuMmg4YzAuNywwLDEuNSwwLjEsMi4zLDAuMmwtMS42LDUuNUwyMCwzMC4zeiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyOGMwLjUsMCwxLjEsMCwxLjYsMC4xbC0xLjIsNC4zTDIwLjUsMzBMMjAsMjkuN0wxOS41LDMwbC0zLjksMi40bC0xLjItNC4zQzE0LjksMjgsMTUuNSwyOCwxNiwyOEgyNA0KCQkJCSBNMjQsMjdoLThjLTEsMC0yLDAuMS0yLjksMC40TDE1LDM0bDUtMy4xbDUsMy4xbDEuOS02LjZDMjYsMjcuMSwyNSwyNywyNCwyN0wyNCwyN3oiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPHBvbHlnb24gY2xhc3M9InN0NCIgcG9pbnRzPSIxNS41LDI3LjggMTUuNSwyMi41IDI0LjUsMjIuNSAyNC41LDI3LjggMjAsMzEuNCAJCSIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyM3Y0LjZsLTQsMy4ybC00LTMuMlYyM0gyNCBNMjUsMjJIMTV2Ni4xbDUsMy45bDUtMy45VjIyTDI1LDIyeiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDUiIHBvaW50cz0iMjIuNiwyOS42IDIwLDMwLjMgMTcuNCwyOS42IDE5LDMzIDE3LDM5IDIzLDM5IDIxLDMzIAkiLz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjcuMSwxOS4yYy0xLjMsMC0yLjQtMS4xLTIuNC0yLjRzMS4xLTIuNCwyLjQtMi40YzIsMCwyLjQsMC41LDIuNCwxLjRDMjkuNSwxNy4zLDI4LjMsMTkuMiwyNy4xLDE5LjJ6DQoJCQkJIE0xMi45LDE5LjJjLTEuMiwwLTIuNC0xLjktMi40LTMuM2MwLTAuOSwwLjQtMS40LDIuNC0xLjRjMS4zLDAsMi40LDEuMSwyLjQsMi40UzE0LjIsMTkuMiwxMi45LDE5LjJ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjcuMSwxNWMxLjksMCwxLjksMC41LDEuOSwwLjljMCwxLjItMSwyLjgtMS45LDIuOGMtMSwwLTEuOS0wLjgtMS45LTEuOUMyNS4zLDE1LjgsMjYuMSwxNSwyNy4xLDE1DQoJCQkJIE0xMi45LDE1YzEsMCwxLjksMC44LDEuOSwxLjlzLTAuOCwxLjktMS45LDEuOWMtMC44LDAtMS45LTEuNi0xLjktMi44QzExLDE1LjUsMTEsMTUsMTIuOSwxNSBNMjcuMSwxNGMtMS42LDAtMi45LDEuMy0yLjksMi45DQoJCQkJYzAsMS42LDEuMywyLjksMi45LDIuOWMxLjYsMCwyLjktMi4yLDIuOS0zLjhDMzAsMTQuMywyOC43LDE0LDI3LjEsMTRMMjcuMSwxNHogTTEyLjksMTRjLTEuNiwwLTIuOSwwLjMtMi45LDEuOQ0KCQkJCXMxLjMsMy44LDIuOSwzLjhzMi45LTEuMywyLjktMi45UzE0LjQsMTQsMTIuOSwxNEwxMi45LDE0eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMCwyNi41Yy0wLjYsMC0xLjItMC4yLTEuNi0wLjZsLTAuMS0wLjFsLTAuMSwwYy0zLjMtMC44LTUuNy0zLjgtNS43LTcuM1Y5LjJjMC0xLjgsMS41LTMuMywzLjMtMy4zaDguNA0KCQkJCWMxLjgsMCwzLjMsMS41LDMuMywzLjN2OS4zYzAsMy40LTIuMyw2LjQtNS43LDcuM2wtMC4xLDBsLTAuMSwwLjFDMjEuMiwyNi4zLDIwLjYsMjYuNSwyMCwyNi41eiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LjIsNi40YzEuNiwwLDIuOCwxLjMsMi44LDIuOHY5LjNjMCwzLjItMi4yLDYtNS4zLDYuOGwtMC4yLDAuMWwtMC4yLDAuMkMyMSwyNS43LDIwLjYsMjYsMjAsMjYNCgkJCQlzLTEtMC4zLTEuMy0wLjVsLTAuMi0wLjJsLTAuMi0wLjFjLTMuMS0wLjgtNS4zLTMuNi01LjMtNi44VjkuMmMwLTEuNiwxLjMtMi44LDIuOC0yLjhIMjQuMiBNMjQuMiw1LjRoLTguNA0KCQkJCWMtMi4xLDAtMy44LDEuNy0zLjgsMy44djkuM2MwLDMuNywyLjYsNi45LDYsNy43YzAuNSwwLjUsMS4yLDAuOCwyLDAuOHMxLjQtMC4zLDItMC44YzMuNS0wLjksNi00LDYtNy43VjkuMg0KCQkJCUMyOCw3LjEsMjYuMyw1LjQsMjQuMiw1LjRMMjQuMiw1LjR6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNy41LDE3LjVWMTRjMC0zLjYtMy01LjYtMy4yLTUuN2wtMC40LTAuM2wtMC4zLDAuNGMtMC4xLDAuMS0yLjEsMi45LTYuNSwyLjljLTEuMSwwLTQuNiwwLTQuNiwzLjZ2Mi41DQoJCQloLTAuMmMtMC40LTEtMS44LTQuMy0xLjgtNy4yYzAtNS4zLDMuNi04LjgsOS04LjhjMy44LDAsNSwyLjYsNSwyLjdsMC4xLDAuM2wwLjMsMGMyLjEsMCw0LjUsMS40LDQuNSw1LjVjMCwyLjYtMS40LDYuNC0xLjgsNy41DQoJCQlIMjcuNXoiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTkuNSwyQzIzLDIsMjQsNC4zLDI0LjEsNC40TDI0LjMsNUgyNWMxLjgsMCw0LDEuMyw0LDVjMCwxLjUtMC41LDMuNS0xLDVWMTRjMC0zLjktMy4zLTYtMy40LTYuMWwtMC44LTAuNQ0KCQkJCWwtMC41LDAuOGMwLDAtMS45LDIuNy02LjEsMi43Yy0zLjQsMC01LjEsMS40LTUuMSw0LjF2MC4zYy0wLjUtMS40LTEtMy4zLTEtNUMxMSw1LjMsMTQuNCwyLDE5LjUsMiBNMTkuNSwxQzEzLjcsMSwxMCw1LDEwLDEwLjMNCgkJCQljMCwzLjUsMiw3LjcsMiw3LjdoMWMwLDAsMC0yLDAtM2MwLTIuNywyLTMuMSw0LjEtMy4xYzQuNywwLDYuOS0zLjEsNi45LTMuMVMyNywxMC42LDI3LDE0YzAsMS4xLDAsNCwwLDRoMWMwLDAsMi00LjgsMi04DQoJCQkJYzAtNC41LTIuOS02LTUtNkMyNSw0LDIzLjcsMSwxOS41LDFMMTkuNSwxeiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IkZlbWFsZSI+DQoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTQuNSwzOC41YzAuMy02LjEsNS4zLTExLDExLjUtMTFoOGM2LjIsMCwxMS4yLDQuOSwxMS41LDExSDQuNXoiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDI4YzUuNywwLDEwLjQsNC40LDExLDEwSDVjMC41LTUuNiw1LjItMTAsMTEtMTBIMjQgTTI0LDI3aC04QzkuNCwyNyw0LDMyLjQsNCwzOWwwLDBoMzJsMCwwDQoJCQlDMzYsMzIuNCwzMC42LDI3LDI0LDI3TDI0LDI3eiIvPg0KCTwvZz4NCgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjAsMzAuM2wtNC43LDNsLTEuNi01LjVjMC44LTAuMiwxLjUtMC4yLDIuMy0wLjJoOGMwLjcsMCwxLjUsMC4xLDIuMywwLjJsLTEuNiw1LjVMMjAsMzAuM3oiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDI4YzAuNSwwLDEuMSwwLDEuNiwwLjFsLTEuMiw0LjNMMjAuNSwzMEwyMCwyOS43TDE5LjUsMzBsLTMuOSwyLjRsLTEuMi00LjNDMTQuOSwyOCwxNS41LDI4LDE2LDI4SDI0DQoJCQkgTTI0LDI3aC04Yy0xLDAtMiwwLjEtMi45LDAuNEwxNSwzNGw1LTMuMWw1LDMuMWwxLjktNi42QzI2LDI3LjEsMjUsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjE1LjUsMjcuOCAxNS41LDIyLjUgMjQuNSwyMi41IDI0LjUsMjcuOCAyMCwzMS40IAkJIi8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDIzdjQuNmwtNCwzLjJsLTQtMy4yVjIzSDI0IE0yNSwyMkgxNXY2LjFsNSwzLjlsNS0zLjlWMjJMMjUsMjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPHBvbHlnb24gY2xhc3M9InN0NyIgcG9pbnRzPSIyMi42LDI5LjYgMjAsMzAuMyAxNy40LDI5LjYgMTksMzMgMTcsMzkgMjMsMzkgMjEsMzMgCSIvPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMCwyNS4zYy0wLjYsMC0xLjItMC4yLTEuNi0wLjZsLTAuMS0wLjFsLTAuMSwwYy0zLjMtMC45LTUuNy0zLjktNS43LTcuNFY3LjhjMC0xLjksMS41LTMuNCwzLjMtMy40aDguNA0KCQkJCWMxLjgsMCwzLjMsMS41LDMuMywzLjR2OS40YzAsMy41LTIuMyw2LjUtNS43LDcuNGwtMC4xLDBsLTAuMSwwLjFDMjEuMiwyNS4xLDIwLjYsMjUuMywyMCwyNS4zeiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LjIsNUMyNS43LDUsMjcsNi4yLDI3LDcuOHY5LjRjMCwzLjItMi4yLDYuMS01LjMsNi45bC0wLjIsMC4xbC0wLjIsMC4yYy0wLjMsMC4yLTAuNywwLjUtMS4zLDAuNQ0KCQkJCXMtMS0wLjMtMS4zLTAuNWwtMC4yLTAuMmwtMC4yLTAuMWMtMy4xLTAuOC01LjMtMy42LTUuMy02LjlWNy44QzEzLDYuMiwxNC4zLDUsMTUuOCw1SDI0LjIgTTI0LjIsMy45aC04LjQNCgkJCQljLTIuMSwwLTMuOCwxLjctMy44LDMuOXY5LjRjMCwzLjgsMi42LDcsNiw3LjhjMC41LDAuNSwxLjIsMC44LDIsMC44czEuNC0wLjMsMi0wLjhjMy41LTAuOSw2LTQuMSw2LTcuOFY3LjgNCgkJCQlDMjgsNS43LDI2LjMsMy45LDI0LjIsMy45TDI0LjIsMy45eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0yOCwyNS4zYy0xLjgsMC0zLjQtMC45LTQuMy0xLjVjMS0wLjcsMi44LTIuMywyLjgtNS40di00LjhjMC0yLjQtMi4xLTQuMy0yLjItNC40bC0wLjQtMC40bC0wLjMsMC41DQoJCWMwLDAtMi4xLDMuMi02LjYsMy44Yy0yLjQsMC4zLTMuNCwyLjEtMy40LDMuN3YxLjVjMCwzLjIsMS43LDQuOCwyLjgsNS40Yy0wLjksMC42LTIuNSwxLjUtNC4zLDEuNWMtMS44LDAtMy40LTAuOS00LjItMS41DQoJCWMwLjktMC43LDIuNC0yLjMsMi40LTQuNWMwLTAuOS0wLjItMS45LTAuNC0zYy0wLjItMS4yLTAuNC0yLjQtMC40LTMuN0M5LjUsNC4xLDE0LjksMSwxOS41LDFjMy44LDAsNSwyLjcsNSwyLjdsMC4xLDAuM0gyNQ0KCQljMy41LDAsNS41LDIuOCw1LjUsNy42YzAsMS40LTAuMywyLjktMC41LDQuM2MtMC4yLDEuNC0wLjUsMi43LTAuNSwzLjhjMCwxLjksMS41LDIuOSwyLjYsMy4zQzMxLjQsMjMuOSwyOS45LDI1LjMsMjgsMjUuM3oiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTE5LjUsMS41YzMuNCwwLDQuNSwyLjMsNC42LDIuNGwwLjMsMC42SDI1YzMuMiwwLDUsMi41LDUsNy4xYzAsMS4zLTAuMywyLjgtMC41LDQuMg0KCQkJYy0wLjIsMS40LTAuNSwyLjctMC41LDMuOWMwLDEuOCwxLjEsMi45LDIuMywzLjVjLTAuNywwLjctMS45LDEuNi0zLjMsMS42Yy0xLjMsMC0yLjUtMC41LTMuNC0xYzEuMS0wLjksMi40LTIuNiwyLjQtNS40di00LjgNCgkJCWMwLTIuNy0yLjMtNC43LTIuNC00LjdsLTAuOS0wLjdsLTAuNiwwLjljLTAuMSwwLjEtMiwzLTYuMywzLjZDMTQuMiwxMywxMywxNS4xLDEzLDE2Ljl2MS41YzAsMi45LDEuMyw0LjUsMi4zLDUuNA0KCQkJYy0wLjksMC41LTIuMSwxLTMuMywxYy0xLjMsMC0yLjUtMC42LTMuMy0xLjFjMC45LTAuOSwyLjEtMi40LDIuMS00LjRjMC0xLTAuMi0yLTAuNC0zLjFjLTAuMi0xLjItMC40LTIuMy0wLjQtMy42DQoJCQlDMTAsNC40LDE1LjEsMS41LDE5LjUsMS41IE0xOS41LDAuNUMxNC4yLDAuNSw5LDQuMyw5LDEyLjdjMCwyLjUsMC44LDQuNywwLjgsNi43YzAsMi44LTIuOCw0LjUtMi44LDQuNXMyLjMsMiw1LDINCgkJCWMyLjgsMCw1LjItMi4xLDUuMi0yLjFzLTMuMi0xLTMuMi01LjRjMC0wLjYsMC0wLjYsMC0xLjVjMC0xLjQsMC45LTIuOSwzLTMuMmM0LjgtMC43LDctNC4xLDctNC4xczIsMS43LDIsNGMwLDEuMSwwLDMsMCw0LjgNCgkJCWMwLDQuMi0zLjIsNS40LTMuMiw1LjRzMi40LDIuMSw1LjIsMi4xYzMsMCw1LTMsNS0zcy0zLTAuNS0zLTNjMC0yLjIsMS01LjQsMS04LjFjMC01LjgtMi44LTguMS02LTguMUMyNSwzLjYsMjMuNywwLjUsMTkuNSwwLjUNCgkJCUwxOS41LDAuNXoiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iTmV1dHJhbCIgY2xhc3M9InN0MCI+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00LjUsMzguNWMwLjMtNi4xLDUuMy0xMSwxMS41LTExaDhjNi4yLDAsMTEuMiw0LjksMTEuNSwxMUg0LjV6Ii8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDI4YzUuNywwLDEwLjQsNC40LDExLDEwSDVjMC41LTUuNiw1LjItMTAsMTEtMTBIMjQgTTI0LDI3aC04QzkuNCwyNyw0LDMyLjQsNCwzOWwwLDBoMzJsMCwwDQoJCQkJQzM2LDMyLjQsMzAuNiwyNywyNCwyN0wyNCwyN3oiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwLDMwLjNsLTQuNywzbC0xLjYtNS41YzAuOC0wLjIsMS41LTAuMiwyLjMtMC4yaDhjMC43LDAsMS41LDAuMSwyLjMsMC4ybC0xLjYsNS41TDIwLDMwLjN6Ii8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDI4YzAuNSwwLDEuMSwwLDEuNiwwLjFsLTEuMiw0LjNMMjAuNSwzMEwyMCwyOS43TDE5LjUsMzBsLTMuOSwyLjRsLTEuMi00LjNDMTQuOSwyOCwxNS41LDI4LDE2LDI4SDI0DQoJCQkJIE0yNCwyN2gtOGMtMSwwLTIsMC4xLTIuOSwwLjRMMTUsMzRsNS0zLjFsNSwzLjFsMS45LTYuNkMyNiwyNy4xLDI1LDI3LDI0LDI3TDI0LDI3eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjE1LjUsMjcuOCAxNS41LDIyLjUgMjQuNSwyMi41IDI0LjUsMjcuOCAyMCwzMS40IAkJIi8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDIzdjQuNmwtNCwzLjJsLTQtMy4yVjIzSDI0IE0yNSwyMkgxNXY2LjFsNSwzLjlsNS0zLjlWMjJMMjUsMjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPHBvbHlnb24gY2xhc3M9InN0NSIgcG9pbnRzPSIyMi42LDI5LjYgMjAsMzAuMyAxNy40LDI5LjYgMTksMzMgMTcsMzkgMjMsMzkgMjEsMzMgCSIvPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yNi42LDE5LjJjLTEuMywwLTIuNC0xLjEtMi40LTIuNHMxLjEtMi40LDIuNC0yLjRjMiwwLDIuNCwwLjUsMi40LDEuNEMyOSwxNy4zLDI3LjgsMTkuMiwyNi42LDE5LjJ6DQoJCQkJIE0xMy40LDE5LjJjLTEuMiwwLTIuNC0xLjktMi40LTMuM2MwLTAuOSwwLjQtMS40LDIuNC0xLjRjMS4zLDAsMi40LDEuMSwyLjQsMi40UzE0LjcsMTkuMiwxMy40LDE5LjJ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjYuNiwxNWMxLjksMCwxLjksMC41LDEuOSwwLjljMCwxLjItMSwyLjgtMS45LDIuOGMtMSwwLTEuOS0wLjgtMS45LTEuOUMyNC44LDE1LjgsMjUuNiwxNSwyNi42LDE1DQoJCQkJIE0xMy40LDE1YzEsMCwxLjksMC44LDEuOSwxLjlzLTAuOCwxLjktMS45LDEuOWMtMC44LDAtMS45LTEuNi0xLjktMi44QzExLjUsMTUuNSwxMS41LDE1LDEzLjQsMTUgTTI2LjYsMTQNCgkJCQljLTEuNiwwLTIuOSwxLjMtMi45LDIuOWMwLDEuNiwxLjMsMi45LDIuOSwyLjljMS42LDAsMi45LTIuMiwyLjktMy44QzI5LjUsMTQuMywyOC4yLDE0LDI2LjYsMTRMMjYuNiwxNHogTTEzLjQsMTQNCgkJCQljLTEuNiwwLTIuOSwwLjMtMi45LDEuOXMxLjMsMy44LDIuOSwzLjhzMi45LTEuMywyLjktMi45UzE0LjksMTQsMTMuNCwxNEwxMy40LDE0eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTIuNSwxMi40djYuMWMwLDMuNCwyLjMsNi40LDUuNyw3LjNsMC4xLDBsMC4xLDAuMWMwLjUsMC40LDEsMC42LDEuNiwwLjZzMS4yLTAuMiwxLjYtMC42bDAuMS0wLjFsMC4xLDANCgkJCWMzLjMtMC44LDUuNy0zLjgsNS43LTcuM3YtNi4xSDEyLjV6Ii8+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjcsMTIuNHY2LjFjMCwzLjItMi4yLDYtNS4zLDYuOGwtMC4yLDAuMWwtMC4yLDAuMkMyMSwyNS43LDIwLjYsMjYsMjAsMjZzLTEtMC4zLTEuMy0wLjVsLTAuMi0wLjJsLTAuMi0wLjENCgkJCWMtMy4xLTAuOC01LjMtMy42LTUuMy02Ljh2LTYuMWgtMXY2LjFjMCwzLjcsMi42LDYuOSw2LDcuN2MwLjUsMC41LDEuMiwwLjgsMiwwLjhzMS40LTAuMywyLTAuOGMzLjUtMC45LDYtNCw2LTcuN3YtNi4xSDI3eiIvPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTMsMTl2LTYuMWMwLTMuMiwyLjItNiw1LjMtNi44YzAsMCwwLjctMC4yLDEuNy0wLjJjMSwwLDEuNywwLjIsMS43LDAuMmMzLjEsMC44LDUuMywzLjYsNS4zLDYuOFYxOWgxDQoJCQkJdi02LjFjMC0zLjctMi42LTYuOS02LTcuN2MtMC41LTAuMS0xLjEtMC4yLTItMC4yYy0wLjksMC0xLjQsMC4xLTIsMC4yYy0zLjUsMC45LTYsNC02LDcuN1YxOUgxM3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K') /*../../images/set/femalepink.svg*/;
    }



    .track-section-ic {
        margin-right: 16px;
        margin-top: 20px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        margin-left: -8px;
        padding: 4px;
    }


    .t-item {
        padding-top: 4px;
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
    }

    .t-item-ic {
        padding: 0px;
        margin-top: 2px;
        margin-right: 8px;
        margin-bottom: 4px;
        margin-left: 0px;
    }

    .t-item-title {
        font-family:Roboto;
        font-size: 16px;
        font-weight: 400;
        padding-bottom: 4px;
        padding-top: 4px;
        margin-left: 8px;
        margin-right: 8px;
    }

.t-item-content {
    font-size: 12px;
    font-family: Roboto;
    color: #3a3a3a;
    font-weight: 100;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-left: 8px;
    margin-right: 8px;
}

    .no-content .t-item-content {
        display: none;
    }

.t-item-date-time {
    margin: 0px 8px 0px 8px;
    display: flex;
    justify-content: space-between;
}

    .t-item-date {
        /*font-size: 16px;
        text-align: center;*/
    }

    .t-item-date {
        font-size: 14px;
        display: flex;
        color: #777;
    }
    .t-item-date .day-date {
        /*margin-right: 8px;
        font-weight: 600;*/
    }

    .t-item-time {
        display: none;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        font-weight: 100;
        color: #777;
    }

    .t-item-time-ago {
        display: block;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        text-align: center;
        font-weight: 100;
        color: #777;
    }

    .t-item-duration {
        font-size: 12px;
        color: #777;
    }

    .selected .t-item-time {
        display: block;
    }

    .selected .t-item-time-ago {
        /*display: none;*/
    }

    .t-container-ic {
        display: none;
    }

    .no-start-date .t-container-ic {
        display: block;
    }

    .no-end-date .t-item-duration {
        display: none;
    }

    .selected .t-item-duration {
        display: block;
    }

    .t-item-ic-completed {
        display: none;
    }

    .completed .t-item-ic-completed {
        display: block;
    }

    .t-item-ic-completed md-icon {
        position: absolute;
        right: 16px;
        /*background-color: #4CAF50;*/
        border-radius: 50%;
        padding: 5px;
        fill: white;
        color: white;
    }

.completed .t-item-entity, .completed .t-item-title, .completed .t-item-content, .completed .t-item-date, .completed .t-item-time-ago, .completed .t-item-time, .completed .t-item-props {
    color: rgb(150, 150, 150);
}

    .t-item-commands {
        justify-content: flex-end;
    }

    .t-item-commands md-icon {
        fill: rgb(128, 128, 128);
        color: rgb(128, 128, 128);
    }

        .t-item-commands md-icon:hover {
            fill: white;
            color: white;
        }


    .t-item-footer {
        color: #4d4d4d;
        display: none;
        padding: 0 12px;
        margin-bottom: -8px;
    }

        .t-item-footer > .layout-row {
            border-top: dotted 1px lightgrey;
            margin-top: 12px;
            padding-top: 12px;
            padding-bottom: 6px;
        }

.t-item-entity {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    height: 24px;
    /* height: 25px; */
    /* line-height: 32px; */
    /* margin: -6px -4px 2px 0; */
    /* padding: 0 6px; */
    align-items: center;
    margin: 0px;
    padding: 0px;
    margin-top: -4px;
    margin-bottom: 2px;
    outline: none;
}
.selected .t-item-entity{
    text-decoration:underline;
}

.t-item-entity .md-button.md-default-theme:not([disabled]).md-focused,
.t-item-entity .md-button:not([disabled]).md-focused,
.t-item-entity .md-button.md-default-theme:not([disabled]):hover,
.t-item-entity .md-button:not([disabled]):hover {
    background-color: rgba(158, 158, 158, 0.2);
}

    .t-item-entity .md-button:hover md-icon {
        fill: #505050;
        color: #505050;
    }

    .t-item-entity .md-button {
        margin: 0;
        padding: 0;
        min-width: 0;
        min-height: 0;
        margin-right: 8px;
    }

.t-user-data {
    padding: 0 8px;
}
    .t-user-data > div {
        padding-top:8px;
        padding-bottom: 8px;
        border-bottom:dotted 1px #ddd;
        margin-bottom:16px;
        font-weight:100;
    }

    .t-item-footer .app-photoUpload {
        width: 30px;
        height: 30px;
        background-size: 30px;
        float: left;
        margin-top: 3px;
        margin-right: 4px;
        background-color: white;
    }

    .t-item-footer > div > span:nth-child(2) {
        padding: 8px;
    }

    .t-item-footer > div > span:nth-child(3) {
        padding: 8px;
    }

    .selected .t-item-footer {
        display: block;
    }

    .t-item-props {
        border: dashed 1px lightgray;
    }

    .md-calendar-day-header {
        background: rgb(230, 229, 229);
    }


.form-input, input.form-input, textarea.form-input {
    background-color: #f1f3f4;
    border-radius: 2px;
}

.dt-calendar{

}
    .dt-calendar > div {
        margin: 0;
        padding: 0;
    }


    /* calendar label */
.dt-calendar > div > span {
    position: absolute;
    top: -40px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 10px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;
    transform: translate3d(0,28px,0) scale(1);
    max-width: 100%;
    transform-origin: left top;
}

.date-first .dt-calendar-date, .time-first .dt-calendar-time {
    float:left;
}
.time-first .dt-calendar-date, .date-first .dt-calendar-time {
    float: right;
}

.dt-calendar-time, .dt-calendar-date {
    padding: 4px;
    height: 30px;
    line-height: 22px;
    border-radius: 2px;
    background-color: #f1f3f4;
}
.dt-calendar-time {
    width: 50px;
}
.dt-calendar-date {
    width: calc(100% - 50px - 8px);
}


.all-day .dt-calendar-date {
    width: calc(100%);
}

/*.dt-calendar-date, .dt-calendar-time {
    background-color: #f1f3f4;
    border-radius: 2px;
}*/
.dt-calendar-date.empty, .dt-calendar-time.empty {
    color: rgba(0, 0, 0, 0.38);
}

    .dt-calendar-date:hover, .dt-calendar-time:hover {
        background-color: rgba(158, 158, 158, 0.2);
    }

.dt-cal-open {
}

    .dt-cal-open .dt-calendar-date-label {
        color: rgb(33, 150, 243);
        top: -40px;
    }

.dt-time-open {
    /*position: absolute;
    z-index: 10000;*/
}

.dt-timeRecord-container md-icon {
    margin: 30px 8px 8px 8px;
}

.dt-timeRecord-container md-checkbox {
    margin-top: 2px;
}


/*.dt-calendar-date {
    height: 30px;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
    font-weight: 400;
    
    width: 100%;
    text-align: left;
}

    .dt-calendar-time, .dt-calendar-date {
        padding: 4px;
    }

.dt-calendar-time {
    padding: 0;
    margin: 0;
    height: 21px;
    line-height: 30px;
    min-height: 30px;
    font-size: 12px;
    min-width: 50px;
    width: 50px;
    margin-left: 6px;    
    text-align: left;
    padding-left: 4px;    
}*/

.dt-calendar-noValue .dt-calendar-time, 
.dt-calendar-noValue .dt-calendar-date {
    /*color: lightgray;
    background-color: #f1f3f4;
    border-radius: 2px;*/
}

    .hideTime .dt-calendar-time {
        display: none;
    }

    .hideDate .dt-calendar-date {
        display: none;
    }






.dt-calendar-label {
    top: -44px;
    
    color: #5d5d5d;
    font-weight: 100;
}




    /*https://visualpharm.com/free-icons/policeman%20male-595b40b85ba036ed117da186*/
    avatar-gender {
        border: solid 1px rgb(220,220,220);
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background-color: white;
    }

    .gender, .gender0 {
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2Rpc3BsYXk6bm9uZTt9DQoJLnN0MXtkaXNwbGF5OmlubGluZTt9DQoJLnN0MntmaWxsOiNCNkRDRkU7fQ0KCS5zdDN7ZmlsbDojNDc4OEM3O30NCgkuc3Q0e2ZpbGw6I0ZGRkZGRjt9DQoJLnN0NXtkaXNwbGF5OmlubGluZTtmaWxsOiM0Nzg4Qzc7fQ0KCS5zdDZ7ZGlzcGxheTppbmxpbmU7ZmlsbDojRkNEMEUwO30NCgkuc3Q3e2ZpbGw6I0ZGNEQ4MTt9DQoJLnN0OHtkaXNwbGF5OmlubGluZTtmaWxsOiNGRjREODE7fQ0KCS5zdDl7ZmlsbDojRTVFNUU1O30NCgkuc3QxMHtmaWxsOiM3NTc1NzU7fQ0KPC9zdHlsZT4NCjxnIGlkPSJNYWxlIiBjbGFzcz0ic3QwIj4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTQuNSwzOC41YzAuMy02LjEsNS4zLTExLDExLjUtMTFoOGM2LjIsMCwxMS4yLDQuOSwxMS41LDExSDQuNXoiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjQsMjhjNS43LDAsMTAuNCw0LjQsMTEsMTBINWMwLjUtNS42LDUuMi0xMCwxMS0xMEgyNCBNMjQsMjdoLThDOS40LDI3LDQsMzIuNCw0LDM5bDAsMGgzMmwwLDANCgkJCQlDMzYsMzIuNCwzMC42LDI3LDI0LDI3TDI0LDI3eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjAsMzAuM2wtNC43LDNsLTEuNi01LjVjMC44LTAuMiwxLjUtMC4yLDIuMy0wLjJoOGMwLjcsMCwxLjUsMC4xLDIuMywwLjJsLTEuNiw1LjVMMjAsMzAuM3oiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjQsMjhjMC41LDAsMS4xLDAsMS42LDAuMWwtMS4yLDQuM0wyMC41LDMwTDIwLDI5LjdMMTkuNSwzMGwtMy45LDIuNGwtMS4yLTQuM0MxNC45LDI4LDE1LjUsMjgsMTYsMjhIMjQNCgkJCQkgTTI0LDI3aC04Yy0xLDAtMiwwLjEtMi45LDAuNEwxNSwzNGw1LTMuMWw1LDMuMWwxLjktNi42QzI2LDI3LjEsMjUsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDQiIHBvaW50cz0iMTUuNSwyNy44IDE1LjUsMjIuNSAyNC41LDIyLjUgMjQuNSwyNy44IDIwLDMxLjQgCQkiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjQsMjN2NC42bC00LDMuMmwtNC0zLjJWMjNIMjQgTTI1LDIySDE1djYuMWw1LDMuOWw1LTMuOVYyMkwyNSwyMnoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8cG9seWdvbiBjbGFzcz0ic3Q1IiBwb2ludHM9IjIyLjYsMjkuNiAyMCwzMC4zIDE3LjQsMjkuNiAxOSwzMyAxNywzOSAyMywzOSAyMSwzMyAJIi8+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTI3LjEsMTkuMmMtMS4zLDAtMi40LTEuMS0yLjQtMi40czEuMS0yLjQsMi40LTIuNGMyLDAsMi40LDAuNSwyLjQsMS40QzI5LjUsMTcuMywyOC4zLDE5LjIsMjcuMSwxOS4yeg0KCQkJCSBNMTIuOSwxOS4yYy0xLjIsMC0yLjQtMS45LTIuNC0zLjNjMC0wLjksMC40LTEuNCwyLjQtMS40YzEuMywwLDIuNCwxLjEsMi40LDIuNFMxNC4yLDE5LjIsMTIuOSwxOS4yeiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI3LjEsMTVjMS45LDAsMS45LDAuNSwxLjksMC45YzAsMS4yLTEsMi44LTEuOSwyLjhjLTEsMC0xLjktMC44LTEuOS0xLjlDMjUuMywxNS44LDI2LjEsMTUsMjcuMSwxNQ0KCQkJCSBNMTIuOSwxNWMxLDAsMS45LDAuOCwxLjksMS45cy0wLjgsMS45LTEuOSwxLjljLTAuOCwwLTEuOS0xLjYtMS45LTIuOEMxMSwxNS41LDExLDE1LDEyLjksMTUgTTI3LjEsMTRjLTEuNiwwLTIuOSwxLjMtMi45LDIuOQ0KCQkJCWMwLDEuNiwxLjMsMi45LDIuOSwyLjljMS42LDAsMi45LTIuMiwyLjktMy44QzMwLDE0LjMsMjguNywxNCwyNy4xLDE0TDI3LjEsMTR6IE0xMi45LDE0Yy0xLjYsMC0yLjksMC4zLTIuOSwxLjkNCgkJCQlzMS4zLDMuOCwyLjksMy44czIuOS0xLjMsMi45LTIuOVMxNC40LDE0LDEyLjksMTRMMTIuOSwxNHoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjAsMjYuNWMtMC42LDAtMS4yLTAuMi0xLjYtMC42bC0wLjEtMC4xbC0wLjEsMGMtMy4zLTAuOC01LjctMy44LTUuNy03LjNWOS4yYzAtMS44LDEuNS0zLjMsMy4zLTMuM2g4LjQNCgkJCQljMS44LDAsMy4zLDEuNSwzLjMsMy4zdjkuM2MwLDMuNC0yLjMsNi40LTUuNyw3LjNsLTAuMSwwbC0wLjEsMC4xQzIxLjIsMjYuMywyMC42LDI2LjUsMjAsMjYuNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNC4yLDYuNGMxLjYsMCwyLjgsMS4zLDIuOCwyLjh2OS4zYzAsMy4yLTIuMiw2LTUuMyw2LjhsLTAuMiwwLjFsLTAuMiwwLjJDMjEsMjUuNywyMC42LDI2LDIwLDI2DQoJCQkJcy0xLTAuMy0xLjMtMC41bC0wLjItMC4ybC0wLjItMC4xYy0zLjEtMC44LTUuMy0zLjYtNS4zLTYuOFY5LjJjMC0xLjYsMS4zLTIuOCwyLjgtMi44SDI0LjIgTTI0LjIsNS40aC04LjQNCgkJCQljLTIuMSwwLTMuOCwxLjctMy44LDMuOHY5LjNjMCwzLjcsMi42LDYuOSw2LDcuN2MwLjUsMC41LDEuMiwwLjgsMiwwLjhzMS40LTAuMywyLTAuOGMzLjUtMC45LDYtNCw2LTcuN1Y5LjINCgkJCQlDMjgsNy4xLDI2LjMsNS40LDI0LjIsNS40TDI0LjIsNS40eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjcuNSwxNy41VjE0YzAtMy42LTMtNS42LTMuMi01LjdsLTAuNC0wLjNsLTAuMywwLjRjLTAuMSwwLjEtMi4xLDIuOS02LjUsMi45Yy0xLjEsMC00LjYsMC00LjYsMy42djIuNQ0KCQkJaC0wLjJjLTAuNC0xLTEuOC00LjMtMS44LTcuMmMwLTUuMywzLjYtOC44LDktOC44YzMuOCwwLDUsMi42LDUsMi43bDAuMSwwLjNsMC4zLDBjMi4xLDAsNC41LDEuNCw0LjUsNS41YzAsMi42LTEuNCw2LjQtMS44LDcuNQ0KCQkJSDI3LjV6Ii8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTE5LjUsMkMyMywyLDI0LDQuMywyNC4xLDQuNEwyNC4zLDVIMjVjMS44LDAsNCwxLjMsNCw1YzAsMS41LTAuNSwzLjUtMSw1VjE0YzAtMy45LTMuMy02LTMuNC02LjFsLTAuOC0wLjUNCgkJCQlsLTAuNSwwLjhjMCwwLTEuOSwyLjctNi4xLDIuN2MtMy40LDAtNS4xLDEuNC01LjEsNC4xdjAuM2MtMC41LTEuNC0xLTMuMy0xLTVDMTEsNS4zLDE0LjQsMiwxOS41LDIgTTE5LjUsMUMxMy43LDEsMTAsNSwxMCwxMC4zDQoJCQkJYzAsMy41LDIsNy43LDIsNy43aDFjMCwwLDAtMiwwLTNjMC0yLjcsMi0zLjEsNC4xLTMuMWM0LjcsMCw2LjktMy4xLDYuOS0zLjFTMjcsMTAuNiwyNywxNGMwLDEuMSwwLDQsMCw0aDFjMCwwLDItNC44LDItOA0KCQkJCWMwLTQuNS0yLjktNi01LTZDMjUsNCwyMy43LDEsMTkuNSwxTDE5LjUsMXoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJGZW1hbGUiIGNsYXNzPSJzdDAiPg0KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00LjUsMzguNWMwLjMtNi4xLDUuMy0xMSwxMS41LTExaDhjNi4yLDAsMTEuMiw0LjksMTEuNSwxMUg0LjV6Ii8+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0yNCwyOGM1LjcsMCwxMC40LDQuNCwxMSwxMEg1YzAuNS01LjYsNS4yLTEwLDExLTEwSDI0IE0yNCwyN2gtOEM5LjQsMjcsNCwzMi40LDQsMzlsMCwwaDMybDAsMA0KCQkJQzM2LDMyLjQsMzAuNiwyNywyNCwyN0wyNCwyN3oiLz4NCgk8L2c+DQoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTIwLDMwLjNsLTQuNywzbC0xLjYtNS41YzAuOC0wLjIsMS41LTAuMiwyLjMtMC4yaDhjMC43LDAsMS41LDAuMSwyLjMsMC4ybC0xLjYsNS41TDIwLDMwLjN6Ii8+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0yNCwyOGMwLjUsMCwxLjEsMCwxLjYsMC4xbC0xLjIsNC4zTDIwLjUsMzBMMjAsMjkuN0wxOS41LDMwbC0zLjksMi40bC0xLjItNC4zQzE0LjksMjgsMTUuNSwyOCwxNiwyOEgyNA0KCQkJIE0yNCwyN2gtOGMtMSwwLTIsMC4xLTIuOSwwLjRMMTUsMzRsNS0zLjFsNSwzLjFsMS45LTYuNkMyNiwyNy4xLDI1LDI3LDI0LDI3TDI0LDI3eiIvPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPHBvbHlnb24gY2xhc3M9InN0NCIgcG9pbnRzPSIxNS41LDI3LjggMTUuNSwyMi41IDI0LjUsMjIuNSAyNC41LDI3LjggMjAsMzEuNCAJCSIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0yNCwyM3Y0LjZsLTQsMy4ybC00LTMuMlYyM0gyNCBNMjUsMjJIMTV2Ni4xbDUsMy45bDUtMy45VjIyTDI1LDIyeiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDgiIHBvaW50cz0iMjIuNiwyOS42IDIwLDMwLjMgMTcuNCwyOS42IDE5LDMzIDE3LDM5IDIzLDM5IDIxLDMzIAkiLz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjAsMjUuM2MtMC42LDAtMS4yLTAuMi0xLjYtMC42bC0wLjEtMC4xbC0wLjEsMGMtMy4zLTAuOS01LjctMy45LTUuNy03LjRWNy44YzAtMS45LDEuNS0zLjQsMy4zLTMuNGg4LjQNCgkJCQljMS44LDAsMy4zLDEuNSwzLjMsMy40djkuNGMwLDMuNS0yLjMsNi41LTUuNyw3LjRsLTAuMSwwbC0wLjEsMC4xQzIxLjIsMjUuMSwyMC42LDI1LjMsMjAsMjUuM3oiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0yNC4yLDVDMjUuNyw1LDI3LDYuMiwyNyw3Ljh2OS40YzAsMy4yLTIuMiw2LjEtNS4zLDYuOWwtMC4yLDAuMWwtMC4yLDAuMmMtMC4zLDAuMi0wLjcsMC41LTEuMywwLjUNCgkJCQlzLTEtMC4zLTEuMy0wLjVsLTAuMi0wLjJsLTAuMi0wLjFjLTMuMS0wLjgtNS4zLTMuNi01LjMtNi45VjcuOEMxMyw2LjIsMTQuMyw1LDE1LjgsNUgyNC4yIE0yNC4yLDMuOWgtOC40DQoJCQkJYy0yLjEsMC0zLjgsMS43LTMuOCwzLjl2OS40YzAsMy44LDIuNiw3LDYsNy44YzAuNSwwLjUsMS4yLDAuOCwyLDAuOHMxLjQtMC4zLDItMC44YzMuNS0wLjksNi00LjEsNi03LjhWNy44DQoJCQkJQzI4LDUuNywyNi4zLDMuOSwyNC4yLDMuOUwyNC4yLDMuOXoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjgsMjUuM2MtMS44LDAtMy40LTAuOS00LjMtMS41YzEtMC43LDIuOC0yLjMsMi44LTUuNHYtNC44YzAtMi40LTIuMS00LjMtMi4yLTQuNGwtMC40LTAuNGwtMC4zLDAuNQ0KCQljMCwwLTIuMSwzLjItNi42LDMuOGMtMi40LDAuMy0zLjQsMi4xLTMuNCwzLjd2MS41YzAsMy4yLDEuNyw0LjgsMi44LDUuNGMtMC45LDAuNi0yLjUsMS41LTQuMywxLjVjLTEuOCwwLTMuNC0wLjktNC4yLTEuNQ0KCQljMC45LTAuNywyLjQtMi4zLDIuNC00LjVjMC0wLjktMC4yLTEuOS0wLjQtM2MtMC4yLTEuMi0wLjQtMi40LTAuNC0zLjdDOS41LDQuMSwxNC45LDEsMTkuNSwxYzMuOCwwLDUsMi43LDUsMi43bDAuMSwwLjNIMjUNCgkJYzMuNSwwLDUuNSwyLjgsNS41LDcuNmMwLDEuNC0wLjMsMi45LTAuNSw0LjNjLTAuMiwxLjQtMC41LDIuNy0wLjUsMy44YzAsMS45LDEuNSwyLjksMi42LDMuM0MzMS40LDIzLjksMjkuOSwyNS4zLDI4LDI1LjN6Ii8+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0xOS41LDEuNWMzLjQsMCw0LjUsMi4zLDQuNiwyLjRsMC4zLDAuNkgyNWMzLjIsMCw1LDIuNSw1LDcuMWMwLDEuMy0wLjMsMi44LTAuNSw0LjINCgkJCWMtMC4yLDEuNC0wLjUsMi43LTAuNSwzLjljMCwxLjgsMS4xLDIuOSwyLjMsMy41Yy0wLjcsMC43LTEuOSwxLjYtMy4zLDEuNmMtMS4zLDAtMi41LTAuNS0zLjQtMWMxLjEtMC45LDIuNC0yLjYsMi40LTUuNHYtNC44DQoJCQljMC0yLjctMi4zLTQuNy0yLjQtNC43bC0wLjktMC43bC0wLjYsMC45Yy0wLjEsMC4xLTIsMy02LjMsMy42QzE0LjIsMTMsMTMsMTUuMSwxMywxNi45djEuNWMwLDIuOSwxLjMsNC41LDIuMyw1LjQNCgkJCWMtMC45LDAuNS0yLjEsMS0zLjMsMWMtMS4zLDAtMi41LTAuNi0zLjMtMS4xYzAuOS0wLjksMi4xLTIuNCwyLjEtNC40YzAtMS0wLjItMi0wLjQtMy4xYy0wLjItMS4yLTAuNC0yLjMtMC40LTMuNg0KCQkJQzEwLDQuNCwxNS4xLDEuNSwxOS41LDEuNSBNMTkuNSwwLjVDMTQuMiwwLjUsOSw0LjMsOSwxMi43YzAsMi41LDAuOCw0LjcsMC44LDYuN2MwLDIuOC0yLjgsNC41LTIuOCw0LjVzMi4zLDIsNSwyDQoJCQljMi44LDAsNS4yLTIuMSw1LjItMi4xcy0zLjItMS0zLjItNS40YzAtMC42LDAtMC42LDAtMS41YzAtMS40LDAuOS0yLjksMy0zLjJjNC44LTAuNyw3LTQuMSw3LTQuMXMyLDEuNywyLDRjMCwxLjEsMCwzLDAsNC44DQoJCQljMCw0LjItMy4yLDUuNC0zLjIsNS40czIuNCwyLjEsNS4yLDIuMWMzLDAsNS0zLDUtM3MtMy0wLjUtMy0zYzAtMi4yLDEtNS40LDEtOC4xYzAtNS44LTIuOC04LjEtNi04LjFDMjUsMy42LDIzLjcsMC41LDE5LjUsMC41DQoJCQlMMTkuNSwwLjV6Ii8+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9Ik5ldXRyYWwiPg0KCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik00LjUsMzguNWMwLjMtNi4xLDUuMy0xMSwxMS41LTExaDhjNi4yLDAsMTEuMiw0LjksMTEuNSwxMUg0LjV6Ii8+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMjQsMjhjNS43LDAsMTAuNCw0LjQsMTEsMTBINWMwLjUtNS42LDUuMi0xMCwxMS0xMEgyNCBNMjQsMjdoLThDOS40LDI3LDQsMzIuNCw0LDM5bDAsMGgzMmwwLDANCgkJCUMzNiwzMi40LDMwLjYsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJPC9nPg0KCTxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0yMCwzMC4zbC00LjcsM2wtMS42LTUuNWMwLjgtMC4yLDEuNS0wLjIsMi4zLTAuMmg4YzAuNywwLDEuNSwwLjEsMi4zLDAuMmwtMS42LDUuNUwyMCwzMC4zeiIvPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTI0LDI4YzAuNSwwLDEuMSwwLDEuNiwwLjFsLTEuMiw0LjNMMjAuNSwzMEwyMCwyOS43TDE5LjUsMzBsLTMuOSwyLjRsLTEuMi00LjNDMTQuOSwyOCwxNS41LDI4LDE2LDI4SDI0DQoJCQkgTTI0LDI3aC04Yy0xLDAtMiwwLjEtMi45LDAuNEwxNSwzNGw1LTMuMWw1LDMuMWwxLjktNi42QzI2LDI3LjEsMjUsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjE1LjUsMjcuOCAxNS41LDIyLjUgMjQuNSwyMi41IDI0LjUsMjcuOCAyMCwzMS40IAkJIi8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0yNCwyM3Y0LjZsLTQsMy4ybC00LTMuMlYyM0gyNCBNMjUsMjJIMTV2Ni4xbDUsMy45bDUtMy45VjIyTDI1LDIyeiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEwIiBwb2ludHM9IjIyLjYsMjkuNiAyMCwzMC4zIDE3LjQsMjkuNiAxOSwzMyAxNywzOSAyMywzOSAyMSwzMyAJIi8+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yNi42LDE5LjJjLTEuMywwLTIuNC0xLjEtMi40LTIuNHMxLjEtMi40LDIuNC0yLjRjMiwwLDIuNCwwLjUsMi40LDEuNEMyOSwxNy4zLDI3LjgsMTkuMiwyNi42LDE5LjJ6DQoJCQkgTTEzLjQsMTkuMmMtMS4yLDAtMi40LTEuOS0yLjQtMy4zYzAtMC45LDAuNC0xLjQsMi40LTEuNGMxLjMsMCwyLjQsMS4xLDIuNCwyLjRTMTQuNywxOS4yLDEzLjQsMTkuMnoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNMjYuNiwxNWMxLjksMCwxLjksMC41LDEuOSwwLjljMCwxLjItMSwyLjgtMS45LDIuOGMtMSwwLTEuOS0wLjgtMS45LTEuOUMyNC44LDE1LjgsMjUuNiwxNSwyNi42LDE1DQoJCQkgTTEzLjQsMTVjMSwwLDEuOSwwLjgsMS45LDEuOXMtMC44LDEuOS0xLjksMS45Yy0wLjgsMC0xLjktMS42LTEuOS0yLjhDMTEuNSwxNS41LDExLjUsMTUsMTMuNCwxNSBNMjYuNiwxNA0KCQkJYy0xLjYsMC0yLjksMS4zLTIuOSwyLjljMCwxLjYsMS4zLDIuOSwyLjksMi45YzEuNiwwLDIuOS0yLjIsMi45LTMuOEMyOS41LDE0LjMsMjguMiwxNCwyNi42LDE0TDI2LjYsMTR6IE0xMy40LDE0DQoJCQljLTEuNiwwLTIuOSwwLjMtMi45LDEuOXMxLjMsMy44LDIuOSwzLjhzMi45LTEuMywyLjktMi45UzE0LjksMTQsMTMuNCwxNEwxMy40LDE0eiIvPg0KCTwvZz4NCgk8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTTI4LDEyLjRjLTAuMi0zLjUtMi43LTYuNC02LTcuMmMtMC41LTAuMS0xLjEtMC4yLTItMC4yYy0wLjksMC0xLjQsMC4xLTIsMC4yYy0zLjMsMC44LTUuOCwzLjctNiw3LjJoMHYwLjUNCgkJdjUuNlYxOWgwYzAuMiwzLjUsMi43LDYuNCw2LDcuMmMwLjUsMC41LDEuMiwwLjgsMiwwLjhzMS40LTAuMywyLTAuOGMzLjMtMC44LDUuOC0zLjcsNi03LjJoMHYtMC41di01LjZMMjgsMTIuNEwyOCwxMi40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMS43LDI1LjNsLTAuMiwwLjFsLTAuMiwwLjJDMjEsMjUuNywyMC42LDI2LDIwLDI2cy0xLTAuMy0xLjMtMC41bC0wLjItMC4ybC0wLjItMC4xDQoJCWMtMy4xLTAuOC01LjMtMy42LTUuMy02Ljh2LTUuNmMwLTMuMiwyLjItNiw1LjMtNi44YzAsMCwwLjctMC4yLDEuNy0wLjJjMSwwLDEuNywwLjIsMS43LDAuMmMzLjEsMC44LDUuMywzLjYsNS4zLDYuOHY1LjYNCgkJQzI3LDIxLjcsMjQuOCwyNC41LDIxLjcsMjUuM3oiLz4NCjwvZz4NCjwvc3ZnPg0K') /*../../images/set/nogender.svg*/;
    }

    .gender1 {
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0I2RENGRTt9DQoJLnN0MXtmaWxsOiM0Nzg4Qzc7fQ0KCS5zdDJ7ZmlsbDojRkZGRkZGO30NCgkuc3Qze2Rpc3BsYXk6bm9uZTt9DQoJLnN0NHtkaXNwbGF5OmlubGluZTt9DQoJLnN0NXtkaXNwbGF5OmlubGluZTtmaWxsOiM0Nzg4Qzc7fQ0KPC9zdHlsZT4NCjxnIGlkPSJNYWxlIj4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQuNSwzOC41YzAuMy02LjEsNS4zLTExLDExLjUtMTFoOGM2LjIsMCwxMS4yLDQuOSwxMS41LDExSDQuNXoiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjQsMjhjNS43LDAsMTAuNCw0LjQsMTEsMTBINWMwLjUtNS42LDUuMi0xMCwxMS0xMEgyNCBNMjQsMjdoLThDOS40LDI3LDQsMzIuNCw0LDM5bDAsMGgzMmwwLDANCgkJCQlDMzYsMzIuNCwzMC42LDI3LDI0LDI3TDI0LDI3eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAsMzAuM2wtNC43LDNsLTEuNi01LjVjMC44LTAuMiwxLjUtMC4yLDIuMy0wLjJoOGMwLjcsMCwxLjUsMC4xLDIuMywwLjJsLTEuNiw1LjVMMjAsMzAuM3oiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjQsMjhjMC41LDAsMS4xLDAsMS42LDAuMWwtMS4yLDQuM0wyMC41LDMwTDIwLDI5LjdMMTkuNSwzMGwtMy45LDIuNGwtMS4yLTQuM0MxNC45LDI4LDE1LjUsMjgsMTYsMjhIMjQNCgkJCQkgTTI0LDI3aC04Yy0xLDAtMiwwLjEtMi45LDAuNEwxNSwzNGw1LTMuMWw1LDMuMWwxLjktNi42QzI2LDI3LjEsMjUsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGc+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iMTUuNSwyNy44IDE1LjUsMjIuNSAyNC41LDIyLjUgMjQuNSwyNy44IDIwLDMxLjQgCQkiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjQsMjN2NC42bC00LDMuMmwtNC0zLjJWMjNIMjQgTTI1LDIySDE1djYuMWw1LDMuOWw1LTMuOVYyMkwyNSwyMnoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjIyLjYsMjkuNiAyMCwzMC4zIDE3LjQsMjkuNiAxOSwzMyAxNywzOSAyMywzOSAyMSwzMyAJIi8+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTI3LjEsMTkuMmMtMS4zLDAtMi40LTEuMS0yLjQtMi40czEuMS0yLjQsMi40LTIuNGMyLDAsMi40LDAuNSwyLjQsMS40QzI5LjUsMTcuMywyOC4zLDE5LjIsMjcuMSwxOS4yeg0KCQkJCSBNMTIuOSwxOS4yYy0xLjIsMC0yLjQtMS45LTIuNC0zLjNjMC0wLjksMC40LTEuNCwyLjQtMS40YzEuMywwLDIuNCwxLjEsMi40LDIuNFMxNC4yLDE5LjIsMTIuOSwxOS4yeiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI3LjEsMTVjMS45LDAsMS45LDAuNSwxLjksMC45YzAsMS4yLTEsMi44LTEuOSwyLjhjLTEsMC0xLjktMC44LTEuOS0xLjlDMjUuMywxNS44LDI2LjEsMTUsMjcuMSwxNQ0KCQkJCSBNMTIuOSwxNWMxLDAsMS45LDAuOCwxLjksMS45cy0wLjgsMS45LTEuOSwxLjljLTAuOCwwLTEuOS0xLjYtMS45LTIuOEMxMSwxNS41LDExLDE1LDEyLjksMTUgTTI3LjEsMTRjLTEuNiwwLTIuOSwxLjMtMi45LDIuOQ0KCQkJCWMwLDEuNiwxLjMsMi45LDIuOSwyLjljMS42LDAsMi45LTIuMiwyLjktMy44QzMwLDE0LjMsMjguNywxNCwyNy4xLDE0TDI3LjEsMTR6IE0xMi45LDE0Yy0xLjYsMC0yLjksMC4zLTIuOSwxLjkNCgkJCQlzMS4zLDMuOCwyLjksMy44czIuOS0xLjMsMi45LTIuOVMxNC40LDE0LDEyLjksMTRMMTIuOSwxNHoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjAsMjYuNWMtMC42LDAtMS4yLTAuMi0xLjYtMC42bC0wLjEtMC4xbC0wLjEsMGMtMy4zLTAuOC01LjctMy44LTUuNy03LjNWOS4yYzAtMS44LDEuNS0zLjMsMy4zLTMuM2g4LjQNCgkJCQljMS44LDAsMy4zLDEuNSwzLjMsMy4zdjkuM2MwLDMuNC0yLjMsNi40LTUuNyw3LjNsLTAuMSwwbC0wLjEsMC4xQzIxLjIsMjYuMywyMC42LDI2LjUsMjAsMjYuNXoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNC4yLDYuNGMxLjYsMCwyLjgsMS4zLDIuOCwyLjh2OS4zYzAsMy4yLTIuMiw2LTUuMyw2LjhsLTAuMiwwLjFsLTAuMiwwLjJDMjEsMjUuNywyMC42LDI2LDIwLDI2DQoJCQkJcy0xLTAuMy0xLjMtMC41bC0wLjItMC4ybC0wLjItMC4xYy0zLjEtMC44LTUuMy0zLjYtNS4zLTYuOFY5LjJjMC0xLjYsMS4zLTIuOCwyLjgtMi44SDI0LjIgTTI0LjIsNS40aC04LjQNCgkJCQljLTIuMSwwLTMuOCwxLjctMy44LDMuOHY5LjNjMCwzLjcsMi42LDYuOSw2LDcuN2MwLjUsMC41LDEuMiwwLjgsMiwwLjhzMS40LTAuMywyLTAuOGMzLjUtMC45LDYtNCw2LTcuN1Y5LjINCgkJCQlDMjgsNy4xLDI2LjMsNS40LDI0LjIsNS40TDI0LjIsNS40eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjcuNSwxNy41VjE0YzAtMy42LTMtNS42LTMuMi01LjdsLTAuNC0wLjNsLTAuMywwLjRjLTAuMSwwLjEtMi4xLDIuOS02LjUsMi45Yy0xLjEsMC00LjYsMC00LjYsMy42djIuNQ0KCQkJaC0wLjJjLTAuNC0xLTEuOC00LjMtMS44LTcuMmMwLTUuMywzLjYtOC44LDktOC44YzMuOCwwLDUsMi42LDUsMi43bDAuMSwwLjNsMC4zLDBjMi4xLDAsNC41LDEuNCw0LjUsNS41YzAsMi42LTEuNCw2LjQtMS44LDcuNQ0KCQkJSDI3LjV6Ii8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE5LjUsMkMyMywyLDI0LDQuMywyNC4xLDQuNEwyNC4zLDVIMjVjMS44LDAsNCwxLjMsNCw1YzAsMS41LTAuNSwzLjUtMSw1VjE0YzAtMy45LTMuMy02LTMuNC02LjFsLTAuOC0wLjUNCgkJCQlsLTAuNSwwLjhjMCwwLTEuOSwyLjctNi4xLDIuN2MtMy40LDAtNS4xLDEuNC01LjEsNC4xdjAuM2MtMC41LTEuNC0xLTMuMy0xLTVDMTEsNS4zLDE0LjQsMiwxOS41LDIgTTE5LjUsMUMxMy43LDEsMTAsNSwxMCwxMC4zDQoJCQkJYzAsMy41LDIsNy43LDIsNy43aDFjMCwwLDAtMiwwLTNjMC0yLjcsMi0zLjEsNC4xLTMuMWM0LjcsMCw2LjktMy4xLDYuOS0zLjFTMjcsMTAuNiwyNywxNGMwLDEuMSwwLDQsMCw0aDFjMCwwLDItNC44LDItOA0KCQkJCWMwLTQuNS0yLjktNi01LTZDMjUsNCwyMy43LDEsMTkuNSwxTDE5LjUsMXoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJGZW1hbGUiIGNsYXNzPSJzdDMiPg0KCTxnIGNsYXNzPSJzdDQiPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNC41LDM4LjVjMC4zLTYuMSw1LjMtMTEsMTEuNS0xMWg4YzYuMiwwLDExLjIsNC45LDExLjUsMTFINC41eiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNCwyOGM1LjcsMCwxMC40LDQuNCwxMSwxMEg1YzAuNS01LjYsNS4yLTEwLDExLTEwSDI0IE0yNCwyN2gtOEM5LjQsMjcsNCwzMi40LDQsMzlsMCwwaDMybDAsMA0KCQkJCUMzNiwzMi40LDMwLjYsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0NCI+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwzMC4zbC00LjcsM2wtMS42LTUuNWMwLjgtMC4yLDEuNS0wLjIsMi4zLTAuMmg4YzAuNywwLDEuNSwwLjEsMi4zLDAuMmwtMS42LDUuNUwyMCwzMC4zeiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNCwyOGMwLjUsMCwxLjEsMCwxLjYsMC4xbC0xLjIsNC4zTDIwLjUsMzBMMjAsMjkuN0wxOS41LDMwbC0zLjksMi40bC0xLjItNC4zQzE0LjksMjgsMTUuNSwyOCwxNiwyOEgyNA0KCQkJCSBNMjQsMjdoLThjLTEsMC0yLDAuMS0yLjksMC40TDE1LDM0bDUtMy4xbDUsMy4xbDEuOS02LjZDMjYsMjcuMSwyNSwyNywyNCwyN0wyNCwyN3oiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3Q0Ij4NCgkJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIxNS41LDI3LjggMTUuNSwyMi41IDI0LjUsMjIuNSAyNC41LDI3LjggMjAsMzEuNCAJCSIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNCwyM3Y0LjZsLTQsMy4ybC00LTMuMlYyM0gyNCBNMjUsMjJIMTV2Ni4xbDUsMy45bDUtMy45VjIyTDI1LDIyeiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDUiIHBvaW50cz0iMjIuNiwyOS42IDIwLDMwLjMgMTcuNCwyOS42IDE5LDMzIDE3LDM5IDIzLDM5IDIxLDMzIAkiLz4NCgk8ZyBjbGFzcz0ic3Q0Ij4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjAsMjUuM2MtMC42LDAtMS4yLTAuMi0xLjYtMC42bC0wLjEtMC4xbC0wLjEsMGMtMy4zLTAuOS01LjctMy45LTUuNy03LjRWNy44YzAtMS45LDEuNS0zLjQsMy4zLTMuNGg4LjQNCgkJCQljMS44LDAsMy4zLDEuNSwzLjMsMy40djkuNGMwLDMuNS0yLjMsNi41LTUuNyw3LjRsLTAuMSwwbC0wLjEsMC4xQzIxLjIsMjUuMSwyMC42LDI1LjMsMjAsMjUuM3oiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNC4yLDVDMjUuNyw1LDI3LDYuMiwyNyw3Ljh2OS40YzAsMy4yLTIuMiw2LjEtNS4zLDYuOWwtMC4yLDAuMWwtMC4yLDAuMmMtMC4zLDAuMi0wLjcsMC41LTEuMywwLjUNCgkJCQlzLTEtMC4zLTEuMy0wLjVsLTAuMi0wLjJsLTAuMi0wLjFjLTMuMS0wLjgtNS4zLTMuNi01LjMtNi45VjcuOEMxMyw2LjIsMTQuMyw1LDE1LjgsNUgyNC4yIE0yNC4yLDMuOWgtOC40DQoJCQkJYy0yLjEsMC0zLjgsMS43LTMuOCwzLjl2OS40YzAsMy44LDIuNiw3LDYsNy44YzAuNSwwLjUsMS4yLDAuOCwyLDAuOHMxLjQtMC4zLDItMC44YzMuNS0wLjksNi00LjEsNi03LjhWNy44DQoJCQkJQzI4LDUuNywyNi4zLDMuOSwyNC4yLDMuOUwyNC4yLDMuOXoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3Q0Ij4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LDI1LjNjLTEuOCwwLTMuNC0wLjktNC4zLTEuNWMxLTAuNywyLjgtMi4zLDIuOC01LjR2LTQuOGMwLTIuNC0yLjEtNC4zLTIuMi00LjRsLTAuNC0wLjRsLTAuMywwLjUNCgkJCWMwLDAtMi4xLDMuMi02LjYsMy44Yy0yLjQsMC4zLTMuNCwyLjEtMy40LDMuN3YxLjVjMCwzLjIsMS43LDQuOCwyLjgsNS40Yy0wLjksMC42LTIuNSwxLjUtNC4zLDEuNWMtMS44LDAtMy40LTAuOS00LjItMS41DQoJCQljMC45LTAuNywyLjQtMi4zLDIuNC00LjVjMC0wLjktMC4yLTEuOS0wLjQtM2MtMC4yLTEuMi0wLjQtMi40LTAuNC0zLjdDOS41LDQuMSwxNC45LDEsMTkuNSwxYzMuOCwwLDUsMi43LDUsMi43bDAuMSwwLjNIMjUNCgkJCWMzLjUsMCw1LjUsMi44LDUuNSw3LjZjMCwxLjQtMC4zLDIuOS0wLjUsNC4zYy0wLjIsMS40LTAuNSwyLjctMC41LDMuOGMwLDEuOSwxLjUsMi45LDIuNiwzLjNDMzEuNCwyMy45LDI5LjksMjUuMywyOCwyNS4zeiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOS41LDEuNWMzLjQsMCw0LjUsMi4zLDQuNiwyLjRsMC4zLDAuNkgyNWMzLjIsMCw1LDIuNSw1LDcuMWMwLDEuMy0wLjMsMi44LTAuNSw0LjINCgkJCQljLTAuMiwxLjQtMC41LDIuNy0wLjUsMy45YzAsMS44LDEuMSwyLjksMi4zLDMuNWMtMC43LDAuNy0xLjksMS42LTMuMywxLjZjLTEuMywwLTIuNS0wLjUtMy40LTFjMS4xLTAuOSwyLjQtMi42LDIuNC01LjR2LTQuOA0KCQkJCWMwLTIuNy0yLjMtNC43LTIuNC00LjdsLTAuOS0wLjdsLTAuNiwwLjljLTAuMSwwLjEtMiwzLTYuMywzLjZDMTQuMiwxMywxMywxNS4xLDEzLDE2Ljl2MS41YzAsMi45LDEuMyw0LjUsMi4zLDUuNA0KCQkJCWMtMC45LDAuNS0yLjEsMS0zLjMsMWMtMS4zLDAtMi41LTAuNi0zLjMtMS4xYzAuOS0wLjksMi4xLTIuNCwyLjEtNC40YzAtMS0wLjItMi0wLjQtMy4xYy0wLjItMS4yLTAuNC0yLjMtMC40LTMuNg0KCQkJCUMxMCw0LjQsMTUuMSwxLjUsMTkuNSwxLjUgTTE5LjUsMC41QzE0LjIsMC41LDksNC4zLDksMTIuN2MwLDIuNSwwLjgsNC43LDAuOCw2LjdjMCwyLjgtMi44LDQuNS0yLjgsNC41czIuMywyLDUsMg0KCQkJCWMyLjgsMCw1LjItMi4xLDUuMi0yLjFzLTMuMi0xLTMuMi01LjRjMC0wLjYsMC0wLjYsMC0xLjVjMC0xLjQsMC45LTIuOSwzLTMuMmM0LjgtMC43LDctNC4xLDctNC4xczIsMS43LDIsNGMwLDEuMSwwLDMsMCw0LjgNCgkJCQljMCw0LjItMy4yLDUuNC0zLjIsNS40czIuNCwyLjEsNS4yLDIuMWMzLDAsNS0zLDUtM3MtMy0wLjUtMy0zYzAtMi4yLDEtNS40LDEtOC4xYzAtNS44LTIuOC04LjEtNi04LjFDMjUsMy42LDIzLjcsMC41LDE5LjUsMC41DQoJCQkJTDE5LjUsMC41eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9Ik5ldXRyYWwiIGNsYXNzPSJzdDMiPg0KCTxnIGNsYXNzPSJzdDQiPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNC41LDM4LjVjMC4zLTYuMSw1LjMtMTEsMTEuNS0xMWg4YzYuMiwwLDExLjIsNC45LDExLjUsMTFINC41eiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNCwyOGM1LjcsMCwxMC40LDQuNCwxMSwxMEg1YzAuNS01LjYsNS4yLTEwLDExLTEwSDI0IE0yNCwyN2gtOEM5LjQsMjcsNCwzMi40LDQsMzlsMCwwaDMybDAsMA0KCQkJCUMzNiwzMi40LDMwLjYsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0NCI+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMCwzMC4zbC00LjcsM2wtMS42LTUuNWMwLjgtMC4yLDEuNS0wLjIsMi4zLTAuMmg4YzAuNywwLDEuNSwwLjEsMi4zLDAuMmwtMS42LDUuNUwyMCwzMC4zeiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNCwyOGMwLjUsMCwxLjEsMCwxLjYsMC4xbC0xLjIsNC4zTDIwLjUsMzBMMjAsMjkuN0wxOS41LDMwbC0zLjksMi40bC0xLjItNC4zQzE0LjksMjgsMTUuNSwyOCwxNiwyOEgyNA0KCQkJCSBNMjQsMjdoLThjLTEsMC0yLDAuMS0yLjksMC40TDE1LDM0bDUtMy4xbDUsMy4xbDEuOS02LjZDMjYsMjcuMSwyNSwyNywyNCwyN0wyNCwyN3oiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3Q0Ij4NCgkJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIxNS41LDI3LjggMTUuNSwyMi41IDI0LjUsMjIuNSAyNC41LDI3LjggMjAsMzEuNCAJCSIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNCwyM3Y0LjZsLTQsMy4ybC00LTMuMlYyM0gyNCBNMjUsMjJIMTV2Ni4xbDUsMy45bDUtMy45VjIyTDI1LDIyeiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDUiIHBvaW50cz0iMjIuNiwyOS42IDIwLDMwLjMgMTcuNCwyOS42IDE5LDMzIDE3LDM5IDIzLDM5IDIxLDMzIAkiLz4NCgk8ZyBjbGFzcz0ic3Q0Ij4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjYuNiwxOS4yYy0xLjMsMC0yLjQtMS4xLTIuNC0yLjRzMS4xLTIuNCwyLjQtMi40YzIsMCwyLjQsMC41LDIuNCwxLjRDMjksMTcuMywyNy44LDE5LjIsMjYuNiwxOS4yeg0KCQkJCSBNMTMuNCwxOS4yYy0xLjIsMC0yLjQtMS45LTIuNC0zLjNjMC0wLjksMC40LTEuNCwyLjQtMS40YzEuMywwLDIuNCwxLjEsMi40LDIuNFMxNC43LDE5LjIsMTMuNCwxOS4yeiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI2LjYsMTVjMS45LDAsMS45LDAuNSwxLjksMC45YzAsMS4yLTEsMi44LTEuOSwyLjhjLTEsMC0xLjktMC44LTEuOS0xLjlDMjQuOCwxNS44LDI1LjYsMTUsMjYuNiwxNQ0KCQkJCSBNMTMuNCwxNWMxLDAsMS45LDAuOCwxLjksMS45cy0wLjgsMS45LTEuOSwxLjljLTAuOCwwLTEuOS0xLjYtMS45LTIuOEMxMS41LDE1LjUsMTEuNSwxNSwxMy40LDE1IE0yNi42LDE0DQoJCQkJYy0xLjYsMC0yLjksMS4zLTIuOSwyLjljMCwxLjYsMS4zLDIuOSwyLjksMi45YzEuNiwwLDIuOS0yLjIsMi45LTMuOEMyOS41LDE0LjMsMjguMiwxNCwyNi42LDE0TDI2LjYsMTR6IE0xMy40LDE0DQoJCQkJYy0xLjYsMC0yLjksMC4zLTIuOSwxLjlzMS4zLDMuOCwyLjksMy44czIuOS0xLjMsMi45LTIuOVMxNC45LDE0LDEzLjQsMTRMMTMuNCwxNHoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3Q0Ij4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTEyLjUsMTIuNHY2LjFjMCwzLjQsMi4zLDYuNCw1LjcsNy4zbDAuMSwwbDAuMSwwLjFjMC41LDAuNCwxLDAuNiwxLjYsMC42czEuMi0wLjIsMS42LTAuNmwwLjEtMC4xbDAuMSwwDQoJCQljMy4zLTAuOCw1LjctMy44LDUuNy03LjN2LTYuMUgxMi41eiIvPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3Q0Ij4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI3LDEyLjR2Ni4xYzAsMy4yLTIuMiw2LTUuMyw2LjhsLTAuMiwwLjFsLTAuMiwwLjJDMjEsMjUuNywyMC42LDI2LDIwLDI2cy0xLTAuMy0xLjMtMC41bC0wLjItMC4ybC0wLjItMC4xDQoJCQljLTMuMS0wLjgtNS4zLTMuNi01LjMtNi44di02LjFoLTF2Ni4xYzAsMy43LDIuNiw2LjksNiw3LjdjMC41LDAuNSwxLjIsMC44LDIsMC44czEuNC0wLjMsMi0wLjhjMy41LTAuOSw2LTQsNi03Ljd2LTYuMUgyN3oiLz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0NCI+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLDE5di02LjFjMC0zLjIsMi4yLTYsNS4zLTYuOGMwLDAsMC43LTAuMiwxLjctMC4yYzEsMCwxLjcsMC4yLDEuNywwLjJjMy4xLDAuOCw1LjMsMy42LDUuMyw2LjhWMTloMQ0KCQkJCXYtNi4xYzAtMy43LTIuNi02LjktNi03LjdjLTAuNS0wLjEtMS4xLTAuMi0yLTAuMmMtMC45LDAtMS40LDAuMS0yLDAuMmMtMy41LDAuOS02LDQtNiw3LjdWMTlIMTN6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==') /*../../images/set/male.svg*/;
    }

    .gender2 {
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2Rpc3BsYXk6bm9uZTt9DQoJLnN0MXtkaXNwbGF5OmlubGluZTt9DQoJLnN0MntmaWxsOiNCNkRDRkU7fQ0KCS5zdDN7ZmlsbDojNDc4OEM3O30NCgkuc3Q0e2ZpbGw6I0ZGRkZGRjt9DQoJLnN0NXtkaXNwbGF5OmlubGluZTtmaWxsOiM0Nzg4Qzc7fQ0KCS5zdDZ7ZmlsbDojRkNEMEUwO30NCgkuc3Q3e2ZpbGw6I0ZGNEQ4MTt9DQo8L3N0eWxlPg0KPGcgaWQ9Ik1hbGUiIGNsYXNzPSJzdDAiPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNC41LDM4LjVjMC4zLTYuMSw1LjMtMTEsMTEuNS0xMWg4YzYuMiwwLDExLjIsNC45LDExLjUsMTFINC41eiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyOGM1LjcsMCwxMC40LDQuNCwxMSwxMEg1YzAuNS01LjYsNS4yLTEwLDExLTEwSDI0IE0yNCwyN2gtOEM5LjQsMjcsNCwzMi40LDQsMzlsMCwwaDMybDAsMA0KCQkJCUMzNiwzMi40LDMwLjYsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yMCwzMC4zbC00LjcsM2wtMS42LTUuNWMwLjgtMC4yLDEuNS0wLjIsMi4zLTAuMmg4YzAuNywwLDEuNSwwLjEsMi4zLDAuMmwtMS42LDUuNUwyMCwzMC4zeiIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyOGMwLjUsMCwxLjEsMCwxLjYsMC4xbC0xLjIsNC4zTDIwLjUsMzBMMjAsMjkuN0wxOS41LDMwbC0zLjksMi40bC0xLjItNC4zQzE0LjksMjgsMTUuNSwyOCwxNiwyOEgyNA0KCQkJCSBNMjQsMjdoLThjLTEsMC0yLDAuMS0yLjksMC40TDE1LDM0bDUtMy4xbDUsMy4xbDEuOS02LjZDMjYsMjcuMSwyNSwyNywyNCwyN0wyNCwyN3oiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPHBvbHlnb24gY2xhc3M9InN0NCIgcG9pbnRzPSIxNS41LDI3LjggMTUuNSwyMi41IDI0LjUsMjIuNSAyNC41LDI3LjggMjAsMzEuNCAJCSIvPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNCwyM3Y0LjZsLTQsMy4ybC00LTMuMlYyM0gyNCBNMjUsMjJIMTV2Ni4xbDUsMy45bDUtMy45VjIyTDI1LDIyeiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDUiIHBvaW50cz0iMjIuNiwyOS42IDIwLDMwLjMgMTcuNCwyOS42IDE5LDMzIDE3LDM5IDIzLDM5IDIxLDMzIAkiLz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjcuMSwxOS4yYy0xLjMsMC0yLjQtMS4xLTIuNC0yLjRzMS4xLTIuNCwyLjQtMi40YzIsMCwyLjQsMC41LDIuNCwxLjRDMjkuNSwxNy4zLDI4LjMsMTkuMiwyNy4xLDE5LjJ6DQoJCQkJIE0xMi45LDE5LjJjLTEuMiwwLTIuNC0xLjktMi40LTMuM2MwLTAuOSwwLjQtMS40LDIuNC0xLjRjMS4zLDAsMi40LDEuMSwyLjQsMi40UzE0LjIsMTkuMiwxMi45LDE5LjJ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjcuMSwxNWMxLjksMCwxLjksMC41LDEuOSwwLjljMCwxLjItMSwyLjgtMS45LDIuOGMtMSwwLTEuOS0wLjgtMS45LTEuOUMyNS4zLDE1LjgsMjYuMSwxNSwyNy4xLDE1DQoJCQkJIE0xMi45LDE1YzEsMCwxLjksMC44LDEuOSwxLjlzLTAuOCwxLjktMS45LDEuOWMtMC44LDAtMS45LTEuNi0xLjktMi44QzExLDE1LjUsMTEsMTUsMTIuOSwxNSBNMjcuMSwxNGMtMS42LDAtMi45LDEuMy0yLjksMi45DQoJCQkJYzAsMS42LDEuMywyLjksMi45LDIuOWMxLjYsMCwyLjktMi4yLDIuOS0zLjhDMzAsMTQuMywyOC43LDE0LDI3LjEsMTRMMjcuMSwxNHogTTEyLjksMTRjLTEuNiwwLTIuOSwwLjMtMi45LDEuOQ0KCQkJCXMxLjMsMy44LDIuOSwzLjhzMi45LTEuMywyLjktMi45UzE0LjQsMTQsMTIuOSwxNEwxMi45LDE0eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMCwyNi41Yy0wLjYsMC0xLjItMC4yLTEuNi0wLjZsLTAuMS0wLjFsLTAuMSwwYy0zLjMtMC44LTUuNy0zLjgtNS43LTcuM1Y5LjJjMC0xLjgsMS41LTMuMywzLjMtMy4zaDguNA0KCQkJCWMxLjgsMCwzLjMsMS41LDMuMywzLjN2OS4zYzAsMy40LTIuMyw2LjQtNS43LDcuM2wtMC4xLDBsLTAuMSwwLjFDMjEuMiwyNi4zLDIwLjYsMjYuNSwyMCwyNi41eiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LjIsNi40YzEuNiwwLDIuOCwxLjMsMi44LDIuOHY5LjNjMCwzLjItMi4yLDYtNS4zLDYuOGwtMC4yLDAuMWwtMC4yLDAuMkMyMSwyNS43LDIwLjYsMjYsMjAsMjYNCgkJCQlzLTEtMC4zLTEuMy0wLjVsLTAuMi0wLjJsLTAuMi0wLjFjLTMuMS0wLjgtNS4zLTMuNi01LjMtNi44VjkuMmMwLTEuNiwxLjMtMi44LDIuOC0yLjhIMjQuMiBNMjQuMiw1LjRoLTguNA0KCQkJCWMtMi4xLDAtMy44LDEuNy0zLjgsMy44djkuM2MwLDMuNywyLjYsNi45LDYsNy43YzAuNSwwLjUsMS4yLDAuOCwyLDAuOHMxLjQtMC4zLDItMC44YzMuNS0wLjksNi00LDYtNy43VjkuMg0KCQkJCUMyOCw3LjEsMjYuMyw1LjQsMjQuMiw1LjRMMjQuMiw1LjR6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNy41LDE3LjVWMTRjMC0zLjYtMy01LjYtMy4yLTUuN2wtMC40LTAuM2wtMC4zLDAuNGMtMC4xLDAuMS0yLjEsMi45LTYuNSwyLjljLTEuMSwwLTQuNiwwLTQuNiwzLjZ2Mi41DQoJCQloLTAuMmMtMC40LTEtMS44LTQuMy0xLjgtNy4yYzAtNS4zLDMuNi04LjgsOS04LjhjMy44LDAsNSwyLjYsNSwyLjdsMC4xLDAuM2wwLjMsMGMyLjEsMCw0LjUsMS40LDQuNSw1LjVjMCwyLjYtMS40LDYuNC0xLjgsNy41DQoJCQlIMjcuNXoiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTkuNSwyQzIzLDIsMjQsNC4zLDI0LjEsNC40TDI0LjMsNUgyNWMxLjgsMCw0LDEuMyw0LDVjMCwxLjUtMC41LDMuNS0xLDVWMTRjMC0zLjktMy4zLTYtMy40LTYuMWwtMC44LTAuNQ0KCQkJCWwtMC41LDAuOGMwLDAtMS45LDIuNy02LjEsMi43Yy0zLjQsMC01LjEsMS40LTUuMSw0LjF2MC4zYy0wLjUtMS40LTEtMy4zLTEtNUMxMSw1LjMsMTQuNCwyLDE5LjUsMiBNMTkuNSwxQzEzLjcsMSwxMCw1LDEwLDEwLjMNCgkJCQljMCwzLjUsMiw3LjcsMiw3LjdoMWMwLDAsMC0yLDAtM2MwLTIuNywyLTMuMSw0LjEtMy4xYzQuNywwLDYuOS0zLjEsNi45LTMuMVMyNywxMC42LDI3LDE0YzAsMS4xLDAsNCwwLDRoMWMwLDAsMi00LjgsMi04DQoJCQkJYzAtNC41LTIuOS02LTUtNkMyNSw0LDIzLjcsMSwxOS41LDFMMTkuNSwxeiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IkZlbWFsZSI+DQoJPHBhdGggY2xhc3M9InN0NiIgZD0iTTQuNSwzOC41YzAuMy02LjEsNS4zLTExLDExLjUtMTFoOGM2LjIsMCwxMS4yLDQuOSwxMS41LDExSDQuNXoiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDI4YzUuNywwLDEwLjQsNC40LDExLDEwSDVjMC41LTUuNiw1LjItMTAsMTEtMTBIMjQgTTI0LDI3aC04QzkuNCwyNyw0LDMyLjQsNCwzOWwwLDBoMzJsMCwwDQoJCQlDMzYsMzIuNCwzMC42LDI3LDI0LDI3TDI0LDI3eiIvPg0KCTwvZz4NCgk8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjAsMzAuM2wtNC43LDNsLTEuNi01LjVjMC44LTAuMiwxLjUtMC4yLDIuMy0wLjJoOGMwLjcsMCwxLjUsMC4xLDIuMywwLjJsLTEuNiw1LjVMMjAsMzAuM3oiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDI4YzAuNSwwLDEuMSwwLDEuNiwwLjFsLTEuMiw0LjNMMjAuNSwzMEwyMCwyOS43TDE5LjUsMzBsLTMuOSwyLjRsLTEuMi00LjNDMTQuOSwyOCwxNS41LDI4LDE2LDI4SDI0DQoJCQkgTTI0LDI3aC04Yy0xLDAtMiwwLjEtMi45LDAuNEwxNSwzNGw1LTMuMWw1LDMuMWwxLjktNi42QzI2LDI3LjEsMjUsMjcsMjQsMjdMMjQsMjd6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjE1LjUsMjcuOCAxNS41LDIyLjUgMjQuNSwyMi41IDI0LjUsMjcuOCAyMCwzMS40IAkJIi8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LDIzdjQuNmwtNCwzLjJsLTQtMy4yVjIzSDI0IE0yNSwyMkgxNXY2LjFsNSwzLjlsNS0zLjlWMjJMMjUsMjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPHBvbHlnb24gY2xhc3M9InN0NyIgcG9pbnRzPSIyMi42LDI5LjYgMjAsMzAuMyAxNy40LDI5LjYgMTksMzMgMTcsMzkgMjMsMzkgMjEsMzMgCSIvPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMCwyNS4zYy0wLjYsMC0xLjItMC4yLTEuNi0wLjZsLTAuMS0wLjFsLTAuMSwwYy0zLjMtMC45LTUuNy0zLjktNS43LTcuNFY3LjhjMC0xLjksMS41LTMuNCwzLjMtMy40aDguNA0KCQkJCWMxLjgsMCwzLjMsMS41LDMuMywzLjR2OS40YzAsMy41LTIuMyw2LjUtNS43LDcuNGwtMC4xLDBsLTAuMSwwLjFDMjEuMiwyNS4xLDIwLjYsMjUuMywyMCwyNS4zeiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTI0LjIsNUMyNS43LDUsMjcsNi4yLDI3LDcuOHY5LjRjMCwzLjItMi4yLDYuMS01LjMsNi45bC0wLjIsMC4xbC0wLjIsMC4yYy0wLjMsMC4yLTAuNywwLjUtMS4zLDAuNQ0KCQkJCXMtMS0wLjMtMS4zLTAuNWwtMC4yLTAuMmwtMC4yLTAuMWMtMy4xLTAuOC01LjMtMy42LTUuMy02LjlWNy44QzEzLDYuMiwxNC4zLDUsMTUuOCw1SDI0LjIgTTI0LjIsMy45aC04LjQNCgkJCQljLTIuMSwwLTMuOCwxLjctMy44LDMuOXY5LjRjMCwzLjgsMi42LDcsNiw3LjhjMC41LDAuNSwxLjIsMC44LDIsMC44czEuNC0wLjMsMi0wLjhjMy41LTAuOSw2LTQuMSw2LTcuOFY3LjgNCgkJCQlDMjgsNS43LDI2LjMsMy45LDI0LjIsMy45TDI0LjIsMy45eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0yOCwyNS4zYy0xLjgsMC0zLjQtMC45LTQuMy0xLjVjMS0wLjcsMi44LTIuMywyLjgtNS40di00LjhjMC0yLjQtMi4xLTQuMy0yLjItNC40bC0wLjQtMC40bC0wLjMsMC41DQoJCWMwLDAtMi4xLDMuMi02LjYsMy44Yy0yLjQsMC4zLTMuNCwyLjEtMy40LDMuN3YxLjVjMCwzLjIsMS43LDQuOCwyLjgsNS40Yy0wLjksMC42LTIuNSwxLjUtNC4zLDEuNWMtMS44LDAtMy40LTAuOS00LjItMS41DQoJCWMwLjktMC43LDIuNC0yLjMsMi40LTQuNWMwLTAuOS0wLjItMS45LTAuNC0zYy0wLjItMS4yLTAuNC0yLjQtMC40LTMuN0M5LjUsNC4xLDE0LjksMSwxOS41LDFjMy44LDAsNSwyLjcsNSwyLjdsMC4xLDAuM0gyNQ0KCQljMy41LDAsNS41LDIuOCw1LjUsNy42YzAsMS40LTAuMywyLjktMC41LDQuM2MtMC4yLDEuNC0wLjUsMi43LTAuNSwzLjhjMCwxLjksMS41LDIuOSwyLjYsMy4zQzMxLjQsMjMuOSwyOS45LDI1LjMsMjgsMjUuM3oiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NyIgZD0iTTE5LjUsMS41YzMuNCwwLDQuNSwyLjMsNC42LDIuNGwwLjMsMC42SDI1YzMuMiwwLDUsMi41LDUsNy4xYzAsMS4zLTAuMywyLjgtMC41LDQuMg0KCQkJYy0wLjIsMS40LTAuNSwyLjctMC41LDMuOWMwLDEuOCwxLjEsMi45LDIuMywzLjVjLTAuNywwLjctMS45LDEuNi0zLjMsMS42Yy0xLjMsMC0yLjUtMC41LTMuNC0xYzEuMS0wLjksMi40LTIuNiwyLjQtNS40di00LjgNCgkJCWMwLTIuNy0yLjMtNC43LTIuNC00LjdsLTAuOS0wLjdsLTAuNiwwLjljLTAuMSwwLjEtMiwzLTYuMywzLjZDMTQuMiwxMywxMywxNS4xLDEzLDE2Ljl2MS41YzAsMi45LDEuMyw0LjUsMi4zLDUuNA0KCQkJYy0wLjksMC41LTIuMSwxLTMuMywxYy0xLjMsMC0yLjUtMC42LTMuMy0xLjFjMC45LTAuOSwyLjEtMi40LDIuMS00LjRjMC0xLTAuMi0yLTAuNC0zLjFjLTAuMi0xLjItMC40LTIuMy0wLjQtMy42DQoJCQlDMTAsNC40LDE1LjEsMS41LDE5LjUsMS41IE0xOS41LDAuNUMxNC4yLDAuNSw5LDQuMyw5LDEyLjdjMCwyLjUsMC44LDQuNywwLjgsNi43YzAsMi44LTIuOCw0LjUtMi44LDQuNXMyLjMsMiw1LDINCgkJCWMyLjgsMCw1LjItMi4xLDUuMi0yLjFzLTMuMi0xLTMuMi01LjRjMC0wLjYsMC0wLjYsMC0xLjVjMC0xLjQsMC45LTIuOSwzLTMuMmM0LjgtMC43LDctNC4xLDctNC4xczIsMS43LDIsNGMwLDEuMSwwLDMsMCw0LjgNCgkJCWMwLDQuMi0zLjIsNS40LTMuMiw1LjRzMi40LDIuMSw1LjIsMi4xYzMsMCw1LTMsNS0zcy0zLTAuNS0zLTNjMC0yLjIsMS01LjQsMS04LjFjMC01LjgtMi44LTguMS02LTguMUMyNSwzLjYsMjMuNywwLjUsMTkuNSwwLjUNCgkJCUwxOS41LDAuNXoiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iTmV1dHJhbCIgY2xhc3M9InN0MCI+DQoJPGcgY2xhc3M9InN0MSI+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik00LjUsMzguNWMwLjMtNi4xLDUuMy0xMSwxMS41LTExaDhjNi4yLDAsMTEuMiw0LjksMTEuNSwxMUg0LjV6Ii8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDI4YzUuNywwLDEwLjQsNC40LDExLDEwSDVjMC41LTUuNiw1LjItMTAsMTEtMTBIMjQgTTI0LDI3aC04QzkuNCwyNyw0LDMyLjQsNCwzOWwwLDBoMzJsMCwwDQoJCQkJQzM2LDMyLjQsMzAuNiwyNywyNCwyN0wyNCwyN3oiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwLDMwLjNsLTQuNywzbC0xLjYtNS41YzAuOC0wLjIsMS41LTAuMiwyLjMtMC4yaDhjMC43LDAsMS41LDAuMSwyLjMsMC4ybC0xLjYsNS41TDIwLDMwLjN6Ii8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDI4YzAuNSwwLDEuMSwwLDEuNiwwLjFsLTEuMiw0LjNMMjAuNSwzMEwyMCwyOS43TDE5LjUsMzBsLTMuOSwyLjRsLTEuMi00LjNDMTQuOSwyOCwxNS41LDI4LDE2LDI4SDI0DQoJCQkJIE0yNCwyN2gtOGMtMSwwLTIsMC4xLTIuOSwwLjRMMTUsMzRsNS0zLjFsNSwzLjFsMS45LTYuNkMyNiwyNy4xLDI1LDI3LDI0LDI3TDI0LDI3eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjE1LjUsMjcuOCAxNS41LDIyLjUgMjQuNSwyMi41IDI0LjUsMjcuOCAyMCwzMS40IAkJIi8+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTI0LDIzdjQuNmwtNCwzLjJsLTQtMy4yVjIzSDI0IE0yNSwyMkgxNXY2LjFsNSwzLjlsNS0zLjlWMjJMMjUsMjJ6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPHBvbHlnb24gY2xhc3M9InN0NSIgcG9pbnRzPSIyMi42LDI5LjYgMjAsMzAuMyAxNy40LDI5LjYgMTksMzMgMTcsMzkgMjMsMzkgMjEsMzMgCSIvPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yNi42LDE5LjJjLTEuMywwLTIuNC0xLjEtMi40LTIuNHMxLjEtMi40LDIuNC0yLjRjMiwwLDIuNCwwLjUsMi40LDEuNEMyOSwxNy4zLDI3LjgsMTkuMiwyNi42LDE5LjJ6DQoJCQkJIE0xMy40LDE5LjJjLTEuMiwwLTIuNC0xLjktMi40LTMuM2MwLTAuOSwwLjQtMS40LDIuNC0xLjRjMS4zLDAsMi40LDEuMSwyLjQsMi40UzE0LjcsMTkuMiwxMy40LDE5LjJ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjYuNiwxNWMxLjksMCwxLjksMC41LDEuOSwwLjljMCwxLjItMSwyLjgtMS45LDIuOGMtMSwwLTEuOS0wLjgtMS45LTEuOUMyNC44LDE1LjgsMjUuNiwxNSwyNi42LDE1DQoJCQkJIE0xMy40LDE1YzEsMCwxLjksMC44LDEuOSwxLjlzLTAuOCwxLjktMS45LDEuOWMtMC44LDAtMS45LTEuNi0xLjktMi44QzExLjUsMTUuNSwxMS41LDE1LDEzLjQsMTUgTTI2LjYsMTQNCgkJCQljLTEuNiwwLTIuOSwxLjMtMi45LDIuOWMwLDEuNiwxLjMsMi45LDIuOSwyLjljMS42LDAsMi45LTIuMiwyLjktMy44QzI5LjUsMTQuMywyOC4yLDE0LDI2LjYsMTRMMjYuNiwxNHogTTEzLjQsMTQNCgkJCQljLTEuNiwwLTIuOSwwLjMtMi45LDEuOXMxLjMsMy44LDIuOSwzLjhzMi45LTEuMywyLjktMi45UzE0LjksMTQsMTMuNCwxNEwxMy40LDE0eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTIuNSwxMi40djYuMWMwLDMuNCwyLjMsNi40LDUuNyw3LjNsMC4xLDBsMC4xLDAuMWMwLjUsMC40LDEsMC42LDEuNiwwLjZzMS4yLTAuMiwxLjYtMC42bDAuMS0wLjFsMC4xLDANCgkJCWMzLjMtMC44LDUuNy0zLjgsNS43LTcuM3YtNi4xSDEyLjV6Ii8+DQoJPC9nPg0KCTxnIGNsYXNzPSJzdDEiPg0KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjcsMTIuNHY2LjFjMCwzLjItMi4yLDYtNS4zLDYuOGwtMC4yLDAuMWwtMC4yLDAuMkMyMSwyNS43LDIwLjYsMjYsMjAsMjZzLTEtMC4zLTEuMy0wLjVsLTAuMi0wLjJsLTAuMi0wLjENCgkJCWMtMy4xLTAuOC01LjMtMy42LTUuMy02Ljh2LTYuMWgtMXY2LjFjMCwzLjcsMi42LDYuOSw2LDcuN2MwLjUsMC41LDEuMiwwLjgsMiwwLjhzMS40LTAuMywyLTAuOGMzLjUtMC45LDYtNCw2LTcuN3YtNi4xSDI3eiIvPg0KCTwvZz4NCgk8ZyBjbGFzcz0ic3QxIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTMsMTl2LTYuMWMwLTMuMiwyLjItNiw1LjMtNi44YzAsMCwwLjctMC4yLDEuNy0wLjJjMSwwLDEuNywwLjIsMS43LDAuMmMzLjEsMC44LDUuMywzLjYsNS4zLDYuOFYxOWgxDQoJCQkJdi02LjFjMC0zLjctMi42LTYuOS02LTcuN2MtMC41LTAuMS0xLjEtMC4yLTItMC4yYy0wLjksMC0xLjQsMC4xLTIsMC4yYy0zLjUsMC45LTYsNC02LDcuN1YxOUgxM3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K') /*../../images/set/femalepink.svg*/;
    }

    .star {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        float: right;
        border-radius: 50%;
    }

    .starred {
        content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkNBMjgiIHBvaW50cz0iMjQsNC4wNTEgMzAuNDksMTcuMTg2IDQ1LDE5LjI5IDM0LjUsMjkuNTEyIDM2Ljk3Nyw0My45NDkgMjQsMzcuMTM3IDExLjAyMyw0My45NDkgMTMuNSwyOS41MTIgDQoJMywxOS4yOSAxNy41MSwxNy4xODYgIi8+DQo8L3N2Zz4NCg==') /*../../images/set/star.svg*/;
    }

.unstarred {
    /*border: solid 1px rgb(220,220,220);*/
    background-image: url("../../images/EmptyStar.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
    transform: scale(0.7);
}

    card {
        font-family: 'Segoe UI';
        font-size: 12px;
        margin: 10px 14px 10px 14px;
    }

        card bar {
            font-size: 12px;
            border-bottom: solid 1px rgb(220,220,220);
            height: 33px;
            padding: 10px;
            font-weight: 400;
        }

            card bar a {
                cursor: pointer;
                /*color: #23527c;*/
                height: 24px;
                padding: 6px;
                margin-top: -6px;
                line-height: 10px;
            }

                card bar a:hover {
                    cursor: pointer;
                    text-decoration: none;
                    background-color: rgba(0, 0, 0, 0.1);
                }

        card header {
            padding: 8px;
            height: 85px;
            background-color: rgba(240, 240, 240, 1);
            border-bottom: solid 1px rgb(220,220,220);
        }

            card header > div {
                padding-left: 10px;
            }

            card header h2 {
                font-size: 24px;
                margin-top: 6px;
            }

            card header h3 {
                font-size: 12px;
                margin-top: 0;
                font-weight: 400;
            }

        card content {
            border-bottom: solid 1px rgb(220,220,220);
            height: 80px;
        }

            card content p {
                padding-right: 10px;
                font-weight: 400;
                margin-bottom: 0;
                padding-left: 10px;
            }

    .opportunity-avatar {
        /*height: 100px;
    width: 100px;
    padding: 10px;*/
    }

    .opportunity-status-circle {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: white;
    }

    .opportunity-status-counter {
        font-size: 24px;
        position: relative;
        top: 6px;
        text-align: center;
    }

    .opportunity-card-status {
        width: fit-content;
    }

    .opportunity-company {
        color: rgba(255,255,255,0.9) !important;
        line-height: 10px;
        font-size: 15px !important;
    }

    /* Opportunity status*/
    .os- {
    }
    /*Research*/ .os-1 {
        border-left: solid 4px #88cbea;
    }
    /*Confirmed - Not started*/ .os-2 {
        border-left: solid 4px #fcff00;
    }
    /*Confirmed - In progress*/ .os-3 {
        border-left: solid 4px #0287e6;
    }
    /*Confirmed - Stand by*/ .os-4 {
        border-left: solid 4px coral;
    }
    /*Closed*/ .os-5 {
        border-left: solid 4px #5cb85c;
    }
    /*Canceled*/ .os-6 {
        border-left: solid 4px #f5f5f5;
    }


    .os-bg.os-1 {
        background-color: #88cbea;
    }

    .os-bg.os-2 {
        background-color: #fcff00;
    }

    .os-bg.os-3 {
        background-color: #0287e6;
    }

    .os-bg.os-4 {
        background-color: coral;
    }

    .os-bg.os-5 {
        background-color: #5cb85c;
    }

    .os-bg.os-6 {
        background-color: #f5f5f5;
    }

    h1.link:hover {
        background-color: rgba(154, 154, 154, 0.31);
        border-radius: 4px;
    }

    /* -------------------------------------- home styles START ----------------------------------------------*/
    .home {
    }

        .home header {
            padding: 16px;
            background-color: white;
            border-bottom: solid 1px darkgray;
        }

            .home header img {
                height: 65px;
            }
    /* xs, sm: hide the header */
    .xs.home header, .sm.home header {
        display: none;
    }

    .home .home-body {
        width: 100%;
        padding: 8px;
    }
    /* xs, sm: icon height is not changed */
    .xs.home .home-body .md-whiteframe, .sm.home .home-body .md-whiteframe {
        height: auto;
    }
    /* all cards */
    .home .home-body > div {
        background-color: white;
        margin: 16px;
        max-width: calc(50% - 32px);
        
    }

    @media (max-width: 599px) {
        .home .home-body > div {
            flex-direction: column;
            max-width: 100%;
            margin: 0;
        }
    }
    /* xs, sm: all cards */
    .xs.home .home-body > div, .sm.home .home-body > div {
    }

    .home .card-header {
        border-bottom: solid 1px darkgray;
    }

    .home .card-title {
        height: 40px;
        text-align: center;
        color: black;
        display: block;
        font-size: 18px;
        line-height: 40px;
    }
    /* xs, sm: card title is aligned left*/
    .xs.home .card-title {
        text-align: left;
        margin-left: 0;
    }

    .home .home-body md-list {
        padding: 0;
        align-items: center;
    }

        .home .home-body md-list md-list-item {
            border-bottom: dashed 1px lightgray;
        }

    .home .home-body md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
        margin-right: 8px;
        margin-left: 8px;
    }

    .home .home-body md-list md-list-item p {
        color: #3d3d3d;
        font-size: 17px;
    }

    /* color1, color2, color3 */
    .home .home-body .color1 md-icon, .home .home-body .color1 .card-title {
        fill: #2c79ce;
        color: #2c79ce;
    }

    .home .home-body .color1 .card-header {
        background-color: #e0e9f3;
    }

    .home .home-body .color2 md-icon, .home .home-body .color2 .card-title {
        fill: coral;
        color: coral;
    }

    .home .home-body .color2 .card-header {
        background-color: #f6f0eb;
    }

    .home .home-body .color3 md-icon, .home .home-body .color3 .card-title {
        fill: #27a739;
        color: #27a739;
    }

    .home .home-body .color3 .card-header {
        background-color: #d5f7da;
    }
    /* -------------------------------------- home styles END ----------------------------------------------*/

    /* 2019 styles */
    .tag {
        padding-left: 8px;
        border-radius: 3px;
        font-size: 10px;
        padding-right: 8px;
        padding-top: 2px;
        padding-bottom: 2px;
        border: solid 1px lightgray;
        border-right: solid 2px darkgray;
        border-bottom: solid 2px darkgray;
        margin: 4px;
        line-height: 12px;
    }

.tag-sm {
    padding-left: 8px;
    border-radius: 2px;
    font-size: 10px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*border: solid 1px lightgray;
    border-right: solid 2px darkgray;
    border-bottom: solid 2px darkgray;*/
    margin: 4px;
    line-height: 12px;
    height: 17px;
    color: white;
    border: none;
    text-align:center;
}
.tag-on {
    background-color: forestgreen;
}
.tag-off {
    background-color: #F44336;
}
.tag- {
    background-color: white;
    color: #888;
    border: solid 1px #ddd;
}

    .rec_co {
        border-left-style: solid;
        border-left-width: 4px;
    }

        .rec_co > md-card-action > md-card-action-text > md-icon {
            margin-left: 6px;
            margin-right: 6px;
        }

        .rec_co > md-card-header > md-card-avatar {
            margin-right: 4px;
        }

        .rec_co > md-card-header {
            border-bottom: solid 1px lightgray;
            border-top: dashed 1px lightgray;
        }

            .rec_co > md-card-header > md-card-header-text .tag:first-child {
                margin-left: 0px;
            }

    .rec-co > md-card-content > div > span {
        font-family: 'Segoe UI';
        font-size: 12px;
    }


    .html_opportunities_list_card.closed md-card-action, .html_opportunities_list_card.closed md-card-content {
        display: none;
    }

    .html_opportunities_list_card h1 {
        white-space: nowrap;
    }

    md-card-header-text > div > .tag:first-child {
        margin-left: 0px;
    }

    .aps {
        background-color: #ededed;
    }

        .aps > span {
            font-size: larger;
        }

            .aps > span:nth-child(2) {
                font-size: x-small;
                color: darkgrey;
            }

    .aps_1 {
        margin-right: -1px;
        border-bottom: solid 4px rgb(220,220,220);
    }

    .aps_2 {
        margin-right: -1px;
        border-bottom: solid 4px darkgray;
    }

    .aps_3 {
        margin-right: -1px;
        border-bottom: solid 4px rgb(246, 244, 152);
    }

    .aps_4 {
        margin-right: -1px;
        border-bottom: solid 4px #fcaa00;
    }

    .aps_5 {
        margin-right: -1px;
        border-bottom: solid 4px #b6ff00;
    }

    .aps_6 {
        margin-right: -1px;
        border-bottom: solid 4px #5cb85c;
        border-bottom-right-radius: 2px;
    }

    md-card md-card-header > md-card-header-text {
        height: 80px;
    }

    md-card md-card-header md-card-header-text > .md-title:hover {
        text-decoration: underline;
    }

    /* session action */
    .sa {
        border-left-style: solid;
        margin-bottom: 8px;
    }

        .sa > div:nth-child(1) > div:nth-child(1) {
            width: 50px;
            text-align: center;
            border: 1px solid lightgray;
        }

        .sa > div:nth-child(2) {
            padding-left: 0px;
        }

    .ok_ {
        border-left-color: black;
        border-left-width: 4px;
    }

    .ok_false {
        border-left-color: red;
        border-left-width: 4px;
    }

    .ok_true {
        border-left-color: green;
        border-left-width: 4px;
    }


    .invoice {
        font-family: Arial;
    }

        .invoice .title > div:nth-child(1) {
            font-size: 12pt;
            font-weight: bold;
        }

        .invoice .title > div:nth-child(2) > div:first-child {
            padding-right: 16px;
            font-weight: bold;
        }

        .invoice .title > div:nth-child(3) > div:first-child {
            padding-right: 16px;
            font-weight: bold;
        }

        .invoice .entity {
            margin-bottom: 16px;
        }

            .invoice .entity > div:nth-child(1) > div:first-child {
                font-size: 12pt;
                font-weight: bold;
            }

            .invoice .entity > div:nth-child(1) > div:nth-child(2) {
                font-weight: bold;
            }

            .invoice .entity > div:nth-child(1) > div > span {
                font-size: 9pt;
            }

            .invoice .entity > div:nth-child(3) > div:first-child {
                font-size: 12pt;
                font-weight: bold;
            }

            .invoice .entity > div:nth-child(3) > div:nth-child(2) {
                font-weight: bold;
            }

            .invoice .entity > div:nth-child(3) > div > span {
                font-size: 9pt;
            }

        .invoice .header {
            border: solid 1px darkgray;
            border-collapse: collapse;
            background-color: #ccc;
        }

            .invoice .header > div > div {
                border-right: solid 1px darkgray;
                border-collapse: collapse;
            }

            .invoice .header > div > div {
                text-align: center;
                font-weight: bold;
                font-size: 9pt;
                padding: 4px;
            }

        .invoice .invrow {
            _border: solid 1px darkgray;
            _border-collapse: collapse;
        }

            .invoice .invrow > div > div {
                _border-right: solid 1px darkgray;
                border-collapse: collapse;
                border: solid 1px darkgray;
            }

            .invoice .invrow > div > div {
                font-size: 9pt;
                padding: 4px;
            }

        .invoice .invtotal {
            border-collapse: collapse;
        }

            .invoice .invtotal > div > div {
                border-right: solid 1px darkgray;
                border-collapse: collapse;
            }

            .invoice .invtotal > div > div {
                font-size: 9pt;
                padding: 4px;
            }


            .invoice .invtotal .invnob {
                border: none;
            }

            .invoice .invtotal .total {
                border-right: solid 1px darkgray;
                border-bottom: solid 1px darkgray;
                border-collapse: collapse;
                background-color: #ccc;
            }

            .invoice .invtotal .grand {
                font-size: 11pt;
                font-weight: bold;
            }

        .invoice .invrow .currency {
            color: darkgray;
            font-size: smaller;
        }

        .invoice .invtotal .currency {
            color: #333;
            font-size: smaller;
            font-weight: normal;
        }


    .invoice-result-header {
        font-size: 14px;
        border-top: solid 1px darkgray;
    }

        .invoice-result-header > div {
            background-color: rgb(218, 225, 230);
            border: solid 1px darkgray;
            padding: 8px;
            margin: 8px;
        }


    .invoice-result-rows {
    }

        .invoice-result-rows > div {
            border: solid 1px darkgray;
            padding: 8px;
            margin: 8px;
        }

    .invoice-result-rows-invoice > div {
    }

    .invoice-result-rows-invoice.head {
        background-color: rgb(218, 225, 230);
        height: 50px;
    }

    .invoice-result-rows-invoice > div > div {
    }

        .invoice-result-rows-invoice > div > div.right {
            text-align: right;
        }

    /* Currencies */
    .c_ {
        background-color: white;
    }

    .c_RON {
        background-color: antiquewhite;
    }

    .c_EUR {
        background-color: burlywood;
    }

    .c_USD {
        background-color: cornsilk;
    }


    /* WEEKLY */
    .outside-month {
    }

    .calendar-day {
        border: solid 1px gray;
        margin: 2px;
    }

        .calendar-day:hover {
            box-shadow: 0 8px 9px -5px rgba(0,0,0,.2), 0 15px 22px 2px rgba(0,0,0,.14), 0 6px 28px 5px rgba(0,0,0,.12)
        }

    .day-header {
        background-color: cornflowerblue;
        color: white;
    }

    .outside-month .day-header {
        background-color: #ffdf8b;
        color: black;
    }



    .day-header.week-end {
        background-color: gray;
    }

    .day-header .md-primary {
        color: white;
    }

    .outside-month .day-header .md-primary {
        color: black;
    }

    .record-item {
        border: solid 1px gray;
        padding: 4px;
        margin: 4px;
    }

        .record-item:hover {
            background-color: cornflowerblue;
            color: white;
        }

    .tab-scroll {
        margin-bottom: -16px;
        overflow-x: scroll;
        overflow-y: hidden;
        box-sizing: content-box;
    }

    .tab-scroll-container {
        overflow: hidden;
    }

    .tab-scroll .md-tab {
        min-width: 280px;
    }

    /* Candidates list container */

    .candidates-list-container .candidate-counter-corner {
        bottom: 55px;
    }

    .candidates-list-container card header {
        min-height: 110px !important;
    }

    .workspace {
    }

        .workspace md-checkbox .md-label {
            color: rgba(0, 0, 0, 0.38);
            line-height:20px;
        }

form.workspace {
    font-family: Roboto;
}
    form.workspace > div {
        padding: 16px;
    }

        /* title row */
        form.workspace > div > div {
        }
            /* row icon */
            form.workspace > div > div > md-icon {
                margin-right: 16px;
                margin-top: 16px;
            }
            /* row container */


            form.workspace md-input-container {
                margin-bottom: 12px;
                margin-top: 12px;
            }

                form.workspace > div > div > md-input-container > .md-errors-spacer {
                    /*margin-left: 16px;*/
                    display:none;
                }

    form.workspace .form-input-title {
        font-size: 20px;
        margin-top: 8px;
        margin-bottom: 0px;
    }
    form.workspace .check-row {
        margin-top: -6px;
        margin-left: 2px;
        margin-bottom: 6px;
    }





.workspace .workspace-card-actions .md-button.md-fab.md-mini {
    margin: 0;
    padding: 0;
    background-color: transparent;
    width: 36px;
    height: 36px;
}

.t-item-footer > div > div > div:nth-child(2) {
    padding-left:8px;
}

.t-item-footer > div > div > div:nth-child(2) > span{
    font-weight:400;
    font-family:Roboto;
}

/*.workspace .entry-persons {
            display: flex;
            align-items: center;
        }*/
.workspace .workspace-card-actions .md-button.md-fab.md-mini.md-btn-delete:hover md-icon {
    fill: #FB5049;
    color: #FB5049;
}

        .workspace .workspace-card-actions .md-button.md-fab.md-mini.btn-edit:hover md-icon {
            fill: #006BAA;
            color: #006BAA;
        }

        .workspace .workspace-card-actions .md-button.md-fab.md-mini.btn-complete:hover md-icon {
            fill: #68B43C;
            color: #68B43C;
        }

        .workspace .btn-small-close {
            margin: 0;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #fff;
            padding: 12px;
            margin-right: 16px;
            margin-top: 2px;
        }

        .workspace md-sidenav-toolbar {
            min-height: 52px;
            margin-bottom: 17px;
            background-color: #444;
            color: white;
        }

            .workspace md-sidenav-toolbar md-select.md-default-theme .md-select-icon, .workspace md-select .md-select-icon {
                color: #fff;
            }

            .workspace md-sidenav-toolbar md-select.md-default-theme .md-select-value, .workspace md-select .md-select-value {
                border-bottom-color: rgba(255, 255, 255, 0.6);
            }

            .workspace md-sidenav-toolbar md-select.md-default-theme:not([disabled]):focus .md-select-value, .workspace md-select:not([disabled]):focus .md-select-value {
                color: #fff;
            }

        .workspace .md-button {
            box-shadow: none !important;
        }

.workspace>div>section>.md-button {
    border: solid 1px;
    border-radius: 4px;
    max-width: 80px;
    min-width: 80px;
}

        .workspace .trigger {
            background-color: #68B43C;
        }

        .workspace .trigger:hover {
            background-color: #68B43C !important;
            opacity: 0.8;
        }

        .workspace.toolbar-menu-open .trigger {
            opacity: 1;
        }

        .workspace h3 {
            padding-left: 16px;
            margin: 0;
            font-size: 22px;
            line-height: 52px;
        }

        .workspace .md-fab md-icon {
            width: 22px;
            height: 22px;
        }

        .workspace.toolbar-menu-open .navbar-ss-header:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            opacity: 0.8;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: #000;
            z-index: 10;
        }

        .workspace .trigger {
            transform: rotate(0deg);
        }

        .workspace.toolbar-menu-open .trigger {
            transform: rotate(45deg);
        }

        .workspace md-fab-speed-dial {
            top: 0px;
            right: 60px;
            transition: all 0.3s linear;
        }

        .workspace.toolbar-menu-open md-fab-speed-dial {
            top: 0px;
            right: 9px;
        }

        .workspace .t-item-contaier {
            box-shadow: none;
            border: none;
            outline: none;
        }

.workspace .t-item {
    border-radius: 4px;
    border: 1px solid;
    margin: 10px 0;
    padding: 10px 2px;
    border-top: 4px solid;
}

        .workspace .t2 {
            border-color: #52C4E6;
        }

.workspace .t1 {
    border-color: #da2588;
}

        .workspace .t3 {
            border-color: #68B43C;
        }

        .workspace .t4 {
            border-color: #EEAA52;
        }


.workspace md-icon.t {
    position: absolute;
    right: 16px;
}
.workspace .completed md-icon.t:not(.completed) {
    display: none;
}


.workspace md-icon.t-large {
    color: white;
    fill: white;
    border-radius: 50%;
    margin-left: -8px;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    padding: 8px;
}

.workspace md-icon.t1 {
    color: #da2588;
    fill: #da2588;
}
.workspace md-icon.t-large.t1 {
    background-color: #da2588;
    color:white;
    fill: white;
}

.workspace md-icon.t2 {
    color: #52C4E6;
    fill: #52C4E6;
}
.workspace md-icon.t-large.t2 {
    background-color: #52C4E6;
    color: white;
    fill: white;
}

.workspace md-icon.t3 {
    color: #68B43C;
    fill: #68B43C;
}
.workspace md-icon.t-large.t3 {
    background-color: #68B43C;
    color: white;
    fill: white;
}


.workspace md-icon.t4 {
    color: #EEAA52;
    fill: #EEAA52;
}
.workspace md-icon.t-large.t4 {
    background-color: #EEAA52;
    color: white;
    fill: white;
}



.workspace .completed md-icon.t.completed {
    color: #ddd;
    fill: #ddd;
    height: 30px;
    width: 30px;
    margin-right: -6px;
    margin-top: -6px;
}


.soon {
    background-color: #FF9800;
    color: white;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
}
.very-soon {
    background-color: #F44336;
    color: white;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
}





.workspace-dialog .workspace>div:nth-child(2) {
    max-height:300px;
}

.workspace-dialog .dt-time-open>div:nth-child(2) {
    top: 170px;
    left: 100px;
    position: fixed;
    z-index: 50;
}
.workspace-dialog .dt-cal-open>div:nth-child(2) {
    top: 170px;
    left: 100px;
    position: fixed;
    z-index: 50;
}





md-sidenav,
md-sidenav.md-locked-open,
md-sidenav.md-closed.md-locked-open-add-active .workspace {
    min-width: 400px !important;
    /*width: 8200vw !important;*/
    max-width: 400px !important;
}

    @media screen and (max-width: 400px) {
        md-sidenav,
        md-sidenav.md-locked-open,
        md-sidenav.md-closed.md-locked-open-add-active .workspace {
            min-width: 100% !important;
            /*width: 8200vw !important;*/
            max-width: 100% !important;
        }
    }



    /* Header code for new style (24.10.2019) */
    .menu-actions md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon.newsort, md-toolbar:not(.md-menu-toolbar) md-icon {
        padding: 0;
    }

    .menu-actions img.profile {
        width: 24px;
        height: 24px;;
    }

    /* Search bar code for new style (24.10.2019) */
    .search-actions .md-button md-icon {
        padding: 4px;
    }

    /* Timesheet list item code for new style (24.10.2019) */
    .activity-dots .md-button.md-fab.md-mini {
        width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
        min-width: 16px !important;
    }

.dt-duration-input {
    border-color: rgba(0,0,0,0.12);
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 36px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    padding-left: 6px;
    /*width: 42px;*/
    display: inline-block;
    margin: 0px;
    padding: 4px;
    border-collapse: collapse;
    border: 0px none;
    height: 30px;
    outline: none;
}

    .dt-duration-input:focus {
        outline: none;
    }

    .dt-duration-input.ng-invalid {
        border-bottom-color: rgb(221, 44, 0) !important;
        border-bottom-width: 2px;
    }

    .dt-duration-input:hover {
        border-bottom-color: rgb(33, 150, 243);
        border-bottom-width: 2px;
    }

md-menu-content.dt-duration-menu-content > md-menu-item {
    padding: 0px;
    min-height: 36px;
    height: 36px;
}

    md-menu-content.dt-duration-menu-content > md-menu-item > .md-button {
        color: lightgray;
        /*font-size: 12px;*/ text-align: right;
    }

        md-menu-content.dt-duration-menu-content > md-menu-item > .md-button.dt-half {
            color: gray;
            font-size: 14px;
            text-align: right;
        }
        

        md-menu-content.dt-duration-menu-content > md-menu-item > .md-button.dt-zero {
            color: rgb(33,150,243);
            /*background-color: rgb(230, 230, 230);*/
            font-size: 14px;
            text-align:left;
        }
        md-menu-content.dt-duration-menu-content > md-menu-item > .md-button.selected {
            background-color: rgb(33,150,243);
            color: white;
            text-align:center;
        }

.dt-duration-btn {
    padding: 0px;
    height: 30px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
    margin-top: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: solid 1px rgba(0,0,0,0.12);
    padding: 2px;
    margin: 0px;
    border: none 0px;
    float: right;
    position: absolute;
    right: 0px;
    min-width: 30px;
}

    .dt-duration-btn > md-icon {
        margin: 0px;
        padding: 0px;
        margin-top: -12px;
        margin-left: -3px;
        display: inline-block;
    }


cal {

}

/* column row */

    cal .day-column, 
    cal .whole-day-column {
        position: sticky;
        top: 0px;
        background-color: white;
        margin-right: 17px;
        z-index: 2;
        border-bottom: solid 1px #ddd;
        margin-bottom: -1px;
    }

    cal .day-column {
        height: 80px;
    }

        /* column row: first cell */
        cal .day-column > div:nth-child(1), cal .whole-day-column > div:nth-child(1) {
            width: 60px;
            min-width: 60px;
            color: #70757a;
            border-right: solid 1px #ddd;
        }

        cal .day-column > div:nth-child(1) {
            height: 80px;
        }


    /* column row: other cells,  */
        cal .day-column > div:not(:first-child) > div:nth-child(1),
        cal .whole-day-column > div:not(:first-child) > div:nth-child(1) {
            text-align: center;
            line-height: 24px;
            position: relative;
            z-index: 2;
            color: #70757a;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: .8px;
            text-indent: .8px;
            text-transform: uppercase;
        }

        cal .day-column > div.today > div:nth-child(1) {
            color: #1a73e8 !important;
        }

        cal .day-column > div.today > div:nth-child(2) {
            background-color: #1a73e8 !important;
            color: white !important;
        }

        cal  .day-column > div.weekend,
        cal .whole-day-column > div.weekend
        {
            background-color: #404fad0a;
        }

        /* day title */
        cal.day-column > div:not(:first-child) {
            height: 80px;
            border-right: solid 1px #ddd;
        }

        /* day colum text */
        cal .day-column > div:not(:first-child) > div:not(:first-child) {
            text-align: center;
            border: solid 1px #dddddd;
            margin-left: -1px;
            background-color: #f1f3f4;
            color: #70757a;
            /*position: relative;*/
            /*z-index: 2;*/
            font-size: 26px;
            letter-spacing: -2.6px;
            text-indent: -2.6px;
            border-collapse: collapse;
            margin: 0px;
            width: 46px;
            border-radius: 50%;
            height: 46px;
            line-height: 46px;
            font-family: Roboto,Arial,sans-serif;
        }

        cal .day-column > div.today .whole-day-column {
            background-color: #1a73e8 !important;
            color: white;
        }

    /* whole day columns */
    cal .whole-day-column > div:not(:first-child) {
        padding-right: 24px;
        border-right: 1px solid rgb(221, 221, 221);
        border-left: 1px solid rgb(221, 221, 221);
        margin-left: -1px;
    }
        /* whole day custom area */
        cal .whole-day-column > div:not(:first-child) > ng-include {
            margin-right: -24px;
        }

        /* whole day events container */
        cal .whole-day-column > div:not(:first-child) > div {
            padding-bottom: 8px;
        }

            /* whole day events */
            cal .whole-day-column > div:not(:first-child) > div > div {
                width: 100%;
                z-index: 40;
                border-top-style: solid;
                border-top-width: 4px;
                margin-top: 8px;
                margin-left: 8px;
                position: relative;
                padding: 2px;
                border-top: 0px;
                border-radius: 4px;                
                overflow: hidden;
            }

                cal .whole-day-column > div:not(:first-child) > div > div > span:nth-child(1) {
                    color: white;
                    margin-left: 2px;
                    margin-right: 8px;

                    background-color: #717171;
                    height: 16px;
                    padding-left: 4px;
                    padding-right: 4px;
                    border-radius: 4px;
                }
                cal .whole-day-column > div:not(:first-child) > div > div > span:nth-child(2) {
                    overflow: hidden;
                }

/*<!-- body: body hours & body columns -->*/
    cal .whole-day-column,
    cal > div:nth-child(3) {
        background-color: #fff;
        overflow: scroll;
        height: 1440px;
        width: 100%
    }

    cal .view-week-month .whole-day-column {
        background-color: #fff;
        overflow: unset;
        height: auto;
        min-height: 100px;
        width: 100%;
        z-index: 40;
    }

    cal .view-week-month .day-column {
        margin-right: 0px;
        border-top: solid 1px #ddd;
    }

        cal .view-week-month .day-column > div {
            border-right: solid 1px #ddd;
        }


            cal .view-week-month .day-column > div:not(:first-child) > div:not(:first-child) {
                text-align: center;
                border: none;
                margin-left: -1px;
                background-color: transparent;
                color: #70757a;
                /* position: relative; */
                /* z-index: 2; */
                font-size: 20px;
                letter-spacing: -2.6px;
                text-indent: -2.6px;
                border-collapse: collapse;
                margin: 0px;
                width: 30px;
                border-radius: 0;
                height: 30px;
                line-height: 20px;
                font-family: Roboto,Arial,sans-serif;
            }
    
    cal .view-week-month .day-column {
        height: 50px;
    }

    cal .view-week-month .day-column {
        border-bottom: none;
    }

    cal .view-week-month .whole-day-column > div:not(:first-child) > div > div {
        max-height:46px;
    }

/*body hours*/
cal > div:nth-child(3) > div:nth-child(1) {
    width: 52px;
}
    cal > div:nth-child(3) > div:nth-child(1) > div {
        height: 60px;
        min-height: 60px;
        border-bottom: 1px none #ddd;
        border-right: none 1px #ddd;
    }

    cal > div:nth-child(3) > div:nth-child(1) > div > div span {
        float: right;
        margin-top: -8px;
        padding-right: 8px;
        color: #70757a;
    }

    cal > div:nth-child(3) > div:nth-child(2) {
        width: 8px;
    }

    cal > div:nth-child(3) > div:nth-child(2) > div {
        height: 60px;
        min-height: 60px;
        border-bottom: 1px solid #ddd;
        border-right: solid 1px #ddd;
    }


    /*body columns */
    cal > div:nth-child(3) > div:not(:nth-child(-n+2)) {
        border: solid 0px red;
        position: relative;
        height: 1440px;
    }

    /*body columns - cells */
    cal > div:nth-child(3) > div:not(:nth-child(-n+2)) > div {
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        cursor: pointer;
    }





.cal-evt-overlay-hour {
    outline: none;
    height: 60px;
    margin-right: -6px;
    border-bottom: solid 1px #ddd;
    text-align:right;
}
    .cal-evt-overlay-hour:focus {
        outline: none;
    }

    .cal-evt-overlay-hour > div {
        height: 15px;
        min-height: 15px;
        outline: none;
    }
    .cal-evt-overlay-hour > div:focus {
        outline: none;
    }
        .cal-evt-overlay-hour > div:hover {
            background-color: #ffb6b6eb;
            margin: -1px;
            border: solid 1px #ffa1a1;
            color: white;
            font-size: 10px;
            font-weight: 900;
            padding-right: 3px;
        }

        .cal-evt-overlay-hour > div:nth-child(1):hover:before {
            content: '00';
        }
        .cal-evt-overlay-hour > div:nth-child(2):hover:before {
            content: '15'
        }
        .cal-evt-overlay-hour > div:nth-child(3):hover:before {
            content: '30'
        }
        .cal-evt-overlay-hour > div:nth-child(4):hover:before {
            content: '45'
        }



.cal-item {
    /*min-height: 20px;
    border-radius: 4px;
    padding: 0px 2px 0px 2px;
    margin-right: 6px;
    position: absolute;
    min-height: 14px;

    border: solid;
    border-width: 1px;
    border-left-width: 4px;*/
    min-height: 20px;
    /* border-radius: 4px; */
    padding: 0px 2px 0px 2px;
    margin-right: 6px;
    position: absolute;
    min-height: 14px;
    /* border: solid; */
    border-width: 1px;
    border-top-width: 4px;
    border-top-style: solid;
    z-index: 40;
    border-color: rgb(199, 199, 200);
    color: rgb(133, 133, 133);
    background-color: rgb(247, 247, 247);
}
.cal-item.editable{
    cursor:pointer;
}

    .cal-item > span:nth-child(1) {
        font-size: 9pt;
        word-break: break-all;
        overflow: hidden;
        height: 13px;
        min-width: 20px;
        display: block;
        line-height: 12px;
        text-indent: 4px;
        margin-top: 2px;
    }
    .cal-item > span:nth-child(2) {
        font-size: 8pt;
        xcolor: #666;
        word-break: break-all;
        overflow: hidden;
        min-height: 14px;
        min-width: 20px;
        /* max-height: 11px; */
        height: 14px;
        display: block;
        letter-spacing: -0.2px;
        text-indent: 4px;
        margin: 0;
        padding: 0;
        margin-top: 2px;
        line-height: 13px;
    }
    .cal-item > span:nth-child(2).hide {
        display:none;
    }

.cal-set-1 {
    border-color: rgb(68, 47, 205);
    color: rgb(68, 47, 205);
    background-color: rgb(207, 203, 255);
}
    .cal-set-1:hover {
        background-color: rgb(154, 147, 255);
        color:white;
    }

.cal-set-2 {
    border-color: rgb(180, 47, 205);
    color: rgb(180, 47, 205);
    background-color: rgb(247, 203, 255);
}
    .cal-set-2:hover {
        background-color: rgb(241, 164, 255);
        color: white;
    }
.cal-set-3 {
    border-color: rgb(205, 47, 47);
    color: rgb(205, 47, 47);
    background-color: rgb(255, 203, 203);
}
    .cal-set-3:hover {
        background-color: rgb(255, 173, 173);
        color: white;
    }
.cal-set-4 {
    border-color: #00BCD4;
    color: #00BCD4;
    background-color: rgb(211, 250, 255);
}
    .cal-set-4:hover {
        background-color: rgb(164, 245, 255);
        color: white;
    }
.cal-set-5 {
    border-color: #70d400;
    color: #70d400;
    background-color: rgb(230, 255, 211);
}
    .cal-set-5:hover {
        background-color: rgb(200, 255, 158);
        color: white;
    }
.cal-set-6 {
    border-color: #FFC107;
    color: #FFC107;
    background-color: rgb(255, 245, 203);
}
    .cal-set-6:hover {
        background-color: rgb(255, 235, 149);
        color: white;
    }




md-toolbar.self-service {
    background-color: white;
    border-bottom: solid 1px #ddd;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    color: #717171;
    min-height:60px;    
}

    md-toolbar.self-service md-input-container {
        margin: 0 8px 0 8px;
        text-align: center;
        height:60px;
        padding-top:10px;
    }

        md-toolbar.self-service md-input-container > md-select,
        md-toolbar.self-service md-input-container > button {
            border: solid 1px #ddd;
            border-radius: 4px;
            padding: 0px;
            height: 40px;
            margin:0px;
        }



    .md-select-menu-container md-select-menu md-content md-option {
        border-bottom: none;
        padding: 16px;
        height: 40px;
        font-family: Roboto;
    }




md-toolbar.self-service md-input-container md-select .md-select-value {
    min-height: 34px;
    border-bottom: none;
}

        md-toolbar.self-service md-input-container md-select:focus .md-select-value {
            border-bottom: none;
        }
            md-toolbar.self-service md-input-container md-select .md-select-value > span {
                padding-left: 8px;
                padding-right: 8px;
                text-align: left;
            }


        md-toolbar.self-service md-input-container > md-select:hover,
        md-toolbar.self-service md-input-container > button:hover {
            background-color: #f1f3f4;
        }


    md-toolbar.self-service h2 {
        font-size: 20px;
        line-height: 40px;
        margin: 0px;
    }


.self-service tag {
    font-size: 10px;
    font-weight: 400;
    /* line-height: 12px; */
    padding: 2px 8px 2px 8px;
    background-color: #717171;
    border-radius: 4px;
    color: white;
}




md-content.self-service-calendar .cal-column-timerecord {
    min-height: 50px;
    z-index: 41;
    border-bottom: 1px solid #ddd;
    /*border-top: 1px solid #ddd;*/
    outline: none;

}

    md-content.self-service-calendar .cal-column-timerecord:hover {
        background-color: #f1f3f4;
        border-radius: 4px;
        border-bottom: 1px solid #bbb;
        border-right: 1px solid #ddd;
        border-top: none;
        border-left: none;
        margin-left: 4px;
        margin-right: 4px;
        min-height:50px;
    }

    md-content.self-service-calendar .cal-column-timerecord > div > span {
        overflow: hidden;
        border: solid 1px #dddddd;
        padding: 4px;
        border-radius: 4px;
        font-size: 14px;
    }
    md-content.self-service-calendar .cal-column-timerecord > div > md-menu,
    md-content.self-service-calendar .cal-column-timerecord > div > md-menu > button {
        width: 0px;
        height: 0px;
        min-width: 0px;
        min-height: 0px;
    }


.globalSearch {
    padding-left: 16px;
    padding-right: 16px;
}

    .globalSearch, .globalSearch form {
        position: relative;
    }
    .globalSearch input[type=text] {
        background-color: #eee;
        border: none;
        height: 36px;
        border-radius: 4px;
        outline: none;
        font-size: 16px;
        padding-left: 52px;
        padding-right: 16px;
        border: solid 1px #eee;
    }
        .globalSearch input[type=text]:focus {
            background-color: white;
            border: solid 1px #ddd;
        }

    .globalSearch input[type=button] {
        background-color: transparent;
        border: none;
        height: 32px;
        border-radius: 4px;
        outline: none;
        width: 32px;
        border-radius: 50%;
        right: 0px;
        margin:2px;
    }
    .globalSearch form > button {
        z-index: 1;
        border-radius: 50%;
        min-width: 36px;
        min-height: 36px;
    }
        .globalSearch form > button:nth-of-type(1) {
            margin-right: -44px;
        }
        .globalSearch form > button:nth-of-type(2) {
            position: absolute;
            z-index: 2;
            right: 40px;
        }
        .globalSearch form > button:nth-of-type(3) {
            position: absolute;
            z-index: 4;
            right: 0px;
        }

        .globalSearch > div:first-of-type {
            height: 400px;
            position: absolute;
            background-color: white;
            z-index: 10;
            top: 35px;
            width: calc(100% - 32px);
            padding: 0;
            border: solid 1px #ddd;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            overflow: auto;
        }

            .globalSearch > div:first-of-type > div {
                line-height: 24px;
                font-size: 16px;
                padding: 8px;
                width: 100%;
                cursor: pointer;
                border-left: solid 3px transparent;
            }

        .globalSearch > div:first-of-type > div:hover {
            background-color:#eee;
            border-left:solid 3px rgb(33,150,243);
        }

            .globalSearch > div:first-of-type > div > a {
                display: block;
            }

        .globalSearch:not(.hasData) #globalSearchList {
            display: none;
        }


        .globalSearch > div:first-of-type > div > a > span:first-of-type {
            display: inline-block;
            width: calc(100% - 40px);
        }

        .globalSearch > div:first-of-type > div > a > md-icon {
            vertical-align:top;
        }


        .globalSearch > div:first-of-type > div > a > span:nth-of-type(2) {
            display: block;
            margin-left: 28px;
            color: #aaa;
            font-family: Roboto;
            font-size: 12px;
            line-height: 12px;
            margin-top:2px;
        }