input[type=search] {
    color: transparent;
    cursor: pointer;
    background: url(../images/icon_search.png) no-repeat right;
    background-position-y: 10px;
    width: 10px;
    border: none !important;
    margin-top: 3px;
    caret-color: var(--Theme-txt-color);
    color: var(--Theme-txt-color);
}

    input[type=search]:hover {
        background-color: #f5f5f5;
        background: url(../images/icon_searchHover.png) no-repeat;
        margin-top: 5px;
        margin-left: 5px;
        background-position-y: 8px;
        background-position-x: 1px;
    }

    input[type=search]:focus {
        color: #bababa;
        cursor: auto;
        width: 75%;
        height: 15px;
        margin-top: 5px;
        margin-left: 5px;
        border-color: #f5f5f5;
        /*padding:4px 30px 4px 12px; */
        background-color: #f5f5f5;
        background: url(../images/icon_searchHover.png) no-repeat right !important;
        background-size: 15px !important;
        border: 1px solid lightgray !important;
    }


input[type=searchsuggestion] {
    color: #bababa;
    cursor: auto;
    width: 50%;
    height: 35px;
    margin-top: 5px;
    margin-left: 5px;
    border-color: #f5f5f5;
    /*padding:4px 30px 4px 12px; */
    background: url(../images/icon_searchHover.png) no-repeat right !important;
    background-size: 15px !important;
    border: 1px solid lightgray !important;
    caret-color: var(--Theme-txt-color);
    color: var(--Theme-txt-color);
}


    input[type=searchsuggestion]:hover {
        background: url(../images/icon_searchHover.png) no-repeat;
        margin-top: 5px;
        margin-left: 5px;
        width: 50%;
        height: 35px;
        background-position-y: 8px;
        background-position-x: 1px;
    }

    input[type=searchsuggestion]:focus {
        color: #bababa;
        cursor: auto;
        width: 50%;
        height: 35px;
        margin-top: 5px;
        margin-left: 5px;
        border-color: #f5f5f5;
        /*padding:4px 30px 4px 12px; */
        background: url(../images/icon_searchHover.png) no-repeat right !important;
        background-size: 15px !important;
        border: 1px solid lightgray !important;
    }


input[type=searchlist] {
    width: 85%;
    height: 30px !important;
    margin-left: -10px;
    border: none !important;
    box-shadow: none !important;
    background-color: var(--Theme-Background-color);
    caret-color: var(--Theme-txt-color);
    color: var(--Theme-txt-color);
}


    input[type=searchlist]:hover {
        width: 85%;
        height: 30px !important;
        margin-left: -10px;
        border: none !important;
        box-shadow: none !important;
        background-color: var(--Theme-Background-color);
    }

    input[type=searchlist]:focus {
        cursor: auto;
        width: 85%;
        height: 30px !important;
        margin-left: -10px;
        border: none !important;
        box-shadow: none !important;
        /*padding:4px 30px 4px 12px; */
    }



.Shell-badgetab {
    z-index: 1;
    /* margin-left:15px; */
    cursor: pointer;
    /* padding-top: 0px; */
}


.Shell-badgetab-bar {
    color: var(--Theme-txt-color);
    top: 0px;
    margin-top: 2px;
    padding: 1px 10px;
    width: 70px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    /* border-right:1px solid #e6e6e6; */
    cursor: pointer;
}

    .Shell-badgetab-bar:hover {
        background-color: #fbfbfb;
        border: 1px solid #e7eaec;
        top: 0px;
        margin-top: 2px;
        padding: 1px 10px;
        width: 70px;
        height: 40px;
        transition: background;
        transition-duration: 0.4s;
        /* border-right:1px solid #e6e6e6; */
        cursor: pointer;
    }

.Shell-Messagetab-bar {
    color: var(--Theme-txt-color);
    top: 0px;
    margin-top: 2px;
    padding: 1px 10px;
    width: 140px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    /* border-right:1px solid #e6e6e6; */
    /* cursor:pointer; */
}


.Shell-Accesstab-bar {
    color: var(--Theme-txt-color);
    top: 0px;
    margin-top: 2px;
    padding: 1px 10px;
    width: 200px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    /* border-right:1px solid #e6e6e6; */
    /* cursor:pointer; */
}



.Shell-tab {
    z-index: 1;
    margin-left: 15px;
    /* cursor:pointer; */
    /* padding-top: 0px; */
}


    .Shell-tab .active {
        color: var(--Theme-txt-color);
        padding: 1px 10px;
        width: 140px;
        height: 40px;
        transition: background;
        transition-duration: 0.4s;
        border-bottom: 5px solid #6ea0dc;
        cursor: pointer;
    }

.Shell-tab-bar {
    color: var(--Theme-txt-color);
    /* top:0px; */
    /* margin-top: -2px; */
    padding: 1px 10px;
    width: 140px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    border-right: 1px solid #e6e6e6;
    cursor: pointer;
}


.Shell-button {
    color: var(--Theme-txt-color);
    /* top:0px; */
    /* margin-top: -2px; */
    padding: 1px 10px;
    width: 180px;
    font-size: 14px !important;
    height: 30px;
    transition: background;
    transition-duration: 0.4s;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    background: #f04031;
    color: #fff;
}




.Shell-tab-bar .active {
}


.Shell-tab-bar > span.text {
    padding-left: 5px;
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Shell-tab-bar-text {
    padding-top: 18px;
    font-size: 9px;
    font-family: HWStandard !important
}

.Shell-tab-bar:hover {
    background-color: #fbfbfb;
    border: 1px solid #e7eaec;
    height: 40px;
}


.Shell-tab-clearance {
    color: var(--Theme-txt-color);
    /* top:0px; */
    /* margin-top: -2px; */
    padding: 1px 5px;
    width: auto;
    /* height: 30px; */
    transition: background;
    transition-duration: 0.4s;
    border: 1px solid #e6e6e6;
    cursor: pointer;
}




    .Shell-tab-clearance .active {
    }


    .Shell-tab-clearance > span.text {
        padding-left: 5px;
        max-width: 140px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.Shell-tab-close-icon {
    position: absolute;
    top: 0px;
    right: 0px;
}

.Shell-tab-clearance-text {
    padding-top: 18px;
    font-size: 9px;
    font-family: HWStandard !important
}

.Shell-tab-clearance:hover {
    background-color: #fbfbfb;
    border: 1px solid #e7eaec;
    height: 30px;
}

Shell-tab-RequestProfile {
    color: var(--Theme-txt-color);
    /* top:0px; */
    /* margin-top: -2px; */
    padding: 1px 10px;
    width: 140px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    border-right: 1px solid #e6e6e6;
    cursor: pointer;
}




.Shell-tab-RequestProfile .active {
}


.Shell-tab-RequestProfile > span.text {
    padding-left: 5px;
    max-width: 140px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Shell-tab-RequestProfile-text {
    padding-top: 18px;
    font-size: 9px;
    font-family: HWStandard !important
}

.Shell-tab-RequestProfile:hover {
    background-color: #fbfbfb;
    border: 1px solid #e7eaec;
    height: 40px;
}

.Shell-tab-profile {
    color: var(--Theme-txt-color);
    /* top:0px; */
    /* margin-top: -2px; */
    padding: 1px 10px;
    width: 140px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    border-right: 1px solid #e6e6e6;
    cursor: pointer;
}

    .Shell-tab-profile .active {
    }

    .Shell-tab-profile > span.text {
        padding-left: 5px;
        max-width: 140px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.Shell-tab-profile-text {
    padding-top: 18px;
    font-size: 9px;
    font-family: HWStandard !important
}

.Shell-tab-profile:hover {
    background-color: #fbfbfb;
    border: 1px solid #e7eaec;
    height: 40px;
}



.Shell-InProgresGrid-Scroll {
    overflow: scroll;
    height: 98vh;
    border: 1px;
    border-style: solid;
    border-color: #D3D3D3;
}

.Shell-Grid-Scroll {
    overflow: scroll;
    height: 98vh;
    position: absolute;
    padding-bottom: 30px;
    position: absolute;
    width: 99.7%;
    border: 1px;
    border-style: solid;
    border-color: #D3D3D3;
}


.Shell-Grid-Scroll-In {
    overflow: scroll;
    height: 727px;
    position: absolute;
    padding-bottom: 30px;
    position: absolute;
    width: 97%;
    border: 1px;
    border-style: solid;
    border-color: #D3D3D3;
}

.Shell-BadgeCount {
    padding: 3px 5px 2px;
    position: absolute;
    top: -7px !important;
    right: -3px;
}


.Shell-NotifyCount {
    padding: 3px 5px 2px;
    background-color: red !important;
    position: absolute;
    top: 0px;
    right: 1px;
}

.Shell-DynamicTop {
}

.Shell-Notify {
    position: fixed;
    z-index: 899;
    top: 144px;
    right: 24px;
    width: 400px;
    font-size: 1;
}

    .Shell-Notify .Title {
        font-size: 18px;
        line-height: 1.5em;
        color: var(--Theme-txt-color);
        font-size: 18px;
        margin-bottom: 5px;
    }

    .Shell-Notify .Shell-Menuicon {
        color: var(--Theme-txt-color);
        top: 0px;
        margin-top: -5px;
        padding: 1px 10px;
        height: 40px;
        transition: background;
        transition-duration: 0.4s;
        cursor: pointer !important;
    }

    .Shell-Notify .Notify-log {
        background: rgba(0,0,0,.9);
        padding: 15px;
        border-radius: 2px;
        color: #FFF;
        -moz-box-shadow: 0 1px 5px 0px #999999;
        -webkit-box-shadow: 0 1px 5px 0px #999999;
        box-shadow: 0 1px 5px 0px #999999;
    }

    .Shell-Notify .Notify-log-success {
        background-color: #1ab394;
        color: #fff;
        /* border: 1px solid #d6d6d6 !important; */
        /* padding: 24px; */
    }

    .Shell-Notify .Notify-log-warning {
        background-color: #ab8315;
        color: #fff;
        /* border: 1px solid #d6d6d6 !important; */
        /* padding: 24px; */
    }

    .Shell-Notify .Notify-log-Information {
        background-color: indianred;
        color: rgba(0,0,0,.3);
    }

    .Shell-Notify .Notify-log-Information .Title{
        cursor: pointer;
    }

    .Shell-Notify .Notify-success {
        color: #fff;
        padding-top: 3px;
        padding-bottom: 2px;
    }


    .Shell-Notify .Notify-log-show {
        right: 0;
        opacity: 1;
    }

/* Toastr custom style */
#toast-container > .toast {
    background-image: none !important;
}

    #toast-container > .toast:before {
        position: fixed;
        font-family: FontAwesome;
        font-size: 24px;
        line-height: 24px;
        float: left;
        color: #FFF;
        padding-right: 0.5em;
        margin: auto 0.5em auto -1.5em;
    }

#toast-container > .toast-warning:before {
    content: "\f0e7";
}

#toast-container > .toast-error:before {
    content: "\f071";
}

