body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    /*background-color: #f5f5f5;*/
    font-family: Roboto !important;
    background-color: #f2f2f2 !important;
    line-height:normal !important;
    font-weight:normal !important;
    font-size:16px !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-bottom: 20px;
    padding-top:100px;
}
@media (min-width: 574px) and (max-width: 992px) {
    .body-content {
        /*padding-top: 100px;*/
    }
}
/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea {
    /*max-width: 280px;*/
}
footer {
    overflow-x: hidden !important;
    /*background-color: #EFEFF9 !important;
    color: #546E7A !important;*/
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}
.social {
    position: relative;
    left: -10px
}

.fas {
    background-color: #42443E !important;
    padding: calc(6px + (8 - 6) * ((100vw - 360px) / (1600 - 360))) !important;
    font-size: calc(14px + (15 - 14) * ((100vw - 360px) / (1600 - 360))) !important;
    width: calc(23px + (30 - 23) * ((100vw - 360px) / (1600 - 360))) !important;
    text-align: center;
    text-decoration: none;
    border-radius: 20px !important;
    margin: 5px 10px 5px 10px !important;
    cursor: pointer;
    color: #fff !important
}
hr.line {margin:0;}
.row-2 li:first-child {
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 10px !important;
    text-transform: uppercase
}
pre.prettyprint {
    margin-bottom: 20px;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: pre-wrap;
}
.navbar-dark .navbar-nav .nav-link.active {
    border-bottom: 1px dashed #fff;
    font-weight:bold;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1);
}
@media (max-width: 575px) {
    .border-xs-top {
        border-top: 1px solid #000000 !important;
    }

    .border-xs-right {
        border-right: 1px solid #000000 !important;
    }

    .border-xs-bottom {
        border-bottom: 1px solid #000000 !important;
    }

    .border-xs-left {
        border-left: 1px solid #000000 !important;
    }

    .border-xs-top-0 {
        border-top: 0 !important;
    }

    .border-xs-right-0 {
        border-right: 0 !important;
    }

    .border-xs-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-xs-left-0 {
        border-left: 0 !important;
    }

    .border-xs-x {
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-xs-y {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
    }

    .border-xs {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-xs-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
    div.lh-5090 {
        line-height: 50px;
    }
}
@media (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid #000000 !important;
    }

    .border-sm-right {
        border-right: 1px solid #000000 !important;
    }

    .border-sm-bottom {
        border-bottom: 1px solid #000000 !important;
    }

    .border-sm-left {
        border-left: 1px solid #000000 !important;
    }

    .border-sm-top-0 {
        border-top: 0 !important;
    }

    .border-sm-right-0 {
        border-right: 0 !important;
    }

    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-sm-left-0 {
        border-left: 0 !important;
    }

    .border-sm-x {
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-sm-y {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
    }

    .border-sm {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-sm-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
    div.lh-5090 {
        line-height: 50px;
    }
}

@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid #000000 !important;
    }

    .border-md-right {
        border-right: 1px solid #000000 !important;
    }

    .border-md-bottom {
        border-bottom: 1px solid #000000 !important;
    }

    .border-md-left {
        border-left: 1px solid #000000 !important;
    }

    .border-md-top-0 {
        border-top: 0 !important;
    }

    .border-md-right-0 {
        border-right: 0 !important;
    }

    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-md-left-0 {
        border-left: 0 !important;
    }

    .border-md-x {
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-md-y {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
    }

    .border-md {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-md-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
    div.check-last-child:nth-last-child(2):nth-child(even) {
        border-right: solid 1px #000000 !important;
    }
    div.check-last-child:last-child {
        border-bottom: 0 !important;
    }
}

@media (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid #000000 !important;
    }

    .border-lg-right {
        border-right: 1px solid #000000 !important;
    }

    .border-lg-bottom {
        border-bottom: 1px solid #000000 !important;
    }

    .border-lg-left {
        border-left: 1px solid #000000 !important;
    }

    .border-lg-top-0 {
        border-top: 0 !important;
    }

    .border-lg-right-0 {
        border-right: 0 !important;
    }

    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-lg-left-0 {
        border-left: 0 !important;
    }

    .border-lg-x {
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-lg-y {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
    }

    .border-lg {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-lg-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
    div.lh-5090 {
        line-height: 90px;
    }
}

@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid #000000 !important;
    }

    .border-xl-right {
        border-right: 1px solid #000000 !important;
    }

    .border-xl-bottom {
        border-bottom: 1px solid #000000 !important;
    }

    .border-xl-left {
        border-left: 1px solid #000000 !important;
    }

    .border-xl-top-0 {
        border-top: 0 !important;
    }

    .border-xl-right-0 {
        border-right: 0 !important;
    }

    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-xl-left-0 {
        border-left: 0 !important;
    }

    .border-xl-x {
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-xl-y {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
    }

    .border-xl {
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
        border-left: 1px solid #000000 !important;
        border-right: 1px solid #000000 !important;
    }

    .border-xl-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}
/********************Common Css Start****************************************************/
.mg-bt-20 {
    margin-bottom:20px;
}
.mg-bt-15 {
    margin-bottom: 15px;
}
.mg-tp-15 {
    margin-top:15px;
}
.mg-bt-10 {
    margin-bottom: 10px;
}
.mg-lt-15 {
    margin-left:15px;
}
.pd-tp-10 {
    padding-top:10px;
}
.pd-lt-0 {
    padding-left:0px;
}
.pd-rt-0 {
    padding-right:0px !important;
}
.pd-lt-rt-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.container.full-container {
    max-width:100%;
    padding:0px;
}
.container h2 {
    font-size:28px;
}
.error-box {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
h2 {
    font-family:Roboto;
}
.prettyprint {
    background:#fff;
}
.status-active {
    color: #42a84d;
}
.status-trial {
    color: #42a84d;
}
.status-canceled {
    color: #bd2130;
}
.status-pending {
    color: #eaa710;
}
.status-paymentpending {
    color: #e86a18;
}
.status-inprocess {
    color: #e86a18;
}
.com-select {
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px !important;
    min-height:40px;
}
.com-select:focus {
    outline: none;
}
.dt-range-control {
    font-size:14px !important;
}
.dropdown .dropdown-item {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    padding: 8px 16px;
    white-space: inherit;
}
.dropdown .dropdown-item .dropdown-item-sub-text {
    font-size:12px;
    padding-top:2px;
}
.dropdown .dropdown-item:active {
    background-color: #e86a18;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    color:#fff !important;
}
.tru-checkbox {
    width: auto;
    float: left;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tru-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.tru-checkbox input:checked  ~ .tru-checkbox_checkmark {
    background-color: #fff;
    border: 1px solid #b2b2b2;
}
.tru-checkbox input:checked  ~ .tru-checkbox_checkmark:after {
    display: block;
}
.tru-checkbox_checkmark {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    border: 1px solid #B2B2B2;
    background-color: #ddd;
}
.tru-checkbox_checkmark:after {
    left: 8px;
    top: 2px;
    width: 7px;
    height: 14px;
    border: solid #29b662;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}
.tru-checkbox + .tru-checkbok-name {
    overflow:hidden;
    display:block;
    padding-left:10px;
    padding-top:4px;
    float:none;
    font-size:14px;
}
/********************Common Css End****************************************************/
 /********************Common Button Start****************************************************/
.btn-primary {
    background-color: #e86a18 !important;
    border-color: #e86a18 !important;
    color: #fff;
    padding: 7px 15px !important;
    line-height: normal;
    font-size: 14px !important;
    min-height: 37px;
    font-family: Roboto;
    font-weight: 500;
    border-radius: 4px !important;
}
.btn-primary:hover {
    background-color: #D05F15 !important;
    border-color: #D05F15 !important;
}
.btn-primary:focus {
    box-shadow: inherit !important;
    background-color: #D05F15 !important;
    border-color: #D05F15 !important;
}
.btn-primary:active {
    box-shadow: inherit;
    background-color: #D05F15 !important;
    border-color: #D05F15 !important;
}
.btn-danger {
    font-size: 14px !important;
    color: #fff;
    padding:7px 15px !important;
    min-height:37px;
}
.btn-search {
    width: 100% !important;
    text-align: left !important;
}
.btn-search::after {
    /*float: right !important;*/
}
.form-control {
    padding: 10px !important;
    min-height: 40px !important;
    line-height: normal !important;
    border-radius: 4px !important;
    color: #000 !important;
    font-size: 14px !important;
    border: 1px solid #ddd !important;
}
.form-control:focus {
    box-shadow: inherit !important;
    border-color: #ddd !important;
    border: 1px solid #ddd !important;
}
.form-select {
    padding: 7px !important;
    min-height: 40px !important;
    line-height: normal !important;
    border-radius: 4px !important;
    color: #000 !important;
}
.form-select:focus {
    box-shadow: inherit !important;
    border-color: #ddd !important;
}
.btn-close:focus {
    box-shadow: inherit !important;
}
.modal-content {
    border: 1px solid #ddd !important;
}
/********************Common Button End****************************************************/
/********************border Common Button start****************************************************/
.border-btn .btn-danger {
    background-color: #fff;
    color: #bd2130;
}
.border-btn .btn-danger:hover {
    background-color: #bd2130;
    color: #fff;
}
.border-btn .btn-danger:focus {
    background-color: #bd2130;
    color: #fff;
    box-shadow: inherit;
}
.border-btn .btn-primary {
    background-color: #fff !important;
    color: #e86a18;
}
.border-btn .btn-primary:hover {
    background-color: #e86a18 !important;
    color: #fff;
}
.border-btn .btn-primary:focus {
    background-color: #e86a18;
    color: #fff;
    box-shadow: inherit;
}
/********************border Common Button End****************************************************/
/********************Menu start****************************************************/
.desktop-menu.bg-primary {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}
.desktop-menu .container {
    max-width:100%;
}
.desktop-menu.navbar-dark .navbar-brand {
    color: #69deea !important;
}
.desktop-menu.navbar-dark .navbar-brand .nav-logo {
    display:inline-block;
    vertical-align:middle;
    max-width:27px;
}
.desktop-menu.navbar-dark .navbar-brand .logo-name {
    display: inline-block;
    vertical-align: middle;
    font-weight:600;
    font-size:28px;
}
.desktop-menu.navbar-dark .navbar-brand .logo-name .tlc-logo-txt {
    color: #000;
    margin-right:5px;
}
.desktop-menu.navbar-dark .navbar-brand:hover {
    color: #69deea;
}
.desktop-menu.navbar-dark .navbar-collapse .nav-link {
    color: #000;
    outline: none;
}
.desktop-menu.navbar-dark .navbar-collapse .nav-link.active {
    color: #e86a18;
    border-bottom: none;
    font-weight: normal;
}
.desktop-menu.navbar-dark .navbar-collapse .nav-link:hover {
    color: #e86a18;
}
.desktop-menu.navbar-dark .navbar-collapse .nav-link:focus {
    color: #e86a18;
}
.desktop-menu.navbar-dark .navbar-collapse .nav-link:active {
    color: #e86a18;
}
.desktop-menu.navbar-expand-sm .navbar-collapse.collapse {
    text-align: right;
    flex-grow: inherit;
    width: auto;
}
.desktop-menu .navbar-nav {
    display: inline-block;
    vertical-align: middle;
}
.desktop-menu .navbar-nav .nav-item {
    display: inline-block;
}
.desktop-menu .navbar-nav.desktop-user-link {
    margin-left:10px;
}
.desktop-menu .navbar-nav.desktop-user-link .btn-primary .nav-link {
    color: #fff;
    padding: 0;
    line-height: normal;
}
.desktop-menu .navbar-nav.desktop-user-link .btn-primary .nav-link:hover {
    color: #fff;
}
.desktop-menu .navbar-nav.desktop-user-link .btn-primary .nav-link.active {
    font-weight: normal;
    border-bottom: none;
}
.desktop-menu .navbar-nav.desktop-user-link .btn-primary.nav-login-btn {
    background: #fff !important;
    border-color: #e86a18 !important;
    color: #e86a18 !important;
}
.desktop-menu .navbar-nav.desktop-user-link .btn-primary.nav-login-btn .nav-link {
    color: #f15a24 !important;
}
.desktop-menu .navbar-nav.desktop-user-link .btn-primary.nav-login-btn:hover {
    background-color: #D05F15 !important;
    color: #fff !important;
}
.desktop-menu .navbar-nav.desktop-user-link .btn-primary.nav-login-btn:hover .nav-link {
    color: #fff !important;
}
/********************Menu End****************************************************/
.bg-header {
    width: 100%;
    display: block;
    font-weight: bold;
    margin: 20px 0 20px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    background: #555555;
    color: #ffffff;
}
/********************Login start****************************************************/
.container-login {
    width: 100%;
    min-height:100vh;
    display:flex;
}
.container-login .login-lt-cnt {
    display: table;
    height: 100vh;
}
.container-login .login-lt-cnt .login-form {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.container-login .login-lt-cnt .login-form .form-mid {
    width: 460px;
}
.container-login .login-lt-cnt .login-form .login-logo {
    width: 100%;
    display: block;
    text-align:center;
    margin-bottom:25px;
}
.container-login .login-lt-cnt .login-form .form-mid .form-signin .login-logo a {
    font-size: 30px;
    color: #69deea;
    text-decoration:none;
}
.container-login .login-lt-cnt .login-form .form-mid .form-signin .login-logo a:hover {
    text-decoration: none;
    color: #69deea;
}
.container-login .login-lt-cnt .login-form .form-mid .form-signin .login-logo a:focus {
    outline:none;
}
.container-login .login-lt-cnt .login-form .form-mid .form-signin .login-logo a .logo-name {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 33px;
}
.container-login .login-lt-cnt .login-form .form-mid .form-signin .login-logo a .logo-name .tlc-logo-txt {
    color: #000;
    margin-right: 5px;
}
.container-login .login-lt-cnt .login-form .form-mid .login-logo .login-logo-img {
    display: inline-block;
    vertical-align: middle;
    max-width:27px;
}
.container-login .login-lt-cnt .login-form .form-mid h2 {
    font-size:24px;
    text-align: left;
    margin-bottom:25px;
    line-height:35px;
}
.container-login .login-lt-cnt .login-form .form-mid h2 span{
    display:block;
}
/********************Login Left****************************************************/
.container-login .login-lt-cnt .login-form .form-mid .login-input {
    border: 1px solid #979797;
    border-radius: 4px;
    font-size: 17px;
    min-height: 55px;
    color: #000;
    height: auto;
    padding:10px;
}
.container-login .login-lt-cnt .login-form .form-mid .form-signin {
    font-size:14px;
}
.container-login .login-lt-cnt .login-form .form-mid .form-signin a {
    color: #f15a24;
    font-size:14px;
}
.container-login .login-lt-cnt .login-form .form-mid .form-signin a:hover {
    color: #000;
}
.container-login .login-lt-cnt .login-form .form-mid .login-input:focus {
    box-shadow: inherit;
}
/********************Login Right****************************************************/
.container-login .login-rt-cnt {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../Images/loginbg.jpg);
}
.container-login .login-rt-cnt .punchline-text {
    position: absolute;
    top:35%;
    left:0px;
    width:100%;
    font-size:22px;
    line-height:40px;
    text-align:center;
    padding:0 10px;
    color:#000;
    display: none;
}
.container-login .login-rt-cnt .punchline-text span {
    display:block;
}
/***********************website****************************/
.website-list {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow:0 0 5px rgba(0,0,0,0.05);
    background:#fff;
    margin-top:20px !important;
    margin-bottom:20px !important;
    margin-left:0 !important;
    margin-right:0px !important;
    word-break:break-all;
    color: #333;
}
.website-list .website-name-box {
    width: calc(100% + 24px);
    display: block;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    color: #333;
    margin:0px -12px;
}
.website-list .website-name-box .website-icon {
    width:30px;
    float:left;
}
.website-list .website-name-box .website-name {
    width: auto;
    float: none;
    overflow: hidden;
    display: block;
    /*display: inline-block;*/
}
.website-list .website-name-box .website-detail-icon {
    width: 30px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-left:4px;
}    
.website-list .website-name-box a {
    font-size: 22px;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.website-list .website-name-box a:hover {
    text-decoration: underline;
}
.website-list .website-name-box a i {
    font-size: 22px;
    color: #e86a18;
    padding-right: 15px;
}
.website-list .website-data-box {
    width: calc(100% + 24px);
    display: block;
    padding: 20px 20px 5px 20px;
    margin: 0px -12px;
    font-size: 14px;
}
.website-list .website-name-box .website-detail-icon i {
    font-size: 16px;
}
.website-list .website-data-box .left-data-title {
    font-weight:600;
}
.website-list .website-action-box {
    width: calc(100% + 24px);
    display: block;
    background: #fafafa;
    border-top: 1px solid #ddd;
    padding: 20px;
    text-align: right;
    margin: 0px -12px;
    border-radius: 0px 0 4px 4px;
}
.website-list .website-name-box .users-info {
    display: block;
    vertical-align: middle;
    margin-top: 5px;
    font-size: 15px;
    width: 100%;
    text-align:right;
    color:#333;
}
.website-list .website-name-box .users-info .users-name {
    display:inline-block;
    vertical-align:bottom;
}
.website-list .website-action-box .users-info .users-website {
    display: inline-block;
    vertical-align: bottom;
    font-size:14px;
}
.website-list .website-action-box .widget-text {
    font-size: 12px;
    margin-bottom: 8px;
    text-align: left;
}
.website-list .website-action-box .widget-text:last-child {
    margin-bottom:0px;
}
.website-list.profile-update-list form {
    padding:0px;
}
.website-list.profile-update-list .website-action-box {
    width: calc(100% + 30px);
    margin: 0px -15px;
}
    /********************Websites Details Start****************************************************/
    .filter-dropdown.dropdown {
        margin-bottom: 10px;
    }
.filter-dropdown.dropdown .btn-primary:after {
    position:absolute;
    top:15px;
    right:14px;
}
.filter-dropdown.dropdown .btn-primary {
    background-color:#ffffff !important;
    border-color:#dddddd !important;
    color:#333 !important;
}
.filter-dropdown.dropdown .btn-primary:hover {
    background-color: #fafafa !important;
    border-color: #dddddd !important;
}
.filter-dropdown.dropdown .btn-primary:focus {
    box-shadow: inherit !important;
    background-color: #fafafa !important;
    border-color: #dddddd !important;
}
.filter-dropdown.dropdown .btn-primary:active {
    box-shadow: inherit;
    background-color: #fafafa !important;
    border-color: #dddddd !important;
}
.filter-dropdown.dropdown .dropdown-content {
    width:100%;
}
.filter-dropdown.dropdown .dropdown-content .filter-input {
    width: 100%;
    padding: 10px 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: -10px;
    border-left: none;
    border-right: none;
    margin-bottom: 10px;
    border-radius: 5px 5px 0px 0px;
    font-size:14px;
}
.filter-dropdown.dropdown .dropdown-content .filter-input:focus {
    outline:none;
}
.detail-top {
    width: 100%;
    display: block;
    background: #fff;
    padding: 0px 0px 50px 0px;
}
.detail-top .detail-website-name {
    font-size:25px;
    color: #e86a18;
    width:100%;
    display:block;
    margin-bottom:25px;
}
.detail-top .detail-website-name .detail-website-icon {
    width: 30px;
    float: left;
}
.detail-top .detail-website-name .detail-website-icon i {
    font-size: 22px;
    color: #e86a18;
    padding-right: 15px;
}
.detail-top .detail-website-name .detail-website-name {
    width: auto;
    float: none;
    overflow: hidden;
    display: block;
}
.detail-top .detail-website-data-name {
    width:70px;
    float: left;
    font-weight: 600;
    font-size: 14px;
}
.detail-top .detail-website-data {
    width: auto;
    float: none;
    overflow: hidden;
    display: block;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
}
.detail-top .professional-infobox {
    width:100%;
    border:1px solid #ddd;
    display:block;
    border-radius: 4px;
    padding:24px 26px;
    font-size:14px;
}
.detail-top .professional-infobox .small-sub-title {
    color: #133159;
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    display:block;
    margin-bottom:15px;
}
.detail-accordion{
    margin-top:35px;
}
.detail-accordion .accordion-button {
    background-color: #fff !important;
    color: #333 !important;
    font-size:19px;
}
.detail-accordion .accordion-button:after {
    background-image: url(../Images/down-arrow.png) !important;
}
.detail-accordion .accordion-button:focus {
    box-shadow: inherit;
    border-color: #ddd;
}
.detail-accordion .accordion {
    margin: 0px 0 30px 0;
    
}
.detail-accordion .accordion-body.payment-accordion {
    padding:0;
    background:#fff;
    font-size:15px;
}
.detail-accordion .accordion-body.payment-accordion table {
    margin-bottom:0px;
}
.detail-accordion .accordion-body.payment-accordion .table-footer {
    background: #fafafa !important;
}
.detail-accordion .accordion-body.payment-accordion .centered-content th {
    background: #fafafa;
    padding: 15px 20px;
    border: none;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
}
.detail-accordion .accordion-body.payment-accordion .centered-content th:first-child {
    border-left: none;
}
.detail-accordion .accordion-body.payment-accordion .centered-content td {
    background: #ffffff;
    padding:15px 20px;    
    border-left:1px solid #ddd;
}
.detail-accordion .accordion-body.payment-accordion .centered-content td:first-child {
    border-left:none;
}
.detail-accordion .accordion-body.payment-accordion .centered-content tr:last-child td{
 border-bottom:none;
}
 /********************Websites Details End****************************************************/
/********************Subscription Plan Start****************************************************/
.subscription-plan {
    width: 100%;
    display: block;
    text-align:center;
}
.subscription-part {
    width: auto;
    display: inline-block;
    padding: 30px 0;
    margin: 0px auto;
    text-align: left;
}
.subscription-part .subscription-choose {
    margin-left: 30px;
}
.subscription-part .addon-plan {
    padding-left:15px;
    width:100%;
    display:block;
}
.subscription-part .addon-plan .addon-list {
    width: 100%;
    display: block;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 15px 10px;
    margin-bottom: 7px;
    cursor: pointer;
    transition: transform 0.1s;
}
.subscription-part .addon-plan .addon-list:hover {
    border: 1px solid #e86a18;
    transform: scale(1.05);
}
.subscription-part .addon-plan .addon-list.active-addon {
    border: 1px solid #56bd5d;
}
.subscription-part .addon-plan .addon-list label {
    margin-bottom: 0px;
}
/********************Subscription Plan Start****************************************************/
.plan-position {
    width: 100%;
    display: block;
    margin-bottom:20px;
}
.plan-position .plan-number {
    background: #000;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
}
.plan-position .paln-name {
    width: auto;
    vertical-align: middle;
    display: inline-block;
    color:#000;
    font-size:14px;
    padding-left:10px;
}
.plan-header {
    width:100%;
    display:block;
    padding:16px;
}
/***************************************************************/
.subscription-radio {
    width:280px;
    float: none;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom:30px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.subscription-radio .plan-header {
    width:100%;
    display:block;
    padding:17px;
    border-bottom:1px solid #ddd;
}
.subscription-radio .plan-header .plan-title {
    text-align:left;
    width:100%;
    display:block;
}
.subscription-radio .plan-header .plan-title .plan-name {
    background: #e86a18;
    text-align: center;
    border-radius: 4px;
    padding:7px 15px;
    color: #fff;
    display:inline-block;
}
.subscription-radio .plan-header .plan-title .select-icon {
    font-size: 30px;
    color:#56bd5d;
    display:none;
    margin-top:-7px;
}
.subscription-radio .plan-header .plan-cost {
    text-align:left;
    padding-top:15px;
    width:100%;
    display:block;
}
.subscription-radio .plan-header .plan-cost .cost-pay {
    color:#000;
    font-weight:600;
    font-size:16px;
}
.subscription-radio .plan-header .plan-cost .cost-pay-type {
    color: #999;
    font-size:13px;
}
.subscription-radio .plan-features {
    margin: 0px;
    padding: 17px;
    line-height: normal;
    list-style: none;
    text-align: left;
    font-size: 14px;
}
.subscription-radio .plan-features li {
    margin-bottom: 10px;
    position: relative;
    padding-left:22px;
}
.subscription-radio .plan-features li:last-child {
    margin-bottom:0px;
}
.subscription-radio .plan-features li.plan-message:before {
    content: none;
}
.subscription-radio .plan-features li.plan-message {
    margin-bottom: 0px;
    padding-left: 0px;
    width: calc(100% + 34px);
    margin:17px -17px -17px -17px;
    background:#cccccc;
    padding: 10px 17px;
    border-radius: 0 0 4px 4px;
    text-align:center;
    line-height: 18px;
    color: #000;
}
.subscription-radio .plan-features li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f00c";
    color: #e86a18;
    font-size: 15px;
    font-family: 'FontAwesome'
}
.subscription-radio .plan-features li:before .plan-message {
    content:none;
}
.subscription-radio .ownership-radio-title {
    padding: 15px;
    width: 100%;
    display: block;
}
.ownership-input-hidden {
    display: none;
}

.subscription-radio input[type=radio] {
    border: 0;
    padding: 0;
}

.ownership-input-hidden:checked + .subscription-radio-fill {
    border: 1px solid #57be5e;
    background: rgba(87,190,94,0.05);
}
.ownership-input-hidden:checked + .subscription-radio-fill .plan-header {
    border-bottom: 1px solid #57be5e;
}
.ownership-input-hidden:checked + .subscription-radio-fill .plan-header .plan-title .select-icon {
    display:inline-block;
    float:right;
}
.subscription-radio-fill {
    cursor: pointer;
    display:inline-block;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #ddd;
    min-height:319px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
    transition: transform 0.1s;
    padding: 0px;
}
.subscription-radio-fill:hover {
    border: 1px solid #e86a18;
    transform: scale(1.05);
    background: rgba(247,107,28,0.05);
}
.subscription-radio-fill:hover .plan-header {
    border-bottom: 1px solid #e86a18;
}
/********************Subscription Plan End****************************************************/
/********************payment start****************************************************/
.payment-main {
    width: 670px;
    display:table;
    margin:15px auto;
    background: #fff;
    border-radius: 4px;
}
/**********************payment left***************************/
.payment-main .payment-left {
    background: #e86a18;
    width:270px;
    display: table-cell;
    vertical-align: top;
    padding: 22px;
    border-radius:5px 0 0px 5px;
    color:#fff;
}
.payment-main .payment-left .payment-info-row {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ed8846;
    text-align:left;
    padding:20px 15px;
}
.payment-main .payment-left .payment-info-row:last-child {
    border-bottom:none;
}
.payment-main .payment-left .payment-info-row label {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-size:14px;
}
.payment-main .payment-left .payment-info-row .info-data {
    font-weight: 600;
    font-size:21px;
    width:100%;
    display:block;
}
.payment-main .payment-left .payment-info-row .info-data .light-plus-text {
    font-size:14px;
    font-weight: normal;
}
/**********************payment right***************************/
.payment-main .payment-right {
    width: 400px;
    display: inline-block;
    vertical-align: top;
    padding: 22px;
    text-align: left;
    font-size: 15px;
    color: #000;
}
.payment-main .payment-right .payment-card {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align:center;
}
.payment-main .payment-right .payment-card img {
    width:250px;
}
.payment-main .payment-right .payment-submit {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 10px;
}
/********************payment start****************************************************/
.all-rights-text {
    width:auto;
    display:block;
    font-size:13px;
    margin-top:8px;
}
/********************Footer start****************************************************/
.footer-bg {
    background-color: #fff;
    border-top: 1px solid #f5f4f4;
    width: 100%;
    display: block;
    padding: 20px 0;
}

.footer-bg .email-link a {
    color: #444;
    text-decoration: underline;
}
.footer-bg .email-link a:hover {
    color: #444;
    opacity: 0.60;
}
.footer-bg .footer-soc-icon {
    text-align: center;
}
.footer-bg .footer-soc-icon {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
}
.footer-bg .footer-soc-icon > li {
    display: inline-block;
    vertical-align: middle;
}
.footer-bg .footer-soc-icon > a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.footer-bg .footer-soc-icon:hover a {
    opacity: 0.2;
    text-decoration: none;
}
.footer-bg .footer-soc-icon:hover a {
    opacity: 0.5;
    text-decoration: none;
}
.footer-bg .footer-soc-icon:hover a:hover {
        opacity: 1;
        text-decoration: none;
}
.footer-logo {
    max-width: 180px;
}
.confirmation-msg-box {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
}
.confirmation-msg-box .msg-title {
    margin-bottom: 20px;
}
.confirmation-msg-box .msg-text {
    font-size: 16px;
    line-height: 24px;
}
.confirmation-msg-box .msg-btn {
    margin-top: 60px;
}
/********************Footer End****************************************************/
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #e86a18 !important;
}
.daterangepicker .ranges li.active {
    background-color: #e86a18 !important;
}
/**Animation***/
/**success**/
.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
}
.success-checkmark .check-icon {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #4caf50;
}
.success-checkmark .check-icon::before {
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before,
.success-checkmark .check-icon::after {
    content: "";
    height: 100px;
    position: absolute;
    background-color: transparent;
    transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
    height: 5px;
    background-color: #4caf50;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: transparent;
}
@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
/**error**/

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}
.swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal
}
.swal2-icon.swal2-error {
    border-color: #bd2130
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #bd2130
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.swal2-animate-error-icon {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}
.swal2-animate-error-icon .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark .5s;
    animation: swal2-animate-error-x-mark .5s
}
/**************/
/***Stats****/

.stats-card {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    background: #fff;
    margin-bottom: 20px;
    min-height: 136px;
}
    .stats-card .stats-card-title {
        font-size: 16px;
        color: #333;
        vertical-align: bottom;        
    }
    .stats-card .stats-card-title-city {
        font-size: 16px;
        color: #333;
        vertical-align: bottom;
        margin-bottom: 15px;
    }
    .stats-card .stats-card-title-perc {
        font-size: 12px;
        margin-top: 5px;
        color: #307bbb;
    }
    .stats-card .stats-card-subtitle {
        font-size: 12px;
        line-height: 21px;
        color: #999;
        display: inline-block;
        vertical-align: bottom;
        margin-top: 8px;
    }
        .stats-card .stats-card-value {
            font-size: 30px;
            color: #000;
        }
        .stats-card .stats-card-compare {
            font-size: 12px;
            color: #4caf50;
            margin-top: 5px;            
        }
            .stats-card .stats-card-compare.stats-card-compare-down {
                color: #bd2130;
            }
            .stats-card .stats-card-compare .stats-card-compare-icon {
                font-size: 12px;
            }                
            .stats-card .stats-card-compare .stats-card-compare-val {
                font-size: 12px;
            }
            .stats-card .stats-card-compare .stats-card-compare-text {
                font-size: 12px;
            }
    
    .stats-card .stats-card-icon {
        font-size: 36px;
        width: 80px;
        height: 80px;
        border: 1px solid #e86a18;
        border-radius: 50%;
        padding-top: 18px;
        color: #828282;
        margin-top: 12px;
    }
    .stats-card .stats-card-left {
        display: inline-block;
        width: 70%;
        vertical-align: top;
        padding: 15px;
    }
    .stats-card .stats-card-right {
        display: inline-block;
        width: 28%;
        vertical-align: middle;
        text-align: center;
        padding: 15px;
    }
    .stats-card .stats-card-header {
        background: #fff;
        border-bottom: 1px solid #ddd;
        padding: 15px;
        border-radius: 4px 4px 0 0;
    }
    .stats-card .stats-card-body {
        padding: 15px;        
    }
    .stats-card .stats-card-chart {
        text-align: center;
        height: 324px;
    }
    .stats-card .stats-card-donut {
        padding: 15px 60px;        
    }
.stats-card-seperator {
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    font-size: 10px;
}
.stats-card-seperator-text {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}

.stats-card .stats-card-compare.color25, .stats-card .stats-card-title-perc.color25 {
    color: #017ED6;
}
.stats-card .stats-card-compare.color50, .stats-card .stats-card-title-perc.color50 {
    color: #8399EB;
}
.stats-card .stats-card-compare.color75, .stats-card .stats-card-title-perc.color75 {
    color: #8E6CEF;
}
.stats-card .stats-card-compare.color100, .stats-card .stats-card-title-perc.color100 {
    color: #9C46D0;
}
.stats-tree-card {
    width: 389px;
    display: block;
}
.stats-card-connector-ver {
    padding-left: 80px;
    border-left: 1px solid #ddd;
    margin-left: 30px;
    padding-top: 20px;
    margin-top: -20px;
    position: relative;
}
.stats-card-connector-hor {
    position: relative;
}
.stats-card-connector-div {
    position: absolute;
    top: 60px;
    left: -81px;
    border-top: 1px solid #ddd;
    width: 82px;
}
.stats-card-connector-text {
    position: absolute;
    left: -40px;
    top: 75px;
    z-index: 1;
    font-size: 22px;
    background-color: #f2f2f2;
    padding: 0 5px;
    transform: rotate(-90deg);
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/***percentage circle****/
.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);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

    .pie.color25, .c100.color25 .bar, .c100.color25.p51 .fill, .c100.color25.p52 .fill, .c100.color25.p53 .fill, .c100.color25.p54 .fill, .c100.color25.p55 .fill, .c100.color25.p56 .fill, .c100.color25.p57 .fill, .c100.color25.p58 .fill, .c100.color25.p59 .fill, .c100.color25.p60 .fill, .c100.color25.p61 .fill, .c100.color25.p62 .fill, .c100.color25.p63 .fill, .c100.color25.p64 .fill, .c100.color25.p65 .fill, .c100.color25.p66 .fill, .c100.color25.p67 .fill, .c100.color25.p68 .fill, .c100.color25.p69 .fill, .c100.color25.p70 .fill, .c100.color25.p71 .fill, .c100.color25.p72 .fill, .c100.color25.p73 .fill, .c100.color25.p74 .fill, .c100.color25.p75 .fill, .c100.color25.p76 .fill, .c100.color25.p77 .fill, .c100.color25.p78 .fill, .c100.color25.p79 .fill, .c100.color25.p80 .fill, .c100.color25.p81 .fill, .c100.color25.p82 .fill, .c100.color25.p83 .fill, .c100.color25.p84 .fill, .c100.color25.p85 .fill, .c100.color25.p86 .fill, .c100.color25.p87 .fill, .c100.color25.p88 .fill, .c100.color25.p89 .fill, .c100.color25.p90 .fill, .c100.color25.p91 .fill, .c100.color25.p92 .fill, .c100.color25.p93 .fill, .c100.color25.p94 .fill, .c100.color25.p95 .fill, .c100.color25.p96 .fill, .c100.color25.p97 .fill, .c100.color25.p98 .fill, .c100.color25.p99 .fill, .c100.color25.p100 .fill {
        border-color: #017ED6;
    }
    .pie.color50, .c100.color50 .bar, .c100.color50.p51 .fill, .c100.color50.p52 .fill, .c100.color50.p53 .fill, .c100.color50.p54 .fill, .c100.color50.p55 .fill, .c100.color50.p56 .fill, .c100.color50.p57 .fill, .c100.color50.p58 .fill, .c100.color50.p59 .fill, .c100.color50.p60 .fill, .c100.color50.p61 .fill, .c100.color50.p62 .fill, .c100.color50.p63 .fill, .c100.color50.p64 .fill, .c100.color50.p65 .fill, .c100.color50.p66 .fill, .c100.color50.p67 .fill, .c100.color50.p68 .fill, .c100.color50.p69 .fill, .c100.color50.p70 .fill, .c100.color50.p71 .fill, .c100.color50.p72 .fill, .c100.color50.p73 .fill, .c100.color50.p74 .fill, .c100.color50.p75 .fill, .c100.color50.p76 .fill, .c100.color50.p77 .fill, .c100.color50.p78 .fill, .c100.color50.p79 .fill, .c100.color50.p80 .fill, .c100.color50.p81 .fill, .c100.color50.p82 .fill, .c100.color50.p83 .fill, .c100.color50.p84 .fill, .c100.color50.p85 .fill, .c100.color50.p86 .fill, .c100.color50.p87 .fill, .c100.color50.p88 .fill, .c100.color50.p89 .fill, .c100.color50.p90 .fill, .c100.color50.p91 .fill, .c100.color50.p92 .fill, .c100.color50.p93 .fill, .c100.color50.p94 .fill, .c100.color50.p95 .fill, .c100.color50.p96 .fill, .c100.color50.p97 .fill, .c100.color50.p98 .fill, .c100.color50.p99 .fill, .c100.color50.p100 .fill {
        border-color: #8399EB;
    }
    .pie.color75, .c100.color75 .bar, .c100.color75.p51 .fill, .c100.color75.p52 .fill, .c100.color75.p53 .fill, .c100.color75.p54 .fill, .c100.color75.p55 .fill, .c100.color75.p56 .fill, .c100.color75.p57 .fill, .c100.color75.p58 .fill, .c100.color75.p59 .fill, .c100.color75.p60 .fill, .c100.color75.p61 .fill, .c100.color75.p62 .fill, .c100.color75.p63 .fill, .c100.color75.p64 .fill, .c100.color75.p65 .fill, .c100.color75.p66 .fill, .c100.color75.p67 .fill, .c100.color75.p68 .fill, .c100.color75.p69 .fill, .c100.color75.p70 .fill, .c100.color75.p71 .fill, .c100.color75.p72 .fill, .c100.color75.p73 .fill, .c100.color75.p74 .fill, .c100.color75.p75 .fill, .c100.color75.p76 .fill, .c100.color75.p77 .fill, .c100.color75.p78 .fill, .c100.color75.p79 .fill, .c100.color75.p80 .fill, .c100.color75.p81 .fill, .c100.color75.p82 .fill, .c100.color75.p83 .fill, .c100.color75.p84 .fill, .c100.color75.p85 .fill, .c100.color75.p86 .fill, .c100.color75.p87 .fill, .c100.color75.p88 .fill, .c100.color75.p89 .fill, .c100.color75.p90 .fill, .c100.color75.p91 .fill, .c100.color75.p92 .fill, .c100.color75.p93 .fill, .c100.color75.p94 .fill, .c100.color75.p95 .fill, .c100.color75.p96 .fill, .c100.color75.p97 .fill, .c100.color75.p98 .fill, .c100.color75.p99 .fill, .c100.color75.p100 .fill {
        border-color: #8E6CEF;
    }
    .pie.color100, .c100.color100 .bar, .c100.color100.p51 .fill, .c100.color100.p52 .fill, .c100.color100.p53 .fill, .c100.color100.p54 .fill, .c100.color100.p55 .fill, .c100.color100.p56 .fill, .c100.color100.p57 .fill, .c100.color100.p58 .fill, .c100.color100.p59 .fill, .c100.color100.p60 .fill, .c100.color100.p61 .fill, .c100.color100.p62 .fill, .c100.color100.p63 .fill, .c100.color100.p64 .fill, .c100.color100.p65 .fill, .c100.color100.p66 .fill, .c100.color100.p67 .fill, .c100.color100.p68 .fill, .c100.color100.p69 .fill, .c100.color100.p70 .fill, .c100.color100.p71 .fill, .c100.color100.p72 .fill, .c100.color100.p73 .fill, .c100.color100.p74 .fill, .c100.color100.p75 .fill, .c100.color100.p76 .fill, .c100.color100.p77 .fill, .c100.color100.p78 .fill, .c100.color100.p79 .fill, .c100.color100.p80 .fill, .c100.color100.p81 .fill, .c100.color100.p82 .fill, .c100.color100.p83 .fill, .c100.color100.p84 .fill, .c100.color100.p85 .fill, .c100.color100.p86 .fill, .c100.color100.p87 .fill, .c100.color100.p88 .fill, .c100.color100.p89 .fill, .c100.color100.p90 .fill, .c100.color100.p91 .fill, .c100.color100.p92 .fill, .c100.color100.p93 .fill, .c100.color100.p94 .fill, .c100.color100.p95 .fill, .c100.color100.p96 .fill, .c100.color100.p97 .fill, .c100.color100.p98 .fill, .c100.color100.p99 .fill, .c100.color100.p100 .fill {
        border-color: #9C46D0;
    }

.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: 81px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #dfe8ed
}

    .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 > span {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        width: 3.4em;
        line-height: 3.4em;
        font-size: 0.3em;
        color: #307bbb;
        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.color25 > span {
        color: #017ED6;
    }
    .c100.color50 > span {
        color: #8399EB;
    }
    .c100.color75 > span {
        color: #8E6CEF;
    }
    .c100.color100 > span {
        color: #9C46D0;
    }

    .c100:after {
        position: absolute;
        top: 0.08em;
        left: 0.08em;
        display: block;
        content: " ";
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        width: 0.85em;
        height: 0.85em;
        -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.8deg);
        -moz-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        -o-transform: rotate(46.8deg);
        transform: rotate(46.8deg)
    }

    .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.6deg);
        -moz-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        -o-transform: rotate(75.6deg);
        transform: rotate(75.6deg)
    }

    .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.6deg);
        -moz-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        -o-transform: rotate(93.6deg);
        transform: rotate(93.6deg)
    }

    .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.6deg);
        -moz-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        -o-transform: rotate(111.6deg);
        transform: rotate(111.6deg)
    }

    .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.2deg);
        -moz-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        -o-transform: rotate(133.2deg);
        transform: rotate(133.2deg)
    }

    .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.2deg);
        -moz-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        -o-transform: rotate(151.2deg);
        transform: rotate(151.2deg)
    }

    .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.2deg);
        -moz-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        -o-transform: rotate(169.2deg);
        transform: rotate(169.2deg)
    }

    .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.2deg);
        -moz-transform: rotate(187.2deg);
        -ms-transform: rotate(187.2deg);
        -o-transform: rotate(187.2deg);
        transform: rotate(187.2deg)
    }

    .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.2deg);
        -moz-transform: rotate(205.2deg);
        -ms-transform: rotate(205.2deg);
        -o-transform: rotate(205.2deg);
        transform: rotate(205.2deg)
    }

    .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.2deg);
        -moz-transform: rotate(223.2deg);
        -ms-transform: rotate(223.2deg);
        -o-transform: rotate(223.2deg);
        transform: rotate(223.2deg)
    }

    .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.2deg);
        -moz-transform: rotate(241.2deg);
        -ms-transform: rotate(241.2deg);
        -o-transform: rotate(241.2deg);
        transform: rotate(241.2deg)
    }

    .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.4deg);
        -moz-transform: rotate(266.4deg);
        -ms-transform: rotate(266.4deg);
        -o-transform: rotate(266.4deg);
        transform: rotate(266.4deg)
    }

    .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.4deg);
        -moz-transform: rotate(284.4deg);
        -ms-transform: rotate(284.4deg);
        -o-transform: rotate(284.4deg);
        transform: rotate(284.4deg)
    }

    .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.4deg);
        -moz-transform: rotate(302.4deg);
        -ms-transform: rotate(302.4deg);
        -o-transform: rotate(302.4deg);
        transform: rotate(302.4deg)
    }

    .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.4deg);
        -moz-transform: rotate(320.4deg);
        -ms-transform: rotate(320.4deg);
        -o-transform: rotate(320.4deg);
        transform: rotate(320.4deg)
    }

    .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.4deg);
        -moz-transform: rotate(338.4deg);
        -ms-transform: rotate(338.4deg);
        -o-transform: rotate(338.4deg);
        transform: rotate(338.4deg)
    }

    .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.4deg);
        -moz-transform: rotate(356.4deg);
        -ms-transform: rotate(356.4deg);
        -o-transform: rotate(356.4deg);
        transform: rotate(356.4deg)
    }

    .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: 2.70em;
            line-height: 2.70em;
            font-size: 0.37em;
            color: #307bbb
        }

    .c100.color25:hover > span {
        color: #017ED6;
    }
    .c100.color50:hover > span {
        color: #8399EB;
    }
    .c100.color75:hover > span {
        color: #8E6CEF;
    }
    .c100.color100:hover > span {
        color: #9C46D0;
    }

        .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.orange .bar, .c100.orange .fill {
        border-color: #dd9d22 !important
    }

    .c100.orange:hover > span {
        color: #dd9d22
    }

    .c100.orange.dark .bar, .c100.orange.dark .fill {
        border-color: #e08833 !important
    }

    .c100.orange.dark:hover > span {
        color: #e08833
    }
