/*Tabs*/
.table > thead:first-child > tr:first-child > th { border-top: 0; }
.main-user-stats .nav { padding-right: 0; margin-bottom: 0; list-style: none; }
    .main-user-stats .nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.main-user-stats .nav-tabs > li { float: left; margin-bottom: -1px; }
.rtl .main-user-stats .nav-tabs > li { float: right; margin-bottom: -1px; }
.main-user-stats th.col-sm-3 { width: 25%; }



.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: left; padding: 0 15px; list-style-type: none; }
.rtl .stats-pane ul li { float: right; }
.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-right: 10px; position: relative; z-index: 5; }
.rtl .icon-stats i { margin-left: 10px; }
.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; display: inline-block; }
.text-stats { width: 100%; z-index: 9; }

    .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: 30px; top: 30px; border-radius: 50%; transform: translate(-50%,-50%); }
.rtl .icon-stats:after { left: 40px; }
.icon-stats { position: absolute; left: -18px; bottom: -8px; }
.rtl .icon-stats { left: -18px; right: auto; }
.icon-stats { position: absolute; right: -18px; left: auto; bottom: -8px; }
.stats-content { position: relative; overflow: hidden; }
    .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: 425px) {
    div.stats-pane ul li { width: 100%; }
    .main-user-stats .tab-content a > img { max-width: 45px; margin-left: 10px; }
    .main-user-stats .tab-content a { font-size: 14px; background: #eae9e9; color: #000; }
}

@media handheld, only screen and (max-width: 768px) {
    .stats-pane { padding: 15px; margin-bottom: 10px; }
        .stats-pane ul li { width: 50%; float: none; margin-bottom: 30px; }
    .main-user-stats { padding: 15px }
}