#toast-container > .toast-info:before {
    content: "\f005";
}

#toast-container > .toast-success:before {
    content: "\f00C";
}

#toast-container > div {
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

.toast {
    background-color: #1ab394;
}

.toast-success {
    background-color: #1ab394;
}

.toast-error {
    background-color: #ed5565;
}

.toast-info {
    background-color: #23c6c8;
}

.toast-warning {
    background-color: #f8ac59;
}

.toast-top-full-width {
    margin-top: 20px;
}

.toast-bottom-full-width {
    margin-bottom: 20px;
}

.Shell-Scroll {
    overflow: scroll;
    height: 727px;
    position: absolute;
    padding-bottom: 30px;
    width: 98%;
    border: 1px;
}


.Shell-tile-Scroll {
    overflow: scroll;
    height: 98vh;
    position: absolute;
    padding-bottom: 30px;
    width: 99.5%;
}

.Shell-Grid {
    z-index: 1;
    margin-left: 7px;
    border: 1px solid #e6e6e6;
    /* padding-top: 0px; */
}

.Shell-Grid-Header {
    top: 0px;
    width: 140px;
    transition: background;
    background-color: #e6e6e6;
    transition-duration: 0.4s;
    border-right: 2px solid #fff;
    text-transform: uppercase;
    font-size: 14px !important;
    cursor: pointer !important;
}

.Shell-Grid-Header-Email {
    top: 0px;
    width: 240px;
    transition: background;
    background-color: #e6e6e6;
    transition-duration: 0.4s;
    border-right: 2px solid #fff;
    text-transform: uppercase;
    font-size: 14px !important;
    cursor: pointer;
}

.Shell-Grid-column-align {
    width: 10.5%;
    cursor: pointer;
    padding: 15px !important;
}

.Shell-Grid-column {
    width: 7%;
    cursor: pointer;
    /* padding:15px!important; */
}

.Shell-Grid-EmptyText {
    color: #fff;
    opacity: 0;
}

.Shell-Grid-column-Email {
    top: 0px;
    width: 240px;
    font-size: 14px !important;
}


.Shell-Grid-Header-text {
    padding-top: 18px;
    font-size: 9px;
    font-family: HWStandard !important
}




.Shell-Menu-icon {
    color: var(--Theme-txt-color);
    top: 0px;
    margin-top: -5px;
    padding: 1px 10px;
    height: 55px;
    transition: background;
    transition-duration: 0.4s;
    cursor: pointer;
}

.Shell-Menu-iconSet {
    z-index: 1;
    margin-left: 15px;
    padding-top: 16px;
}

.Shell-Menur-icon-text {
    padding-top: 18px;
    font-size: 9px;
    font-family: HWStandard !important;
    cursor: pointer;
}

.Shell-Menu-icon:hover {
    /*background-color: #fbfbfb;*/
    border: 1px solid #e7eaec;
    height: 55px;
    cursor: pointer;
}




.Shell-Menu-filter-icon {
    color: var(--Theme-txt-color);
    top: 0px !important;
    margin-top: -5px !important;
    padding: 1px 10px;
    height: 55px;
    transition: background;
    transition-duration: 0.4s;
    cursor: pointer;
}

.Shell-Menu-filter-icon-iconSet {
    z-index: 1;
    margin-left: 15px;
    padding-top: 16px;
}

.Shell-Menu-filter-icon-text {
    padding-top: 18px;
    font-size: 9px;
    font-family: HWStandard !important;
    cursor: pointer;
}

.Shell-Menu-filter-icon:hover {
    color: #fff;
    height: 55px;
    cursor: pointer;
}


.Shell-Filter {
    z-index: 1;
    margin-left: 15px;
    /* padding-top: 0px; */
}


.Shell-SearchSuggestion {
    display: none;
    z-index: 100;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 70px;
    width: 380px;
    padding: 10px 0 0;
    top: 37px;
    border-radius: 0px !important;
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    padding: 10px 0 0;
}


    .Shell-SearchSuggestion ul {
        margin: 0;
    }

    .Shell-SearchSuggestion .tab-pane li {
        list-style-type: none;
        /*border-bottom:1px solid #454545;*/
        padding: 1px 0 11px 24px !important;
    }


    .Shell-SearchSuggestion .nav-tabs {
        border-bottom: 1px solid #454545;
    }


    .Shell-SearchSuggestion .nav > li > a:hover, .Shell-SearchSuggestion .nav > li > a:focus, .Shell-Custom-Grid .move-menu > li:hover {
        background-color: #454545;
    }

    .Shell-SearchSuggestion .nav-tabs > .active > a, .Shell-SearchSuggestion .nav-tabs > .active > a:hover,
    .Shell-SearchSuggestion .nav-tabs > .active > a:focus {
        background-color: transparent;
        color: #9d9d9d !important;
        border-bottom: 2px solid #BABABA;
        border-top: none;
        border-left: none;
        border-right: none;
        cursor: pointer;
    }

    .Shell-SearchSuggestion .nav-tabs > li > a:hover, .Shell-SearchSuggestion .nav-tabs > li > a:focus {
        border-bottom: 2px solid transparent;
        color: #9d9d9d !important;
    }

    .Shell-SearchSuggestion .formControl-checkbox b {
        padding: 0 200px 10px 0;
        cursor: pointer;
    }


    .Shell-SearchSuggestion input[type="text"] {
        background-color: transparent !important;
        border-bottom: 1px solid #454545;
        border-right: none;
        border-top: none;
        border-left: none;
        color: #f5f5f5;
        padding-left: 0;
        width: 283px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        color: var(--Theme-txt-color);
    }




    .Shell-SearchSuggestion .alarm-time-picker-addon {
        padding: 14px 24px;
        position: absolute;
        height: 17px;
        background: #3b3b3b;
        border-color: #454545;
        border-right: 1px solid #454545;
        border-bottom: 1px solid #454545;
    }

        .Shell-SearchSuggestion .alarm-time-picker-addon:hover {
            background: #5a5a5a;
        }

    .Shell-SearchSuggestion .alarm-time-tab {
        display: inline-block;
        margin-right: 12px;
        font-size: 12px;
        color: #9d9d9d;
        cursor: pointer;
        border: 1px solid #707070;
        border-radius: 4px;
        padding: 0 7px;
    }

        .Shell-SearchSuggestion .alarm-time-tab:hover {
            background: #0889c4 !important;
            border: 1px solid #0889c4;
            color: #d3d3d3;
        }

    .Shell-SearchSuggestion .alarm-search-btn-selected {
        border: 1px solid #0889c4 !important;
    }

.alarm-time-tab:hover, .selected-time-tab {
    color: #d3d3d3;
}

.Shell-SearchSuggestionr .icon-calendar1 {
    right: 9px;
    top: 9px;
}

.Shell-SearchSuggestion .alarm-datetimepicker-div {
    clear: both;
    float: none;
    margin-top: 10px;
}

.Shell-SearchSuggestion .alarm-search-addon > span {
    right: 24px;
    left: inherit;
    top: 9px;
}

.Shell-SearchSuggestion .alarm-time-picker {
    position: absolute;
    font-size: 12px;
    padding-left: 0;
    margin-top: 0;
}

.Shell-SearchSuggestion.selectedTr {
    background-color: #E6F3FC !important;
}

.Shell-SearchSuggestion .category:not(:first-child) {
    margin: 20px 0
}

