/*Tabs*/
.tab-content {overflow: hidden;-moz-box-shadow: 0 1px 6px rgba(0,0,0,.125);padding: 0;margin: 0;/* border-width: 1px; */background: #fff;position: relative;border-color: transparent;border-style: solid;}
a.btn-plus { margin: 27px 0 0; }
.responsive-tabs > li > a {background-color: #F2F0F0;border-radius: 0;color: #444;/* text-shadow: 0 1px #eee; */padding: 13px 19px;border: none !important;margin: 0 0 0 -1px;/* border-width: 1px 1px 0; */}
    .responsive-tabs > li > a:hover {box-shadow: none;border: none !important;}
    .responsive-tabs > li > a:focus {box-shadow: none;border: none !important;/* background-color: #f9f9f9 !important; */}
.responsive-tabs {border-bottom: none;margin: 0;background: #f9f9f9;}
    .responsive-tabs > li.active > a, .responsive-tabs > li.active > a:focus, .responsive-tabs > li.active > a:hover {color: #000;/* text-shadow: 0 1px #fff; */cursor: default;filter: none;background: #fff;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;z-index: 1;/* border-width: 1px 1px 0; */border-color: transparent;/* border-style: solid; *//* border-top: 2px solid #cecaca; */border: none !important;}
.box-tab-popup {/* clear: both; */margin-bottom: 25px !important;background: #fff;/* box-shadow: 0 0 16px 0 #f3f3f3; *//* padding: 50px; */border-radius: 0;border: 1px solid #eaeaea;}
ul.tabs-icon li a i { margin-left: 10px; font-size: 20px; vertical-align: middle; color: #9e9e9e; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
ul.tabs-icon li a:hover i, ul.tabs-icon-top li a:hover i { color: #f00; }
ul.tabs-icon > li.active > a i, ul.tabs-icon > li.active > a:focus i, ul.tabs-icon > li.active > a:hover i { color: #f00; }
ul.tabs-icon li a, ul.tabs-icon-top li a {background-image: none;background-color: #f9f9f9;}
    ul.tabs-icon-top li a i { display: block; color: #9e9e9e; text-align: center; font-size: 20px; margin-bottom: 10px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
ul.tabs-icon-top > li.active > a i, ul.tabs-icon-top > li.active > a:focus i, ul.tabs-icon-top > li.active > a:hover i { color: #f00; }
.tab-pane .panel-body {
    padding: 15px 0;
}
.hours-icon {
    margin-left: 10px;
}
.responsive-tabs li a img {
    max-width: 40px;
    margin-bottom: 4px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.browser-content img.browser-icon {
    width: 32px;
    margin-left: 10px;
}
.browser-content span.browser-text {
    width: 7%;
    display: inline-block;
    text-align: right;
}
.icon-user-stats img {
    max-width: 62px;
}

.icon-user-stats {
    text-align: center;
}

.title-user-stats h3 {
    margin: 5px 0 0px 0;
    color: #000;
}

.content-user-stats {
    border-radius:5px;
    border: 1px solid #f2f3f7;
    background: #fbfbfd;
    margin-bottom: 30px;
    overflow: hidden;
}
.head-user-stats {
    padding: 15px;
}

.name-user-stats {
    background: #f2f3f7;
    padding: 15px 30px 15px 40px;
    color: #000;
    font-size: 14px;
}

.name-user-stats ul {
    margin: 0;
    padding: 0;
}

.list-user-stats ul {
    margin: 0;
}
.content-list-user-stats {
    padding: 0 30px;
}

.content-list-user-stats ul {
    background: #fbfbfd;
    margin-bottom: 10px;
    padding: 15px 0;
    border-radius: 5px;
    border: 1px solid #f2f3f7;
    color: #000;
}

.list-user-stats {
    padding: 10px 0;

    background: #fff;
}

.table-responsive .progress {
    margin-bottom: 0;
}
.table-responsive table tr th {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

.table-responsive table tr td {
    font-size: 13px;
    color: #777;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}
.table-responsive table tr:last-child td {
    padding-bottom: 0 !important;
}

.content-list-user-stats .progress { margin-bottom:0;}
.content-list-user-stats .progress .progress-bar {
background-color:#ea3939;
}

.content-list-user-stats .progress span {
    display: block;
    text-align: center;
    color: #000;
    width: 100%;
    padding: 0 5px;
}



/*progress*/




/*stats pane*/
.stats-pane {
    margin-bottom: 30px;
}
.stats-pane ul {
    margin: 0 -15px;
}

.stats-pane ul li {
    position:relative;
    width: 20%;
    float: right;
    padding: 0 15px;
    list-style-type:none;
}

.stats-content {
    display: flex;
    min-height: 111px;
    padding: 15px;
    color: #fff;
}
.stats-pane {
    margin-bottom: 30px;
}

.icon-stats i {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 35px;
    margin-left: 10px;
    position: relative;
    z-index: 5;
}

.text-stats span {
    display: block;
    font-size: 15px;
    line-height: 20px;
    /* margin-bottom: 5px; */
}
span.click-total-view {
    font-size: 11px;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.39);
    width: 100%;
    padding-top: 5px;
}
.text-stats {
    width: 100%;
}

.text-stats span:nth-child(2) {
    margin-bottom: 5px;
}
.text-stats span:first-child {margin-top: 5px;font-weight: bold;font-size: 23px;margin-bottom: 5px;}
.icon-stats:after{content:"";width: 70px;height: 70px;background: rgba(255, 255, 255, 0.39);position:absolute;left: 40px;top: 30px;border-radius:50%;transform: translate(-50%,-50%);}
.icon-stats{position:relative;}
.stats-content.bg-color1 {
    background: #3ce3dc; /* Old browsers */
    background: -moz-linear-gradient(left, #3ce3dc 0%, #14c9da 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #3ce3dc 0%,#14c9da 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #3ce3dc 0%,#14c9da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ce3dc', endColorstr='#14c9da',GradientType=1 ); /* IE6-9 */
}
.icon-stats.icon-color1 i {
    background: #27aee6; /* Old browsers */
    background: -moz-linear-gradient(left, #27aee6 0%, #1ac9dc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #27aee6 0%,#1ac9dc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #27aee6 0%,#1ac9dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27aee6', endColorstr='#1ac9dc',GradientType=1 ); /* IE6-9 */
}
.stats-content.bg-color2 {
    background: #5ceca7; /* Old browsers */
    background: -moz-linear-gradient(left, #5ceca7 0%, #1cd8a5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5ceca7 0%,#1cd8a5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5ceca7 0%,#1cd8a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ceca7', endColorstr='#1cd8a5',GradientType=1 ); /* IE6-9 */
}

.icon-stats.icon-color2 i {
    background: #17c3c7; /* Old browsers */
    background: -moz-linear-gradient(left, #17c3c7 0%, #13deb3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #17c3c7 0%,#13deb3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #17c3c7 0%,#13deb3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c3c7', endColorstr='#13deb3',GradientType=1 ); /* IE6-9 */
}
.stats-content.bg-color3 {
    background: #ffd05c; /* Old browsers */
    background: -moz-linear-gradient(left, #ffd05c 0%, #ffaf5a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffd05c 0%,#ffaf5a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffd05c 0%,#ffaf5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd05c', endColorstr='#ffaf5a',GradientType=1 ); /* IE6-9 */
}

.icon-stats.icon-color3 i {
    background: #fa8774; /* Old browsers */
    background: -moz-linear-gradient(left, #fa8774 0%, #fea55f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fa8774 0%,#fea55f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fa8774 0%,#fea55f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa8774', endColorstr='#fea55f',GradientType=1 ); /* IE6-9 */
}
 .stats-content.bg-color4 {
    background: #8ea6fc; /* Old browsers */
    background: -moz-linear-gradient(left, #8ea6fc 0%, #8e7dfd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #8ea6fc 0%,#8e7dfd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #8ea6fc 0%,#8e7dfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ea6fc', endColorstr='#8e7dfd',GradientType=1 ); /* IE6-9 */
}

.icon-stats.icon-color4 i {
background: #a06ae2; /* Old browsers */
background: -moz-linear-gradient(left, #a06ae2 0%, #8d83f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a06ae2 0%,#8d83f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a06ae2 0%,#8d83f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a06ae2', endColorstr='#8d83f6',GradientType=1 ); /* IE6-9 */
}
.stats-content.bg-color5 {
background: #46ebe4; /* Old browsers */
background: -moz-linear-gradient(left, #46ebe4 0%, #08cee8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #46ebe4 0%,#08cee8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #46ebe4 0%,#08cee8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46ebe4', endColorstr='#08cee8',GradientType=1 ); /* IE6-9 */
}
.icon-stats.icon-color5 i{
background: #22b5eb; /* Old browsers */
background: -moz-linear-gradient(left, #22b5eb 1%, #07d1e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #22b5eb 1%,#07d1e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #22b5eb 1%,#07d1e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b5eb', endColorstr='#07d1e9',GradientType=1 ); /* IE6-9 */
}



@media handheld, only screen and (max-width: 767px) {
.stats-pane ul li {
    width: 100%;
    float: none;
    margin-bottom: 5px;
}  

}