/* Minification failed. Returning unminified contents.
(755,12): run-time error CSS1038: Expected hex color, found '#daca904'
 */
.img-app-icon-container.app-unselected .img-app-icon {
    opacity: .3;
}

.img-app-icon-container.app-unselected span {
    color: #4d4b56;
}

.application-name {
    color: #9492a0;
    font-size: 1.6em;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
}

.img-app-icon-container.app-selected .img-app-icon {
    opacity: 1;
}

.img-app-icon-container div {
    cursor: pointer;
}

.img-app-icon-container.app-selected span {
    color: #e0e1e1;
}

.img-app-icon-container {
    border-radius: 5px;
    display: inline-block;
    width: 70px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

.img-app-icon {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
    margin: auto;
    border-radius: 10px;
    height: 65px;
    width: 65px;
    background-color: #1a191f;
    overflow: hidden;
    display: block;
}

.img-app-icon.mini {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    margin-right: 20px;
}

.large-app-icon {
    width: 120px;
    margin-left: 0px;
    margin-right: 0px;
}

.img-app-icon span {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.light-text {
    color: #e0e1e1;
}

.skinny-text {
    font-weight: 300;
}

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

.gold-text {
    color: #daca94 !important;
}

.dark-text {
    color: #9492a0;
}

.small-icon {
    height: 25px;
    width: 25px;
}

.sub-text {
    font-size: 12px;
}

.dark-background {
    background-color: #1a191f;
}

.progressloader {
    z-index: 1;
    border: 5px solid #4d4b56;
    border-top: 5px solid #daca94;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    animation: spin 1s linear infinite;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.progressloader-small {
    z-index: 1;
    border: .1vw solid #4d4b56;
    border-top: .1vw solid #daca94;
    border-radius: 50%;
    width: 1vw;
    height: 1vw;
    animation: spin 1s linear infinite;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.flat-link, .flat-link:hover {
    color: inherit !important;
    background-color: inherit !important;
}

.boxshadow {
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.underline-bottom-light {
    border-bottom: 1px solid #e0e1e1;
}

.underline-bottom-dark {
    border-bottom: 1px solid #4d4b56;
}

.underline-bottom-gold {
    border-bottom: 1px solid #daca94;
}

.underline-top-dark {
    border-top: 1px solid #4d4b56;
}

.full-width-footer-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    color: #1a191f;
    background-color: #4d4b56;
    width: 100%;
    font-size: 1.5em;
    text-align: center;
}

.full-width-footer-btn.active {
    background-color: #daca94;
    color: #1a191f;
    cursor: pointer;
}

.full-width-footer-btn.error {
    background-color: #b40404;
    color: #232228;
}

.full-width-btn {
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-size: 1.5em;
    text-align: center;
    background-color: #daca94;
    color: #1a191f;
    cursor: pointer;
}

.img-button, .txt-button {
    cursor: pointer;
}

.img-circle {
    border-radius: 50%;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none !important;
}

.img-list-circle {
    border-radius: 50%;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    border: none !important; 
}

.user-profile-pic {        
    border-radius: 50%;
    height: 70px;
    width: 70px;    
    overflow: hidden;
    display: block;
}

.org-profile-pic {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    overflow: hidden;
    display: block;
}

.background-fill-img {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
    display: inline-block;    
}

.inline-container {
    display: inline-block;
}

.active-toggle {
    color: #232228;
    background-color: #daca94;
}

.inactive-toggle {
    color: #e0e1e1;
    background-color: #232228;
    border: 1px solid #1a191f;
}

 .toggle-switch-container {
     left: 0;
     right: 0;
     top: 25px;
     position: absolute;
 }

.toggle-switch {
    width: 90px;
    font-weight: 500;
    display: inline-block;
    padding: 3px 10px 3px 10px;
    font-size: .8em;
    cursor: pointer;
}

.toggle-switch-left {
    border-radius: 5px 0 0 5px;
}

.toggle-switch-right {
    border-radius: 0px 5px 5px 0px;
}

.modal-content {
    background-color: #2a292f;
}

.modal {
    color: #e0e1e1;
}

.btn-close {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 30px;
    cursor: pointer;
}

.btn-close-modal {
    position: absolute;
    top: 10px;
    font-size: 30px;
    cursor: pointer;
    line-height: 1vw;
    right: 10px
}

.inactive {
    opacity: .3;
    cursor: default;
}

.btn-dvs-default.video-toolbar-icon.authoring-button-active, .btn-dvs-default:hover.video-toolbar-icon.authoring-button-active {
    border: 1px solid #f22613;
    color: #f22613;
}

.btn-dvs-default.video-toolbar-icon {
    position: relative;
    display: inline-block;
    background: transparent;
    border: 1px solid #e0e1e1;
    color: #e0e1e1;
    font-weight: bold;
    margin-right: 5px;
}

.btn-dvs-default.active {
    color:#daca94;
    border-color: #daca94;
}

.btn-dvs-default.inactive {
    opacity: 3;
    cursor:default;
}

.btn-dvs-default.minified {
    width:3vw !important;
}

.video-browser-container .more-section .btn-dvs-default.video-toolbar-icon {
    vertical-align: middle;
}

.btn-dvs-default:hover.video-toolbar-icon {
    background: #232228;
    color: #e0e1e1;
}

    .dvs-split-btn {
        margin-right: 5px;
    }

.btn-group .btn-dvs-default.video-toolbar-icon.btn-default, .btn-dvs-default:hover.video-toolbar-icon.btn-default {
    margin-right: 0;
    margin-top: 0;
}

    .video-toolbar-icon img {
            width: 20px;
        }

.label-video-btn {
    margin-left: 10px;
}

.disabled-dropdown-item {
    opacity: .3;
}

.show-hide-left {
    position: absolute;
    top: 0;
    left: 0px;
    width: 10px;
    bottom: 0;
    background: #2a292f;
    cursor: pointer;
}

.modal-content {
    border: 1px solid #4d4b56;
}

.inactive-text {
    color: #9492a0;
}

.active-text {
    cursor: pointer;
    color: #daca94;
}

.filter-number {
    position: relative;
    padding-left: 10px;
    left: 10px;
    color: black;
}

body {
    transition: background-color .2s;
}

.sidenav {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: #1a191f;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.2s;
}

#header-bar.filmroom-header, #filmroom-body, #filmroom-footer, #search-icon, #refresh-icon {
    transition: margin-left 0.2s;
}

#mySidenav-backdrop {
    position: absolute;
    background-color: transparent;
    width: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
}

.txt-button a {
    font-size: 14px !important;
}

.sidenav a {
    text-decoration: none;
    color: #e0e1e1;
    display: block;
}

.sidenav .closebtn {
    position: absolute;
    top: 10px;
    left: 10px;    
    font-size: 36px;
    font-weight: 300;
}

#main {
    transition: margin-left .5s;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 14px;}
}

.sidenav-avatar {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    background-color: #e0e1e1;
    overflow: hidden;
    display: block;
}

.sidenav-avatar-container {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 5px;
    position: relative;
    height: 180px;
}

#swap-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}

.nav-view-container {
    padding: 10px;
    height: 100%;
    overflow-y: hidden;
}

#nav-switch-view-container {
    margin-top: 40px;
}

#nav-switch-view-container .img-circle, #nav-switch-view-container .img-list-circle {
    display: inline-block;
}

.org-name-label {
    margin-left: 10px;
}

.org-group-label-container {
    vertical-align: middle;
}

.nav-menu-items-container {
    padding: 10px 0;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    color: #e0e1e1;
    font-weight: 300;
    font-size: 14px;
    min-height: 35%;
}

.nav-menu-items-container span {
    margin-bottom: 15px;
    display: block;
}

.apps-divider {
    border-bottom: 1px solid #4d4b56;
    margin-left: 20px;
    margin-right: 20px;
}

.nav-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 210px;
    bottom: 45px;
    left: 10px;
    right: 10px;
    color: #e0e1e1;
    font-size: 14px !important;
}

.apps-title {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.menu-apps-container {
    margin-left: 20px;
    margin-right: 20px;    
}

.mobile-app-row {
    margin-bottom: 15px;
    position: relative;
    text-align: left;
}

.filmroom-vector {
    background-image: url("../../../Resources/filmroom-light-vector.png");
}

.logout-container-menu {
    bottom: 10px;
    position: absolute;
    left: 20px;
    right: 20px;
}

.current-org-mobile {
    position: relative;
    height: 95px;
    margin-bottom: 15px;
}

.org-options-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 150px;
    bottom: 5px;
    right: 0;
    left: 10px;
}
.sidebar-nav .navbar ul {
    display: block;
    float: none;
}

.sidebar-nav .navbar li.active {
    background-color: #232228;
    border-left: 6px solid #daca94;
    color: #daca94;
}