/**************/
/********************Responsive start****************************************************/
@media screen and (max-width:1025px) {
    .container-login .login-lt-cnt .login-form .form-mid {
        width: 100%;
    }

    .detail-top .professional-infobox {
        padding: 24px 15px;
    }
}
@media screen and (max-width:1023px) {
    .login-rt-cnt {
        display: none;
    }
    .login-lt-cnt {
        max-width:100%;
        flex:100%;
        width:100% !important;
    }
    .footer-bg .footer-soc-icon .fas {
        padding: 5px !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 20px !important;
    }
}

@media screen and (max-width:990px) {
    .container {
        max-width: 100% !important;
    }

    .desktop-menu.navbar-expand-sm .navbar-collapse.collapse {
        text-align: left;
    }
}

@media screen and (max-width:767px) {
    .website-list .website-action-box .border-btn {
        text-align:center;
    }
    .website-list .website-name-box .users-info {
        text-align: left;
        padding-left: 30px;
    }
    .website-list .website-action-box .widget-text {
        text-align:center;
    }
        .website-list .website-action-box .widget-text:last-child {
            margin-bottom:20px;
        }
        .website-list .website-name-box a {
            font-size: 19px;
        }

    .desktop-menu.navbar-dark .navbar-toggler {
        color: #333;
        border-color: #333;
        box-shadow: inherit;
    }

    .desktop-menu.navbar-dark .navbar-toggler-icon {
        background-image: url(../Images/menu-button.png);
    }

    .website-list .website-data-box .left-data-title {
        margin-bottom: 7px;
    }

    .footer-bg {
        text-align: center;
    }

    .footer-bg .footer-soc-icon {
        margin: 15px 0;
    }

    .professional-infobox {
        margin-top: 20px;
    }

    .plan-position {
        text-align: center;
    }

    .subscription-radio {
        text-align: center;
        margin-right: 8px;
        margin-left: 8px;
    }

    .subscription-part .subscription-choose {
        margin-left: 0px;
        text-align: center;
    }

    .subscription-part .addon-plan {
        padding-left: 0px;
        text-align: left;
    }

    .detail-accordion .accordion-body.payment-accordion {
        background: none;
    }

    .detail-accordion .accordion-body.payment-accordion thead {
        display: none;
    }

    .detail-accordion .accordion-body.payment-accordion tbody tr {
        display: block;
        margin-bottom: 10px;
    }

    .detail-accordion .accordion-body.payment-accordion tbody tr:last-child {
        margin-bottom: 0px;
        margin-top: -10px;
    }

    .detail-accordion .accordion-body.payment-accordion tbody td {
        max-width: 100%;
        display: block;
        text-align: left;
        border-bottom: none;
        padding: 10px 20px;
    }

    .detail-accordion .accordion-body.payment-accordion tbody td:before {
        content: attr(data-title);
        width: 100%;
        text-align: left;
        display: block;
        padding-bottom: 5px;
        font-weight: 600;
        font-size: 14px;
    }

    .detail-accordion .accordion-body.payment-accordion .centered-content td {
        border-left: none;
        font-size: 14px;
    }

    .detail-accordion .accordion-button {
        font-size: 16px;
    }

    .payment-main {
        width: 100%;
    }

    .payment-main .payment-left {
        width: 100%;
        display: block;
        border-radius: 5px 5px 0px 0px;
        padding: 15px;
    }

    .payment-main .payment-left .payment-info-row {
        width: 45%;
        margin: 0 2%;
        display: inline-block;
        padding: 15px 10px;
    }

    .payment-main .payment-left .payment-info-row .info-data {
        font-size: 13px;
    }

    .payment-main .payment-left .payment-info-row:last-child {
        border-bottom: 1px solid #ed8846;
    }

    .payment-main .payment-left .payment-info-row label {
        font-size: 13px;
    }

    .payment-main .payment-right {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width:768px) {

    .website-list .website-name-box a {
        font-size:20px;
    }

    .container h2 {
        font-size: 23px;
    }

    .desktop-menu .navbar-nav {
        /*margin-top: 20px;*/
    }

    .container h4 {
        font-size: 20px;
    }

    .desktop-menu .navbar-nav.desktop-user-link .nav-item {
        width: 49%;
        display: inline-block;
        vertical-align: middle;
    }

    .desktop-menu .navbar-nav.desktop-user-link .nav-item:nth-child(2) {
        text-align: right;
    }

    .desktop-menu .navbar-nav.desktop-user-link .nav-item {
        text-align: left;
    }

    .btn-primary {
        min-width: 90px;
    }
}

@media screen and (max-width:575px) {
    .desktop-menu .navbar-nav.desktop-user-link {
        margin-left: 0px;
        margin-top: 10px;
    }

    .desktop-menu .navbar-nav {
        display: block;
    }

    .desktop-menu .navbar-nav .nav-item {
        display: block;
        margin-bottom: 10px;
    }

    .desktop-menu.navbar-dark .navbar-collapse .nav-link {
        border-bottom: 1px solid #ddd !important;
    }

    .desktop-menu .navbar-nav.desktop-user-link .btn-primary .nav-link {
        border-bottom: none !important;
    }

    .login-signin .w-46 {
        width: 46%;
    }

    .login-signin .w-54 {
        width: 54%;
    }
}

@media screen and (max-width:420px) {
    .payment-main .payment-right .payment-card img {
        width: 70%;
    }
}