.Shell-SearchSuggestion .category-header {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase
}

    .Shell-SearchSuggestion .category-header::after {
        content: '';
        border-top: 1px solid #E6E6E6;
        width: 100%;
        margin-left: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

.Shell-SearchSuggestion.item {
    line-height: 20px;
    cursor: pointer;
    padding: 7px 10px;
    position: relative;
    color: #7f7f7f;
    font-size: 14px
}

    .Shell-SearchSuggestion .item.active {
        background-color: #7323dc;
        color: #fff
    }

        .Shell-SearchSuggestion .item.active:after {
            content: '';
            display: inline-block;
            position: absolute;
            right: -50px;
            top: 30%;
            width: 15px;
            height: 15px;
            border-left: 1px solid #E6E6E6;
            border-bottom: 1px solid #E6E6E6;
            transform: rotate(45deg);
            background-color: #fff
        }

        .Shell-SearchSuggestion .item.active .auto-suggest-string {
            color: #fff
        }

    .Shell-SearchSuggestion .item .auto-suggest-string {
        color: #000;
        font-weight: 700
    }

.Shell-SearchSuggestion .no-results-container {
    text-align: center;
    margin-top: 50px
}

    .Shell-SearchSuggestion .no-results-container .no-results-header {
        font-size: 18px;
        font-weight: 500
    }

    .Shell-SearchSuggestion .no-results-container .no-results-content {
        font-size: 14px;
        margin-top: 10px
    }

    .Shell-SearchSuggestion .no-results-container .city-change-text {
        color: #7323dc;
        cursor: pointer
    }





.Shell-Filter-Content .header {
    padding-top: 5px;
    font-size: 17px;
    height: 40px;
    color: #bababa;
    /* border-bottom: 1px solid #454545; */
}


.Shell-Filter-Content .header-secondlevel {
    padding-top: 5px;
    padding-left: 20px;
    font-size: 17px;
    height: 60px;
    color: #bababa;
    /* border-bottom: 1px solid #454545; */
}

.Shell-Filter-Content {
    display: none;
    z-index: 100;
    min-height: 270px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    left: auto;
    min-width: 500px;
    width: 500px;
    padding: 10px 0 0;
    left: auto;
    top: 45px;
    border-radius: 0px !important;
    color: #323232;
    padding: 10px 0 0;
}


.Shell-Filter-Content-min {
    display: none;
    z-index: 100;
    height: 200px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    left: auto;
    width: 450px;
    padding: 10px 0 0;
    left: auto;
    top: 45px;
    border-radius: 0px !important;
    color: #323232;
    padding: 10px 0 0;
}

.Shell-SearchSuggestion .Shell-Filter-tabcontent {
    top: 0px;
    padding: 10px 0 0;
}

.Shell-Filter-Content .Shell-Filter-tabcontent {
    top: 145px;
    padding: 10px 0 0;
}

.Shell-Filter-Content .Shell-Filter-header {
    color: #fff;
    top: 0px;
    margin-top: 2px;
    padding: 5px 5px;
    width: 240px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    cursor: pointer;
    /* border-right: 1px solid #e6e6e6; */
}



.Shell-Filter-Content .Shell-Filter-Recent-Tile {
    color: var(--Theme-txt-color);
    top: 0px;
    margin-top: 2px;
    padding: 5px 5px;
    width: 120px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    border: 1px solid #e6e6e6;
}

.Shell-Filter-Content .Shell-Filter-Menu-icon {
    color: var(--Theme-txt-color);
    top: 0px;
    margin-top: -5px;
    padding: 1px 10px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    cursor: pointer !important;
}




.Shell-Filter-Content .Shell-Filter-banner {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    background: #030504;
    font-size: 16px;
    top: -2px;
    height: 50px;
    position: absolute;
    z-index: 111;
    top: 0px;
    width: 100%;
}



.Shell-Workflow {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    background: #030504;
    font-size: 16px;
    top: -2px;
    height: 50px;
    position: absolute;
    z-index: 111;
    top: 0px;
    width: 100%;
}

.Shell-SearchSuggestion .Shell-Filter-banner {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    background: url('../images/header_bg.png');
    font-size: 16px;
    top: -2px;
    height: 50px;
    position: absolute;
    z-index: 111;
    top: 0px;
    width: 100%;
}


.Shell-Filter-Content ul {
    margin: 0;
}

.Shell-Filter-Content .tab-pane li {
    list-style-type: none;
    /*border-bottom:1px solid #454545;*/
    padding: 1px 0 11px 24px !important;
}


.Shell-Filter-Content .nav-tabs {
    border-bottom: 1px solid #454545;
}


.Shell-Filter-Content .nav > li > a:hover, .Shell-Filter-Content .nav > li > a:focus, .Shell-Custom-Grid .move-menu > li:hover {
    background-color: #454545;
}

.Shell-Filter-Content .nav-tabs > .active > a, .Shell-Filter-Content .nav-tabs > .active > a:hover,
.Shell-Filter-Content .nav-tabs > .active > a:focus {
    background-color: transparent;
    color: #9d9d9d !important;
    border-bottom: 2px solid #BABABA;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
}

.Shell-Filter-Content .nav-tabs > li > a:hover, .Shell-Filter-Content .nav-tabs > li > a:focus {
    border-bottom: 2px solid transparent;
    color: #9d9d9d !important;
}

.Shell-Filter-Content .formControl-checkbox b {
    padding: 0 200px 10px 0;
    cursor: pointer;
}


.Shell-Filter-Content input[type="text"] {
    background-color: transparent !important;
    border-bottom: 1px solid #454545;
    border-right: none;
    border-top: none;
    border-left: none;
    color: #f5f5f5;
    padding-left: 0;
    width: 283px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: var(--Theme-txt-color);
}




.Shell-Filter-Content .alarm-time-picker-addon {
    padding: 14px 24px;
    position: absolute;
    height: 17px;
    background: #3b3b3b;
    border-color: #454545;
    border-right: 1px solid #454545;
    border-bottom: 1px solid #454545;
}

    .Shell-Filter-Content .alarm-time-picker-addon:hover {
        background: #5a5a5a;
    }

.Shell-Filter-Content .alarm-time-tab {
    display: inline-block;
    margin-right: 12px;
    font-size: 12px;
    color: #9d9d9d;
    cursor: pointer;
    border: 1px solid #707070;
    border-radius: 4px;
    padding: 0 7px;
}

    .Shell-Filter-Content .alarm-time-tab:hover {
        background: #0889c4 !important;
        border: 1px solid #0889c4;
        color: #d3d3d3;
    }

.Shell-Filter-Content .alarm-search-btn-selected {
    border: 1px solid #0889c4 !important;
}

.alarm-time-tab:hover, .selected-time-tab {
    color: #d3d3d3;
}

.Shell-Filter-Contentr .icon-calendar1 {
    right: 9px;
    top: 9px;
}

.Shell-Filter-Content .alarm-datetimepicker-div {
    clear: both;
    float: none;
    margin-top: 10px;
}

.Shell-Filter-Content .alarm-search-addon > span {
    right: 24px;
    left: inherit;
    top: 9px;
}

.Shell-Filter-Content .alarm-time-picker {
    position: absolute;
    font-size: 12px;
    padding-left: 0;
    margin-top: 0;
}

.Shell-Filter-Content.selectedTr {
    background-color: #E6F3FC !important;
}






.Shell-Filter-Content .category:not(:first-child) {
    margin: 20px 0
}

.Shell-Filter-Content .category-header {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase
}

    .Shell-Filter-Content .category-header::after {
        content: '';
        border-top: 1px solid #E6E6E6;
        width: 100%;
        margin-left: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

.Shell-Filter-Content.item {
    line-height: 20px;
    cursor: pointer;
    padding: 7px 10px;
    position: relative;
    color: #7f7f7f;
    font-size: 14px
}

    .Shell-Filter-Content .item.active {
        background-color: #7323dc;
        color: #fff
    }

        .Shell-Filter-Content .item.active:after {
            content: '';
            display: inline-block;
            position: absolute;
            right: -50px;
            top: 30%;
            width: 15px;
            height: 15px;
            border-left: 1px solid #E6E6E6;
            border-bottom: 1px solid #E6E6E6;
            transform: rotate(45deg);
            background-color: #fff
        }

        .Shell-Filter-Content .item.active .auto-suggest-string {
            color: #fff
        }

    .Shell-Filter-Content .item .auto-suggest-string {
        color: #000;
        font-weight: 700
    }

.Shell-Filter-Content .no-results-container {
    text-align: center;
    margin-top: 50px
}

    .Shell-Filter-Content .no-results-container .no-results-header {
        font-size: 18px;
        font-weight: 500
    }

    .Shell-Filter-Content .no-results-container .no-results-content {
        font-size: 14px;
        margin-top: 10px
    }

    .Shell-Filter-Content .no-results-container .city-change-text {
        color: #7323dc;
        cursor: pointer
    }



.Shell-Filter-Content .category:not(:first-child) {
    margin: 20px 0
}

.Shell-Filter-Content .category-header {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase
}

    .Shell-Filter-Content .category-header::after {
        content: '';
        border-top: 1px solid #E6E6E6;
        width: 100%;
        margin-left: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

.Shell-Filter-Content.item {
    line-height: 20px;
    cursor: pointer;
    padding: 7px 10px;
    position: relative;
    color: #7f7f7f;
    font-size: 14px
}

    .Shell-Filter-Content.item.active {
        background-color: #7323dc;
        color: #fff
    }

        .Shell-Filter-Content .item.active:after {
            content: '';
            display: inline-block;
            position: absolute;
            right: -50px;
            top: 30%;
            width: 15px;
            height: 15px;
            border-left: 1px solid #E6E6E6;
            border-bottom: 1px solid #E6E6E6;
            transform: rotate(45deg);
            background-color: #fff
        }

        .Shell-Filter-Content .item.active .auto-suggest-string {
            color: #fff
        }

    .Shell-Filter-Content .item .auto-suggest-string {
        color: #000;
        font-weight: 700
    }

.Shell-Filter-Content .no-results-container {
    text-align: center;
    margin-top: 50px
}

    .Shell-Filter-Content .no-results-container .no-results-header {
        font-size: 18px;
        font-weight: 500
    }

    .Shell-Filter-Content .no-results-container .no-results-content {
        font-size: 14px;
        margin-top: 10px
    }

    .Shell-Filter-Content .no-results-container .city-change-text {
        color: #7323dc;
        cursor: pointer
    }




.viewer-menu-view {
    padding: 24px !important;
    background-color: #000 !important;
    min-width: 220px !important;
    height: 80px !important!important;
}

    .viewer-menu-view .header {
        padding: 0 !important;
        font-size: 14px !important;
        color: #bababa !important;
    }

    .viewer-menu-view li {
    }

    .viewer-menu-view .gridselector {
        cursor: pointer !important;
        padding-top: 5px !important;
    }

        .viewer-menu-view .gridselector div {
            width: 30px !important;
            height: 22px;
            !important;
            padding-right: 8px !important;
            background-repeat: no-repeat !important;
        }

    .viewer-menu-view:after {
        background-color: #000 !important;
        content: none !important;
        height: 50px !important;
    }

.BadgeProgress-Indicator {
    display: inline-block;
    position: absolute;
    margin-left: 40px;
    width: 16px;
    height: 16px;
    white-space: nowrap;
    vertical-align: bottom !important;
    top: 35px;
    border-radius: 50%;
    border: 4px;
    border-style: solid;
    border-color: #fff;
}


.Shell-FilterMenu-Icon {
    background: url('../images/PW_Sprite_Icons.svg') no-repeat;
    width: 21px;
    height: 19px;
    display: block;
    cursor: pointer;
    background-position: -4px -183px;
}

.Shell-Filter-control .Shell-Filter-Icon {
    background: url('../images/PW_Sprite_Icons.svg') no-repeat;
    width: 21px;
    height: 19px;
    display: block;
    cursor: pointer;
    background-position: -4px -183px;
}

.Shell-Filter-control {
    width: 10%;
    padding: 14px 20px 20px 20px;
}

    .Shell-Filter-control a {
        float: right;
    }



.Shell-Filter-full-control .Shell-Filter-full-Icon {
    background: url('../images/PW_Sprite_Icons.svg') no-repeat;
    width: 21px;
    height: 19px;
    display: block;
    cursor: pointer;
    background-position: -4px -183px;
}

.Shell-Filter-full-control {
    width: 10%;
    padding: 14px 8px 20px 40px;
}

    .Shell-Filter-full-control a {
        float: right;
    }

.Shell-QuickMenu-root {
    display: none;
}

.Shell-CompanyList-root .Shell-SiteList-root {
    top: -10px;
}

.Shell-QuickMenu-Content {
    background: #fff;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    color: #000;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    display: none;
    outline: none;
    overflow: hidden;
    position: absolute;
    right: 10px;
    width: 50%;
    height: 180px;
    top: 52px;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: text;
}


    .Shell-QuickMenu-Content .Shell-QuickMenu-banner {
        font-size: 16px;
        top: -2px;
        height: 50px;
        position: absolute;
        z-index: 111;
        top: 0px;
        width: 100%;
    }

    .Shell-QuickMenu-Content .Shell-QuickMenu-icon {
        color: var(--Theme-txt-color);
        top: 0px;
        margin-top: -5px;
        padding: 1px 10px;
        height: 40px;
        transition: background;
        transition-duration: 0.4s;
        cursor: pointer !important;
    }

    .Shell-QuickMenu-Content .Shell-QuickMenu-header {
        /* color: #fff; */
        top: 0px;
        margin-top: 2px;
        padding: 5px 5px;
        width: 280px;
        height: 40px;
        transition: background;
        transition-duration: 0.4s;
        cursor: pointer;
        /* border-right: 1px solid #e6e6e6; */
    }


.Erroricon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: center top;
    background-repeat: no-repeat;
    border: 2px solid #e7eaec;
    background-color: var(--Theme-TextBox-color) !important;
    border-radius: 50%;
}


.Dasboard-Nodata-Icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: center top;
    background-repeat: no-repeat;
    border: 2px solid #e7eaec;
    background-color: var(--Theme-VPDashBoard-Widget-background) !important;
    border-radius: 50%;
}


.Badge-Cards .cardsInfo-icon-size {
    height: 65px;
    width: 55px;
}

.Badge-Cards .cardsinfo-icon-text {
    display: inline-block;
    position: absolute;
    margin-top: 30px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5%;
}

.AuthorSigner-Badge-root .pwcard {
    color: #f04031;
}

.AuthorSigner-Badge-root .cardstatus-Active {
    color: #53c077 !important
}

.Plugin-Toogleoff {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.Shell-Alphabetics-Filter-tile {
    top: -20px;
    padding-left: 5% !important;
    position: absolute !important;
}



.Shell-Alphabetics-Filter {
    border-bottom: 1px solid var(--Theme-border);
    padding: 2px 20px 2px 20px;
    border-right: 1px solid var(--Theme-border);
    height: 25px;
    top: -5px;
    left: -1px;
    color: var(--Theme-txt-color) !important;
    width: 100% !important;
    position: absolute !important;
}


    .Shell-Alphabetics-Filter .Shell-Alphabetics-ul {
        width: 100%;
    }


        .Shell-Alphabetics-Filter .Shell-Alphabetics-ul .Shell-Alphabetics-li {
            display: inline;
            letter-spacing: 2.5px !important;
        }

            .Shell-Alphabetics-Filter .Shell-Alphabetics-ul .Shell-Alphabetics-li a {
                font-size: 11px;
                color: var(--Theme-txt-HyperLink-color);
                cursor: pointer;
            }

            .Shell-Alphabetics-Filter .Shell-Alphabetics-ul .Shell-Alphabetics-li .selected {
                font-size: 18px;
                padding: 20x;
                font-weight: 500 !important;
                border-bottom: solid 1 #c55119e8;
                color: #c55119e8;
                border: cursor: pointer;
            }


            .Shell-Alphabetics-Filter .Shell-Alphabetics-ul .Shell-Alphabetics-li a:hover {
                text-decoration: none;
            }

        .Shell-Alphabetics-Filter .Shell-Alphabetics-ul .alp_disbled a {
            pointer-events: none;
            color: #cccccc;
        }


.Shell-tab-Area {
}


    .Shell-tab-Area > span.title {
        max-width: 480px;
        max-height: 100px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .Shell-tab-Area > span.text {
        max-width: 140px;
        max-height: 100px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.btn {
    display: inline-block;
    padding: 8px 42px;
    font-size: 16px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 2px;
    outline: none;
    text-decoration: none;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    -webkit-border-fit: border;
}

.btn-orange {
    background: #f04031;
    color: #fff;
}

    .btn-orange:hover {
        background: #f85649;
        text-decoration: none;
    }

    .btn-orange:focus {
        background: #df3828;
    }




.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    position: absolute;
    border: 0.08em solid #307bbb;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #cccccc;
}

    .c100 *,
    .c100 *:before,
    .c100 *:after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .c100.center {
        float: none;
        margin: 0 auto;
    }

    .c100.big {
        font-size: 240px;
    }

    .c100.small {
        font-size: 80px;
    }

    .c100.mini {
        font-size: 40px;
    }

    .c100 > span {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        width: 5em;
        line-height: 5em;
        font-size: 0.2em;
        color: var(--Theme-txt-color);
        font-weight: bold !important;
        display: block;
        text-align: center;
        white-space: nowrap;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .c100:after {
        position: absolute;
        top: 0.08em;
        left: 0.08em;
        display: block;
        content: " ";
        border-radius: 50%;
        background-color: var(--Theme-VPDashBoard-Widget-background) !important;
        width: 0.84em;
        height: 0.84em;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    .c100 .slice {
        position: absolute;
        width: 1em;
        height: 1em;
        clip: rect(0em, 1em, 1em, 0.5em);
    }

    .c100.p1 .bar {
        -webkit-transform: rotate(3.6deg);
        -moz-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        -o-transform: rotate(3.6deg);
        transform: rotate(3.6deg);
    }

    .c100.p2 .bar {
        -webkit-transform: rotate(7.2deg);
        -moz-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        -o-transform: rotate(7.2deg);
        transform: rotate(7.2deg);
    }

    .c100.p3 .bar {
        -webkit-transform: rotate(10.8deg);
        -moz-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        -o-transform: rotate(10.8deg);
        transform: rotate(10.8deg);
    }

    .c100.p4 .bar {
        -webkit-transform: rotate(14.4deg);
        -moz-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        -o-transform: rotate(14.4deg);
        transform: rotate(14.4deg);
    }

    .c100.p5 .bar {
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    .c100.p6 .bar {
        -webkit-transform: rotate(21.6deg);
        -moz-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        -o-transform: rotate(21.6deg);
        transform: rotate(21.6deg);
    }

    .c100.p7 .bar {
        -webkit-transform: rotate(25.2deg);
        -moz-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        -o-transform: rotate(25.2deg);
        transform: rotate(25.2deg);
    }

    .c100.p8 .bar {
        -webkit-transform: rotate(28.8deg);
        -moz-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        -o-transform: rotate(28.8deg);
        transform: rotate(28.8deg);
    }

    .c100.p9 .bar {
        -webkit-transform: rotate(32.4deg);
        -moz-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        -o-transform: rotate(32.4deg);
        transform: rotate(32.4deg);
    }

    .c100.p10 .bar {
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        -o-transform: rotate(36deg);
        transform: rotate(36deg);
    }

    .c100.p11 .bar {
        -webkit-transform: rotate(39.6deg);
        -moz-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        -o-transform: rotate(39.6deg);
        transform: rotate(39.6deg);
    }

    .c100.p12 .bar {
        -webkit-transform: rotate(43.2deg);
        -moz-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        -o-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
    }

    .c100.p13 .bar {
        -webkit-transform: rotate(46.800000000000004deg);
        -moz-transform: rotate(46.800000000000004deg);
        -ms-transform: rotate(46.800000000000004deg);
        -o-transform: rotate(46.800000000000004deg);
        transform: rotate(46.800000000000004deg);
    }

    .c100.p14 .bar {
        -webkit-transform: rotate(50.4deg);
        -moz-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        -o-transform: rotate(50.4deg);
        transform: rotate(50.4deg);
    }

    .c100.p15 .bar {
        -webkit-transform: rotate(54deg);
        -moz-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        -o-transform: rotate(54deg);
        transform: rotate(54deg);
    }

    .c100.p16 .bar {
        -webkit-transform: rotate(57.6deg);
        -moz-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        -o-transform: rotate(57.6deg);
        transform: rotate(57.6deg);
    }

    .c100.p17 .bar {
        -webkit-transform: rotate(61.2deg);
        -moz-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        -o-transform: rotate(61.2deg);
        transform: rotate(61.2deg);
    }

    .c100.p18 .bar {
        -webkit-transform: rotate(64.8deg);
        -moz-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        -o-transform: rotate(64.8deg);
        transform: rotate(64.8deg);
    }

    .c100.p19 .bar {
        -webkit-transform: rotate(68.4deg);
        -moz-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        -o-transform: rotate(68.4deg);
        transform: rotate(68.4deg);
    }

    .c100.p20 .bar {
        -webkit-transform: rotate(72deg);
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        transform: rotate(72deg);
    }

    .c100.p21 .bar {
        -webkit-transform: rotate(75.60000000000001deg);
        -moz-transform: rotate(75.60000000000001deg);
        -ms-transform: rotate(75.60000000000001deg);
        -o-transform: rotate(75.60000000000001deg);
        transform: rotate(75.60000000000001deg);
    }

    .c100.p22 .bar {
        -webkit-transform: rotate(79.2deg);
        -moz-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        -o-transform: rotate(79.2deg);
        transform: rotate(79.2deg);
    }

    .c100.p23 .bar {
        -webkit-transform: rotate(82.8deg);
        -moz-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        -o-transform: rotate(82.8deg);
        transform: rotate(82.8deg);
    }

    .c100.p24 .bar {
        -webkit-transform: rotate(86.4deg);
        -moz-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        -o-transform: rotate(86.4deg);
        transform: rotate(86.4deg);
    }

    .c100.p25 .bar {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .c100.p26 .bar {
        -webkit-transform: rotate(93.60000000000001deg);
        -moz-transform: rotate(93.60000000000001deg);
        -ms-transform: rotate(93.60000000000001deg);
        -o-transform: rotate(93.60000000000001deg);
        transform: rotate(93.60000000000001deg);
    }

    .c100.p27 .bar {
        -webkit-transform: rotate(97.2deg);
        -moz-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        -o-transform: rotate(97.2deg);
        transform: rotate(97.2deg);
    }

    .c100.p28 .bar {
        -webkit-transform: rotate(100.8deg);
        -moz-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        -o-transform: rotate(100.8deg);
        transform: rotate(100.8deg);
    }

    .c100.p29 .bar {
        -webkit-transform: rotate(104.4deg);
        -moz-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        -o-transform: rotate(104.4deg);
        transform: rotate(104.4deg);
    }

    .c100.p30 .bar {
        -webkit-transform: rotate(108deg);
        -moz-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        -o-transform: rotate(108deg);
        transform: rotate(108deg);
    }

    .c100.p31 .bar {
        -webkit-transform: rotate(111.60000000000001deg);
        -moz-transform: rotate(111.60000000000001deg);
        -ms-transform: rotate(111.60000000000001deg);
        -o-transform: rotate(111.60000000000001deg);
        transform: rotate(111.60000000000001deg);
    }

    .c100.p32 .bar {
        -webkit-transform: rotate(115.2deg);
        -moz-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        -o-transform: rotate(115.2deg);
        transform: rotate(115.2deg);
    }

    .c100.p33 .bar {
        -webkit-transform: rotate(118.8deg);
        -moz-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        -o-transform: rotate(118.8deg);
        transform: rotate(118.8deg);
    }

    .c100.p34 .bar {
        -webkit-transform: rotate(122.4deg);
        -moz-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        -o-transform: rotate(122.4deg);
        transform: rotate(122.4deg);
    }

    .c100.p35 .bar {
        -webkit-transform: rotate(126deg);
        -moz-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        -o-transform: rotate(126deg);
        transform: rotate(126deg);
    }

    .c100.p36 .bar {
        -webkit-transform: rotate(129.6deg);
        -moz-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        -o-transform: rotate(129.6deg);
        transform: rotate(129.6deg);
    }

    .c100.p37 .bar {
        -webkit-transform: rotate(133.20000000000002deg);
        -moz-transform: rotate(133.20000000000002deg);
        -ms-transform: rotate(133.20000000000002deg);
        -o-transform: rotate(133.20000000000002deg);
        transform: rotate(133.20000000000002deg);
    }

    .c100.p38 .bar {
        -webkit-transform: rotate(136.8deg);
        -moz-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        -o-transform: rotate(136.8deg);
        transform: rotate(136.8deg);
    }

    .c100.p39 .bar {
        -webkit-transform: rotate(140.4deg);
        -moz-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        -o-transform: rotate(140.4deg);
        transform: rotate(140.4deg);
    }

    .c100.p40 .bar {
        -webkit-transform: rotate(144deg);
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        transform: rotate(144deg);
    }

    .c100.p41 .bar {
        -webkit-transform: rotate(147.6deg);
        -moz-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        -o-transform: rotate(147.6deg);
        transform: rotate(147.6deg);
    }

    .c100.p42 .bar {
        -webkit-transform: rotate(151.20000000000002deg);
        -moz-transform: rotate(151.20000000000002deg);
        -ms-transform: rotate(151.20000000000002deg);
        -o-transform: rotate(151.20000000000002deg);
        transform: rotate(151.20000000000002deg);
    }

    .c100.p43 .bar {
        -webkit-transform: rotate(154.8deg);
        -moz-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        -o-transform: rotate(154.8deg);
        transform: rotate(154.8deg);
    }

    .c100.p44 .bar {
        -webkit-transform: rotate(158.4deg);
        -moz-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        -o-transform: rotate(158.4deg);
        transform: rotate(158.4deg);
    }

    .c100.p45 .bar {
        -webkit-transform: rotate(162deg);
        -moz-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        -o-transform: rotate(162deg);
        transform: rotate(162deg);
    }

    .c100.p46 .bar {
        -webkit-transform: rotate(165.6deg);
        -moz-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        -o-transform: rotate(165.6deg);
        transform: rotate(165.6deg);
    }

    .c100.p47 .bar {
        -webkit-transform: rotate(169.20000000000002deg);
        -moz-transform: rotate(169.20000000000002deg);
        -ms-transform: rotate(169.20000000000002deg);
        -o-transform: rotate(169.20000000000002deg);
        transform: rotate(169.20000000000002deg);
    }

    .c100.p48 .bar {
        -webkit-transform: rotate(172.8deg);
        -moz-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        -o-transform: rotate(172.8deg);
        transform: rotate(172.8deg);
    }

    .c100.p49 .bar {
        -webkit-transform: rotate(176.4deg);
        -moz-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        -o-transform: rotate(176.4deg);
        transform: rotate(176.4deg);
    }

    .c100.p50 .bar {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .c100.p51 .bar {
        -webkit-transform: rotate(183.6deg);
        -moz-transform: rotate(183.6deg);
        -ms-transform: rotate(183.6deg);
        -o-transform: rotate(183.6deg);
        transform: rotate(183.6deg);
    }

    .c100.p52 .bar {
        -webkit-transform: rotate(187.20000000000002deg);
        -moz-transform: rotate(187.20000000000002deg);
        -ms-transform: rotate(187.20000000000002deg);
        -o-transform: rotate(187.20000000000002deg);
        transform: rotate(187.20000000000002deg);
    }

    .c100.p53 .bar {
        -webkit-transform: rotate(190.8deg);
        -moz-transform: rotate(190.8deg);
        -ms-transform: rotate(190.8deg);
        -o-transform: rotate(190.8deg);
        transform: rotate(190.8deg);
    }

    .c100.p54 .bar {
        -webkit-transform: rotate(194.4deg);
        -moz-transform: rotate(194.4deg);
        -ms-transform: rotate(194.4deg);
        -o-transform: rotate(194.4deg);
        transform: rotate(194.4deg);
    }

    .c100.p55 .bar {
        -webkit-transform: rotate(198deg);
        -moz-transform: rotate(198deg);
        -ms-transform: rotate(198deg);
        -o-transform: rotate(198deg);
        transform: rotate(198deg);
    }

    .c100.p56 .bar {
        -webkit-transform: rotate(201.6deg);
        -moz-transform: rotate(201.6deg);
        -ms-transform: rotate(201.6deg);
        -o-transform: rotate(201.6deg);
        transform: rotate(201.6deg);
    }

    .c100.p57 .bar {
        -webkit-transform: rotate(205.20000000000002deg);
        -moz-transform: rotate(205.20000000000002deg);
        -ms-transform: rotate(205.20000000000002deg);
        -o-transform: rotate(205.20000000000002deg);
        transform: rotate(205.20000000000002deg);
    }

    .c100.p58 .bar {
        -webkit-transform: rotate(208.8deg);
        -moz-transform: rotate(208.8deg);
        -ms-transform: rotate(208.8deg);
        -o-transform: rotate(208.8deg);
        transform: rotate(208.8deg);
    }

    .c100.p59 .bar {
        -webkit-transform: rotate(212.4deg);
        -moz-transform: rotate(212.4deg);
        -ms-transform: rotate(212.4deg);
        -o-transform: rotate(212.4deg);
        transform: rotate(212.4deg);
    }

    .c100.p60 .bar {
        -webkit-transform: rotate(216deg);
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -o-transform: rotate(216deg);
        transform: rotate(216deg);
    }

    .c100.p61 .bar {
        -webkit-transform: rotate(219.6deg);
        -moz-transform: rotate(219.6deg);
        -ms-transform: rotate(219.6deg);
        -o-transform: rotate(219.6deg);
        transform: rotate(219.6deg);
    }

    .c100.p62 .bar {
        -webkit-transform: rotate(223.20000000000002deg);
        -moz-transform: rotate(223.20000000000002deg);
        -ms-transform: rotate(223.20000000000002deg);
        -o-transform: rotate(223.20000000000002deg);
        transform: rotate(223.20000000000002deg);
    }

    .c100.p63 .bar {
        -webkit-transform: rotate(226.8deg);
        -moz-transform: rotate(226.8deg);
        -ms-transform: rotate(226.8deg);
        -o-transform: rotate(226.8deg);
        transform: rotate(226.8deg);
    }

    .c100.p64 .bar {
        -webkit-transform: rotate(230.4deg);
        -moz-transform: rotate(230.4deg);
        -ms-transform: rotate(230.4deg);
        -o-transform: rotate(230.4deg);
        transform: rotate(230.4deg);
    }

    .c100.p65 .bar {
        -webkit-transform: rotate(234deg);
        -moz-transform: rotate(234deg);
        -ms-transform: rotate(234deg);
        -o-transform: rotate(234deg);
        transform: rotate(234deg);
    }

    .c100.p66 .bar {
        -webkit-transform: rotate(237.6deg);
        -moz-transform: rotate(237.6deg);
        -ms-transform: rotate(237.6deg);
        -o-transform: rotate(237.6deg);
        transform: rotate(237.6deg);
    }

    .c100.p67 .bar {
        -webkit-transform: rotate(241.20000000000002deg);
        -moz-transform: rotate(241.20000000000002deg);
        -ms-transform: rotate(241.20000000000002deg);
        -o-transform: rotate(241.20000000000002deg);
        transform: rotate(241.20000000000002deg);
    }

    .c100.p68 .bar {
        -webkit-transform: rotate(244.8deg);
        -moz-transform: rotate(244.8deg);
        -ms-transform: rotate(244.8deg);
        -o-transform: rotate(244.8deg);
        transform: rotate(244.8deg);
    }

    .c100.p69 .bar {
        -webkit-transform: rotate(248.4deg);
        -moz-transform: rotate(248.4deg);
        -ms-transform: rotate(248.4deg);
        -o-transform: rotate(248.4deg);
        transform: rotate(248.4deg);
    }

    .c100.p70 .bar {
        -webkit-transform: rotate(252deg);
        -moz-transform: rotate(252deg);
        -ms-transform: rotate(252deg);
        -o-transform: rotate(252deg);
        transform: rotate(252deg);
    }

    .c100.p71 .bar {
        -webkit-transform: rotate(255.6deg);
        -moz-transform: rotate(255.6deg);
        -ms-transform: rotate(255.6deg);
        -o-transform: rotate(255.6deg);
        transform: rotate(255.6deg);
    }

    .c100.p72 .bar {
        -webkit-transform: rotate(259.2deg);
        -moz-transform: rotate(259.2deg);
        -ms-transform: rotate(259.2deg);
        -o-transform: rotate(259.2deg);
        transform: rotate(259.2deg);
    }

    .c100.p73 .bar {
        -webkit-transform: rotate(262.8deg);
        -moz-transform: rotate(262.8deg);
        -ms-transform: rotate(262.8deg);
        -o-transform: rotate(262.8deg);
        transform: rotate(262.8deg);
    }

    .c100.p74 .bar {
        -webkit-transform: rotate(266.40000000000003deg);
        -moz-transform: rotate(266.40000000000003deg);
        -ms-transform: rotate(266.40000000000003deg);
        -o-transform: rotate(266.40000000000003deg);
        transform: rotate(266.40000000000003deg);
    }

    .c100.p75 .bar {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .c100.p76 .bar {
        -webkit-transform: rotate(273.6deg);
        -moz-transform: rotate(273.6deg);
        -ms-transform: rotate(273.6deg);
        -o-transform: rotate(273.6deg);
        transform: rotate(273.6deg);
    }

    .c100.p77 .bar {
        -webkit-transform: rotate(277.2deg);
        -moz-transform: rotate(277.2deg);
        -ms-transform: rotate(277.2deg);
        -o-transform: rotate(277.2deg);
        transform: rotate(277.2deg);
    }

    .c100.p78 .bar {
        -webkit-transform: rotate(280.8deg);
        -moz-transform: rotate(280.8deg);
        -ms-transform: rotate(280.8deg);
        -o-transform: rotate(280.8deg);
        transform: rotate(280.8deg);
    }

    .c100.p79 .bar {
        -webkit-transform: rotate(284.40000000000003deg);
        -moz-transform: rotate(284.40000000000003deg);
        -ms-transform: rotate(284.40000000000003deg);
        -o-transform: rotate(284.40000000000003deg);
        transform: rotate(284.40000000000003deg);
    }

    .c100.p80 .bar {
        -webkit-transform: rotate(288deg);
        -moz-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        -o-transform: rotate(288deg);
        transform: rotate(288deg);
    }

    .c100.p81 .bar {
        -webkit-transform: rotate(291.6deg);
        -moz-transform: rotate(291.6deg);
        -ms-transform: rotate(291.6deg);
        -o-transform: rotate(291.6deg);
        transform: rotate(291.6deg);
    }

    .c100.p82 .bar {
        -webkit-transform: rotate(295.2deg);
        -moz-transform: rotate(295.2deg);
        -ms-transform: rotate(295.2deg);
        -o-transform: rotate(295.2deg);
        transform: rotate(295.2deg);
    }

    .c100.p83 .bar {
        -webkit-transform: rotate(298.8deg);
        -moz-transform: rotate(298.8deg);
        -ms-transform: rotate(298.8deg);
        -o-transform: rotate(298.8deg);
        transform: rotate(298.8deg);
    }

    .c100.p84 .bar {
        -webkit-transform: rotate(302.40000000000003deg);
        -moz-transform: rotate(302.40000000000003deg);
        -ms-transform: rotate(302.40000000000003deg);
        -o-transform: rotate(302.40000000000003deg);
        transform: rotate(302.40000000000003deg);
    }

    .c100.p85 .bar {
        -webkit-transform: rotate(306deg);
        -moz-transform: rotate(306deg);
        -ms-transform: rotate(306deg);
        -o-transform: rotate(306deg);
        transform: rotate(306deg);
    }

    .c100.p86 .bar {
        -webkit-transform: rotate(309.6deg);
        -moz-transform: rotate(309.6deg);
        -ms-transform: rotate(309.6deg);
        -o-transform: rotate(309.6deg);
        transform: rotate(309.6deg);
    }

    .c100.p87 .bar {
        -webkit-transform: rotate(313.2deg);
        -moz-transform: rotate(313.2deg);
        -ms-transform: rotate(313.2deg);
        -o-transform: rotate(313.2deg);
        transform: rotate(313.2deg);
    }

    .c100.p88 .bar {
        -webkit-transform: rotate(316.8deg);
        -moz-transform: rotate(316.8deg);
        -ms-transform: rotate(316.8deg);
        -o-transform: rotate(316.8deg);
        transform: rotate(316.8deg);
    }

    .c100.p89 .bar {
        -webkit-transform: rotate(320.40000000000003deg);
        -moz-transform: rotate(320.40000000000003deg);
        -ms-transform: rotate(320.40000000000003deg);
        -o-transform: rotate(320.40000000000003deg);
        transform: rotate(320.40000000000003deg);
    }

    .c100.p90 .bar {
        -webkit-transform: rotate(324deg);
        -moz-transform: rotate(324deg);
        -ms-transform: rotate(324deg);
        -o-transform: rotate(324deg);
        transform: rotate(324deg);
    }

    .c100.p91 .bar {
        -webkit-transform: rotate(327.6deg);
        -moz-transform: rotate(327.6deg);
        -ms-transform: rotate(327.6deg);
        -o-transform: rotate(327.6deg);
        transform: rotate(327.6deg);
    }

    .c100.p92 .bar {
        -webkit-transform: rotate(331.2deg);
        -moz-transform: rotate(331.2deg);
        -ms-transform: rotate(331.2deg);
        -o-transform: rotate(331.2deg);
        transform: rotate(331.2deg);
    }

    .c100.p93 .bar {
        -webkit-transform: rotate(334.8deg);
        -moz-transform: rotate(334.8deg);
        -ms-transform: rotate(334.8deg);
        -o-transform: rotate(334.8deg);
        transform: rotate(334.8deg);
    }

    .c100.p94 .bar {
        -webkit-transform: rotate(338.40000000000003deg);
        -moz-transform: rotate(338.40000000000003deg);
        -ms-transform: rotate(338.40000000000003deg);
        -o-transform: rotate(338.40000000000003deg);
        transform: rotate(338.40000000000003deg);
    }

    .c100.p95 .bar {
        -webkit-transform: rotate(342deg);
        -moz-transform: rotate(342deg);
        -ms-transform: rotate(342deg);
        -o-transform: rotate(342deg);
        transform: rotate(342deg);
    }

    .c100.p96 .bar {
        -webkit-transform: rotate(345.6deg);
        -moz-transform: rotate(345.6deg);
        -ms-transform: rotate(345.6deg);
        -o-transform: rotate(345.6deg);
        transform: rotate(345.6deg);
    }

    .c100.p97 .bar {
        -webkit-transform: rotate(349.2deg);
        -moz-transform: rotate(349.2deg);
        -ms-transform: rotate(349.2deg);
        -o-transform: rotate(349.2deg);
        transform: rotate(349.2deg);
    }

    .c100.p98 .bar {
        -webkit-transform: rotate(352.8deg);
        -moz-transform: rotate(352.8deg);
        -ms-transform: rotate(352.8deg);
        -o-transform: rotate(352.8deg);
        transform: rotate(352.8deg);
    }

    .c100.p99 .bar {
        -webkit-transform: rotate(356.40000000000003deg);
        -moz-transform: rotate(356.40000000000003deg);
        -ms-transform: rotate(356.40000000000003deg);
        -o-transform: rotate(356.40000000000003deg);
        transform: rotate(356.40000000000003deg);
    }

    .c100.p100 .bar {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .c100:hover {
        cursor: default;
    }

        .c100:hover > span {
            width: 3.33em;
            line-height: 3.33em;
            font-size: 0.3em;
            color: #307bbb;
        }

        .c100:hover:after {
            top: 0.04em;
            left: 0.04em;
            width: 0.92em;
            height: 0.92em;
        }

    .c100.dark {
        background-color: #777777;
    }

        .c100.dark .bar,
        .c100.dark .fill {
            border-color: #c6ff00 !important;
        }

        .c100.dark > span {
            color: #777777;
        }

        .c100.dark:after {
            background-color: #666666;
        }

        .c100.dark:hover > span {
            color: #c6ff00;
        }

    .c100.green .bar,
    .c100.green .fill {
        border-color: #4db53c !important;
    }

    .c100.green:hover > span {
        color: #4db53c;
    }

    .c100.green.dark .bar,
    .c100.green.dark .fill {
        border-color: #5fd400 !important;
    }

    .c100.green.dark:hover > span {
        color: #5fd400;
    }

    .c100.expiring-7 .bar,
    .c100.expiring-7 .fill {
        border-color: var(--Theme-Table-StatusBG-color) !important;
    }

    .c100.expiring-7:hover > span {
        color: var(--Theme-Table-StatusBG-color);
    }

    .c100.expiring-7.dark .bar,
    .c100.expiring-7.dark .fill {
        border-color: var(--Theme-Table-StatusBG-color) !important;
    }

    .c100.expiring-7.dark:hover > span {
        color: var(--Theme-Table-StatusBG-color);
    }


    .c100.expiring-30 .bar,
    .c100.expiring-30 .fill {
        border-color: #f38231 !important;
    }

    .c100.expiring-30:hover > span {
        color: #f38231;
    }

    .c100.expiring-30.dark .bar,
    .c100.expiring-30.dark .fill {
        border-color: #f38231 !important;
    }

    .c100.expiring-30.dark:hover > span {
        color: #f38231;
    }



    .c100.Badge-Active .bar,
    .c100.Badge-Active .fill {
        border-color: #53c077 !important;
    }

    .c100.Badge-Active:hover > span {
        color: #53c077;
    }

    .c100.Badge-Active.dark .bar,
    .c100.Badge-Active.dark .fill {
        border-color: #53c077 !important;
    }

    .c100.Badge-Active.dark:hover > span {
        color: #53c077;
    }



    .c100.Badge-Lost .bar,
    .c100.Badge-Lost .fill {
        border-color: #da557b !important;
    }

    .c100.Badge-Lost:hover > span {
        color: #da557b;
    }

    .c100.Badge-Lost.dark .bar,
    .c100.Badge-Lost.dark .fill {
        border-color: #da557b !important;
    }

    .c100.Badge-Lost.dark:hover > span {
        color: #da557b;
    }



    .c100.Badge-Stolen .bar,
    .c100.Badge-Stolen .fill {
        border-color: #f38231 !important;
    }

    .c100.Badge-Stolen:hover > span {
        color: #f38231;
    }

    .c100.Badge-Stolen.dark .bar,
    .c100.Badge-Stolen.dark .fill {
        border-color: #f38231 !important;
    }

    .c100.Badge-Stolen.dark:hover > span {
        color: #f38231;
    }



    .c100.Badge-Expired .bar,
    .c100.Badge-Expired .fill {
        border-color: #f04031 !important;
    }

    .c100.Badge-Expired:hover > span {
        color: #f04031;
    }

    .c100.Badge-Expired.dark .bar,
    .c100.Badge-Expired.dark .fill {
        border-color: #f04031 !important;
    }

    .c100.Badge-Expired.dark:hover > span {
        color: #f04031;
    }


    .c100.Badge-Disabled .bar,
    .c100.Badge-Disabled .fill {
        border-color: #D3D3D3 !important;
    }

    .c100.Badge-Disabled:hover > span {
        color: #D3D3D3;
    }

    .c100.Badge-Disabled.dark .bar,
    .c100.Badge-Disabled.dark .fill {
        border-color: #D3D3D3 !important;
    }

    .c100.Badge-Disabled.dark:hover > span {
        color: #D3D3D3;
    }


    .c100.Badge-Suspend .bar,
    .c100.Badge-Suspend .fill {
        border-color: #f04031 !important;
    }

    .c100.Badge-Suspend:hover > span {
        color: #f04031;
    }

    .c100.Badge-Suspend.dark .bar,
    .c100.Badge-Suspend.dark .fill {
        border-color: #f04031 !important;
    }

    .c100.Badge-Suspend.dark:hover > span {
        color: #f04031;
    }



    .c100.Badge-ACTIVE .bar,
    .c100.Badge-ACTIVE .fill {
        border-color: #53c077 !important;
    }

    .c100.Badge-ACTIVE:hover > span {
        color: #53c077;
    }

    .c100.Badge-ACTIVE.dark .bar,
    .c100.Badge-ACTIVE.dark .fill {
        border-color: #53c077 !important;
    }

    .c100.Badge-ACTIVE.dark:hover > span {
        color: #53c077;
    }



    .c100.Badge-LOST .bar,
    .c100.Badge-LOST .fill {
        border-color: #da557b !important;
    }

    .c100.Badge-LOST:hover > span {
        color: #da557b;
    }

    .c100.Badge-LOST.dark .bar,
    .c100.Badge-LOST.dark .fill {
        border-color: #da557b !important;
    }

    .c100.Badge-LOST.dark:hover > span {
        color: #da557b;
    }



    .c100.Badge-STOLEN .bar,
    .c100.Badge-STOLEN .fill {
        border-color: #f38231 !important;
    }

    .c100.Badge-STOLEN:hover > span {
        color: #f38231;
    }

    .c100.Badge-STOLEN.dark .bar,
    .c100.Badge-STOLEN.dark .fill {
        border-color: #f38231 !important;
    }

    .c100.Badge-STOLEN.dark:hover > span {
        color: #f38231;
    }



    .c100.Badge-EXPIRED .bar,
    .c100.Badge-EXPIRED .fill {
        border-color: #f04031 !important;
    }

    .c100.Badge-EXPIRED:hover > span {
        color: #f04031;
    }

    .c100.Badge-EXPIRED.dark .bar,
    .c100.Badge-EXPIRED.dark .fill {
        border-color: #f04031 !important;
    }

    .c100.Badge-EXPIRED.dark:hover > span {
        color: #f04031;
    }


    .c100.Badge-DISABLED .bar,
    .c100.Badge-DISABLED .fill {
        border-color: #D3D3D3 !important;
    }

    .c100.Badge-DISABLED:hover > span {
        color: #D3D3D3;
    }

    .c100.Badge-DISABLED.dark .bar,
    .c100.Badge-DISABLED.dark .fill {
        border-color: #D3D3D3 !important;
    }

    .c100.Badge-DISABLED.dark:hover > span {
        color: #D3D3D3;
    }


    .c100.Badge-SUSPEND .bar,
    .c100.Badge-SUSPEND .fill {
        border-color: #f04031 !important;
    }

    .c100.Badge-SUSPEND:hover > span {
        color: #f04031;
    }

    .c100.Badge-SUSPEND.dark .bar,
    .c100.Badge-SUSPEND.dark .fill {
        border-color: #f04031 !important;
    }

    .c100.Badge-SUSPEND.dark:hover > span {
        color: #f04031;
    }



.Shell-WorkFlow-Content .header {
    padding-top: 5px;
    font-size: 17px;
    height: 40px;
    color: #bababa;
    /* border-bottom: 1px solid #454545; */
}


.Shell-WorkFlow-Content .header-secondlevel {
    padding-top: 5px;
    padding-left: 20px;
    font-size: 17px;
    height: 60px;
    color: #bababa;
    /* border-bottom: 1px solid #454545; */
}

.Shell-WorkFlow-Content {
    display: none;
    z-index: 100;
    min-height: 270px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    left: auto;
    min-width: 500px;
    width: 500px;
    padding: 10px 0 0;
    left: auto;
    top: 45px;
    border-radius: 0px !important;
    color: #323232;
    padding: 10px 0 0;
}


.Shell-WorkFlow-Content-min {
    display: none;
    z-index: 100;
    height: 200px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
    left: auto;
    width: 450px;
    padding: 10px 0 0;
    left: auto;
    top: 45px;
    border-radius: 0px !important;
    color: #323232;
    padding: 10px 0 0;
}

.Shell-SearchSuggestion .Shell-WorkFlow-tabcontent {
    top: 0px;
    padding: 10px 0 0;
}

.Shell-WorkFlow-Content .Shell-WorkFlow-tabcontent {
    top: 145px;
    padding: 10px 0 0;
}

.Shell-WorkFlow-Content .Shell-WorkFlow-header {
    color: #fff;
    top: 0px;
    margin-top: 2px;
    padding: 5px 5px;
    width: 240px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    cursor: pointer;
    /* border-right: 1px solid #e6e6e6; */
}



.Shell-WorkFlow-Content .Shell-WorkFlow-Recent-Tile {
    color: var(--Theme-txt-color);
    top: 0px;
    margin-top: 2px;
    padding: 5px 5px;
    width: 120px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    border: 1px solid #e6e6e6;
}

.Shell-WorkFlow-Content .Shell-WorkFlow-Menu-icon {
    color: var(--Theme-txt-color);
    top: 0px;
    margin-top: -5px;
    padding: 1px 10px;
    height: 40px;
    transition: background;
    transition-duration: 0.4s;
    cursor: pointer !important;
}




.Shell-WorkFlow-Content .Shell-WorkFlow-banner {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    background: #030504;
    font-size: 16px;
    top: -2px;
    height: 50px;
    position: absolute;
    z-index: 111;
    top: 0px;
    width: 100%;
}

.Shell-SearchSuggestion .Shell-WorkFlow-banner {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    background: url('../images/header_bg.png');
    font-size: 16px;
    top: -2px;
    height: 50px;
    position: absolute;
    z-index: 111;
    top: 0px;
    width: 100%;
}


.Shell-WorkFlow-Content ul {
    margin: 0;
}

.Shell-WorkFlow-Content .tab-pane li {
    list-style-type: none;
    /*border-bottom:1px solid #454545;*/
    padding: 1px 0 11px 24px !important;
}


.Shell-WorkFlow-Content .nav-tabs {
    border-bottom: 1px solid #454545;
}


.Shell-WorkFlow-Content .nav > li > a:hover, .Shell-WorkFlow-Content .nav > li > a:focus, .Shell-Custom-Grid .move-menu > li:hover {
    background-color: #454545;
}

.Shell-WorkFlow-Content .nav-tabs > .active > a, .Shell-WorkFlow-Content .nav-tabs > .active > a:hover,
.Shell-WorkFlow-Content .nav-tabs > .active > a:focus {
    background-color: transparent;
    color: #9d9d9d !important;
    border-bottom: 2px solid #BABABA;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
}

.Shell-WorkFlow-Content .nav-tabs > li > a:hover, .Shell-WorkFlow-Content .nav-tabs > li > a:focus {
    border-bottom: 2px solid transparent;
    color: #9d9d9d !important;
}

.Shell-WorkFlow-Content .formControl-checkbox b {
    padding: 0 200px 10px 0;
    cursor: pointer;
}


.Shell-WorkFlow-Content input[type="text"] {
    background-color: transparent !important;
    border-bottom: 1px solid #454545;
    border-right: none;
    border-top: none;
    border-left: none;
    color: #f5f5f5;
    padding-left: 0;
    width: 283px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: var(--Theme-txt-color);
}




.Shell-WorkFlow-Content .alarm-time-picker-addon {
    padding: 14px 24px;
    position: absolute;
    height: 17px;
    background: #3b3b3b;
    border-color: #454545;
    border-right: 1px solid #454545;
    border-bottom: 1px solid #454545;
}

    .Shell-WorkFlow-Content .alarm-time-picker-addon:hover {
        background: #5a5a5a;
    }

.Shell-WorkFlow-Content .alarm-time-tab {
    display: inline-block;
    margin-right: 12px;
    font-size: 12px;
    color: #9d9d9d;
    cursor: pointer;
    border: 1px solid #707070;
    border-radius: 4px;
    padding: 0 7px;
}

    .Shell-WorkFlow-Content .alarm-time-tab:hover {
        background: #0889c4 !important;
        border: 1px solid #0889c4;
        color: #d3d3d3;
    }

.Shell-WorkFlow-Content .alarm-search-btn-selected {
    border: 1px solid #0889c4 !important;
}

.alarm-time-tab:hover, .selected-time-tab {
    color: #d3d3d3;
}

.Shell-WorkFlow-Contentr .icon-calendar1 {
    right: 9px;
    top: 9px;
}

.Shell-WorkFlow-Content .alarm-datetimepicker-div {
    clear: both;
    float: none;
    margin-top: 10px;
}

.Shell-WorkFlow-Content .alarm-search-addon > span {
    right: 24px;
    left: inherit;
    top: 9px;
}

.Shell-WorkFlow-Content .alarm-time-picker {
    position: absolute;
    font-size: 12px;
    padding-left: 0;
    margin-top: 0;
}

.Shell-WorkFlow-Content.selectedTr {
    background-color: #E6F3FC !important;
}






.Shell-WorkFlow-Content .category:not(:first-child) {
    margin: 20px 0
}

.Shell-WorkFlow-Content .category-header {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase
}

    .Shell-WorkFlow-Content .category-header::after {
        content: '';
        border-top: 1px solid #E6E6E6;
        width: 100%;
        margin-left: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

.Shell-WorkFlow-Content.item {
    line-height: 20px;
    cursor: pointer;
    padding: 7px 10px;
    position: relative;
    color: #7f7f7f;
    font-size: 14px
}

    .Shell-WorkFlow-Content .item.active {
        background-color: #7323dc;
        color: #fff
    }

        .Shell-WorkFlow-Content .item.active:after {
            content: '';
            display: inline-block;
            position: absolute;
            right: -50px;
            top: 30%;
            width: 15px;
            height: 15px;
            border-left: 1px solid #E6E6E6;
            border-bottom: 1px solid #E6E6E6;
            transform: rotate(45deg);
            background-color: #fff
        }

        .Shell-WorkFlow-Content .item.active .auto-suggest-string {
            color: #fff
        }

    .Shell-WorkFlow-Content .item .auto-suggest-string {
        color: #000;
        font-weight: 700
    }

.Shell-WorkFlow-Content .no-results-container {
    text-align: center;
    margin-top: 50px
}

    .Shell-WorkFlow-Content .no-results-container .no-results-header {
        font-size: 18px;
        font-weight: 500
    }

    .Shell-WorkFlow-Content .no-results-container .no-results-content {
        font-size: 14px;
        margin-top: 10px
    }

    .Shell-WorkFlow-Content .no-results-container .city-change-text {
        color: #7323dc;
        cursor: pointer
    }



.Shell-WorkFlow-Content .category:not(:first-child) {
    margin: 20px 0
}

.Shell-WorkFlow-Content .category-header {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 10px 0;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase
}

    .Shell-WorkFlow-Content .category-header::after {
        content: '';
        border-top: 1px solid #E6E6E6;
        width: 100%;
        margin-left: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

.Shell-WorkFlow-Content.item {
    line-height: 20px;
    cursor: pointer;
    padding: 7px 10px;
    position: relative;
    color: #7f7f7f;
    font-size: 14px
}

    .Shell-WorkFlow-Content.item.active {
        background-color: #7323dc;
        color: #fff
    }

        .Shell-WorkFlow-Content .item.active:after {
            content: '';
            display: inline-block;
            position: absolute;
            right: -50px;
            top: 30%;
            width: 15px;
            height: 15px;
            border-left: 1px solid #E6E6E6;
            border-bottom: 1px solid #E6E6E6;
            transform: rotate(45deg);
            background-color: #fff
        }

        .Shell-WorkFlow-Content .item.active .auto-suggest-string {
            color: #fff
        }

    .Shell-WorkFlow-Content .item .auto-suggest-string {
        color: #000;
        font-weight: 700
    }

.Shell-WorkFlow-Content .no-results-container {
    text-align: center;
    margin-top: 50px
}

    .Shell-WorkFlow-Content .no-results-container .no-results-header {
        font-size: 18px;
        font-weight: 500
    }

    .Shell-WorkFlow-Content .no-results-container .no-results-content {
        font-size: 14px;
        margin-top: 10px
    }

    .Shell-WorkFlow-Content .no-results-container .city-change-text {
        color: #7323dc;
        cursor: pointer
    }

::placeholder {
    color: var(--Theme-txt-color);
}

option {
    padding:3px 0px 3px 0px !important
}