.sidebar-nav .content-nav-container li.active a { background-color: #1a191f !important; }

.sidebar-nav .navbar li {
    display: table;
    float: none;
    height: 30px;
    width: 100%;
    cursor: pointer;
}

.sidebar-nav .navbar li a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.sidebar-nav.user-list .navbar li a { height: 65px; }

.management-nav img {
    height: 25px;
    width: 25px;
}

.manage-item {
    border-left: 6px solid #1a191f;
    white-space: nowrap;
    overflow: hidden;
}

.manage-item a {
    padding: 5px;
}

.manage-item-title {
    margin-left: 12px;
    font-size: 14px;
    font-weight: bold;
}

.manage-move-item-title {
    margin-left: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #e0e1e1 !important;
}

a.manage-move-item-title:focus, a.manage-move-item-title:hover {
    margin-left: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #daca94 !important;
}

#nav-column {
    background-color: #1a191f;
    padding: 0;
    -webkit-transition: width .25s; /* Safari */
    transition: width .25s;
    width: 12%;
}

.nav-expander {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 15px;
    background: transparent;
}

.nav-expander:hover {
    background: #2a292f;
    cursor: pointer;
}

#nav-column .navbar-collapse {
    padding: 0;
}

#nav-column {
    padding: 0;
}

.navbar, .navbar.navbar-default {
    background-color: #1A191F;
    color: #555555;
}

.management-nav li a {
    font-size: 1.225em !important;    
}

.sidenav {
    padding-top: 0;
}

.sidebar-nav .navbar {
    padding-top: 0;
}

.management-nav li {
    color: #e0e1e1;
}

.manage-item a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.modal-open, body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
}

.threeSixty-modal-header {
    padding-top: 10px;
    margin-left: 0;
    margin-right: 0;
    background: #232228;
    color: #e0e1e1;
    height: 45px;
    font-weight: 300;
    text-align: left;
    padding-left: 30px;
}

.threeSixty-modal-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    bottom: 50px;
    text-align: left;
}

.threeSixty-modal input {
    color: #daca94;
}

.option-row {
    height: 60px;
    line-height: 60px;
    font-weight: 300;
    font-size: 17px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
}

.option-row.active, .option-row.active-by-group {
    background: #232228;
    color: #daca904;
    font-weight: normal;
    border-left: 5px solid #daca94;
}

    .option-row.active-by-group {
        opacity: .3;
    }

    .option-row img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 10px;
        margin-left: 10px;
    }

.option-gutter {
    margin-left: 10px;
}

.threeSixty-modal-body .col-xs-6 {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 !important;
}

.threeSixty-modal-body .col-xs-6:first-child {
    border-right: 1px solid #e0e1e1;
}

@media (min-width:320px) {
    .threeSixty-modal .modal-dialog, .threeSixty-modal .modal-content {
        height: 350px;
    }

    #content-share-modal .modal-dialog, #save-share-email-clip-modal .modal-dialog {
        margin-top: 10px;
    }

    #content-share-modal.threeSixty-modal .modal-dialog, #content-share-modal.threeSixty-modal .modal-content, #save-share-email-clip-modal.threeSixty-modal .modal-dialog, #save-share-email-clip-modal.threeSixty-modal .modal-content {
        height: 85%;
        padding-top: 0;
        padding-bottom: 0;
    }

    #content-share-modal .threeSixty-modal-body {
        overflow: auto;
    }

    #content-share-modal #text-area-text {
        background-color: #232228;
        padding-left: 5px;
    }

    .featurecontainer {
        line-height: 2.5em;
    }
}

@media (min-width:1025px) {
    .threeSixty-modal .modal-dialog, .threeSixty-modal .modal-content {
        height: 500px;
        font-size: 14px;
    }

    #content-share-modal.threeSixty-modal .modal-dialog, #content-share-modal.threeSixty-modal .modal-content, #save-share-email-clip-modal.threeSixty-modal .modal-dialog, #save-share-email-clip-modal.threeSixty-modal .modal-content {
        min-height: 500px;
    }

    #content-share-modal .threeSixty-modal-body {
        overflow: hidden;
    }

    #content-share-modal.threeSixty-modal .modal-dialog, #save-share-email-clip-modal.threeSixty-modal .modal-dialog {
        margin-top: 60px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.radial-progress {
    margin: auto 3px;
    width: 40px;
    height: 40px;
    background-color: #9492a0;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.percentage {
    color: #daca94 !important;
    font-size: 11px !important;
    width: 30px !important;
    left: 0 !important;
    text-align: center !important;
}

.percentage:hover .percentage-value {
    display: none;
}

.radial-progress .inset .percentage:hover {
    top: 3px;
    height: 20px;
}

.cancel-download {
    display: none;
    cursor: pointer;
    color: #9492a0;
    font-size: 24px;
}

.percentage:hover .cancel-download {
    display: inline;
    top: 50%;
    transform: translate(0,-50%);
    position: absolute;
    left: 0;
    right: 0;
}

    .radial-progress .circle .mask,
    .radial-progress .circle .fill,
    .radial-progress .circle .shadow {
        width: 40px;
        height: 40px;
        position: absolute;
        border-radius: 50%;
    }

    .radial-progress .circle .shadow {
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
    }

    .radial-progress .circle .mask,
    .radial-progress .circle .fill {
        -webkit-backface-visibility: hidden;
        transition: -webkit-transform 1s;
        transition: -ms-transform 1s;
        transition: transform 1s;
        border-radius: 50%;
    }

    .radial-progress .circle .mask {
        clip: rect(0px, 40px, 40px, 20px);
    }

        .radial-progress .circle .mask .fill {
            clip: rect(0px, 20px, 40px, 0px);
            background-color: #daca94;
        }

    .radial-progress .inset {
        width: 30px;
        height: 30px;
        position: absolute;
        margin-left: 5px;
        margin-top: 5px;
        background-color: #232228;
        border-radius: 50%;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    }

        .radial-progress .inset .percentage {
            height: 12px;
            width: 12px;
            overflow: hidden;
            position: absolute;
            top: 9px;
            left: 9px;
            line-height: 1;
        }

            .radial-progress .inset .percentage .numbers {
                margin-top: -16px;
                transition: width 1s;
            }

                .radial-progress .inset .percentage .numbers span {
                    width: 12px;
                    display: inline-block;
                    vertical-align: top;
                    text-align: center;
                    font-weight: 800;
                    font-size: 12px;
                    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
                    color: #daca94;
                }

    .radial-progress[data-progress="0"] .circle .mask.full,
    .radial-progress[data-progress="0"] .circle .fill {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

        .radial-progress[data-progress="0"] .circle .fill.fix {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

    .radial-progress[data-progress="0"] .inset .percentage .numbers {
        width: 12px;
    }

    .radial-progress[data-progress="1"] .circle .mask.full,
    .radial-progress[data-progress="1"] .circle .fill {
        -webkit-transform: rotate(1.8deg);
        -ms-transform: rotate(1.8deg);
        transform: rotate(1.8deg);
    }

        .radial-progress[data-progress="1"] .circle .fill.fix {
            -webkit-transform: rotate(3.6deg);
            -ms-transform: rotate(3.6deg);
            transform: rotate(3.6deg);
        }

    .radial-progress[data-progress="1"] .inset .percentage .numbers {
        width: 24px;
    }

    .radial-progress[data-progress="2"] .circle .mask.full,
    .radial-progress[data-progress="2"] .circle .fill {
        -webkit-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        transform: rotate(3.6deg);
    }

        .radial-progress[data-progress="2"] .circle .fill.fix {
            -webkit-transform: rotate(7.2deg);
            -ms-transform: rotate(7.2deg);
            transform: rotate(7.2deg);
        }

    .radial-progress[data-progress="2"] .inset .percentage .numbers {
        width: 36px;
    }

    .radial-progress[data-progress="3"] .circle .mask.full,
    .radial-progress[data-progress="3"] .circle .fill {
        -webkit-transform: rotate(5.4deg);
        -ms-transform: rotate(5.4deg);
        transform: rotate(5.4deg);
    }

        .radial-progress[data-progress="3"] .circle .fill.fix {
            -webkit-transform: rotate(10.8deg);
            -ms-transform: rotate(10.8deg);
            transform: rotate(10.8deg);
        }

    .radial-progress[data-progress="3"] .inset .percentage .numbers {
        width: 48px;
    }

    .radial-progress[data-progress="4"] .circle .mask.full,
    .radial-progress[data-progress="4"] .circle .fill {
        -webkit-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        transform: rotate(7.2deg);
    }

        .radial-progress[data-progress="4"] .circle .fill.fix {
            -webkit-transform: rotate(14.4deg);
            -ms-transform: rotate(14.4deg);
            transform: rotate(14.4deg);
        }

    .radial-progress[data-progress="4"] .inset .percentage .numbers {
        width: 60px;
    }

    .radial-progress[data-progress="5"] .circle .mask.full,
    .radial-progress[data-progress="5"] .circle .fill {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
    }

        .radial-progress[data-progress="5"] .circle .fill.fix {
            -webkit-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            transform: rotate(18deg);
        }

    .radial-progress[data-progress="5"] .inset .percentage .numbers {
        width: 72px;
    }

    .radial-progress[data-progress="6"] .circle .mask.full,
    .radial-progress[data-progress="6"] .circle .fill {
        -webkit-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        transform: rotate(10.8deg);
    }

        .radial-progress[data-progress="6"] .circle .fill.fix {
            -webkit-transform: rotate(21.6deg);
            -ms-transform: rotate(21.6deg);
            transform: rotate(21.6deg);
        }

    .radial-progress[data-progress="6"] .inset .percentage .numbers {
        width: 84px;
    }

    .radial-progress[data-progress="7"] .circle .mask.full,
    .radial-progress[data-progress="7"] .circle .fill {
        -webkit-transform: rotate(12.6deg);
        -ms-transform: rotate(12.6deg);
        transform: rotate(12.6deg);
    }

        .radial-progress[data-progress="7"] .circle .fill.fix {
            -webkit-transform: rotate(25.2deg);
            -ms-transform: rotate(25.2deg);
            transform: rotate(25.2deg);
        }

    .radial-progress[data-progress="7"] .inset .percentage .numbers {
        width: 96px;
    }

    .radial-progress[data-progress="8"] .circle .mask.full,
    .radial-progress[data-progress="8"] .circle .fill {
        -webkit-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        transform: rotate(14.4deg);
    }

        .radial-progress[data-progress="8"] .circle .fill.fix {
            -webkit-transform: rotate(28.8deg);
            -ms-transform: rotate(28.8deg);
            transform: rotate(28.8deg);
        }

    .radial-progress[data-progress="8"] .inset .percentage .numbers {
        width: 108px;
    }

    .radial-progress[data-progress="9"] .circle .mask.full,
    .radial-progress[data-progress="9"] .circle .fill {
        -webkit-transform: rotate(16.2deg);
        -ms-transform: rotate(16.2deg);
        transform: rotate(16.2deg);
    }

        .radial-progress[data-progress="9"] .circle .fill.fix {
            -webkit-transform: rotate(32.4deg);
            -ms-transform: rotate(32.4deg);
            transform: rotate(32.4deg);
        }

    .radial-progress[data-progress="9"] .inset .percentage .numbers {
        width: 120px;
    }

    .radial-progress[data-progress="10"] .circle .mask.full,
    .radial-progress[data-progress="10"] .circle .fill {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

        .radial-progress[data-progress="10"] .circle .fill.fix {
            -webkit-transform: rotate(36deg);
            -ms-transform: rotate(36deg);
            transform: rotate(36deg);
        }

    .radial-progress[data-progress="10"] .inset .percentage .numbers {
        width: 132px;
    }

    .radial-progress[data-progress="11"] .circle .mask.full,
    .radial-progress[data-progress="11"] .circle .fill {
        -webkit-transform: rotate(19.8deg);
        -ms-transform: rotate(19.8deg);
        transform: rotate(19.8deg);
    }

        .radial-progress[data-progress="11"] .circle .fill.fix {
            -webkit-transform: rotate(39.6deg);
            -ms-transform: rotate(39.6deg);
            transform: rotate(39.6deg);
        }

    .radial-progress[data-progress="11"] .inset .percentage .numbers {
        width: 144px;
    }

    .radial-progress[data-progress="12"] .circle .mask.full,
    .radial-progress[data-progress="12"] .circle .fill {
        -webkit-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        transform: rotate(21.6deg);
    }

        .radial-progress[data-progress="12"] .circle .fill.fix {
            -webkit-transform: rotate(43.2deg);
            -ms-transform: rotate(43.2deg);
            transform: rotate(43.2deg);
        }

    .radial-progress[data-progress="12"] .inset .percentage .numbers {
        width: 156px;
    }

    .radial-progress[data-progress="13"] .circle .mask.full,
    .radial-progress[data-progress="13"] .circle .fill {
        -webkit-transform: rotate(23.4deg);
        -ms-transform: rotate(23.4deg);
        transform: rotate(23.4deg);
    }

        .radial-progress[data-progress="13"] .circle .fill.fix {
            -webkit-transform: rotate(46.8deg);
            -ms-transform: rotate(46.8deg);
            transform: rotate(46.8deg);
        }

    .radial-progress[data-progress="13"] .inset .percentage .numbers {
        width: 168px;
    }

    .radial-progress[data-progress="14"] .circle .mask.full,
    .radial-progress[data-progress="14"] .circle .fill {
        -webkit-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        transform: rotate(25.2deg);
    }

        .radial-progress[data-progress="14"] .circle .fill.fix {
            -webkit-transform: rotate(50.4deg);
            -ms-transform: rotate(50.4deg);
            transform: rotate(50.4deg);
        }

    .radial-progress[data-progress="14"] .inset .percentage .numbers {
        width: 180px;
    }

    .radial-progress[data-progress="15"] .circle .mask.full,
    .radial-progress[data-progress="15"] .circle .fill {
        -webkit-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
        transform: rotate(27deg);
    }

        .radial-progress[data-progress="15"] .circle .fill.fix {
            -webkit-transform: rotate(54deg);
            -ms-transform: rotate(54deg);
            transform: rotate(54deg);
        }

    .radial-progress[data-progress="15"] .inset .percentage .numbers {
        width: 192px;
    }

    .radial-progress[data-progress="16"] .circle .mask.full,
    .radial-progress[data-progress="16"] .circle .fill {
        -webkit-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        transform: rotate(28.8deg);
    }

        .radial-progress[data-progress="16"] .circle .fill.fix {
            -webkit-transform: rotate(57.6deg);
            -ms-transform: rotate(57.6deg);
            transform: rotate(57.6deg);
        }

    .radial-progress[data-progress="16"] .inset .percentage .numbers {
        width: 204px;
    }

    .radial-progress[data-progress="17"] .circle .mask.full,
    .radial-progress[data-progress="17"] .circle .fill {
        -webkit-transform: rotate(30.6deg);
        -ms-transform: rotate(30.6deg);
        transform: rotate(30.6deg);
    }

        .radial-progress[data-progress="17"] .circle .fill.fix {
            -webkit-transform: rotate(61.2deg);
            -ms-transform: rotate(61.2deg);
            transform: rotate(61.2deg);
        }

    .radial-progress[data-progress="17"] .inset .percentage .numbers {
        width: 216px;
    }

    .radial-progress[data-progress="18"] .circle .mask.full,
    .radial-progress[data-progress="18"] .circle .fill {
        -webkit-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        transform: rotate(32.4deg);
    }

        .radial-progress[data-progress="18"] .circle .fill.fix {
            -webkit-transform: rotate(64.8deg);
            -ms-transform: rotate(64.8deg);
            transform: rotate(64.8deg);
        }

    .radial-progress[data-progress="18"] .inset .percentage .numbers {
        width: 228px;
    }

    .radial-progress[data-progress="19"] .circle .mask.full,
    .radial-progress[data-progress="19"] .circle .fill {
        -webkit-transform: rotate(34.2deg);
        -ms-transform: rotate(34.2deg);
        transform: rotate(34.2deg);
    }

        .radial-progress[data-progress="19"] .circle .fill.fix {
            -webkit-transform: rotate(68.4deg);
            -ms-transform: rotate(68.4deg);
            transform: rotate(68.4deg);
        }

    .radial-progress[data-progress="19"] .inset .percentage .numbers {
        width: 240px;
    }

    .radial-progress[data-progress="20"] .circle .mask.full,
    .radial-progress[data-progress="20"] .circle .fill {
        -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg);
    }

        .radial-progress[data-progress="20"] .circle .fill.fix {
            -webkit-transform: rotate(72deg);
            -ms-transform: rotate(72deg);
            transform: rotate(72deg);
        }

    .radial-progress[data-progress="20"] .inset .percentage .numbers {
        width: 252px;
    }

    .radial-progress[data-progress="21"] .circle .mask.full,
    .radial-progress[data-progress="21"] .circle .fill {
        -webkit-transform: rotate(37.8deg);
        -ms-transform: rotate(37.8deg);
        transform: rotate(37.8deg);
    }

        .radial-progress[data-progress="21"] .circle .fill.fix {
            -webkit-transform: rotate(75.6deg);
            -ms-transform: rotate(75.6deg);
            transform: rotate(75.6deg);
        }

    .radial-progress[data-progress="21"] .inset .percentage .numbers {
        width: 264px;
    }

    .radial-progress[data-progress="22"] .circle .mask.full,
    .radial-progress[data-progress="22"] .circle .fill {
        -webkit-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        transform: rotate(39.6deg);
    }

        .radial-progress[data-progress="22"] .circle .fill.fix {
            -webkit-transform: rotate(79.2deg);
            -ms-transform: rotate(79.2deg);
            transform: rotate(79.2deg);
        }

    .radial-progress[data-progress="22"] .inset .percentage .numbers {
        width: 276px;
    }

    .radial-progress[data-progress="23"] .circle .mask.full,
    .radial-progress[data-progress="23"] .circle .fill {
        -webkit-transform: rotate(41.4deg);
        -ms-transform: rotate(41.4deg);
        transform: rotate(41.4deg);
    }

        .radial-progress[data-progress="23"] .circle .fill.fix {
            -webkit-transform: rotate(82.8deg);
            -ms-transform: rotate(82.8deg);
            transform: rotate(82.8deg);
        }

    .radial-progress[data-progress="23"] .inset .percentage .numbers {
        width: 288px;
    }

    .radial-progress[data-progress="24"] .circle .mask.full,
    .radial-progress[data-progress="24"] .circle .fill {
        -webkit-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
    }

        .radial-progress[data-progress="24"] .circle .fill.fix {
            -webkit-transform: rotate(86.4deg);
            -ms-transform: rotate(86.4deg);
            transform: rotate(86.4deg);
        }

    .radial-progress[data-progress="24"] .inset .percentage .numbers {
        width: 300px;
    }

    .radial-progress[data-progress="25"] .circle .mask.full,
    .radial-progress[data-progress="25"] .circle .fill {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .radial-progress[data-progress="25"] .circle .fill.fix {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .radial-progress[data-progress="25"] .inset .percentage .numbers {
        width: 312px;
    }

    .radial-progress[data-progress="26"] .circle .mask.full,
    .radial-progress[data-progress="26"] .circle .fill {
        -webkit-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        transform: rotate(46.8deg);
    }

        .radial-progress[data-progress="26"] .circle .fill.fix {
            -webkit-transform: rotate(93.6deg);
            -ms-transform: rotate(93.6deg);
            transform: rotate(93.6deg);
        }

    .radial-progress[data-progress="26"] .inset .percentage .numbers {
        width: 324px;
    }

    .radial-progress[data-progress="27"] .circle .mask.full,
    .radial-progress[data-progress="27"] .circle .fill {
        -webkit-transform: rotate(48.6deg);
        -ms-transform: rotate(48.6deg);
        transform: rotate(48.6deg);
    }

        .radial-progress[data-progress="27"] .circle .fill.fix {
            -webkit-transform: rotate(97.2deg);
            -ms-transform: rotate(97.2deg);
            transform: rotate(97.2deg);
        }

    .radial-progress[data-progress="27"] .inset .percentage .numbers {
        width: 336px;
    }

    .radial-progress[data-progress="28"] .circle .mask.full,
    .radial-progress[data-progress="28"] .circle .fill {
        -webkit-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        transform: rotate(50.4deg);
    }

        .radial-progress[data-progress="28"] .circle .fill.fix {
            -webkit-transform: rotate(100.8deg);
            -ms-transform: rotate(100.8deg);
            transform: rotate(100.8deg);
        }

    .radial-progress[data-progress="28"] .inset .percentage .numbers {
        width: 348px;
    }

    .radial-progress[data-progress="29"] .circle .mask.full,
    .radial-progress[data-progress="29"] .circle .fill {
        -webkit-transform: rotate(52.2deg);
        -ms-transform: rotate(52.2deg);
        transform: rotate(52.2deg);
    }

        .radial-progress[data-progress="29"] .circle .fill.fix {
            -webkit-transform: rotate(104.4deg);
            -ms-transform: rotate(104.4deg);
            transform: rotate(104.4deg);
        }

    .radial-progress[data-progress="29"] .inset .percentage .numbers {
        width: 360px;
    }

    .radial-progress[data-progress="30"] .circle .mask.full,
    .radial-progress[data-progress="30"] .circle .fill {
        -webkit-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        transform: rotate(54deg);
    }

        .radial-progress[data-progress="30"] .circle .fill.fix {
            -webkit-transform: rotate(108deg);
            -ms-transform: rotate(108deg);
            transform: rotate(108deg);
        }

    .radial-progress[data-progress="30"] .inset .percentage .numbers {
        width: 372px;
    }

    .radial-progress[data-progress="31"] .circle .mask.full,
    .radial-progress[data-progress="31"] .circle .fill {
        -webkit-transform: rotate(55.8deg);
        -ms-transform: rotate(55.8deg);
        transform: rotate(55.8deg);
    }

        .radial-progress[data-progress="31"] .circle .fill.fix {
            -webkit-transform: rotate(111.6deg);
            -ms-transform: rotate(111.6deg);
            transform: rotate(111.6deg);
        }

    .radial-progress[data-progress="31"] .inset .percentage .numbers {
        width: 384px;
    }

    .radial-progress[data-progress="32"] .circle .mask.full,
    .radial-progress[data-progress="32"] .circle .fill {
        -webkit-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        transform: rotate(57.6deg);
    }

        .radial-progress[data-progress="32"] .circle .fill.fix {
            -webkit-transform: rotate(115.2deg);
            -ms-transform: rotate(115.2deg);
            transform: rotate(115.2deg);
        }

    .radial-progress[data-progress="32"] .inset .percentage .numbers {
        width: 396px;
    }

    .radial-progress[data-progress="33"] .circle .mask.full,
    .radial-progress[data-progress="33"] .circle .fill {
        -webkit-transform: rotate(59.4deg);
        -ms-transform: rotate(59.4deg);
        transform: rotate(59.4deg);
    }

        .radial-progress[data-progress="33"] .circle .fill.fix {
            -webkit-transform: rotate(118.8deg);
            -ms-transform: rotate(118.8deg);
            transform: rotate(118.8deg);
        }

    .radial-progress[data-progress="33"] .inset .percentage .numbers {
        width: 408px;
    }

    .radial-progress[data-progress="34"] .circle .mask.full,
    .radial-progress[data-progress="34"] .circle .fill {
        -webkit-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        transform: rotate(61.2deg);
    }

        .radial-progress[data-progress="34"] .circle .fill.fix {
            -webkit-transform: rotate(122.4deg);
            -ms-transform: rotate(122.4deg);
            transform: rotate(122.4deg);
        }

    .radial-progress[data-progress="34"] .inset .percentage .numbers {
        width: 420px;
    }

    .radial-progress[data-progress="35"] .circle .mask.full,
    .radial-progress[data-progress="35"] .circle .fill {
        -webkit-transform: rotate(63deg);
        -ms-transform: rotate(63deg);
        transform: rotate(63deg);
    }

        .radial-progress[data-progress="35"] .circle .fill.fix {
            -webkit-transform: rotate(126deg);
            -ms-transform: rotate(126deg);
            transform: rotate(126deg);
        }

    .radial-progress[data-progress="35"] .inset .percentage .numbers {
        width: 432px;
    }

    .radial-progress[data-progress="36"] .circle .mask.full,
    .radial-progress[data-progress="36"] .circle .fill {
        -webkit-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        transform: rotate(64.8deg);
    }

        .radial-progress[data-progress="36"] .circle .fill.fix {
            -webkit-transform: rotate(129.6deg);
            -ms-transform: rotate(129.6deg);
            transform: rotate(129.6deg);
        }

    .radial-progress[data-progress="36"] .inset .percentage .numbers {
        width: 444px;
    }

    .radial-progress[data-progress="37"] .circle .mask.full,
    .radial-progress[data-progress="37"] .circle .fill {
        -webkit-transform: rotate(66.6deg);
        -ms-transform: rotate(66.6deg);
        transform: rotate(66.6deg);
    }

        .radial-progress[data-progress="37"] .circle .fill.fix {
            -webkit-transform: rotate(133.2deg);
            -ms-transform: rotate(133.2deg);
            transform: rotate(133.2deg);
        }

    .radial-progress[data-progress="37"] .inset .percentage .numbers {
        width: 456px;
    }

    .radial-progress[data-progress="38"] .circle .mask.full,
    .radial-progress[data-progress="38"] .circle .fill {
        -webkit-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        transform: rotate(68.4deg);
    }

        .radial-progress[data-progress="38"] .circle .fill.fix {
            -webkit-transform: rotate(136.8deg);
            -ms-transform: rotate(136.8deg);
            transform: rotate(136.8deg);
        }

    .radial-progress[data-progress="38"] .inset .percentage .numbers {
        width: 468px;
    }

    .radial-progress[data-progress="39"] .circle .mask.full,
    .radial-progress[data-progress="39"] .circle .fill {
        -webkit-transform: rotate(70.2deg);
        -ms-transform: rotate(70.2deg);
        transform: rotate(70.2deg);
    }

        .radial-progress[data-progress="39"] .circle .fill.fix {
            -webkit-transform: rotate(140.4deg);
            -ms-transform: rotate(140.4deg);
            transform: rotate(140.4deg);
        }

    .radial-progress[data-progress="39"] .inset .percentage .numbers {
        width: 480px;
    }

    .radial-progress[data-progress="40"] .circle .mask.full,
    .radial-progress[data-progress="40"] .circle .fill {
        -webkit-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        transform: rotate(72deg);
    }

        .radial-progress[data-progress="40"] .circle .fill.fix {
            -webkit-transform: rotate(144deg);
            -ms-transform: rotate(144deg);
            transform: rotate(144deg);
        }

    .radial-progress[data-progress="40"] .inset .percentage .numbers {
        width: 492px;
    }

    .radial-progress[data-progress="41"] .circle .mask.full,
    .radial-progress[data-progress="41"] .circle .fill {
        -webkit-transform: rotate(73.8deg);
        -ms-transform: rotate(73.8deg);
        transform: rotate(73.8deg);
    }

        .radial-progress[data-progress="41"] .circle .fill.fix {
            -webkit-transform: rotate(147.6deg);
            -ms-transform: rotate(147.6deg);
            transform: rotate(147.6deg);
        }

    .radial-progress[data-progress="41"] .inset .percentage .numbers {
        width: 504px;
    }

    .radial-progress[data-progress="42"] .circle .mask.full,
    .radial-progress[data-progress="42"] .circle .fill {
        -webkit-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        transform: rotate(75.6deg);
    }

        .radial-progress[data-progress="42"] .circle .fill.fix {
            -webkit-transform: rotate(151.2deg);
            -ms-transform: rotate(151.2deg);
            transform: rotate(151.2deg);
        }

    .radial-progress[data-progress="42"] .inset .percentage .numbers {
        width: 516px;
    }

    .radial-progress[data-progress="43"] .circle .mask.full,
    .radial-progress[data-progress="43"] .circle .fill {
        -webkit-transform: rotate(77.4deg);
        -ms-transform: rotate(77.4deg);
        transform: rotate(77.4deg);
    }

        .radial-progress[data-progress="43"] .circle .fill.fix {
            -webkit-transform: rotate(154.8deg);
            -ms-transform: rotate(154.8deg);
            transform: rotate(154.8deg);
        }

    .radial-progress[data-progress="43"] .inset .percentage .numbers {
        width: 528px;
    }

    .radial-progress[data-progress="44"] .circle .mask.full,
    .radial-progress[data-progress="44"] .circle .fill {
        -webkit-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        transform: rotate(79.2deg);
    }

        .radial-progress[data-progress="44"] .circle .fill.fix {
            -webkit-transform: rotate(158.4deg);
            -ms-transform: rotate(158.4deg);
            transform: rotate(158.4deg);
        }

    .radial-progress[data-progress="44"] .inset .percentage .numbers {
        width: 540px;
    }

    .radial-progress[data-progress="45"] .circle .mask.full,
    .radial-progress[data-progress="45"] .circle .fill {
        -webkit-transform: rotate(81deg);
        -ms-transform: rotate(81deg);
        transform: rotate(81deg);
    }

        .radial-progress[data-progress="45"] .circle .fill.fix {
            -webkit-transform: rotate(162deg);
            -ms-transform: rotate(162deg);
            transform: rotate(162deg);
        }

    .radial-progress[data-progress="45"] .inset .percentage .numbers {
        width: 552px;
    }

    .radial-progress[data-progress="46"] .circle .mask.full,
    .radial-progress[data-progress="46"] .circle .fill {
        -webkit-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        transform: rotate(82.8deg);
    }

        .radial-progress[data-progress="46"] .circle .fill.fix {
            -webkit-transform: rotate(165.6deg);
            -ms-transform: rotate(165.6deg);
            transform: rotate(165.6deg);
        }

    .radial-progress[data-progress="46"] .inset .percentage .numbers {
        width: 564px;
    }

    .radial-progress[data-progress="47"] .circle .mask.full,
    .radial-progress[data-progress="47"] .circle .fill {
        -webkit-transform: rotate(84.6deg);
        -ms-transform: rotate(84.6deg);
        transform: rotate(84.6deg);
    }

        .radial-progress[data-progress="47"] .circle .fill.fix {
            -webkit-transform: rotate(169.2deg);
            -ms-transform: rotate(169.2deg);
            transform: rotate(169.2deg);
        }

    .radial-progress[data-progress="47"] .inset .percentage .numbers {
        width: 576px;
    }

    .radial-progress[data-progress="48"] .circle .mask.full,
    .radial-progress[data-progress="48"] .circle .fill {
        -webkit-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        transform: rotate(86.4deg);
    }

        .radial-progress[data-progress="48"] .circle .fill.fix {
            -webkit-transform: rotate(172.8deg);
            -ms-transform: rotate(172.8deg);
            transform: rotate(172.8deg);
        }

    .radial-progress[data-progress="48"] .inset .percentage .numbers {
        width: 588px;
    }

    .radial-progress[data-progress="49"] .circle .mask.full,
    .radial-progress[data-progress="49"] .circle .fill {
        -webkit-transform: rotate(88.2deg);
        -ms-transform: rotate(88.2deg);
        transform: rotate(88.2deg);
    }

        .radial-progress[data-progress="49"] .circle .fill.fix {
            -webkit-transform: rotate(176.4deg);
            -ms-transform: rotate(176.4deg);
            transform: rotate(176.4deg);
        }

    .radial-progress[data-progress="49"] .inset .percentage .numbers {
        width: 600px;
    }

    .radial-progress[data-progress="50"] .circle .mask.full,
    .radial-progress[data-progress="50"] .circle .fill {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .radial-progress[data-progress="50"] .circle .fill.fix {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .radial-progress[data-progress="50"] .inset .percentage .numbers {
        width: 612px;
    }

    .radial-progress[data-progress="51"] .circle .mask.full,
    .radial-progress[data-progress="51"] .circle .fill {
        -webkit-transform: rotate(91.8deg);
        -ms-transform: rotate(91.8deg);
        transform: rotate(91.8deg);
    }

        .radial-progress[data-progress="51"] .circle .fill.fix {
            -webkit-transform: rotate(183.6deg);
            -ms-transform: rotate(183.6deg);
            transform: rotate(183.6deg);
        }

    .radial-progress[data-progress="51"] .inset .percentage .numbers {
        width: 624px;
    }

    .radial-progress[data-progress="52"] .circle .mask.full,
    .radial-progress[data-progress="52"] .circle .fill {
        -webkit-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        transform: rotate(93.6deg);
    }

        .radial-progress[data-progress="52"] .circle .fill.fix {
            -webkit-transform: rotate(187.2deg);
            -ms-transform: rotate(187.2deg);
            transform: rotate(187.2deg);
        }

    .radial-progress[data-progress="52"] .inset .percentage .numbers {
        width: 636px;
    }

    .radial-progress[data-progress="53"] .circle .mask.full,
    .radial-progress[data-progress="53"] .circle .fill {
        -webkit-transform: rotate(95.4deg);
        -ms-transform: rotate(95.4deg);
        transform: rotate(95.4deg);
    }

        .radial-progress[data-progress="53"] .circle .fill.fix {
            -webkit-transform: rotate(190.8deg);
            -ms-transform: rotate(190.8deg);
            transform: rotate(190.8deg);
        }

    .radial-progress[data-progress="53"] .inset .percentage .numbers {
        width: 648px;
    }

    .radial-progress[data-progress="54"] .circle .mask.full,
    .radial-progress[data-progress="54"] .circle .fill {
        -webkit-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        transform: rotate(97.2deg);
    }

        .radial-progress[data-progress="54"] .circle .fill.fix {
            -webkit-transform: rotate(194.4deg);
            -ms-transform: rotate(194.4deg);
            transform: rotate(194.4deg);
        }

    .radial-progress[data-progress="54"] .inset .percentage .numbers {
        width: 660px;
    }

    .radial-progress[data-progress="55"] .circle .mask.full,
    .radial-progress[data-progress="55"] .circle .fill {
        -webkit-transform: rotate(99deg);
        -ms-transform: rotate(99deg);
        transform: rotate(99deg);
    }

        .radial-progress[data-progress="55"] .circle .fill.fix {
            -webkit-transform: rotate(198deg);
            -ms-transform: rotate(198deg);
            transform: rotate(198deg);
        }

    .radial-progress[data-progress="55"] .inset .percentage .numbers {
        width: 672px;
    }

    .radial-progress[data-progress="56"] .circle .mask.full,
    .radial-progress[data-progress="56"] .circle .fill {
        -webkit-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        transform: rotate(100.8deg);
    }

        .radial-progress[data-progress="56"] .circle .fill.fix {
            -webkit-transform: rotate(201.6deg);
            -ms-transform: rotate(201.6deg);
            transform: rotate(201.6deg);
        }

    .radial-progress[data-progress="56"] .inset .percentage .numbers {
        width: 684px;
    }

    .radial-progress[data-progress="57"] .circle .mask.full,
    .radial-progress[data-progress="57"] .circle .fill {
        -webkit-transform: rotate(102.6deg);
        -ms-transform: rotate(102.6deg);
        transform: rotate(102.6deg);
    }

        .radial-progress[data-progress="57"] .circle .fill.fix {
            -webkit-transform: rotate(205.2deg);
            -ms-transform: rotate(205.2deg);
            transform: rotate(205.2deg);
        }

    .radial-progress[data-progress="57"] .inset .percentage .numbers {
        width: 696px;
    }

    .radial-progress[data-progress="58"] .circle .mask.full,
    .radial-progress[data-progress="58"] .circle .fill {
        -webkit-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        transform: rotate(104.4deg);
    }

        .radial-progress[data-progress="58"] .circle .fill.fix {
            -webkit-transform: rotate(208.8deg);
            -ms-transform: rotate(208.8deg);
            transform: rotate(208.8deg);
        }

    .radial-progress[data-progress="58"] .inset .percentage .numbers {
        width: 708px;
    }

    .radial-progress[data-progress="59"] .circle .mask.full,
    .radial-progress[data-progress="59"] .circle .fill {
        -webkit-transform: rotate(106.2deg);
        -ms-transform: rotate(106.2deg);
        transform: rotate(106.2deg);
    }

        .radial-progress[data-progress="59"] .circle .fill.fix {
            -webkit-transform: rotate(212.4deg);
            -ms-transform: rotate(212.4deg);
            transform: rotate(212.4deg);
        }

    .radial-progress[data-progress="59"] .inset .percentage .numbers {
        width: 720px;
    }

    .radial-progress[data-progress="60"] .circle .mask.full,
    .radial-progress[data-progress="60"] .circle .fill {
        -webkit-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        transform: rotate(108deg);
    }

        .radial-progress[data-progress="60"] .circle .fill.fix {
            -webkit-transform: rotate(216deg);
            -ms-transform: rotate(216deg);
            transform: rotate(216deg);
        }

    .radial-progress[data-progress="60"] .inset .percentage .numbers {
        width: 732px;
    }

    .radial-progress[data-progress="61"] .circle .mask.full,
    .radial-progress[data-progress="61"] .circle .fill {
        -webkit-transform: rotate(109.8deg);
        -ms-transform: rotate(109.8deg);
        transform: rotate(109.8deg);
    }

        .radial-progress[data-progress="61"] .circle .fill.fix {
            -webkit-transform: rotate(219.6deg);
            -ms-transform: rotate(219.6deg);
            transform: rotate(219.6deg);
        }

    .radial-progress[data-progress="61"] .inset .percentage .numbers {
        width: 744px;
    }

    .radial-progress[data-progress="62"] .circle .mask.full,
    .radial-progress[data-progress="62"] .circle .fill {
        -webkit-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        transform: rotate(111.6deg);
    }

        .radial-progress[data-progress="62"] .circle .fill.fix {
            -webkit-transform: rotate(223.2deg);
            -ms-transform: rotate(223.2deg);
            transform: rotate(223.2deg);
        }

    .radial-progress[data-progress="62"] .inset .percentage .numbers {
        width: 756px;
    }

    .radial-progress[data-progress="63"] .circle .mask.full,
    .radial-progress[data-progress="63"] .circle .fill {
        -webkit-transform: rotate(113.4deg);
        -ms-transform: rotate(113.4deg);
        transform: rotate(113.4deg);
    }

        .radial-progress[data-progress="63"] .circle .fill.fix {
            -webkit-transform: rotate(226.8deg);
            -ms-transform: rotate(226.8deg);
            transform: rotate(226.8deg);
        }

    .radial-progress[data-progress="63"] .inset .percentage .numbers {
        width: 768px;
    }

    .radial-progress[data-progress="64"] .circle .mask.full,
    .radial-progress[data-progress="64"] .circle .fill {
        -webkit-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        transform: rotate(115.2deg);
    }

        .radial-progress[data-progress="64"] .circle .fill.fix {
            -webkit-transform: rotate(230.4deg);
            -ms-transform: rotate(230.4deg);
            transform: rotate(230.4deg);
        }

    .radial-progress[data-progress="64"] .inset .percentage .numbers {
        width: 780px;
    }

    .radial-progress[data-progress="65"] .circle .mask.full,
    .radial-progress[data-progress="65"] .circle .fill {
        -webkit-transform: rotate(117deg);
        -ms-transform: rotate(117deg);
        transform: rotate(117deg);
    }

        .radial-progress[data-progress="65"] .circle .fill.fix {
            -webkit-transform: rotate(234deg);
            -ms-transform: rotate(234deg);
            transform: rotate(234deg);
        }

    .radial-progress[data-progress="65"] .inset .percentage .numbers {
        width: 792px;
    }

    .radial-progress[data-progress="66"] .circle .mask.full,
    .radial-progress[data-progress="66"] .circle .fill {
        -webkit-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        transform: rotate(118.8deg);
    }

        .radial-progress[data-progress="66"] .circle .fill.fix {
            -webkit-transform: rotate(237.6deg);
            -ms-transform: rotate(237.6deg);
            transform: rotate(237.6deg);
        }

    .radial-progress[data-progress="66"] .inset .percentage .numbers {
        width: 804px;
    }

    .radial-progress[data-progress="67"] .circle .mask.full,
    .radial-progress[data-progress="67"] .circle .fill {
        -webkit-transform: rotate(120.6deg);
        -ms-transform: rotate(120.6deg);
        transform: rotate(120.6deg);
    }

        .radial-progress[data-progress="67"] .circle .fill.fix {
            -webkit-transform: rotate(241.2deg);
            -ms-transform: rotate(241.2deg);
            transform: rotate(241.2deg);
        }

    .radial-progress[data-progress="67"] .inset .percentage .numbers {
        width: 816px;
    }

    .radial-progress[data-progress="68"] .circle .mask.full,
    .radial-progress[data-progress="68"] .circle .fill {
        -webkit-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        transform: rotate(122.4deg);
    }

        .radial-progress[data-progress="68"] .circle .fill.fix {
            -webkit-transform: rotate(244.8deg);
            -ms-transform: rotate(244.8deg);
            transform: rotate(244.8deg);
        }

    .radial-progress[data-progress="68"] .inset .percentage .numbers {
        width: 828px;
    }

    .radial-progress[data-progress="69"] .circle .mask.full,
    .radial-progress[data-progress="69"] .circle .fill {
        -webkit-transform: rotate(124.2deg);
        -ms-transform: rotate(124.2deg);
        transform: rotate(124.2deg);
    }

        .radial-progress[data-progress="69"] .circle .fill.fix {
            -webkit-transform: rotate(248.4deg);
            -ms-transform: rotate(248.4deg);
            transform: rotate(248.4deg);
        }

    .radial-progress[data-progress="69"] .inset .percentage .numbers {
        width: 840px;
    }

    .radial-progress[data-progress="70"] .circle .mask.full,
    .radial-progress[data-progress="70"] .circle .fill {
        -webkit-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        transform: rotate(126deg);
    }

        .radial-progress[data-progress="70"] .circle .fill.fix {
            -webkit-transform: rotate(252deg);
            -ms-transform: rotate(252deg);
            transform: rotate(252deg);
        }

    .radial-progress[data-progress="70"] .inset .percentage .numbers {
        width: 852px;
    }

    .radial-progress[data-progress="71"] .circle .mask.full,
    .radial-progress[data-progress="71"] .circle .fill {
        -webkit-transform: rotate(127.8deg);
        -ms-transform: rotate(127.8deg);
        transform: rotate(127.8deg);
    }

        .radial-progress[data-progress="71"] .circle .fill.fix {
            -webkit-transform: rotate(255.6deg);
            -ms-transform: rotate(255.6deg);
            transform: rotate(255.6deg);
        }

    .radial-progress[data-progress="71"] .inset .percentage .numbers {
        width: 864px;
    }

    .radial-progress[data-progress="72"] .circle .mask.full,
    .radial-progress[data-progress="72"] .circle .fill {
        -webkit-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        transform: rotate(129.6deg);
    }

        .radial-progress[data-progress="72"] .circle .fill.fix {
            -webkit-transform: rotate(259.2deg);
            -ms-transform: rotate(259.2deg);
            transform: rotate(259.2deg);
        }

    .radial-progress[data-progress="72"] .inset .percentage .numbers {
        width: 876px;
    }

    .radial-progress[data-progress="73"] .circle .mask.full,
    .radial-progress[data-progress="73"] .circle .fill {
        -webkit-transform: rotate(131.4deg);
        -ms-transform: rotate(131.4deg);
        transform: rotate(131.4deg);
    }

        .radial-progress[data-progress="73"] .circle .fill.fix {
            -webkit-transform: rotate(262.8deg);
            -ms-transform: rotate(262.8deg);
            transform: rotate(262.8deg);
        }

    .radial-progress[data-progress="73"] .inset .percentage .numbers {
        width: 888px;
    }

    .radial-progress[data-progress="74"] .circle .mask.full,
    .radial-progress[data-progress="74"] .circle .fill {
        -webkit-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        transform: rotate(133.2deg);
    }

        .radial-progress[data-progress="74"] .circle .fill.fix {
            -webkit-transform: rotate(266.4deg);
            -ms-transform: rotate(266.4deg);
            transform: rotate(266.4deg);
        }

    .radial-progress[data-progress="74"] .inset .percentage .numbers {
        width: 900px;
    }

    .radial-progress[data-progress="75"] .circle .mask.full,
    .radial-progress[data-progress="75"] .circle .fill {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

        .radial-progress[data-progress="75"] .circle .fill.fix {
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
        }

    .radial-progress[data-progress="75"] .inset .percentage .numbers {
        width: 912px;
    }

    .radial-progress[data-progress="76"] .circle .mask.full,
    .radial-progress[data-progress="76"] .circle .fill {
        -webkit-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        transform: rotate(136.8deg);
    }

        .radial-progress[data-progress="76"] .circle .fill.fix {
            -webkit-transform: rotate(273.6deg);
            -ms-transform: rotate(273.6deg);
            transform: rotate(273.6deg);
        }

    .radial-progress[data-progress="76"] .inset .percentage .numbers {
        width: 924px;
    }

    .radial-progress[data-progress="77"] .circle .mask.full,
    .radial-progress[data-progress="77"] .circle .fill {
        -webkit-transform: rotate(138.6deg);
        -ms-transform: rotate(138.6deg);
        transform: rotate(138.6deg);
    }

        .radial-progress[data-progress="77"] .circle .fill.fix {
            -webkit-transform: rotate(277.2deg);
            -ms-transform: rotate(277.2deg);
            transform: rotate(277.2deg);
        }

    .radial-progress[data-progress="77"] .inset .percentage .numbers {
        width: 936px;
    }

    .radial-progress[data-progress="78"] .circle .mask.full,
    .radial-progress[data-progress="78"] .circle .fill {
        -webkit-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        transform: rotate(140.4deg);
    }

        .radial-progress[data-progress="78"] .circle .fill.fix {
            -webkit-transform: rotate(280.8deg);
            -ms-transform: rotate(280.8deg);
            transform: rotate(280.8deg);
        }

    .radial-progress[data-progress="78"] .inset .percentage .numbers {
        width: 948px;
    }

    .radial-progress[data-progress="79"] .circle .mask.full,
    .radial-progress[data-progress="79"] .circle .fill {
        -webkit-transform: rotate(142.2deg);
        -ms-transform: rotate(142.2deg);
        transform: rotate(142.2deg);
    }

        .radial-progress[data-progress="79"] .circle .fill.fix {
            -webkit-transform: rotate(284.4deg);
            -ms-transform: rotate(284.4deg);
            transform: rotate(284.4deg);
        }

    .radial-progress[data-progress="79"] .inset .percentage .numbers {
        width: 960px;
    }

    .radial-progress[data-progress="80"] .circle .mask.full,
    .radial-progress[data-progress="80"] .circle .fill {
        -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        transform: rotate(144deg);
    }

        .radial-progress[data-progress="80"] .circle .fill.fix {
            -webkit-transform: rotate(288deg);
            -ms-transform: rotate(288deg);
            transform: rotate(288deg);
        }

    .radial-progress[data-progress="80"] .inset .percentage .numbers {
        width: 972px;
    }

    .radial-progress[data-progress="81"] .circle .mask.full,
    .radial-progress[data-progress="81"] .circle .fill {
        -webkit-transform: rotate(145.8deg);
        -ms-transform: rotate(145.8deg);
        transform: rotate(145.8deg);
    }

        .radial-progress[data-progress="81"] .circle .fill.fix {
            -webkit-transform: rotate(291.6deg);
            -ms-transform: rotate(291.6deg);
            transform: rotate(291.6deg);
        }

    .radial-progress[data-progress="81"] .inset .percentage .numbers {
        width: 984px;
    }

    .radial-progress[data-progress="82"] .circle .mask.full,
    .radial-progress[data-progress="82"] .circle .fill {
        -webkit-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        transform: rotate(147.6deg);
    }

        .radial-progress[data-progress="82"] .circle .fill.fix {
            -webkit-transform: rotate(295.2deg);
            -ms-transform: rotate(295.2deg);
            transform: rotate(295.2deg);
        }

    .radial-progress[data-progress="82"] .inset .percentage .numbers {
        width: 996px;
    }

    .radial-progress[data-progress="83"] .circle .mask.full,
    .radial-progress[data-progress="83"] .circle .fill {
        -webkit-transform: rotate(149.4deg);
        -ms-transform: rotate(149.4deg);
        transform: rotate(149.4deg);
    }

        .radial-progress[data-progress="83"] .circle .fill.fix {
            -webkit-transform: rotate(298.8deg);
            -ms-transform: rotate(298.8deg);
            transform: rotate(298.8deg);
        }

    .radial-progress[data-progress="83"] .inset .percentage .numbers {
        width: 1008px;
    }

    .radial-progress[data-progress="84"] .circle .mask.full,
    .radial-progress[data-progress="84"] .circle .fill {
        -webkit-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        transform: rotate(151.2deg);
    }

        .radial-progress[data-progress="84"] .circle .fill.fix {
            -webkit-transform: rotate(302.4deg);
            -ms-transform: rotate(302.4deg);
            transform: rotate(302.4deg);
        }

    .radial-progress[data-progress="84"] .inset .percentage .numbers {
        width: 1020px;
    }

    .radial-progress[data-progress="85"] .circle .mask.full,
    .radial-progress[data-progress="85"] .circle .fill {
        -webkit-transform: rotate(153deg);
        -ms-transform: rotate(153deg);
        transform: rotate(153deg);
    }

        .radial-progress[data-progress="85"] .circle .fill.fix {
            -webkit-transform: rotate(306deg);
            -ms-transform: rotate(306deg);
            transform: rotate(306deg);
        }

    .radial-progress[data-progress="85"] .inset .percentage .numbers {
        width: 1032px;
    }

    .radial-progress[data-progress="86"] .circle .mask.full,
    .radial-progress[data-progress="86"] .circle .fill {
        -webkit-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        transform: rotate(154.8deg);
    }

        .radial-progress[data-progress="86"] .circle .fill.fix {
            -webkit-transform: rotate(309.6deg);
            -ms-transform: rotate(309.6deg);
            transform: rotate(309.6deg);
        }

    .radial-progress[data-progress="86"] .inset .percentage .numbers {
        width: 1044px;
    }

    .radial-progress[data-progress="87"] .circle .mask.full,
    .radial-progress[data-progress="87"] .circle .fill {
        -webkit-transform: rotate(156.6deg);
        -ms-transform: rotate(156.6deg);
        transform: rotate(156.6deg);
    }

        .radial-progress[data-progress="87"] .circle .fill.fix {
            -webkit-transform: rotate(313.2deg);
            -ms-transform: rotate(313.2deg);
            transform: rotate(313.2deg);
        }

    .radial-progress[data-progress="87"] .inset .percentage .numbers {
        width: 1056px;
    }

    .radial-progress[data-progress="88"] .circle .mask.full,
    .radial-progress[data-progress="88"] .circle .fill {
        -webkit-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        transform: rotate(158.4deg);
    }

        .radial-progress[data-progress="88"] .circle .fill.fix {
            -webkit-transform: rotate(316.8deg);
            -ms-transform: rotate(316.8deg);
            transform: rotate(316.8deg);
        }

    .radial-progress[data-progress="88"] .inset .percentage .numbers {
        width: 1068px;
    }

    .radial-progress[data-progress="89"] .circle .mask.full,
    .radial-progress[data-progress="89"] .circle .fill {
        -webkit-transform: rotate(160.2deg);
        -ms-transform: rotate(160.2deg);
        transform: rotate(160.2deg);
    }

        .radial-progress[data-progress="89"] .circle .fill.fix {
            -webkit-transform: rotate(320.4deg);
            -ms-transform: rotate(320.4deg);
            transform: rotate(320.4deg);
        }

    .radial-progress[data-progress="89"] .inset .percentage .numbers {
        width: 1080px;
    }

    .radial-progress[data-progress="90"] .circle .mask.full,
    .radial-progress[data-progress="90"] .circle .fill {
        -webkit-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        transform: rotate(162deg);
    }

        .radial-progress[data-progress="90"] .circle .fill.fix {
            -webkit-transform: rotate(324deg);
            -ms-transform: rotate(324deg);
            transform: rotate(324deg);
        }

    .radial-progress[data-progress="90"] .inset .percentage .numbers {
        width: 1092px;
    }

    .radial-progress[data-progress="91"] .circle .mask.full,
    .radial-progress[data-progress="91"] .circle .fill {
        -webkit-transform: rotate(163.8deg);
        -ms-transform: rotate(163.8deg);
        transform: rotate(163.8deg);
    }

        .radial-progress[data-progress="91"] .circle .fill.fix {
            -webkit-transform: rotate(327.6deg);
            -ms-transform: rotate(327.6deg);
            transform: rotate(327.6deg);
        }

    .radial-progress[data-progress="91"] .inset .percentage .numbers {
        width: 1104px;
    }

    .radial-progress[data-progress="92"] .circle .mask.full,
    .radial-progress[data-progress="92"] .circle .fill {
        -webkit-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        transform: rotate(165.6deg);
    }

        .radial-progress[data-progress="92"] .circle .fill.fix {
            -webkit-transform: rotate(331.2deg);
            -ms-transform: rotate(331.2deg);
            transform: rotate(331.2deg);
        }

    .radial-progress[data-progress="92"] .inset .percentage .numbers {
        width: 1116px;
    }

    .radial-progress[data-progress="93"] .circle .mask.full,
    .radial-progress[data-progress="93"] .circle .fill {
        -webkit-transform: rotate(167.4deg);
        -ms-transform: rotate(167.4deg);
        transform: rotate(167.4deg);
    }

        .radial-progress[data-progress="93"] .circle .fill.fix {
            -webkit-transform: rotate(334.8deg);
            -ms-transform: rotate(334.8deg);
            transform: rotate(334.8deg);
        }

    .radial-progress[data-progress="93"] .inset .percentage .numbers {
        width: 1128px;
    }

    .radial-progress[data-progress="94"] .circle .mask.full,
    .radial-progress[data-progress="94"] .circle .fill {
        -webkit-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        transform: rotate(169.2deg);
    }

        .radial-progress[data-progress="94"] .circle .fill.fix {
            -webkit-transform: rotate(338.4deg);
            -ms-transform: rotate(338.4deg);
            transform: rotate(338.4deg);
        }

    .radial-progress[data-progress="94"] .inset .percentage .numbers {
        width: 1140px;
    }

    .radial-progress[data-progress="95"] .circle .mask.full,
    .radial-progress[data-progress="95"] .circle .fill {
        -webkit-transform: rotate(171deg);
        -ms-transform: rotate(171deg);
        transform: rotate(171deg);
    }

        .radial-progress[data-progress="95"] .circle .fill.fix {
            -webkit-transform: rotate(342deg);
            -ms-transform: rotate(342deg);
            transform: rotate(342deg);
        }

    .radial-progress[data-progress="95"] .inset .percentage .numbers {
        width: 1152px;
    }

    .radial-progress[data-progress="96"] .circle .mask.full,
    .radial-progress[data-progress="96"] .circle .fill {
        -webkit-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        transform: rotate(172.8deg);
    }

        .radial-progress[data-progress="96"] .circle .fill.fix {
            -webkit-transform: rotate(345.6deg);
            -ms-transform: rotate(345.6deg);
            transform: rotate(345.6deg);
        }

    .radial-progress[data-progress="96"] .inset .percentage .numbers {
        width: 1164px;
    }

    .radial-progress[data-progress="97"] .circle .mask.full,
    .radial-progress[data-progress="97"] .circle .fill {
        -webkit-transform: rotate(174.6deg);
        -ms-transform: rotate(174.6deg);
        transform: rotate(174.6deg);
    }

        .radial-progress[data-progress="97"] .circle .fill.fix {
            -webkit-transform: rotate(349.2deg);
            -ms-transform: rotate(349.2deg);
            transform: rotate(349.2deg);
        }

    .radial-progress[data-progress="97"] .inset .percentage .numbers {
        width: 1176px;
    }

    .radial-progress[data-progress="98"] .circle .mask.full,
    .radial-progress[data-progress="98"] .circle .fill {
        -webkit-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        transform: rotate(176.4deg);
    }

        .radial-progress[data-progress="98"] .circle .fill.fix {
            -webkit-transform: rotate(352.8deg);
            -ms-transform: rotate(352.8deg);
            transform: rotate(352.8deg);
        }

    .radial-progress[data-progress="98"] .inset .percentage .numbers {
        width: 1188px;
    }

    .radial-progress[data-progress="99"] .circle .mask.full,
    .radial-progress[data-progress="99"] .circle .fill {
        -webkit-transform: rotate(178.2deg);
        -ms-transform: rotate(178.2deg);
        transform: rotate(178.2deg);
    }

        .radial-progress[data-progress="99"] .circle .fill.fix {
            -webkit-transform: rotate(356.4deg);
            -ms-transform: rotate(356.4deg);
            transform: rotate(356.4deg);
        }

    .radial-progress[data-progress="99"] .inset .percentage .numbers {
        width: 1200px;
    }

    .radial-progress[data-progress="100"] .circle .mask.full,
    .radial-progress[data-progress="100"] .circle .fill {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

        .radial-progress[data-progress="100"] .circle .fill.fix {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }

    .radial-progress[data-progress="100"] .inset .percentage .numbers {
        width: 1212px;
    }

.dropdown-app-switch .img-app-icon-container {
    margin-bottom: 15px;
}

#app-switcher-icon {
    cursor: pointer;
    width: 25px;
}

.dropdown-app-switch a.dropdown-toggle {
    padding: 20px !important;
}

.dropdown-app-switch .dropdown-menu {
    padding: 30px;
}

.dropdown-app-switch .img-app-icon-container {
    margin-bottom: 15px;   
}

.navbar-drop-downs ul {
    background-color: #2a292f;
}

.navbar-drop-downs .dropdown-menu {
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.dropdown-app-switch {
    width: 70px;
    height: 70px;
    text-align: center;
}

.center-elements {
    text-align: center;
}
#header-bar {
    background-color: #2a292f;
    padding-bottom: 0;    
}

/*#header-bar.header-mobile-app {
    background-color: #232228;
}*/

.header-container {
    width: 100%;
    max-width: 100%;
}

.nav-img {
    width: 180px;
    height: 60px;
    display: inline-block;
    margin: auto;
    padding: 10px;
    background-image: url("https://dvsmedia.blob.core.windows.net/thumbnails/DVSport Software.png");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.nav-feature {
    height: 70px;
    width: 50px;
    text-align: center;
}

.nav-feature img {
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: relative;
    top: 17px;
}

.nav-application-name {
    color: #9492a0;
    font-size: 1.6em;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
}

.dvs-nav-right {
    margin-right: 10px;
}

.dvs-nav-right .user-img {

}

body {
    font-family: "Lato", "Adobe Blank";
}

body.body-mobile-app {
    background-color: #1a191f;
}

html, body, .container-fluid, .full-height {
    height: 100%;
    /*height: 100vh;*/
}

.dvsport-body { padding-top: 30px; }

.nav-column {
    background-color: #1a191f;
    padding: 0;
}

#nav-column.collapsed-nav {
    width: 70px;
}

.collapsed-nav li {
    border-left: none !important;
}

.navbar-login {
    width: 280px;
    padding: 10px;
    padding-bottom: 0px;
}

.dropdown-accounts {
    -moz-box-shadow: 0px 2px 4px rgba(5, 5, 5, .7);
    -webkit-box-shadow: 0px 2px 4px rgba(5, 5, 5, .7);
    box-shadow: 0px 2px 4px rgba(5, 5, 5, .7);
}

.navbar-login-session {
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.account-title {
    padding: 5px 0;
}

.inactive-org-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.inactive-org-label {
    margin-left: 10px;
    font-size: 1.0em;
    color: #4d4b56;
}

.sticky-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #232228;
    text-align: center;
    left: 0;
    right: 0;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
    position: absolute;
    z-index: 1000000;
}

::-webkit-scrollbar:horizontal {    
    height:10px;
    position: absolute;
    z-index: 1000000;
}
 
/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(218,202,148,0.3);*/ 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-corner {
    background: rgba(0,0,0,0);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #4d4b56; 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ 
}

.data-overlay::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}

.data-overlay::-webkit-scrollbar-thumb:window-inactive {
    background: transparent;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #4d4b56; 
}

.btn-dvs-default, .btn-dvs-default:hover {
    border: 1px solid #daca94;
    border-radius: 20px;
    box-shadow: none;
    color: #daca94;
    font-size: 14px;
    margin-right: 0px;
    margin-top: 5px;
    padding: 5px 30px;
    cursor: pointer;
    vertical-align: top;
}

.video-browser-container .more-section .btn-dvs-default, .video-browser-container .more-section .btn-dvs-default:hover {
    margin-top: 0;
    box-shadow: none;
}

.btn-authoring, .btn-authoring:hover {
    position: relative;
    line-height: initial;
    display: inline-block;
    background: #daca94;
    color: #232228;
    font-weight: bold;
    margin-right: 15px;
    border: 1px solid #daca94;
}

.authoring-button-active, .authoring-button-active:hover {
    background: #F22613;
    border: 1px solid #F22613;
    color: #232228;
}

.btn-dvs-light-default, .btn-dvs-light-default:hover {
    border: 1px solid #e0e1e1;
    border-radius: 20px;
    box-shadow: none;
    color: #e0e1e1;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 20px;
    padding: 5px 30px;
}

.btn-edit-profile-mobile-default, .btn-edit-profile-mobile-default:hover {
    border: 1px solid #e0e1e1;
    border-radius: 20px;
    box-shadow: none;
    color: #e0e1e1;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 20px;
    padding: 5px 10px;
    width: 15vw;
    color: #e0e1e1;
    margin-top: 20px;
    height: 40px;
}

.bootbox .modal-content {
    background-color: #2a292f;
    font-size: 1.4em;
    color: #e0e1e1;
    font-weight: 300;
}

.bootbox .close {
    display: none;
}

.bootbox .modal-content button, .bootbox .modal-content button:hover, .bootbox .modal-content button:active, .bootbox .modal-content button:focus, .bootbox .modal-content button.active {
    background-color: transparent !important;
    color: #daca94 !important;
    box-shadow: none;
    font-size: 1.1em !important;
    font-weight: 300;
}

.btn-tag, .btn-tag:hover, .btn-tag:active, .btn-tag:focus, .btn.active {
    background-color: #e0e1e1;
    border-radius: 50px;
    box-shadow: none;
    color: #4d4b56 !important;
    padding: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    margin: 2px;
    height: 30px;
}

.btn-tag-add, .btn-tag-add:hover, .btn-tag-add:active, .btn-tag-add:focus, .btn.active, .btn-tag:hover {
    background-color: #daca94;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.disabled-txt {
    pointer-events: none;
    opacity: .4;
}